:root{--primary:#6c4cf1;--primary-d:#4f33c7;--accent:#ff9f1c;--accent-d:#d97f05;--ok:#22c272;--ok-d:#149a57;--ok-bg:#dcf8e9;--bad:#ff5a5f;--bad-d:#d63a40;--bad-bg:#ffe3e4;--xp:#ffc93c;--bg:#f4f1ff;--card:#fff;--text:#1f1a3d;--muted:#6d6893;--line:#e4defb;--chip:#efeaff;--you:#6c4cf1;--them:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#14112a;--card:#221d42;--text:#f4f1ff;--muted:#a8a1d6;--line:#342d63;--chip:#2d2756;--them:#2b2552;--ok-bg:#12382a;--bad-bg:#42191d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}h1{margin:0;font-size:28px;font-weight:800}.app{flex-direction:column;min-height:100dvh;display:flex}.main{padding-bottom:calc(84px + env(safe-area-inset-bottom));flex:1}.screen{max-width:560px;padding:calc(14px + env(safe-area-inset-top)) 16px 24px;margin:0 auto}.header{justify-content:space-between;align-items:center;min-height:40px;margin-bottom:14px;display:flex}.header-pills{gap:8px;display:flex}.pill{background:var(--card);border:2px solid var(--line);border-radius:999px;padding:6px 12px;font-weight:800}.pill-fire{color:var(--accent)}.pill-xp{color:var(--accent-d)}.back{color:var(--primary);background:0 0;border:none;padding:4px 0;font-size:18px;font-weight:700}.tabbar{background:var(--card);border-top:2px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-weight:700;display:flex}.tab-icon{filter:grayscale(.8);opacity:.75;font-size:22px}.tab-label{font-size:12px}.tab-on{color:var(--primary);background:var(--chip)}.tab-on .tab-icon{filter:none;opacity:1}.card{background:var(--card);border:2px solid var(--line);border-radius:20px;margin-bottom:14px;padding:16px}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:18px 0 10px;font-size:15px;font-weight:800}.card .section-title{margin-top:0}.note{color:var(--muted);margin:8px 0;font-size:15px;line-height:1.4}.note.warn{color:var(--bad-d)}.center{text-align:center}.btn{letter-spacing:.02em;color:#fff;border:none;border-radius:16px;padding:14px 20px;font-size:17px;font-weight:800;transition:transform 60ms,box-shadow 60ms}.btn:active:not(:disabled){transform:translateY(3px)}.btn:disabled{opacity:.45;cursor:default}.btn-wide{width:100%}.btn-small{border-radius:13px;padding:9px 14px;font-size:15px}.btn-primary{background:var(--primary);box-shadow:0 4px 0 var(--primary-d)}.btn-accent{background:var(--accent);box-shadow:0 4px 0 var(--accent-d)}.btn-success{background:var(--ok);box-shadow:0 4px 0 var(--ok-d)}.btn-danger{background:var(--bad);box-shadow:0 4px 0 var(--bad-d)}.btn-ghost{background:var(--card);color:var(--primary);border:2px solid var(--line);box-shadow:0 3px 0 var(--line)}.btn-plain{color:var(--muted);box-shadow:none;background:0 0}.btn:active:not(:disabled).btn-primary,.btn:active:not(:disabled).btn-accent,.btn:active:not(:disabled).btn-success,.btn:active:not(:disabled).btn-danger{box-shadow:0 1px #00000040}.plan{background:linear-gradient(135deg, var(--primary), #9b6bff);color:#fff;box-shadow:0 6px 0 var(--primary-d);border-radius:24px;margin-bottom:10px;padding:18px}.plan-row{align-items:center;gap:10px;margin-bottom:10px;font-size:18px;font-weight:700;display:flex}.plan-icon{font-size:26px}.plan-sub{opacity:.8;font-size:15px;font-weight:500}.plan-time{opacity:.85;margin:4px 0 14px;font-weight:600}.topic-list,.lesson-list{flex-direction:column;gap:10px;display:flex}.topic-row,.lesson-row{background:var(--card);border:2px solid var(--line);text-align:left;box-shadow:0 4px 0 var(--line);border-radius:20px;align-items:center;gap:14px;padding:14px;display:flex}.topic-row:active,.lesson-row:active:not(:disabled){transform:translateY(2px)}.topic-locked,.lesson-locked{opacity:.55;box-shadow:none}.topic-exam{border-style:dashed}.topic-emoji{text-align:center;width:44px;font-size:34px}.topic-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.topic-title{font-size:18px;font-weight:800}.topic-sub{color:var(--muted);font-size:14px}.topic-state{font-size:22px}.mini-progress{background:var(--chip);border-radius:99px;height:8px;margin-top:4px;overflow:hidden}.mini-progress span{background:var(--ok);border-radius:99px;height:100%;display:block}.topic-hero{text-align:center;margin-bottom:16px}.topic-hero-emoji{font-size:64px;animation:.4s pop}.lesson-circle{background:var(--chip);border:3px solid var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.lesson-done{background:var(--ok);border-color:var(--ok-d);color:#fff;font-weight:900}.player{max-width:560px;min-height:100dvh;padding:calc(10px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.player-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.close{color:var(--muted);background:0 0;border:none;padding:6px;font-size:22px}.progress{background:var(--chip);border-radius:99px;flex:1;height:16px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--ok), #5ee3a0);border-radius:99px;height:100%;transition:width .4s}.xp-pill{color:var(--accent-d);font-weight:800}.tag-extra{background:var(--chip);color:var(--primary);border-radius:99px;align-self:flex-start;margin-bottom:6px;padding:5px 10px;font-size:13px;font-weight:700}.player-body{flex-direction:column;flex:1;animation:.25s ease-out slide-in;display:flex}.ex{flex-direction:column;flex:1;gap:12px;padding-bottom:150px;display:flex}.ex-label{font-size:22px;font-weight:800;line-height:1.25}.ex-sub{color:var(--muted);font-size:16px}.ex-sub.big{color:var(--text);font-size:22px;font-weight:600}.ex-row{flex-wrap:wrap;gap:8px;display:flex}.ex-bottom{padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 25%);z-index:5;flex-direction:column;gap:8px;max-width:560px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.phrase-card{background:var(--card);border:2px solid var(--line);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:12px;padding:20px;animation:.3s pop;display:flex}.phrase-en{font-size:26px;font-weight:800;line-height:1.25}.phrase-ru{color:var(--muted);font-size:18px}.speaker{vertical-align:middle;gap:8px;display:inline-flex}.spk{border:2px solid var(--line);background:var(--card);width:46px;height:42px;box-shadow:0 3px 0 var(--line);border-radius:14px;font-size:20px}.speaker-big .spk{background:var(--primary);border-color:var(--primary-d);width:76px;height:64px;box-shadow:0 5px 0 var(--primary-d);border-radius:20px;font-size:32px}.speaker-big .spk-slow{background:var(--card);border-color:var(--line);width:64px;box-shadow:0 5px 0 var(--line);font-size:26px}.spk-on{animation:.8s infinite pulse}.spk-inline{vertical-align:middle;width:30px;height:26px;box-shadow:none;border-radius:9px;margin-left:6px;padding:0;font-size:14px}.listen-box{justify-content:center;padding:16px 0;display:flex}.options{flex-direction:column;gap:10px;display:flex}.option{border:2px solid var(--line);background:var(--card);text-align:left;box-shadow:0 4px 0 var(--line);border-radius:18px;padding:16px;font-size:18px;font-weight:700}.option:active{transform:translateY(2px)}.opt-ok{border-color:var(--ok);background:var(--ok-bg);box-shadow:0 4px 0 var(--ok)}.opt-bad{border-color:var(--bad);background:var(--bad-bg);box-shadow:0 4px 0 var(--bad);animation:.35s shake}.gap-sentence{padding:10px 0;font-size:24px;font-weight:700;line-height:1.6}.gap-slot{text-align:center;border-bottom:3px solid var(--primary);min-width:70px;color:var(--primary);padding:0 6px;display:inline-block}.gap-ok{color:var(--ok-d);border-color:var(--ok)}.gap-bad{color:var(--bad-d);border-color:var(--bad)}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border:2px solid var(--line);background:var(--card);box-shadow:0 3px 0 var(--line);border-radius:14px;padding:10px 18px;font-size:18px;font-weight:700}.chip-on{border-color:var(--primary);background:var(--chip);color:var(--primary)}.chip-static{box-shadow:none;padding:6px 12px;font-size:15px}.build-answer{border-bottom:2px solid var(--line);border-top:2px solid var(--line);flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:112px;padding:12px 0;display:flex}.build-placeholder{color:var(--muted)}.build-pool{flex-wrap:wrap;justify-content:center;gap:8px;padding-top:6px;display:flex}.tile{border:2px solid var(--line);background:var(--card);box-shadow:0 3px 0 var(--line);border-radius:12px;padding:9px 13px;font-size:18px;font-weight:700}.tile-in{animation:.2s pop}.tile-used{color:#0000;background:var(--chip);box-shadow:none}.input{border:2px solid var(--line);background:var(--card);width:100%;color:var(--text);font:inherit;border-radius:14px;padding:12px 14px;font-size:18px}.input:focus{border-color:var(--primary);outline:none}.marks{font-size:20px;font-weight:700;line-height:1.5}.mk-ok{color:var(--ok-d)}.mk-bad{color:var(--bad);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.heard{color:var(--muted);font-style:italic}.mic-wrap{flex-direction:column;gap:8px;display:flex}.mic{background:var(--accent);color:#fff;box-shadow:0 5px 0 var(--accent-d);border:none;border-radius:20px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:17px;font-weight:800;display:flex}.mic-icon{font-size:26px}.mic-on{background:var(--bad);box-shadow:0 5px 0 var(--bad-d);animation:1s infinite pulse}.interim{background:var(--chip);border-radius:14px;min-height:44px;padding:10px 14px;font-size:18px}.words-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.word-tile{border:2px solid var(--line);background:var(--card);box-shadow:0 4px 0 var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.word-tile:active{transform:translateY(2px)}.word-emoji{font-size:40px}.word-en{font-size:19px;font-weight:800}.word-ru{color:var(--muted);font-size:15px}.rule-card{background:var(--card);border:2px solid var(--accent);border-radius:20px;padding:16px;line-height:1.45}.rule-card p{margin:8px 0}.rule-title{font-size:19px;font-weight:800}.rule-examples{flex-direction:column;gap:10px;margin-top:12px;display:flex}.rule-ex{align-items:center;gap:10px;display:flex}.rule-en{font-weight:700}.rule-ru{color:var(--muted);font-size:15px}.chat{flex-direction:column;gap:8px;display:flex}.bubble{text-align:left;border:2px solid #0000;border-radius:20px;flex-direction:column;gap:3px;max-width:86%;padding:10px 14px;animation:.25s pop;display:flex}.bubble-them{background:var(--them);border-color:var(--line);border-bottom-left-radius:6px;align-self:flex-start}.bubble-you{background:var(--you);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.bubble-bad{background:var(--bad-bg);color:var(--text);border-color:var(--bad)}.bubble-active{border-color:var(--accent);box-shadow:0 0 0 3px #ff9f1c59}.bubble-who{opacity:.7;text-transform:uppercase;font-size:12px;font-weight:800}.bubble-en{font-size:17px;font-weight:700}.bubble-ru{opacity:.75;font-size:14px}.recast{border-top:1px dashed #ffffff80;margin-top:4px;padding-top:4px;font-size:14px}.bubble-bad .recast{border-color:var(--bad);color:var(--ok-d);font-weight:700}.your-turn{background:var(--card);border:2px dashed var(--primary);border-radius:20px;flex-direction:column;gap:10px;padding:14px;display:flex}.your-hint{color:var(--primary);font-weight:800}.hint-box{background:var(--chip);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:flex}.type-answer{gap:8px;display:flex}.fluency-prompt{font-size:20px;font-weight:700}.hints{flex-wrap:wrap;gap:6px;display:flex}.rounds{gap:8px;display:flex}.round{border:2px solid var(--line);text-align:center;background:var(--card);border-radius:16px;flex:1;padding:10px}.round-on{border-color:var(--accent)}.round-done{background:var(--ok-bg);border-color:var(--ok)}.round-sec{font-size:20px;font-weight:800}.round-words{color:var(--muted);min-height:18px;font-size:14px}.timer{text-align:center;color:var(--accent);font-size:72px;font-weight:900}.sheet{padding:18px 16px calc(18px + env(safe-area-inset-bottom));z-index:20;border-radius:24px 24px 0 0;flex-direction:column;gap:10px;max-width:560px;margin:0 auto;animation:.22s ease-out slide-up;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet-ok{background:var(--ok-bg);color:var(--ok-d)}.sheet-bad{background:var(--bad-bg);color:var(--bad-d)}.sheet-title{font-size:22px;font-weight:900}.sheet-correct{color:var(--text);font-size:18px;font-weight:700}.modal{z-index:30;background:#140f328c;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg);width:100%;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;flex-direction:column;gap:12px;max-width:560px;max-height:90dvh;margin:0 auto;animation:.25s ease-out slide-up;display:flex;overflow:auto}.modal-title{font-size:20px;font-weight:800}.summary{text-align:center;padding-top:calc(40px + env(safe-area-inset-top));align-items:center;gap:14px}.summary-emoji{font-size:90px;animation:.5s pop}.summary-stats{gap:12px;width:100%;display:flex}.stat{background:var(--card);border:2px solid var(--line);border-radius:20px;flex:1;padding:14px}.stat-num{color:var(--primary);font-size:30px;font-weight:900}.stat-label{color:var(--muted);font-size:14px}.summary-mistakes{text-align:left;width:100%}.mistake{background:var(--card);border:2px solid var(--line);border-radius:16px;margin-bottom:8px;padding:10px 14px}.mistake-skill{color:var(--muted);font-size:13px;font-weight:700}.mistake-bad{color:var(--bad-d);text-decoration:line-through}.mistake-ok{color:var(--ok-d);font-weight:700}.new-badges,.badges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.badges{justify-content:flex-start}.badge{background:var(--card);border:2px solid var(--xp);border-radius:99px;padding:8px 14px;font-weight:700}.badge-new{color:#6b4d00;background:#fff6d6;animation:.5s pop}.badge-off{border-color:var(--line);opacity:.45;filter:grayscale()}.us-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.person{text-align:center;margin-bottom:0}.person-empty{border-style:dashed}.person-avatar{font-size:44px}.person-name{margin-bottom:8px;font-size:18px;font-weight:800}.person-stats{flex-direction:column;gap:8px;display:flex}.person-stats div{flex-direction:column;display:flex}.person-stats span{color:var(--muted);font-size:13px}.weak-head{justify-content:space-between;gap:8px;display:flex}.weak-title{font-weight:800}.weak-count{color:var(--muted);white-space:nowrap;font-size:14px}.weak-bar{background:var(--chip);border-radius:99px;height:10px;margin:10px 0 4px;overflow:hidden}.weak-bar span{border-radius:99px;height:100%;display:block}.weak-card .rule-card{margin-top:10px}.field{flex-direction:column;gap:6px;margin:10px 0;font-weight:700;display:flex}.toggle{align-items:center;gap:10px;margin-top:10px;font-weight:700;display:flex}.toggle input{width:22px;height:22px;accent-color:var(--primary)}.diag{flex-direction:column;gap:6px;margin-bottom:12px;font-weight:600;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.talk-card{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:16px}.talk-role{margin-bottom:6px;font-weight:700}.talk-summary{margin:0 0 6px;font-size:18px;font-weight:700}.goals{margin:0;padding-left:20px;line-height:1.6}.talk-goals{background:var(--card);border:2px solid var(--line);border-radius:14px;padding:8px 12px;font-size:15px}.talk-goals summary{color:var(--primary);font-weight:700}.talk{padding-bottom:240px}.talk-controls{gap:10px}.talk-row{align-items:center}.talk-row .mic-wrap{flex:1}.mic-small{background:var(--card);color:var(--text);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:13px;padding:9px 12px;font-size:15px}.mic-small .mic-icon{display:none}.bubble-tools{align-items:center;gap:4px;margin-top:4px;display:flex}.bubble-tools .spk-inline{margin-left:0}.link-btn{color:var(--primary);background:0 0;border:none;padding:2px 6px;font-size:14px;font-weight:700;text-decoration:underline}.typing{letter-spacing:3px;font-size:24px;animation:1s infinite pulse}.hint-list{flex-direction:column;align-self:flex-end;gap:8px;width:86%;display:flex}.hint-list .hint-box{border:2px dashed var(--primary);text-align:left}.diag-log,.diag-ua{color:var(--muted);word-break:break-word;font-family:ui-monospace,Menlo,monospace;font-size:12px}