:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand:#16a566;--brand-deep:#0b7f4e;--brand-shadow:#08663f;--sky:#3b82f6;--sky-deep:#1d5fc1;--violet:#7c5ce7;--violet-deep:#5c3fbd;--gold:#f3b72b;--gold-deep:#a86905;--gold-strong:#9c6205;--rose:#e95368;--rose-deep:#b12e43;--brand-text:#0b7f4e;--rose-text:#b12e43;--flame:#ed7a3b;--bg:#f4f7fb;--bg-2:#edf2f7;--surface:#fff;--surface-2:#f8fafc;--line:#e2e8f0;--line-strong:#cbd5e1;--ink:#101a33;--ink-2:#475467;--hint:#667085;--ring-track:#e4eaf1;--radius:16px;--radius-sm:12px;--shadow-card:0 1px 2px #1018280a;--shadow-pop:0 14px 32px #10182824;--shadow-nav:0 -8px 24px #1018280d;--shadow-action:0 8px 24px #0b7f4e2e;--shadow-switch:0 1px 3px #10182833;--modal-backdrop:#0b121c80;--tg-bg:var(--bg);--tg-text:var(--ink);--tg-hint:var(--hint);--tg-secondary-bg:var(--surface);--tg-button:var(--brand);--tg-button-text:#fff;--tg-link:var(--sky-deep);--color-bg:var(--bg);--color-bg-sunk:var(--bg-2);--color-surface:var(--surface);--color-surface-2:var(--surface-2);--color-line:var(--line);--color-line-strong:var(--line-strong);--color-text:var(--ink);--color-text-2:var(--ink-2);--color-text-muted:var(--hint);--color-on-accent:#fff;--color-on-accent-soft:#ffffffe6;--color-on-accent-muted:#ffffffd9;--color-on-reward:#4a3300;--color-on-reward-strong:#3a2800;--color-on-reward-muted:#3a2800cc;--color-on-reward-eyebrow:#4a3300b3;--color-on-brand-dark:#08130b;--color-locked:#c3cbdb;--color-locked-shadow:#a7b1c4;--color-accent:var(--brand);--color-accent-strong:var(--brand-deep);--color-info:var(--sky);--color-info-strong:var(--sky-deep);--color-premium:var(--violet);--color-premium-strong:var(--violet-deep);--color-reward:var(--gold);--color-reward-strong:var(--gold-deep);--color-success:var(--brand);--color-warning:var(--gold);--color-danger:var(--rose);--color-danger-strong:var(--rose-deep);--gradient-hero:linear-gradient(135deg, #ecfdf5 0%, #eff6ff 100%);--gradient-hero-highlight:radial-gradient(300px 160px at 90% 10%, #ffffff59, transparent 60%);--gradient-lesson:linear-gradient(135deg, #eafaf3, #eef6ff);--gradient-practice:linear-gradient(135deg, #f3efff, #eef6ff);--gradient-speaking:linear-gradient(135deg, #f7f3ff, #fff4f5);--gradient-tutor:linear-gradient(135deg, #5c3fbd, #7c5ce7);--gradient-video:linear-gradient(135deg, #4c3fa5, #356fc5);--gradient-reward:linear-gradient(135deg, #fff7dd, #fff2e8);--gradient-boss:linear-gradient(135deg, #5c3fbd, #8a466f);--color-shadow-button:#0000002e;--shadow-brand-glow:0 6px 14px #35c75966;--shadow-drop:drop-shadow(0 8px 16px #00000040);--shadow-drop-small:drop-shadow(0 4px 8px #00000040);--shadow-inset-progress:inset 0 -4px 0 #0000001f;--shadow-inset-progress-soft:inset 0 -4px 0 #0000001a;--shadow-reward-glow:0 4px 10px #ff8a3d66;--shadow-premium-glow-off:0 5px 0 var(--violet-deep), 0 0 0 #a26bff00;--shadow-premium-glow-on:0 5px 0 var(--violet-deep), 0 0 22px #a26bff8c;--shadow-desktop:0 40px 100px #17203a52, inset 0 1px 0 #fff9;--shadow-desktop-deep:0 50px 120px #17203a5c, inset 0 1px 0 #fff9;--mascot-body-start:#ff9a4d;--mascot-body-end:#ff7a1a;--mascot-blush:#ff5a7a;--mascot-ear:#3a2a4d;--mascot-face:#fff3e6;--mascot-ink:#2a2340;--mascot-highlight:#fff;--mascot-sparkle:#ffc800;--confetti-green:#58cc02;--confetti-sky:#1cb0f6;--confetti-gold:#ffc800;--confetti-red:#ff4b4b;--confetti-violet:#ce82ff;--confetti-orange:#ff9600;--confetti-mint:#2fd6a6;--type-caption:.6875rem;--type-meta:.75rem;--type-body-sm:.8125rem;--type-body:.875rem;--type-label:.9375rem;--type-action:1rem;--type-title-sm:1.125rem;--type-title:1.25rem;--type-heading:1.375rem;--type-display-sm:1.625rem;--type-display:3.5rem;--leading-tight:1.15;--leading-snug:1.25;--leading-body:1.4;--leading-relaxed:1.5;--state-correct:var(--brand);--state-partial:var(--gold);--state-wrong:var(--rose);--state-retry:var(--flame);--state-hint:var(--gold);--state-locked:var(--line-strong);--state-new:var(--sky);--state-due:var(--flame);--state-weak:var(--rose);--state-mastered:var(--gold);--state-offline:var(--hint);--state-error:var(--rose-deep);--focus-ring:var(--sky);--ease-spring:cubic-bezier(.2, 1.4, .4, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-reduced:.001ms;--dur-press:60ms;--dur-fast:.12s;--dur-base:.2s;--dur-enter:.3s;--dur-slow:.5s;--dur-progress:.8s;--dur-loop-fast:1.2s;--dur-loop:1.8s;--dur-loop-slow:2.4s;--space-0:0;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-xs:8px;--radius-md:16px;--radius-lg:24px;--radius-frame:34px;--radius-pill:999px;--elevation-1:var(--shadow-card);--elevation-2:var(--shadow-pop);--elevation-frame:var(--shadow-desktop);--z-raised:2;--z-sticky:20;--z-nav:30;--z-modal:60;--z-result:61;--z-toast:80;--z-celebration:90;--app-content-max:480px;--app-frame-width:424px;--app-frame-height:908px;--tg-safe-top:0px;--tg-safe-bottom:0px;--tg-content-safe-top:0px;--tg-content-safe-bottom:0px;--safe-top:calc(max(env(safe-area-inset-top), var(--tg-safe-top)) + var(--tg-content-safe-top));--safe-bottom:calc(max(env(safe-area-inset-bottom), var(--tg-safe-bottom)) + var(--tg-content-safe-bottom));--app-shell-bottom:calc(84px + var(--safe-bottom));--app-safe-top:max(var(--space-2-5), var(--safe-top));--app-safe-bottom:max(var(--space-4), var(--safe-bottom));--tap-min:44px;font-family:Manrope,Onest,Segoe UI Variable,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1420;--bg-2:#0b0f18;--surface:#171d2b;--surface-2:#1e2536;--line:#262f42;--line-strong:#33405b;--ink:#eef2fb;--ink-2:#b6c0d6;--hint:#8b95ac;--ring-track:#262f42;--shadow-card:0 10px 30px #0006;--shadow-pop:0 18px 44px #00000080;--color-locked:#333c52;--color-locked-shadow:#232b3d;--brand-text:#68dfa7;--rose-text:#ff93a4}:root[data-scheme=dark] .plan-mode.is-active{background:var(--brand);border-color:var(--brand);color:var(--color-on-brand-dark)}:root[data-scheme=dark] .error,:root[data-scheme=dark] .speak-error{color:var(--rose-text)}:root[data-scheme=dark] .boss-kind{color:var(--violet)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;min-width:0}body{min-height:var(--app-vh,100dvh);background:radial-gradient(1200px 600px at 50% -10%, var(--bg-2), var(--bg)) fixed;color:var(--ink);overscroll-behavior-y:none;margin:0;overflow-x:hidden}#root{width:100%}button,input,textarea{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-weight:800}.app-shell{width:min(100%, var(--app-content-max));min-height:var(--app-vh,100dvh);padding:var(--app-safe-top) var(--space-4) var(--app-shell-bottom);margin:0 auto;position:relative}.app-shell__content{min-width:0}.app-shell--fullscreen{padding:0}.app-shell--fullscreen .app-shell__content{min-height:calc(var(--app-vh,100dvh) - var(--app-keyboard,0px));max-height:calc(var(--app-vh,100dvh) - var(--app-keyboard,0px))}.appbar{z-index:var(--z-sticky);background:linear-gradient(var(--bg) 72%, transparent);justify-content:space-between;align-items:center;gap:10px;padding:8px 2px 14px;display:flex;position:-webkit-sticky;position:sticky;top:0}.brand-mark{font-weight:900;font-size:var(--type-title);letter-spacing:-.02em;align-items:center;gap:8px;display:flex}.home-state{margin:0 0 var(--space-1)}.home-state h2{margin:var(--space-0-5) 0 0;font-size:var(--type-heading);line-height:var(--leading-tight)}.appbar-actions{align-items:center;gap:var(--space-2);display:flex}.appbar-settings{flex:0 0 var(--tap-min);min-width:var(--tap-min);width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-pill);color:var(--color-text-2);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.appbar-settings:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.brand-mark .dot{border-radius:var(--radius-xs);background:linear-gradient(135deg, var(--brand), var(--sky));width:30px;height:30px;color:var(--color-on-accent);box-shadow:var(--shadow-brand-glow);place-items:center;display:grid}.topstats{align-items:center;gap:8px;display:flex}.stat{font-weight:900;font-size:var(--type-body);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-card);align-items:center;gap:4px;padding:5px 9px;display:inline-flex}.stat--level{color:var(--color-on-accent);background:linear-gradient(135deg, var(--violet), var(--sky));justify-content:center;min-width:30px}.stack{gap:var(--space-3);display:grid}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--elevation-1)}.eyebrow{color:var(--hint);font-size:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-weight:900}.hint,.note{color:var(--hint);font-weight:600;line-height:1.5}.error{color:var(--rose-deep);font-weight:700}.cta{--c:var(--brand);--cs:var(--brand-shadow);border-radius:var(--radius-md);background:var(--c);color:var(--color-on-accent);font-weight:900;font-size:var(--type-action);letter-spacing:.02em;box-shadow:0 5px 0 var(--cs);transition:transform var(--dur-press) ease, box-shadow var(--dur-press) ease, filter var(--dur-fast) ease;cursor:pointer;text-transform:uppercase;border:0;padding:15px 20px}.cta:disabled{filter:grayscale(.5);opacity:.55;box-shadow:0 5px 0 var(--cs)}.cta--sky{--c:var(--sky);--cs:var(--sky-deep)}.cta--gold{--c:var(--gold);--cs:var(--gold-deep);color:var(--color-on-reward)}.cta--violet{--c:var(--violet);--cs:var(--violet-deep)}.cta--rose{--c:var(--rose);--cs:var(--rose-deep)}.cta--ghost{background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--line-strong);border:1px solid var(--line)}.ghost-icon{color:var(--hint);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:0;padding:6px}.ghost-icon:active{background:var(--surface-2)}.icon-button{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);width:40px;height:40px;color:var(--ink-2);box-shadow:var(--shadow-card);cursor:pointer;place-items:center;display:grid}.text-button{color:var(--sky-deep);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.hero{border-radius:var(--radius-lg);color:var(--color-on-accent);background:var(--gradient-hero);box-shadow:var(--shadow-pop);padding:20px;position:relative;overflow:hidden}.hero:after{content:"";background:var(--gradient-hero-highlight);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hero h2{font-size:var(--type-heading);max-width:74%;margin:4px 0 6px;line-height:1.15}.hero p{color:var(--color-on-accent-soft);max-width:78%;font-weight:700;font-size:var(--type-body-sm);margin:0 0 14px}.hero .hero-mascot{filter:var(--shadow-drop);position:absolute;bottom:-6px;right:6px}.hero .cta{--c:var(--color-on-accent);--cs:var(--color-shadow-button);color:var(--sky-deep);z-index:var(--z-raised);position:relative}.goal-card{align-items:center;gap:16px;display:flex}.goal-card .goal-copy{gap:2px;display:grid}.goal-card .goal-copy b{font-size:var(--type-action)}.ring{flex:none;place-items:center;display:grid;position:relative}.ring-progress{transition:stroke-dashoffset var(--dur-progress) var(--ease-out)}.ring-center{text-align:center;place-items:center;font-weight:900;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ring-center small{font-size:var(--type-caption);color:var(--hint);text-transform:uppercase;font-weight:800;display:block}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:var(--space-4);text-align:left;box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--dur-fast) ease;gap:4px;display:grid}.tile:active{transform:scale(.97)}.tile .tile-ico{border-radius:var(--radius-xs);width:34px;height:34px;color:var(--color-on-accent);place-items:center;margin-bottom:4px;display:grid}.tile b{font-size:var(--type-heading);overflow-wrap:anywhere}.tile span{font-size:var(--type-meta);color:var(--hint);overflow-wrap:anywhere;font-weight:800}.bg-flame{background:linear-gradient(135deg, var(--flame), var(--rose))}.bg-sky{background:linear-gradient(135deg, var(--sky), var(--sky-deep))}.bg-gold{background:linear-gradient(135deg, var(--gold), var(--gold-deep))}.bg-violet{background:linear-gradient(135deg, var(--violet), var(--violet-deep))}.bg-green{background:linear-gradient(135deg, var(--brand), var(--brand-deep))}.section-title{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-1) 0 0;flex-wrap:wrap;display:flex}.section-title h2,.section-title h3{font-size:var(--type-action)}.path{padding:8px 0 4px;position:relative;overflow-x:clip}.path-node{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.path-row{justify-content:center;padding:8px 0;display:flex}.node-btn{width:74px;height:66px;color:var(--color-on-accent);cursor:pointer;box-shadow:0 8px 0 var(--nsh,var(--brand-shadow)), var(--shadow-card);transition:transform var(--dur-fast) ease, box-shadow var(--dur-fast) ease;background:var(--nc,var(--brand));border:0;border-radius:50%;place-items:center;font-weight:900;display:grid;position:relative}.node-btn:active{box-shadow:0 3px 0 var(--nsh,var(--brand-shadow));transform:translateY(5px)}.node-btn.locked{--nc:var(--color-locked);--nsh:var(--color-locked-shadow);color:var(--color-on-accent);cursor:default}.node-btn.done{--nc:var(--gold);--nsh:var(--gold-deep)}.node-btn.current:before{content:"START";background:var(--surface);color:var(--brand-deep);font-size:var(--type-caption);border-radius:var(--radius-xs);box-shadow:var(--shadow-card);animation:bob var(--dur-loop-fast) ease-in-out infinite;padding:4px 10px;font-weight:900;position:absolute;top:-30px}.node-btn.current:after{content:"";border:3px solid var(--brand);opacity:.4;animation:pulse var(--dur-loop) ease-out infinite;border-radius:50%;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.node-label{font-size:var(--type-meta);color:var(--ink-2);text-align:center;overflow-wrap:anywhere;max-width:120px;font-weight:800;line-height:1.2}.lesson{background:var(--bg);z-index:var(--z-modal);width:min(100%, var(--app-content-max));padding:max(12px, var(--safe-top)) 16px max(16px, var(--safe-bottom));flex-direction:column;margin:0 auto;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.lesson-head{align-items:center;gap:12px;padding:4px 0 14px;display:flex}.lesson-bar{border-radius:var(--radius-pill);background:var(--ring-track);flex:1;height:16px;overflow:hidden}.lesson-bar-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--brand), var(--sky));height:100%;transition:width var(--dur-slow) cubic-bezier(.22, 1, .36, 1);box-shadow:var(--shadow-inset-progress)}.lesson-count{color:var(--hint);align-items:center;gap:4px;font-weight:900;display:inline-flex}.lesson-body{flex:1;padding-top:6px;overflow-y:auto}.task-kind{color:var(--hint);font-weight:900;font-size:var(--type-meta);text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px}.task-prompt-row{align-items:center;gap:12px;margin-bottom:6px;display:flex}.task-prompt-row>.mascot,.task-prompt-row>.speak-btn{flex:none}.task-prompt{font-size:var(--type-heading);overflow-wrap:anywhere;min-width:0;font-weight:800;line-height:1.25}.task-sub{color:var(--hint);margin:0 0 8px;font-weight:700}.speak-btn{border-radius:var(--radius-md);background:var(--sky);width:64px;height:64px;color:var(--color-on-accent);box-shadow:0 5px 0 var(--sky-deep);cursor:pointer;border:0;flex:none;place-items:center;display:grid}.speak-btn:active{box-shadow:0 1px 0 var(--sky-deep);transform:translateY(4px)}.options{gap:10px;margin-top:18px;display:grid}.option{text-align:left;border:2px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-weight:800;font-size:var(--type-label);cursor:pointer;transition:transform var(--dur-press) ease, border-color var(--dur-fast) ease, background var(--dur-fast) ease;border-bottom-width:4px;align-items:center;gap:12px;padding:15px 16px;display:flex}.option:active{transform:scale(.99)}.option-key{border-radius:var(--radius-xs);border:2px solid var(--line-strong);width:24px;height:24px;font-size:var(--type-meta);color:var(--hint);flex:none;place-items:center;display:grid}.option.sel{border-color:var(--sky);background:color-mix(in srgb, var(--sky) 12%, var(--surface))}.option.sel .option-key{border-color:var(--sky);color:var(--sky-deep)}.option.ok{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 16%, var(--surface))}.option.no{border-color:var(--rose);background:color-mix(in srgb, var(--rose) 14%, var(--surface))}.answer-input{border:2px solid var(--line-strong);border-radius:var(--radius-md);width:100%;font-size:var(--type-action);background:var(--surface);margin-top:18px;padding:16px;font-weight:700}.answer-input:focus{border-color:var(--sky);outline:none}.wordbank{margin-top:18px}.wordbank-line{border-bottom:2px dashed var(--line-strong);flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:60px;margin-bottom:18px;padding-bottom:12px;display:flex}.wordbank-hint{color:var(--hint);align-self:center;font-weight:700}.wordbank-pool{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);cursor:pointer;border-bottom-width:4px;padding:10px 14px;font-weight:800}.chip:active{transform:translateY(2px)}.chip--placed{border-color:var(--sky);color:var(--sky-deep)}.lesson-foot{margin:0 calc(-1 * var(--space-4));padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--safe-bottom));border-top:1px solid #0000}.lesson-foot.good{background:color-mix(in srgb, var(--brand) 14%, var(--bg));border-color:color-mix(in srgb, var(--brand) 30%, transparent)}.lesson-foot.bad{background:color-mix(in srgb, var(--rose) 12%, var(--bg));border-color:color-mix(in srgb, var(--rose) 30%, transparent)}.feedback-panel{flex-direction:column;gap:10px;min-height:0;display:flex}.feedback-panel>:not(.feedback-explain){flex:none}.feedback-explain{overscroll-behavior:contain;flex:0 auto;min-height:0;overflow-y:auto}.feedback-head{font-size:var(--type-title-sm);align-items:center;gap:10px;font-weight:900;display:flex}.feedback-panel p{color:var(--ink-2);margin:0;font-weight:600;line-height:1.45}.feedback-correct{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--brand) 12%, transparent);padding:8px 12px}.result-cando{text-align:left;width:100%;margin-top:12px}.result-cando-title{font-size:var(--type-body)}.cando-row{align-items:center;gap:10px;display:flex}.cando-check{background:var(--brand);width:24px;height:24px;color:var(--color-on-accent);font-size:var(--type-body-sm);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.cando-body{flex-direction:column;gap:1px;min-width:0;display:flex}.cando-en{color:var(--ink-3,var(--ink-2));font-size:var(--type-meta)}.cando-level{font-size:var(--type-caption);color:var(--brand-deep,var(--brand));background:color-mix(in srgb, var(--brand) 14%, transparent);border-radius:var(--radius-pill);flex:none;margin-left:auto;padding:2px 8px;font-weight:800}.feedback-correct b{color:var(--ink-1)}.feedback-correct-label{text-transform:uppercase;font-size:var(--type-caption);letter-spacing:.06em;color:var(--ink-3,var(--ink-2))}.feedback-badge{width:34px;height:34px;color:var(--color-on-accent);border-radius:50%;place-items:center;display:grid}.feedback-badge.good{background:var(--brand)}.feedback-badge.bad{background:var(--rose)}.coin-pop{font-size:var(--type-body);color:var(--gold-deep);margin-left:auto;font-weight:900}.result-screen{z-index:var(--z-result);background:var(--bg);text-align:center;width:min(100%, var(--app-content-max));flex-direction:column;justify-content:safe center;align-items:center;gap:12px;margin:0 auto;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.result-emoji{font-size:var(--type-display);animation:pop var(--dur-slow) cubic-bezier(.2, 1.4, .4, 1)}.result-title{font-size:var(--type-display-sm)}.result-line{color:var(--ink-2);margin:0;font-weight:600}.mistake-stats{gap:10px;display:flex}.mistake-stat{text-align:center;border-radius:var(--radius-sm);background:var(--surface-2);flex:1;padding:8px}.mistake-stat b{font-size:var(--type-title);display:block}.mistake-stat small{color:var(--ink-2);font-size:var(--type-meta)}.mistake-skills{flex-wrap:wrap;gap:6px;display:flex}.mistake-chip,.transfer-chip{font-size:var(--type-meta);color:var(--ink-2);border-radius:var(--radius-pill);background:var(--surface-2);padding:4px 10px;font-weight:600}.transfer-chip--done{color:var(--color-on-accent);background:linear-gradient(135deg, var(--brand), var(--brand-deep))}.placement-explain{width:100%}.placement-explain__h{font-size:var(--type-body);color:var(--ink-1);margin:12px 0 4px;font-weight:700}.placement-explain__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.placement-explain__list li{color:var(--ink-2);font-size:var(--type-body-sm);line-height:1.4}.placement-start{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);text-align:left;width:min(100%,340px);margin-top:10px;padding:14px}.placement-start h3{color:var(--ink-1);font-size:var(--type-body);margin:0 0 4px}.placement-start p{color:var(--ink-2);font-size:var(--type-body-sm);margin:0;line-height:1.4}.placement-start__levels{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.placement-start__level{border:1px solid color-mix(in srgb, var(--sky-deep) 30%, var(--line));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--sky) 10%, var(--surface));color:var(--sky-deep);font:inherit;font-size:var(--type-meta);cursor:pointer;padding:8px 12px;font-weight:800}.placement-start__level:disabled{cursor:default;opacity:.65}.placement-start .placement-start__feedback{color:var(--color-success);margin-top:10px}.placement-start .placement-start__error{color:var(--color-danger-strong);margin-top:10px}.result-stats{gap:10px;margin:6px 0 4px;display:flex}.result-stat{border-radius:var(--radius-md);min-width:84px;color:var(--color-on-accent);gap:2px;padding:12px 16px;display:grid}.result-stat b{font-size:var(--type-heading)}.result-stat small{font-size:var(--type-caption);opacity:.9;text-transform:uppercase;font-weight:800}.result-stat--xp{background:linear-gradient(135deg, var(--gold), var(--gold-deep));color:var(--color-on-reward)}.result-stat--acc{background:linear-gradient(135deg, var(--sky), var(--sky-deep))}.result-stat--combo{background:linear-gradient(135deg, var(--flame), var(--rose))}.result-screen .cta{width:min(100%,320px);margin-top:12px}.rowlist{gap:10px;display:grid}.row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-4);box-shadow:var(--elevation-1);cursor:pointer;text-align:left;transition:transform var(--dur-fast) ease;align-items:center;gap:12px;display:flex}.row:active{transform:scale(.98)}.row-ico{border-radius:var(--radius-sm);width:42px;height:42px;color:var(--color-on-accent);font-size:var(--type-title);flex:none;place-items:center;display:grid}.row-body{overflow-wrap:anywhere;flex:1;gap:2px;display:grid}.row-body b{font-size:var(--type-label)}.row-body span{font-size:var(--type-meta);color:var(--hint);font-weight:600}.row-tail{color:var(--hint);font-weight:900}.skillbar{gap:6px;display:grid}.skillbar-top{font-weight:800;font-size:var(--type-body-sm);text-transform:capitalize;justify-content:space-between;display:flex}.skillbar-track{border-radius:var(--radius-pill);background:var(--ring-track);height:12px;overflow:hidden}.skillbar-fill{border-radius:var(--radius-pill);height:100%;transition:width var(--dur-progress) cubic-bezier(.22, 1, .36, 1)}.metric-row{padding-top:3px;padding-bottom:3px}.metric-row+.metric-row{border-top:1px solid var(--line);padding-top:12px}.metric-value{font-variant-numeric:tabular-nums}.metric-state{border:1px solid var(--line-strong);border-radius:var(--radius-pill);max-width:62%;color:var(--ink-2);background:var(--surface-soft);font-size:var(--type-caption);text-align:right;text-transform:none;padding:3px 8px;font-weight:800;line-height:1.2}.metric-state--locked{color:var(--hint)}.skillbar-track--inactive{border:1px dashed var(--state-locked);background:repeating-linear-gradient(135deg, transparent 0 8px, color-mix(in srgb, var(--state-locked) 20%, transparent) 8px 10px), var(--ring-track)}.metric-explainer{color:var(--hint);font-size:var(--type-meta)}.metric-explainer summary{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--ink-2);font-weight:750}.metric-explainer p{margin:6px 0 0;line-height:1.45}.metric-explainer small{overflow-wrap:anywhere;margin-top:6px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;display:block}.badges{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.badge{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow-card);gap:6px;padding:14px 8px;display:grid}.badge.locked{filter:grayscale();opacity:.45}.badge small{font-size:var(--type-caption);color:var(--ink-2);font-weight:800;line-height:1.2}.shop-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);align-items:center;gap:14px;padding:14px;display:flex}.shop-item .row-body{flex:1}.price-pill{background:color-mix(in srgb, var(--gold) 22%, var(--surface));color:var(--gold-deep);border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 3px 0 var(--gold-deep);border:0;align-items:center;gap:4px;padding:8px 12px;font-weight:900;display:inline-flex}.price-pill:active{box-shadow:0 1px 0 var(--gold-deep);transform:translateY(2px)}.price-pill:disabled{opacity:.5}.chat{gap:10px;padding-bottom:8px;display:grid}.bubble{border-radius:var(--radius-md);max-width:82%;padding:12px 14px;font-weight:600;line-height:1.4}.bubble.npc{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-bottom-left-radius:6px;align-self:flex-start}.bubble.me{background:linear-gradient(135deg, var(--sky), var(--sky-deep));color:var(--color-on-accent);border-bottom-right-radius:6px;align-self:flex-end}.bubble .ru{font-size:var(--type-meta);opacity:.7;margin-top:3px;font-weight:600;display:block}.chat-input{gap:8px;margin-top:10px;display:flex}.chat-input textarea{border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);resize:none;flex:1;padding:12px}.hint-chip{background:color-mix(in srgb, var(--gold) 20%, var(--surface));color:var(--gold-deep);border-radius:var(--radius-pill);font-weight:800;font-size:var(--type-meta);cursor:pointer;border:0;margin:2px 4px 2px 0;padding:6px 12px;display:inline-block}.choice{border:2px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;border-bottom-width:4px;align-items:center;gap:12px;padding:15px 16px;font-weight:800;display:flex}.choice.selected{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, var(--surface))}.choice .emoji{font-size:var(--type-heading)}.phrase-card{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);gap:4px;padding:16px;display:grid}.phrase-card .en{font-size:var(--type-title-sm);align-items:center;gap:8px;font-weight:900;display:flex}.phrase-card .en button{color:var(--sky-deep);cursor:pointer;background:0 0;border:0;padding:0}.phrase-card .mean{color:var(--ink-2);font-weight:700}.phrase-card .ru{color:var(--hint);font-weight:600}.phrase-card .ex{color:var(--brand-deep);font-style:italic;font-weight:700}.empty{border:2px dashed var(--line-strong);border-radius:var(--radius-sm);padding:var(--space-6);text-align:center;color:var(--hint);font-weight:700}.scenario-card{gap:var(--space-2);display:grid}.scenario-head .eyebrow{margin:0}.scenario-title{font-size:var(--type-title);line-height:var(--leading-snug);margin-top:var(--space-0-5);display:block}.scenario-track{height:var(--space-1);border-radius:var(--radius-pill);background:var(--ring-track);overflow:hidden}.scenario-fill{border-radius:var(--radius-pill);background:var(--color-accent);height:100%;transition:width var(--dur-base) var(--ease-out)}.scenario-action{min-height:var(--tap-min);padding:0 var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--color-text);cursor:pointer;justify-self:start;font-weight:800}.scenario-action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.scenario-next{gap:var(--space-0-5);color:var(--color-text-muted);font-size:var(--type-body-sm);margin:0;padding:0;list-style:none;display:grid}.scenario-next li{align-items:center;gap:var(--space-1);display:flex}.row.is-locked{background:var(--color-bg-sunk);border-style:dashed;border-color:var(--state-locked);box-shadow:none;cursor:default}.row.is-locked .row-body b{color:var(--color-text-2)}.row-ico.bg-locked{background:var(--state-locked);color:var(--color-surface)}.state-block{justify-items:center;gap:var(--space-1);padding:var(--space-5) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--tint);background:color-mix(in srgb, var(--tint) 7%, var(--surface));text-align:center;display:grid}.state-block-ico{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--tint) 16%, var(--surface));width:44px;height:44px;color:var(--tint);place-items:center;display:grid}.state-block-title{font-size:var(--type-action);color:var(--color-text)}.state-block-detail{color:var(--color-text-2);font-size:var(--type-body-sm);line-height:var(--leading-body);max-width:34ch}.state-block-action{margin-top:var(--space-1);min-height:var(--tap-min);padding:0 var(--space-4);border:1px solid var(--tint);border-radius:var(--radius-pill);background:var(--surface);color:var(--color-text);cursor:pointer;font-weight:700}.state-block-action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.state-block--empty{--tint:var(--state-new)}.state-block--error{--tint:var(--state-error)}.state-block--offline{--tint:var(--state-offline)}.state-block--locked{--tint:var(--state-locked)}.bottom-nav{width:min(100%, var(--app-content-max));padding:8px 10px max(10px, var(--safe-bottom));background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:var(--z-nav);grid-template-columns:repeat(5,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{color:var(--hint);font-size:var(--type-caption);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--dur-fast) ease;background:0 0;border:0;justify-items:center;gap:2px;padding:6px 0 4px;font-weight:800;display:grid}.nav-btn.active .nav-ico{transform:translateY(-2px)scale(1.06)}.nav-ico{transition:transform var(--dur-base) cubic-bezier(.2, 1.4, .4, 1)}:root[data-scheme=dark] .nav-btn.active{color:var(--brand)}.toast-wrap{top:max(14px, var(--safe-top));z-index:var(--z-toast);gap:8px;width:min(90%,360px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-pop);border:1px solid var(--line);animation:slideDown var(--dur-enter) cubic-bezier(.2, 1.2, .4, 1);align-items:center;gap:10px;padding:12px 16px;font-weight:800;display:flex}.toast--good{border-color:var(--brand)}.toast--bad{border-color:var(--rose)}.toast-icon{font-size:var(--type-title-sm)}.mascot{max-width:100%;display:inline-block;overflow:hidden}.mascot>svg{width:100%;height:100%}.mascot--idle svg{animation:none}.mascot--celebrate svg{animation:hop var(--dur-progress) ease-in-out 2}.mascot--sad svg{animation:shake var(--dur-slow) ease-in-out 2}.mascot-ear{transform-box:fill-box;transform-origin:50% 100%}.mascot-ear--left{transform-origin:100% 100%}.mascot-ear--right{transform-origin:0 100%}.mascot--happy .mascot-ear{animation:none}.mascot--celebrate .mascot-ear--left{animation:wiggle var(--dur-loop-fast) ease-in-out 2}.mascot--celebrate .mascot-ear--right{animation:wiggle-mirror var(--dur-loop-fast) ease-in-out 2}.mascot-sparkles{animation:twinkle var(--dur-progress) ease-in-out 2}.mascot-think{fill:var(--hint);font-weight:900}.steps{justify-content:center;gap:6px;margin-bottom:4px;display:flex}.step-dot{border-radius:var(--radius-pill);background:var(--line-strong);width:8px;height:8px}.step-dot.on{background:var(--brand);width:22px}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface-2) 25%, var(--line) 37%, var(--surface-2) 63%);animation:shimmer var(--dur-loop-fast) ease infinite;background-size:400% 100%;height:90px}.loader{color:var(--hint);place-items:center;gap:14px;padding:60px 0;font-weight:800;display:grid}.fallback-screen{min-height:var(--app-vh,100dvh);text-align:center;place-items:center;padding:24px;display:grid}.xp-mini-track{border-radius:var(--radius-pill);background:var(--ring-track);height:8px;margin:4px 0 2px;overflow:hidden}.xp-mini-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--gold), var(--flame));height:100%;transition:width var(--dur-progress) cubic-bezier(.22, 1, .36, 1)}.streak-strip{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.streak-day{justify-items:center;gap:4px;display:grid}.streak-day .streak-dot{background:var(--ring-track);width:34px;height:34px;color:var(--hint);transition:transform var(--dur-base) cubic-bezier(.2, 1.4, .4, 1);border:2px solid #0000;border-radius:50%;place-items:center;display:grid}.streak-day.on .streak-dot{background:linear-gradient(135deg, var(--flame), var(--rose));color:var(--color-on-accent);box-shadow:var(--shadow-reward-glow)}.streak-day.today .streak-dot{border-color:var(--brand);transform:scale(1.1)}.streak-day small{font-size:var(--type-caption);color:var(--hint);font-weight:900}.levelup-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;padding:var(--space-4);box-shadow:var(--shadow-card);cursor:pointer;color:var(--ink);align-items:center;gap:12px;display:flex}.levelup-card.ready{border-color:var(--violet);background:linear-gradient(135deg, color-mix(in srgb, var(--violet) 14%, var(--surface)), var(--surface));animation:none}.levelup-ico{border-radius:var(--radius-sm);width:42px;height:42px;color:var(--color-on-accent);background:linear-gradient(135deg, var(--violet), var(--violet-deep));flex:none;place-items:center;display:grid}.levelup-card:not(.ready) .levelup-ico{background:var(--line-strong);color:var(--hint)}.unit-banner{border-radius:var(--radius-md);color:var(--color-on-accent);background:linear-gradient(135deg, var(--brand), var(--sky));box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;gap:12px;margin:18px 0 10px;padding:14px 16px;display:flex}.unit-banner b{font-size:var(--type-label)}.unit-chest{font-size:var(--type-display-sm);filter:var(--shadow-drop-small);animation:bob var(--dur-loop-slow) ease-in-out infinite}.boss-hero{background:var(--gradient-boss)}.boss .lesson-bar-fill,.boss-bar .lesson-bar-fill{background:linear-gradient(90deg, var(--violet), var(--rose))}.boss-kind{color:var(--violet-deep)}.boss-cta{animation:none}.req{align-items:center;gap:12px;display:flex}.req-check{background:var(--line-strong);width:26px;height:26px;color:var(--color-on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.req-check.met{background:var(--brand)}.req-body{flex:1;gap:5px;display:grid}.req-top{font-weight:800;font-size:var(--type-body-sm);justify-content:space-between;display:flex}.speak-answer{justify-items:center;gap:12px;margin-top:18px;display:grid}.speak-target{border-radius:var(--radius-md);background:var(--surface-2);border:2px dashed var(--line-strong);justify-items:center;gap:8px;width:100%;padding:14px;display:grid}.speak-phrase{font-size:var(--type-title-sm);text-align:center;margin:0;font-weight:900}.speak-listen{color:var(--sky-deep);font-weight:800;font-size:var(--type-body-sm);cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.mic-btn{background:linear-gradient(135deg, var(--rose), var(--rose-deep));width:86px;height:86px;color:var(--color-on-accent);cursor:pointer;box-shadow:0 6px 0 var(--rose-deep), var(--shadow-pop);transition:transform var(--dur-fast) ease;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.mic-btn:active{box-shadow:0 2px 0 var(--rose-deep);transform:translateY(4px)}.mic-btn.recording{background:linear-gradient(135deg, var(--brand), var(--brand-deep));box-shadow:0 6px 0 var(--brand-shadow), var(--shadow-pop)}.mic-pulse{border:3px solid var(--brand);animation:pulse var(--dur-loop-fast) ease-out infinite;border-radius:50%;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.speak-hint{color:var(--hint);font-weight:700;font-size:var(--type-body-sm);text-align:center;margin:0}.speak-error{color:var(--rose-deep);font-weight:800;font-size:var(--type-body-sm);text-align:center;margin:0}.speak-result{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);gap:8px;width:100%;padding:12px;display:grid}.speak-score{align-items:center;gap:10px;display:flex}.speak-score-bar{border-radius:var(--radius-pill);background:var(--ring-track);flex:1;height:12px;overflow:hidden}.speak-score-fill{border-radius:var(--radius-pill);height:100%;transition:width var(--dur-progress) cubic-bezier(.22, 1, .36, 1)}.speak-words{font-size:var(--type-action);margin:0;font-weight:800;line-height:1.5}.speak-words .w-ok{color:var(--brand-deep)}.speak-words .w-miss{color:var(--rose);-webkit-text-decoration:underline wavy var(--rose) 1.5px;text-decoration:underline wavy var(--rose) 1.5px}.speak-heard{font-size:var(--type-meta);color:var(--hint);margin:0;font-style:italic;font-weight:600}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hop{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)rotate(-3deg)}75%{transform:translate(5px)rotate(3deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}@keyframes wiggle-mirror{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes glowPulse{0%,to{box-shadow:var(--shadow-premium-glow-off)}50%{box-shadow:var(--shadow-premium-glow-on)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:var(--dur-reduced)!important;transition-duration:var(--dur-reduced)!important;animation-iteration-count:1!important}}@media (max-width:360px){.brand-word{display:none}.hero h2,.hero p{max-width:100%}.hero .hero-mascot{opacity:.28}.goal-card{flex-wrap:wrap;align-items:flex-start}.goal-card .goal-copy{flex:100%}.path-row{transform:none!important}.node-label{max-width:100%}.bottom-nav{scrollbar-width:none;grid-template-columns:none;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:flex-start;overflow-x:auto}.bottom-nav::-webkit-scrollbar{display:none}.nav-btn{padding-inline:var(--space-4)}}.plan-modes-label{color:var(--color-text-muted);font-size:var(--type-caption);margin:0}.plan-modes{gap:var(--space-0-5);scrollbar-width:none;margin-bottom:9px;padding:5px 0 7px;display:flex;overflow-x:auto}.plan-modes::-webkit-scrollbar{display:none}.plan-mode{text-align:center;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);min-width:0;color:var(--ink-2);font-size:var(--type-body-sm);cursor:pointer;flex:1 1 0;min-height:34px;padding:7px 13px;font-weight:700;position:relative}.plan-mode:after{content:"";height:var(--tap-min);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.plan-mode.is-active{background:var(--ink);border-color:var(--ink);color:var(--color-on-accent)}.plan-mode:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.plan-list{flex-direction:column;gap:10px;margin:0 0 12px;padding:0;list-style:none;display:flex}.plan-step{align-items:flex-start;gap:11px;display:flex}.plan-step-ico{border-radius:var(--radius-sm);width:34px;height:34px;font-size:var(--type-action);background:color-mix(in srgb, var(--tint) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 34%, transparent);flex:none;place-items:center;display:grid}.plan-step-body{flex-direction:column;gap:2px;min-width:0;display:flex}.plan-step-body b{font-size:var(--type-body);align-items:center;gap:7px;display:flex}.plan-step-body .hint{font-size:var(--type-meta);line-height:1.4}.plan-step-count{border-radius:var(--radius-xs);background:var(--surface-2);border:1px solid var(--line);min-width:20px;font-size:var(--type-caption);color:var(--ink-2);text-align:center;flex:none;padding:1px 6px;font-weight:800}.plan-empty{padding:14px 2px 4px}.plan-empty p{font-size:var(--type-body);margin:0 0 4px}.plan-note{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);font-size:var(--type-meta);margin:0 0 12px;padding:9px 11px;line-height:1.45}.tutor-modes{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tutor-modes::-webkit-scrollbar{display:none}.tutor-note{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--gold) 16%, transparent);border:1px solid color-mix(in srgb, var(--gold) 34%, transparent);color:var(--ink-2);font-size:var(--type-meta);margin:0;padding:8px 11px}.grammar-block{gap:10px}.grammar-rules{color:var(--text-soft,inherit);gap:4px;margin:0;padding-left:18px;display:grid}.grammar-rules li{line-height:1.45}.grammar-example{gap:2px;display:grid}.grammar-mistake{gap:4px;display:grid}.grammar-diff{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.grammar-diff s{opacity:.65}.tutor-thread{flex-direction:column;flex:1;gap:10px;min-height:220px;padding:4px 0 8px;display:flex;overflow-y:auto}.tutor-turn{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.tutor-correction{background:color-mix(in srgb, var(--rose) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--rose) 30%, transparent);border-radius:var(--radius-sm);font-size:var(--type-body-sm);flex-direction:column;align-self:stretch;gap:3px;padding:8px 11px;display:flex}.tutor-correction b{font-size:var(--type-meta);color:var(--rose-deep)}.tutor-diff s{color:var(--hint)}.tutor-diff span{color:var(--brand-deep);font-weight:700}.tutor-suggest{font-size:var(--type-body-sm);align-self:stretch;padding:4px 2px}.tutor-followup{background:color-mix(in srgb, var(--sky) 14%, var(--surface-2))}.tutor-typing{opacity:.7;font-style:italic}.tutor-input{background:linear-gradient(to top, var(--bg) 70%, transparent);align-items:center;gap:8px;padding-top:6px;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.tutor-input .answer-input{flex:1;margin:0}.tutor-input .cta{flex:none;padding:12px 16px}@media (min-width:720px){body{background:radial-gradient(680px 460px at 16% 2%, color-mix(in srgb, var(--brand) 26%, transparent), transparent 60%), radial-gradient(760px 520px at 86% 6%, color-mix(in srgb, var(--sky) 24%, transparent), transparent 62%), radial-gradient(820px 620px at 50% 116%, color-mix(in srgb, var(--violet) 24%, transparent), transparent 60%), var(--bg-2) fixed;place-items:center;display:grid}.app-shell{width:var(--app-frame-width);height:min(var(--app-frame-height), calc(var(--app-vh,100dvh) - 44px));background:var(--bg);border:1px solid color-mix(in srgb, var(--line) 80%, transparent);border-radius:var(--radius-frame);box-shadow:var(--shadow-desktop);scrollbar-width:none;margin:0;padding:0 16px;overflow-x:hidden;overflow-y:auto}.app-shell::-webkit-scrollbar{display:none}.appbar{border-radius:var(--radius-frame) var(--radius-frame) 0 0;padding-top:16px}.bottom-nav{border-radius:0 0 var(--radius-frame) var(--radius-frame);background:color-mix(in srgb, var(--surface) 94%, transparent);width:auto;margin:12px -16px 0;position:-webkit-sticky;position:sticky;bottom:0;left:auto;right:auto;transform:none}.lesson,.result-screen,.loader{border-radius:var(--radius-frame)}}@media (min-width:1100px){.app-shell{box-shadow:var(--shadow-desktop-deep)}}.lesson-bar-fill{background:linear-gradient(90deg, var(--brand), var(--sky) 55%, var(--violet));box-shadow:var(--shadow-inset-progress-soft), 0 0 12px color-mix(in srgb, var(--sky) 55%, transparent)}.node-btn.current{box-shadow:0 8px 0 var(--nsh,var(--brand-shadow)), var(--shadow-card), 0 0 0 4px color-mix(in srgb, var(--nc,var(--brand)) 22%, transparent), 0 0 22px color-mix(in srgb, var(--nc,var(--brand)) 45%, transparent)}.nav-btn.active{color:var(--brand-deep)}.nav-btn.active .nav-ico{filter:drop-shadow(0 3px 8px color-mix(in srgb, var(--brand) 45%, transparent))}.xp-mini-fill{box-shadow:0 0 10px color-mix(in srgb, var(--gold) 55%, transparent)}.option.ok:after,.option.no:after{font-weight:900;font-size:var(--type-action);content:none;margin-left:auto;line-height:1}.choice.selected:after{content:none;color:var(--brand-deep);margin-left:auto;font-weight:900}button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.choice:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.node-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:root{--fynlo-fox-body:#f47f3e;--fynlo-fox-ear:#6f3c2c;--fynlo-fox-muzzle:#fff2df;--fynlo-fox-ink:#2f2528;--border-default:1px solid var(--line);--control-height:52px;--nav-height:68px;--action-height:84px;--feedback-max-height:45dvh;--lesson-foot-h:var(--action-height);--page-gutter:clamp(16px, 4.5vw, 20px);--section-gap:28px;--content-gap:12px;--ease-standard:cubic-bezier(.2,.8,.2,1)}:root[data-scheme=dark]{--bg:#0f1722;--bg-2:#0b121c;--surface:#17212e;--surface-2:#1d2937;--line:#29384a;--line-strong:#3a4b5f;--ink:#f3f6fa;--ink-2:#c3cedb;--hint:#98a7b9;--ring-track:#2a394b;--shadow-card:0 1px 2px #00000029;--shadow-pop:0 16px 36px #00000061}html{background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);font-family:Manrope,Onest,Segoe UI Variable,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:var(--type-label);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;font-weight:450;line-height:1.5}h1,h2,h3{color:var(--ink);letter-spacing:-.025em;font-weight:700}p{margin:0}b,strong{font-weight:650}button{font-weight:600}button,a{touch-action:manipulation}.app-shell{width:min(100%,480px);padding:var(--app-safe-top) var(--page-gutter) var(--app-shell-bottom);background:var(--bg)}.app-shell--fullscreen{width:100%;max-width:480px;padding:0}.app-shell__content{isolation:auto}.app-shell__content[tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[tabindex="-1"].task-prompt:focus,.onboarding-shell h1[tabindex="-1"]:focus{outline:none}.appbar{background:color-mix(in srgb, var(--bg) 90%, transparent);border-bottom:1px solid color-mix(in srgb, var(--line) 55%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:58px;padding:6px 0 10px}.brand-mark{color:var(--fynlo-fox-body);align-items:center;gap:8px;display:inline-flex}.brand-fox{flex:none;display:block}.fin-graphic{color:var(--fynlo-fox-body);display:block}.brand-word{color:var(--ink);font-size:var(--type-title);letter-spacing:-.055em;font-weight:780;display:inline-block}.brand-o{color:var(--brand-text);position:relative}.brand-o:before,.brand-o:after{content:"";background:var(--brand-deep);clip-path:polygon(50% 0,100% 100%,0 100%);width:3px;height:4px;position:absolute;top:-1px}.brand-o:before{left:3px;transform:rotate(-12deg)}.brand-o:after{right:1px;transform:rotate(12deg)}.appbar-actions{gap:4px}.appbar-settings{width:var(--tap-min);height:var(--tap-min);min-height:var(--tap-min);color:var(--ink-2);transition:color var(--dur-fast), background var(--dur-fast), transform var(--dur-fast)}.appbar-settings:active{transform:scale(.94)}.appbar-settings:hover{background:var(--surface);color:var(--ink)}.topstats{gap:2px}.stat{min-height:38px;box-shadow:none;font-size:var(--type-body-sm);background:0 0;border:0;padding:4px 7px;font-weight:650}.stat svg{width:17px;height:17px}.stat--streak{color:var(--flame)}.stat--gem{color:var(--brand-text)}.stack,.page-container{gap:var(--content-gap)}.route-fade{animation:fynloEnter var(--dur-base) var(--ease-standard)}.home-state{padding:15px 2px 5px}.home-state .eyebrow{margin-bottom:4px}.home-state h1{font-size:max(1.4375rem,min(6.5vw,1.75rem));font-weight:720}.eyebrow,.task-kind,.section-eyebrow{color:var(--brand-text);font-size:var(--type-caption);letter-spacing:.075em;text-transform:uppercase;font-weight:700}.section-title{min-height:32px;margin:calc(var(--section-gap) - var(--content-gap)) 0 0;align-items:flex-end}.section-title h2,.section-title h3{font-size:var(--type-title-sm);line-height:1.25}.section-title .hint{font-size:var(--type-body-sm)}.section-title>span:first-child{gap:3px;display:grid}.section-action{margin-left:auto}.card,.panel,.phrase-card,.shop-item,.levelup-card,.state-block,.note{border:var(--border-default);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card,.panel{padding:18px}.plan-card{border-color:color-mix(in srgb, var(--brand) 24%, var(--line));box-shadow:var(--shadow-card);padding:20px}.hero{min-height:0;color:var(--ink);border:var(--border-default);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:22px 20px;overflow:hidden;background:var(--surface)!important}.hero:before{content:"";border-radius:0 var(--space-1-5) var(--space-1-5) 0;background:var(--brand);width:3px;position:absolute;top:20px;bottom:20px;left:0}.hero:after{display:none}.hero h1,.hero h2{max-width:calc(100% - 74px);color:var(--ink);font-size:var(--type-heading);font-weight:720}.hero:not(:has(.hero-mascot)) h1{max-width:100%}.hero:not(:has(.hero-mascot)) h2{max-width:100%}.hero p{max-width:calc(100% - 70px);color:var(--ink-2);font-weight:450}.hero .eyebrow{color:var(--brand-text)}.hero .hero-mascot{filter:none;opacity:.94;bottom:-4px;right:8px}.cta{min-height:var(--control-height);border-radius:var(--radius-md);background:var(--brand-deep);color:var(--color-on-accent);box-shadow:none;font-size:var(--type-label);letter-spacing:.005em;text-transform:none;transition:transform var(--dur-fast) ease, background var(--dur-fast) ease, opacity var(--dur-fast) ease;border:0;padding:0 20px;font-weight:700}.cta:hover{background:color-mix(in srgb, var(--brand-deep) 90%, var(--ink))}.cta:active{box-shadow:none;transform:scale(.985)}.cta:disabled{opacity:.46;filter:none;cursor:not-allowed;transform:none}.cta--wide{width:100%}.cta--ghost,.secondary-button{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink)}.cta--violet{background:var(--violet-deep);box-shadow:none}.cta--rose{background:var(--rose-deep);box-shadow:none}.cta--gold{background:var(--gold-strong);color:var(--color-on-accent);box-shadow:none}.ghost-icon{min-width:var(--tap-min);width:var(--tap-min);height:var(--tap-min);border:var(--border-default);border-radius:var(--radius-md);background:var(--surface);box-shadow:none}.text-button,.state-block-action{min-height:var(--tap-min);color:var(--brand-text);padding:0 4px;font-weight:650;text-decoration:none}.rowlist{border:var(--border-default);border-radius:var(--radius);background:var(--surface);gap:0;overflow:hidden}.row{border:var(--border-default);border-radius:var(--radius-md);background:var(--surface);min-height:68px;box-shadow:none;transition:background var(--dur-fast) ease, transform var(--dur-fast) ease;padding:12px 14px}.rowlist>.row{border:0;border-bottom:1px solid var(--line);border-radius:0}.rowlist>.row:last-child{border-bottom:0}.row:active{background:var(--surface-2);transform:scale(.992)}.row-ico,.tile-ico,.levelup-ico{border-radius:var(--radius-sm);width:42px;height:42px;font-size:0;background:color-mix(in srgb, currentColor 10%, var(--surface-2))!important;box-shadow:none!important}.row-ico svg,.tile-ico svg{width:21px;height:21px}.row-body{gap:2px}.row-body b{font-size:var(--type-label);font-weight:650;line-height:1.3}.row-body span{color:var(--hint);font-size:var(--type-body-sm);font-weight:450;line-height:1.35}.row-tail{color:var(--hint);font-size:0}.row-tail:after{content:none}.row-tail svg{width:19px;height:19px}.row.is-locked{background:var(--surface-2);opacity:1}.row.is-locked .row-ico,.row.is-locked .row-tail{opacity:.62}.bg-green{color:var(--brand-text)}.bg-sky{color:var(--sky-deep)}.bg-violet{color:var(--violet-deep)}.bg-flame{color:var(--flame)}.bg-gold{color:var(--gold-deep)}.bg-rose{color:var(--rose-text)}.bg-locked{color:var(--hint)}.tiles{gap:10px}.tile{border:var(--border-default);border-radius:var(--radius-md);background:var(--surface);min-height:108px;box-shadow:none;padding:14px}.tile b{font-size:var(--type-title-sm);font-weight:700}.tile>span:last-child{color:var(--hint);font-weight:450}.plan-card .section-title{margin:0 0 12px}.plan-card-heading{align-items:center;gap:var(--space-3)}.plan-card-heading h2{font-size:var(--type-title-sm);line-height:var(--leading-snug)}.plan-summary{justify-content:flex-end;gap:var(--space-1);color:var(--hint);font-size:var(--type-body-sm);flex-wrap:wrap;display:flex}.plan-summary span{white-space:nowrap}.plan-summary span+span:before{content:"·";margin-right:var(--space-1)}.plan-modes-label{gap:2px;margin:0 0 8px;display:grid}.plan-modes-label b{color:var(--ink);font-size:var(--type-label)}.plan-modes-label span{color:var(--hint);font-size:var(--type-body-sm)}.plan-mode small{color:inherit;font-size:var(--type-caption);font-weight:600}.plan-modes,.segmented-control{border:var(--border-default);border-radius:var(--radius-md);background:var(--surface-2);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;display:grid;overflow:visible}.plan-mode{min-width:0;min-height:var(--tap-min);border-radius:var(--radius-sm);color:var(--ink-2);background:0 0;border:0;padding:0;font-weight:600}.plan-mode.is-active{background:var(--surface);color:var(--brand-deep);box-shadow:var(--shadow-card)}.plan-list{gap:var(--space-1);margin:16px 0}.plan-step{border-bottom:0;min-height:54px;padding:8px 0}.plan-step:last-child{border-bottom:0}.plan-step-ico{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--tint) 10%, var(--surface-2));width:36px;height:36px;color:var(--tint);font-size:0}.plan-step-ico svg{width:19px;height:19px}.plan-step-body b{font-size:var(--type-body);font-weight:620}.plan-step-meta{color:var(--hint);font-size:var(--type-body-sm);line-height:var(--leading-body)}.plan-note,.tutor-note{border:0;border-left:3px solid var(--sky);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb,var(--sky) 8%,var(--surface))}.scenario-card{box-shadow:none;padding:18px}.scenario-title{font-size:var(--type-title-sm);font-weight:700}.scenario-track,.xp-mini-track,.skillbar-track,.lesson-bar,.progress-bar{border-radius:var(--radius-pill);background:var(--ring-track);height:7px;box-shadow:none;overflow:hidden}.scenario-fill,.xp-mini-fill,.skillbar-fill,.lesson-bar-fill,.progress-bar>span{border-radius:inherit;background:var(--brand);height:100%;box-shadow:none;transition:width var(--dur-slow) var(--ease-standard)}.lesson-bar-fill{filter:none;background:var(--brand)!important}.scenario-action{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--brand) 10%, var(--surface));min-height:44px;color:var(--brand-text);border:0;font-weight:650}.scenario-next{color:var(--hint)}.goal-card{box-shadow:none;background:0 0;border:0;padding:4px 2px}.ring-center{font-weight:650}.streak-strip,.streak-day{gap:var(--space-2)}.streak-day small{color:var(--hint);font-weight:600}.streak-day .streak-dot{border-radius:var(--radius-pill);background:var(--line);width:100%;max-width:34px;height:8px;box-shadow:none;border:0;overflow:hidden}.streak-mark{border-radius:inherit;background:var(--brand);width:0;height:100%;display:block}.streak-day.on .streak-dot{background:color-mix(in srgb,var(--brand) 16%,var(--surface));color:var(--brand-text)}.streak-day.on .streak-mark{width:100%}.streak-day.today .streak-dot{outline:2px solid var(--brand);outline-offset:2px;transform:none}.streak-day.future .streak-dot{opacity:.55}.levelup-card{min-height:70px;box-shadow:none}.bottom-nav{width:min(100%,480px);min-height:calc(var(--nav-height) + var(--safe-bottom));padding:7px 8px max(7px, var(--safe-bottom));border:0;border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow-nav);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:0;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{min-width:var(--tap-min);border-radius:var(--radius-sm);min-height:52px;color:var(--hint);font-size:var(--type-caption);gap:2px;padding:4px 2px;font-weight:550}.nav-btn:before{display:none}.nav-btn .nav-ico{width:22px;height:22px}.nav-btn.active{color:var(--brand-text);box-shadow:none;background:0 0;font-weight:700}.nav-btn.active .nav-ico{filter:none;transform:none}.lesson{background:var(--bg);bottom:var(--app-keyboard,0px);min-height:0;padding:0}.lesson-head{min-height:calc(64px + var(--safe-top));padding:max(10px, var(--safe-top)) var(--page-gutter) 8px;background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:12px}.lesson-head .ghost-icon{background:0 0;border:0}.lesson-count{min-width:46px;color:var(--hint);font-size:var(--type-body-sm);font-weight:600}.lesson-body{padding:26px var(--page-gutter) calc(var(--lesson-foot-h) + var(--safe-bottom) + 24px);scroll-padding-bottom:calc(var(--lesson-foot-h) + var(--safe-bottom) + var(--space-4))}.lesson-body :-webkit-any(input,textarea,[contenteditable=true]){scroll-margin-bottom:calc(var(--lesson-foot-h) + var(--space-4))}.lesson-body :-moz-any(input,textarea,[contenteditable=true]){scroll-margin-bottom:calc(var(--lesson-foot-h) + var(--space-4))}.lesson-body :is(input,textarea,[contenteditable=true]){scroll-margin-bottom:calc(var(--lesson-foot-h) + var(--space-4))}.task-kind{margin-bottom:18px}.task-prompt-row{align-items:flex-start;gap:14px}.task-prompt{font-size:max(23px,min(6.4vw,29px));font-weight:700;line-height:1.2}.task-sub{color:var(--hint);font-size:var(--type-body)}.options{gap:10px}.option,.choice{border:1.5px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);min-height:60px;box-shadow:none;color:var(--ink);font-size:var(--type-label);text-align:left;border-bottom-width:1.5px;padding:14px 16px;font-weight:550}.option:active,.choice:active{transform:scale(.99)}.option-key{border:1px solid var(--line-strong);color:var(--hint);background:0 0}.option.sel,.choice.selected{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--surface));color:var(--ink);box-shadow:0 0 0 1px var(--brand)}.option.ok{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--brand-text)}.option.no{border-color:var(--rose);background:color-mix(in srgb,var(--rose) 9%,var(--surface));color:var(--rose-text)}.answer-input,textarea{border:1.5px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);min-height:52px;box-shadow:none;font-size:var(--type-action)}.answer-input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.lesson-foot,.bottom-action-bar{left:50%;bottom:var(--app-keyboard,0px);z-index:var(--z-sticky);width:min(100%,480px);min-height:calc(var(--action-height) + var(--safe-bottom));padding:14px var(--page-gutter) max(14px,var(--safe-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-nav);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin:0;position:fixed;transform:translate(-50%)}.lesson-foot.good{background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.lesson-foot.bad{background:color-mix(in srgb,var(--rose) 8%,var(--surface))}.lesson-foot{max-height:var(--feedback-max-height);overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.feedback-panel{flex:0 auto;gap:10px;min-height:0}.feedback-head strong{font-size:var(--type-title-sm);font-weight:700}.feedback-badge{box-shadow:none}.coin-pop{color:var(--gold-deep);background:color-mix(in srgb,var(--gold) 14%,var(--surface))}.phrase-card{box-shadow:none;padding:16px}.phrase-card .en{font-size:var(--type-action);font-weight:650}.phrase-card .en button{min-width:var(--tap-min);width:var(--tap-min);min-height:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-sm);place-items:center;margin:-10px -9px -10px 4px;display:grid}.phrase-card .ru,.phrase-card .mean{font-weight:450}.phrase-card .ex{color:var(--brand-text);font-weight:500}.state-block{box-shadow:none;padding:20px}.state-block-ico{box-shadow:none}.loader{min-height:55vh;color:var(--hint)}.route-loader{place-content:center;justify-items:center;gap:var(--space-3);min-height:38vh;color:var(--hint);text-align:center;display:grid}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2),color-mix(in srgb,var(--line) 75%,var(--surface)),var(--surface-2))}.result-screen{padding:max(40px,var(--safe-top)) var(--page-gutter) max(32px,var(--safe-bottom))}.result-emoji{display:none}.result-title{font-size:var(--type-display-sm);font-weight:720}.result-stats{border:var(--border-default);border-radius:var(--radius);background:var(--surface);box-shadow:none}.result-stat{border:0;border-left:3px solid var(--line-strong);background:var(--surface-2);color:var(--ink)}.result-stat--xp{border-left-color:var(--gold-deep);background:color-mix(in srgb,var(--gold) 8%,var(--surface-2))}.result-stat--acc{border-left-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--surface-2))}.result-stat--combo{border-left-color:var(--violet);background:color-mix(in srgb,var(--violet) 7%,var(--surface-2))}.result-stat b{font-weight:720}.billing-product.is-recommended{border-color:var(--sky)}.skillbar,.metric-row{gap:8px}.metric-row{border-bottom:1px solid var(--line);padding:12px 0}.metric-row:last-child{border-bottom:0}.skillbar-top span:first-child{font-weight:620}.metric-value{font-weight:700;color:var(--ink-2)!important}.metric-state{border:var(--border-default);background:var(--surface-2)}.metric-explainer summary{color:var(--hint);font-weight:550}.badges{gap:8px}.badge{border:var(--border-default);border-radius:var(--radius-md);background:var(--surface);min-height:116px;box-shadow:none;padding:12px 8px}.badge-emoji{font-size:0}.badge-emoji svg{width:26px;height:26px}.badge span{font-weight:550}.shop-item{min-height:76px;box-shadow:none;padding:12px 14px}.price-pill{border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));background:color-mix(in srgb,var(--brand) 8%,var(--surface));min-height:44px;color:var(--brand-text);box-shadow:none}.price-pill:disabled{background:var(--surface-2);color:var(--hint);opacity:.7}.chat{gap:8px;padding:8px 0}.bubble{border:var(--border-default);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) var(--space-1-5);background:var(--surface);max-width:88%;box-shadow:none;font-weight:450}.bubble.me{border-radius:var(--radius-md) var(--radius-md) var(--space-1-5) var(--radius-md);background:var(--brand-deep);color:var(--color-on-accent);border:0}.bubble-audio{float:right;width:var(--tap-min);height:var(--tap-min);color:var(--sky-deep);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:-10px -8px -10px 4px;padding:0;display:inline-grid}.hint-chip{border:var(--border-default);border-radius:var(--radius-pill);background:var(--surface);min-height:44px;color:var(--ink-2)}.chat-input,.tutor-input{padding-bottom:max(12px,var(--safe-bottom));gap:8px}.toast-wrap{bottom:calc(var(--nav-height) + var(--safe-bottom) + 14px);pointer-events:none}.toast{border:var(--border-default);border-left:3px solid var(--sky);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-pop);pointer-events:auto}.toast--good{border-left-color:var(--brand)}.toast--bad{border-left-color:var(--rose)}.modal-backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{border-radius:var(--radius-md);background:var(--surface);width:min(92vw,420px);box-shadow:var(--shadow-pop);padding:22px}.page-heading{padding:12px 2px 4px;display:block}.page-heading h1,.page-heading h2,.session-heading h1,.onboarding-shell h1{color:var(--ink);letter-spacing:-.025em;margin:2px 0 4px;font-size:max(24px,min(7vw,30px));font-weight:720;line-height:1.14}.page-heading p:not(.eyebrow){max-width:34ch;color:var(--hint);line-height:1.45}.course-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.course-heading .mascot{flex:none}.course-summary{border:var(--border-default);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:13px 16px;display:grid}.course-summary>span{gap:1px;display:grid}.course-summary b{font-size:var(--type-label);font-weight:700}.course-summary small{color:var(--hint)}.course-row{position:relative}.course-row.is-current{background:color-mix(in srgb,var(--brand) 6%,var(--surface))}.course-row.is-current:before{content:"";top:13px;bottom:13px;border-radius:0 var(--space-1-5) var(--space-1-5) 0;background:var(--brand);width:3px;position:absolute;left:0}.course-row.is-done .row-body b{color:var(--ink-2)}.course-reveal{justify-content:center;width:100%}.quick-actions{gap:8px;display:grid}.home-progress{gap:15px;display:grid}.home-progress .goal-card{align-items:center;gap:16px;display:flex}.home-progress .goal-copy{flex:1;min-width:0}.home-streak-inline{border-top:1px solid var(--line);gap:11px;padding-top:14px;display:grid}.home-streak-copy{color:var(--flame);align-items:center;gap:8px;display:flex}.home-streak-copy>span{display:grid}.home-streak-copy b{color:var(--ink);font-size:var(--type-body)}.home-streak-copy small{color:var(--hint);font-size:var(--type-meta)}.lesson-intro-page{padding:0 var(--page-gutter) calc(var(--control-height) + 40px + var(--safe-bottom))}.lesson-intro-page>.ghost-icon{margin-left:-4px}.lesson-intro-meta{color:var(--ink-2);font-size:var(--type-body-sm);flex-wrap:wrap;gap:8px 14px;margin-top:14px;display:flex}.lesson-intro-meta span,.icon-label{justify-content:center;align-items:center;gap:7px;display:inline-flex}.lesson-intro-hero.has-visual h2,.lesson-intro-hero.has-visual p{max-width:none}.scenario-visual{aspect-ratio:3/1.45;border-radius:var(--radius-md);object-fit:cover;object-position:center 48%;width:100%;height:auto;margin-top:16px;display:block}.lesson-intro-cta{bottom:max(var(--space-2), var(--safe-bottom));z-index:var(--z-raised);box-shadow:var(--shadow-action);position:-webkit-sticky;position:sticky}.result-icon{border-radius:var(--radius-md);background:color-mix(in srgb,var(--brand) 10%,var(--surface));width:58px;height:58px;color:var(--brand-text);place-items:center;margin:0 auto -4px;display:grid}.progress-summary{align-items:center;gap:16px;display:flex}.progress-summary .goal-copy{flex:1;gap:4px;min-width:0;display:grid}.row-tail:has(svg):after{display:none}.transfer-chip{align-items:center;gap:4px;display:inline-flex}.placement-explain__list li{align-items:flex-start;gap:7px;display:flex}.placement-explain__list svg{color:var(--brand-text);flex:none;margin-top:3px}.more-heading{align-items:flex-start}.more-links{flex:none}.reward-summary h2{max-width:calc(100% - 80px)}.legal-card{flex-flow:wrap;align-items:flex-start;gap:12px;display:flex}.legal-links{flex:1;gap:9px;min-width:0;display:grid}.legal-links a{min-height:var(--tap-min);color:var(--brand-text);align-items:center;font-weight:650;text-decoration:none;display:flex}.legal-card .note{width:100%}.session-heading{align-items:center;gap:10px;padding:4px 0;display:flex}.session-heading .eyebrow{margin-bottom:1px}.session-heading h1{font-size:var(--type-heading);margin:0}.speaking-session{min-height:calc(var(--app-vh,100dvh) - var(--nav-height) - 80px)}.speaking-session .chat{min-height:34vh}.tutor-page{min-height:calc(var(--app-vh,100dvh) - var(--nav-height) - 72px);flex-direction:column;display:flex}.tutor-modes{align-items:center;min-height:44px}.tutor-modes .plan-mode{width:auto;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;min-height:var(--tap-min);flex:none;padding:0 14px}.fullscreen-overlay,.lesson.boss{z-index:calc(var(--z-nav) + 2);width:min(100%, var(--app-content-max));height:calc(var(--app-vh,100dvh) - var(--app-keyboard,0px));min-height:0;max-height:calc(var(--app-vh,100dvh) - var(--app-keyboard,0px));background:var(--bg);overscroll-behavior:contain;margin-left:auto;margin-right:auto;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.fullscreen-overlay>.lesson,.lesson.boss{padding-bottom:calc(104px + var(--app-safe-bottom))}.tutor-thread{min-height:220px}.tutor-input{bottom:calc(var(--nav-height) + var(--safe-bottom));background:var(--bg);padding-top:10px}:root[data-keyboard-open] .bottom-nav{visibility:hidden;pointer-events:none}:root[data-keyboard-open] .tutor-input{bottom:var(--app-keyboard,0px)}.settings-card{gap:0;padding-top:4px;padding-bottom:4px}.setting-row{align-items:center;gap:12px;min-height:70px;padding:10px 0;display:flex}.setting-block{border-top:1px solid var(--line);padding:3px 0 12px}.setting-row--heading{padding-bottom:8px}.setting-copy{flex:1;gap:2px;min-width:0;display:grid}.setting-copy b{font-size:var(--type-label);font-weight:650}.setting-copy small{color:var(--hint);font-size:var(--type-body-sm);line-height:1.35}.switch{width:48px;min-width:48px;height:var(--tap-min);border-radius:var(--radius-pill);background:0 0;border:0;align-items:center;padding:0 3px;display:flex;position:relative}.switch:before{content:"";border-radius:var(--radius-pill);background:var(--line-strong);transition:background var(--dur-fast) ease;position:absolute;top:7px;bottom:7px;left:0;right:0}.switch>span{z-index:var(--z-raised);background:var(--color-on-accent);width:24px;height:24px;box-shadow:var(--shadow-switch);transition:transform var(--dur-fast) ease;border-radius:50%;display:block;position:relative}.switch.is-on:before{background:var(--brand)}.switch.is-on>span{transform:translate(18px)}.switch:disabled{opacity:.45;cursor:not-allowed}.music-volume{color:var(--hint);font-size:var(--type-body-sm);grid-template-columns:auto minmax(110px,1fr) 3.5ch;align-items:center;gap:10px;padding:0 2px 4px 50px;display:grid}.music-volume input{width:100%;min-height:var(--tap-min);accent-color:var(--brand);touch-action:pan-x;margin:0}.music-volume output{color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:right}@media (max-width:380px){.music-volume{grid-template-columns:1fr 3.5ch;padding-left:50px}.music-volume>span{grid-column:1/-1}}.goal-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.goal-options .plan-mode{min-height:var(--tap-min);padding:0}.danger-action{color:var(--rose-text);align-self:center}.row-ico[class=row-ico]{color:var(--ink-2)}.onboarding-shell{min-height:var(--app-vh,100dvh);padding:max(24px, var(--safe-top)) var(--page-gutter) max(28px, var(--safe-bottom));grid-template-columns:minmax(0,1fr);align-content:safe center}.onboarding-welcome{text-align:center;align-items:center}.onboarding-welcome .hint{max-width:34ch}.onboarding-copy{align-items:center;gap:10px;display:flex}.onboarding-copy .mascot{flex:none}.choice-list{gap:8px;display:grid}.choice-list .choice{justify-content:flex-start;gap:12px}.choice-icon{border-radius:var(--radius-sm);background:var(--surface-2);width:38px;height:38px;color:var(--brand-text);flex:none;place-items:center;display:grid}.choice.selected .choice-icon{background:color-mix(in srgb,var(--brand) 12%,var(--surface))}.consent-choice{align-items:flex-start;gap:12px}.consent-checkbox{width:20px;height:20px;accent-color:var(--brand-deep);flex:none;margin-top:1px}.consent-copy{font-size:var(--type-body);font-weight:500;line-height:1.55}.consent-copy a{color:var(--brand-text);font-weight:650}.series-card{gap:12px}.series-card.is-locked{background:var(--surface-2);opacity:1}.series-heading{align-items:center;gap:12px;display:flex}.episode-panel{border-radius:var(--radius-md);background:var(--surface-2);gap:8px;padding:14px}.episode-panel .eyebrow{margin:0}.episode-panel .cta{text-decoration:none}.video-hero:before{background:var(--violet)}.toast-icon{color:var(--sky-deep);place-items:center;display:grid}.toast--good .toast-icon{color:var(--brand-text)}.toast--bad .toast-icon{color:var(--rose-text)}.coin-pop{align-items:center;gap:4px;display:inline-flex}@keyframes fynloEnter{0%{opacity:0}to{opacity:1}}@media (max-width:360px){:root{--page-gutter:14px;--section-gap:24px}body{font-size:var(--type-body)}.appbar{min-height:54px}.brand-word{font-size:var(--type-title-sm)}.brand-fox{width:27px;height:27px}.stat{padding-left:4px;padding-right:4px}.appbar-settings{width:44px;min-width:44px;height:44px}.plan-card{padding:16px}.plan-mode{min-height:44px;font-size:var(--type-body-sm)}.hero{padding:18px 16px}.hero h1,.hero h2{font-size:var(--type-title)}.nav-btn{font-size:var(--type-caption)}.lesson-body{padding-top:20px}.task-prompt{font-size:var(--type-heading)}.option{min-height:56px;padding:12px 14px}}@media (min-width:720px){body{padding:22px 0}.app-shell{margin-left:auto;margin-right:auto}.app-shell,.app-shell--fullscreen{border:1px solid var(--line);border-radius:var(--radius-frame);min-height:min(900px,100dvh - 44px);box-shadow:var(--elevation-frame);overflow:hidden}body:has(.app-shell--fullscreen){padding:0}.app-shell--fullscreen{min-height:var(--app-vh,100dvh);box-shadow:none;border:0;border-radius:0;overflow:visible}.app-shell:not(.app-shell--fullscreen){grid-template-rows:auto minmax(0,1fr) auto;height:min(900px,100dvh - 44px);padding-bottom:0;display:grid}.app-shell:not(.app-shell--fullscreen) .appbar{position:static}.app-shell:not(.app-shell--fullscreen) .app-shell__content{min-height:0;padding-bottom:var(--space-4);scrollbar-gutter:stable;overflow-y:auto}.bottom-nav,.lesson-foot,.bottom-action-bar{max-width:480px}.bottom-nav{width:auto;margin:0 calc(-1 * var(--page-gutter));position:static;left:auto;transform:none}}@media (prefers-reduced-motion:reduce){.route-fade{animation:none}.scenario-fill,.xp-mini-fill,.skillbar-fill,.lesson-bar-fill,.progress-bar>span{transition-duration:var(--dur-reduced)}.cta,.row,.nav-btn,.mascot{transition-duration:var(--dur-reduced);animation:none!important}}@media (forced-colors:active){.option.sel,.option.ok,.option.no,.choice.selected,.plan-mode.is-active,.nav-btn[aria-current=page]{outline-offset:-3px;outline:2px solid}.bottom-nav,.lesson-foot,.bottom-action-bar{border-top:1px solid canvastext}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.segmented{margin-top:var(--space-1);border:var(--border-default);border-radius:var(--radius-md);background:var(--surface-2);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented__option{min-width:0;min-height:var(--tap-min);border-radius:var(--radius-sm);color:var(--ink-2);font-size:var(--type-body-sm);font-weight:600;line-height:var(--leading-tight);white-space:normal;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;padding:0 6px}.segmented__option.is-on{background:var(--surface);color:var(--brand-deep);box-shadow:var(--shadow-card)}.segmented__option:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.speak-btn--unavailable{opacity:.45;cursor:default}