*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f4f8;--card:#fff;--text:#1a202c;--muted:#64748b;--border:#e2e8f0;--success:#48bb78;--error:#fc8181;--shadow:0 2px 8px #00000014, 0 1px 3px #0000000d;--shadow-lg:0 8px 24px #0000001f;--text-scale:1}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}#app{min-height:100vh}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;font-family:inherit}button:active:not(:disabled){opacity:.85;transform:scale(.97)}button:disabled{opacity:.45;cursor:default}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.anim-slide{animation:.22s both slide-up}.anim-fade{animation:.2s both fade-in}@keyframes page-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes page-out{0%{transform:translate(0)}to{transform:translate(100%)}}.page-slide-in{animation:.28s cubic-bezier(.25,.46,.45,.94) both page-in}.page-slide-out{pointer-events:none;animation:.24s cubic-bezier(.55,0,1,.45) both page-out}.unit-overlay{z-index:10;background:var(--bg);position:fixed;inset:0;overflow-y:auto}.home{padding-bottom:40px;position:relative}.home-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden}.shader-canvas{width:calc(100% + 80px);height:calc(100% + 170px);display:block;position:absolute;top:-40px;left:-40px}.home-header-content{z-index:1;padding:calc(52px + env(safe-area-inset-top)) 24px 44px;position:relative}.home-logo{margin-bottom:10px;font-size:52px}.home-title{font-size:calc(34px * var(--text-scale,1));letter-spacing:-1px;text-shadow:0 1px 10px #00000059;font-weight:800}.home-sub{font-size:calc(16px * var(--text-scale,1));opacity:.9;text-shadow:0 1px 6px #0000004d;margin-top:4px}.home-total-bar{z-index:2;background:#fff3;height:3px;position:absolute;bottom:0;left:0;right:0}.home-total-fill{background:#fff;height:100%;transition:width .4s}.units-list{flex-direction:column;gap:10px;width:100%;max-width:1100px;margin:0 auto;padding:16px 16px 32px;display:flex}.home-level-hdr{align-items:center;gap:10px;padding:22px 4px 6px;display:flex}.home-level-hdr:before,.home-level-hdr:after{content:"";background:var(--border);flex:1;height:1px}.home-level-label{font-size:calc(12px * var(--text-scale,1));letter-spacing:2px;color:var(--muted);text-transform:uppercase;flex-shrink:0;font-weight:800}.home-section{box-shadow:var(--shadow);background:var(--card);scroll-margin-top:calc(env(safe-area-inset-top) + 10px);border-radius:16px;overflow:hidden}.home-section.kind-vocab .home-section-hdr{background:#2c7a7b29}.home-section.kind-grammar .home-section-hdr{background:#2b6cb029}.home-section.kind-stories .home-section-hdr{background:#c0562129}.home-section.kind-longstories .home-section-hdr{background:#d69e2e29}.home-section.kind-adventures .home-section-hdr{background:#6b46c129}.home-section.kind-complete .home-section-hdr{background:#b8328029}.home-section.kind-book .home-section-hdr{background:#c5303029}.home-section.kind-dictation .home-section-hdr{background:#0e749029}.home-section.kind-vocab .home-section-label{color:#22543d}.home-section.kind-grammar .home-section-label{color:#2c5282}.home-section.kind-stories .home-section-label{color:#7b341e}.home-section.kind-longstories .home-section-label{color:#975a16}.home-section.kind-adventures .home-section-label{color:#44337a}.home-section.kind-complete .home-section-label{color:#702459}.home-section.kind-book .home-section-label{color:#9b2c2c}.home-section.kind-dictation .home-section-label{color:#164e63}.home-section.kind-vocab .unit-prog-fill{background:#22543d}.home-section.kind-grammar .unit-prog-fill{background:#2c5282}.home-section.kind-stories .unit-prog-fill{background:#7b341e}.home-section.kind-longstories .unit-prog-fill{background:#975a16}.home-section.kind-adventures .unit-prog-fill{background:#44337a}.home-section.kind-complete .unit-prog-fill{background:#702459}.home-section.kind-book .unit-prog-fill{background:#9b2c2c}.home-section.kind-dictation .unit-prog-fill{background:#164e63}@media (prefers-color-scheme:dark){.home-section.kind-vocab .home-section-hdr{background:#2c7a7b17}.home-section.kind-grammar .home-section-hdr{background:#2b6cb017}.home-section.kind-stories .home-section-hdr{background:#c0562117}.home-section.kind-longstories .home-section-hdr{background:#d69e2e17}.home-section.kind-adventures .home-section-hdr{background:#6b46c117}.home-section.kind-complete .home-section-hdr{background:#b8328017}.home-section.kind-book .home-section-hdr{background:#c5303017}.home-section.kind-dictation .home-section-hdr{background:#0e749017}.home-section.kind-vocab .home-section-label{color:#68d391}.home-section.kind-grammar .home-section-label{color:#90cdf4}.home-section.kind-stories .home-section-label{color:#f6ad55}.home-section.kind-longstories .home-section-label{color:#f6e05e}.home-section.kind-adventures .home-section-label{color:#d6bcfa}.home-section.kind-complete .home-section-label{color:#f687b3}.home-section.kind-book .home-section-label{color:#fc8181}.home-section.kind-dictation .home-section-label{color:#67e8f9}.home-section.kind-vocab .unit-prog-fill{background:#68d391}.home-section.kind-grammar .unit-prog-fill{background:#90cdf4}.home-section.kind-stories .unit-prog-fill{background:#f6ad55}.home-section.kind-longstories .unit-prog-fill{background:#f6e05e}.home-section.kind-adventures .unit-prog-fill{background:#d6bcfa}.home-section.kind-complete .unit-prog-fill{background:#f687b3}.home-section.kind-book .unit-prog-fill{background:#fc8181}.home-section.kind-dictation .unit-prog-fill{background:#67e8f9}}.home-section-hdr{background:var(--card);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left;border:none;align-items:center;gap:10px;width:100%;padding:14px 18px;transition:background .15s;display:flex}.home-section-hdr:active{background:var(--border)}.home-section-label{font-size:calc(15px * var(--text-scale,1));color:var(--text);flex:1;font-weight:700}.home-section-meta{font-size:calc(12px * var(--text-scale,1));color:var(--muted);font-weight:500}.home-section-chevron{font-size:calc(14px * var(--text-scale,1));color:var(--muted)}.home-section-body{background:var(--border);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;display:grid}.unit-card{background:var(--card);cursor:pointer;border-left:5px solid var(--uc);-webkit-tap-highlight-color:transparent;border-radius:0;align-items:center;gap:16px;padding:16px 18px;transition:background .15s;display:flex}.unit-card:active{background:var(--border)}.unit-card-emoji{flex-shrink:0;font-size:38px}.unit-card-body{flex:1;min-width:0}.unit-card-title{font-size:calc(17px * var(--text-scale,1));font-weight:700}.unit-card-sub{font-size:calc(14px * var(--text-scale,1));color:var(--muted);margin-top:4px}.unit-prog-row{align-items:center;gap:8px;margin-top:10px;display:flex}.unit-prog-wrap{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.unit-prog-fill{background:var(--success);border-radius:2px;height:100%;transition:width .4s}.unit-prog-text{font-size:calc(12px * var(--text-scale,1));color:var(--muted);flex-shrink:0}.unit-card-arrow{font-size:calc(26px * var(--text-scale,1));color:var(--muted);flex-shrink:0;font-weight:300}.conv-wrap{max-width:640px;margin:0 auto;padding:16px 16px 32px}.conv-context{font-size:calc(14px * var(--text-scale,1));color:var(--muted);text-align:center;margin-bottom:16px;font-style:italic}.conv-controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.conv-play-btn{font-size:calc(14px * var(--text-scale,1));color:#fff;background:var(--muted);border-radius:20px;padding:9px 20px;font-weight:600;transition:opacity .15s}.conv-play-btn:active{opacity:.8}.conv-trans-btn{font-size:calc(14px * var(--text-scale,1));background:var(--border);color:var(--text);border-radius:20px;padding:9px 16px;font-weight:500;transition:background .15s}.conv-trans-btn.active{background:var(--text);color:var(--card)}.conv-dialogue{flex-direction:column;gap:12px;display:flex}.conv-row{align-items:flex-end;gap:8px;display:flex}.conv-row-right{justify-content:flex-end}.conv-avatar{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:26px;display:flex}.conv-bubble{background:var(--card);box-shadow:var(--shadow);border-radius:16px 16px 16px 4px;max-width:80%;padding:10px 12px;transition:box-shadow .2s;position:relative}.conv-bubble-right{border-radius:16px 16px 4px}.conv-bubble-playing{box-shadow:0 0 0 2px currentColor, var(--shadow-lg)}.conv-speaker{font-size:calc(12px * var(--text-scale,1));color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-weight:700}.conv-french{font-size:calc(15px * var(--text-scale,1));color:var(--text);font-weight:600;line-height:1.4}.conv-english{font-size:calc(13px * var(--text-scale,1));color:var(--muted);margin-top:4px;line-height:1.3}.conv-speak-btn{font-size:calc(14px * var(--text-scale,1));color:var(--muted);float:right;background:0 0;margin-left:8px;padding:2px 0 0 4px}.conv-narration{background:var(--border);color:var(--muted);font-style:italic;font-size:calc(14px * var(--text-scale,1));border-radius:10px;padding:10px 14px;line-height:1.5;transition:box-shadow .2s}.conv-narration-text{display:block}.unit-screen{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.unit-header{color:#fff;padding:calc(14px + env(safe-area-inset-top)) 16px 14px;z-index:20;align-items:center;gap:12px;display:flex;position:sticky;top:0}.back-btn{color:#fff;background:#ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:26px;line-height:1;transition:background .15s;display:flex}.back-btn:active{background:#ffffff59}.hdr-info{flex:1;min-width:0}.hdr-unit{font-size:calc(11px * var(--text-scale,1));text-transform:uppercase;letter-spacing:.5px;opacity:.75;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hdr-phase{font-size:calc(17px * var(--text-scale,1));white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-weight:700;overflow:hidden}.hdr-total{font-size:calc(12px * var(--text-scale,1));opacity:.8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.phase-nav{flex-shrink:0;gap:5px;display:flex}.pn-btn{min-width:34px;height:34px;font-size:calc(13px * var(--text-scale,1));cursor:pointer;color:#fff9;background:#ffffff1f;border:1.5px solid #ffffff38;border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:flex}.pn-btn.active{color:var(--uc);cursor:default;background:#fff;border-color:#fff}.pn-btn.complete{color:#fff;background:#ffffff4d;border-color:#ffffff8c}.pn-btn.pn-arrow{font-size:calc(18px * var(--text-scale,1))}.pn-btn:not(.active):active{background:#ffffff40}.unit-loading{flex:1;justify-content:center;align-items:center;display:flex}.unit-loading-spinner{border:3px solid var(--border);border-top-color:var(--uc);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite unit-spin}@keyframes unit-spin{to{transform:rotate(360deg)}}.lesson{flex:1;padding:18px 16px 32px;overflow-y:auto}.lesson-intro{background:var(--card);box-shadow:var(--shadow);border-radius:16px;margin-bottom:16px;padding:20px}.lesson-intro h2{font-size:calc(17px * var(--text-scale,1));margin-bottom:8px;font-weight:800}.lesson-intro p{font-size:calc(16px * var(--text-scale,1));color:var(--muted);font-style:italic;line-height:1.65}.rule-section{background:var(--card);box-shadow:var(--shadow);border-radius:16px;margin-bottom:14px;overflow:hidden}.rule-hdr{color:#fff;font-weight:700;font-size:calc(16px * var(--text-scale,1));align-items:center;gap:10px;padding:14px 16px;display:flex}.rule-hdr-icon{font-size:20px}.rule-item{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:start;column-gap:8px;padding:14px 16px;display:grid}.rule-item:last-child{border-bottom:none}.rule-ending{font-size:calc(17px * var(--text-scale,1));font-family:monospace;font-weight:800}.rule-ex{font-size:calc(16px * var(--text-scale,1));color:var(--muted);margin-top:3px;font-style:italic}.rule-speak{grid-area:1/2/span 3;align-self:center}.rule-note{font-size:calc(16px * var(--text-scale,1));background:var(--bg);color:var(--muted);white-space:pre-line;border-radius:6px;margin-top:6px;padding:4px 8px;display:block}.word-list{background:var(--card);box-shadow:var(--shadow);border-radius:16px;margin-bottom:16px;overflow:hidden}.word-row{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.word-row:last-child{border-bottom:none}.word-row-main{align-items:center;gap:8px;display:flex}.speak-btn{color:var(--muted);background:0 0;border-radius:6px;flex-shrink:0;margin-top:6px;padding:2px 4px;font-size:16px}.speak-btn:active{color:var(--text)}.word-fr{font-size:calc(15px * var(--text-scale,1));flex:1;font-weight:700}.word-gender{color:var(--muted);margin-left:4px;font-weight:500}.word-arr{font-size:calc(13px * var(--text-scale,1));color:var(--muted);flex-shrink:0}.word-en{font-size:calc(15px * var(--text-scale,1));color:var(--muted);text-align:right;flex:1}.word-literal{font-size:calc(14px * var(--text-scale,1));color:var(--muted);text-align:center;font-style:italic}.lesson-cta{margin-top:24px;padding-bottom:8px}.book-glossary{background:var(--card);box-shadow:var(--shadow);border-radius:16px;margin-bottom:16px;padding:14px 16px}.book-glossary-title{font-size:calc(12px * var(--text-scale,1));text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:8px;font-weight:700}.book-glossary-word{border-bottom:1px dashed var(--border);font-size:calc(14px * var(--text-scale,1));justify-content:space-between;gap:12px;padding:6px 0;display:flex}.book-glossary-word:last-child{border-bottom:none}.book-glossary-fr-group{align-items:center;gap:2px;display:flex}.book-glossary-fr{font-weight:700}.book-glossary-speak{margin-top:0}.book-glossary-en{color:var(--muted);text-align:right}.book-paragraphs{background:var(--card);box-shadow:var(--shadow);border-radius:16px;margin-bottom:16px;overflow:hidden}.book-para{border-bottom:1px solid var(--border);cursor:pointer;padding:16px}.book-para:last-child{border-bottom:none}.book-para-fr{font-size:calc(16px * var(--text-scale,1));align-items:flex-start;gap:8px;font-weight:600;line-height:1.6;display:flex}.book-para-speak{margin-top:1px}.book-para-en{font-size:calc(14px * var(--text-scale,1));color:var(--muted);border-top:1px dashed var(--border);margin-top:10px;padding-top:10px;line-height:1.55}.alpha-grid{grid-template-columns:repeat(5,1fr);gap:8px;padding:0 0 8px;display:grid}.alpha-card{background:var(--card);text-align:center;cursor:pointer;border:2px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;transition:border-color .15s,transform .1s;display:flex}.alpha-card:active{transform:scale(.92)}.alpha-letter{font-size:calc(26px * var(--text-scale,1));font-weight:900;line-height:1.1}.alpha-name{font-size:calc(12px * var(--text-scale,1));word-break:break-word;font-weight:600;line-height:1.2}.alpha-hint{font-size:calc(12px * var(--text-scale,1));color:var(--muted);line-height:1.2}.btn-primary,.btn-secondary{width:100%;font-size:calc(17px * var(--text-scale,1));text-align:center;border-radius:16px;padding:17px;font-weight:700;display:block}.btn-primary{color:#fff;transition:opacity .15s,transform .1s;box-shadow:0 4px 16px #0003}.btn-secondary{background:var(--card);color:var(--text);box-shadow:var(--shadow);border:2px solid var(--border);font-weight:600}.quiz{padding:20px 16px calc(32px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;gap:18px;display:flex}.qprog-row{align-items:center;gap:8px;display:flex}.qprog-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.qprog-fill{border-radius:3px;height:100%;transition:width .3s}.qprog-text{font-size:calc(12px * var(--text-scale,1));color:var(--muted);flex-shrink:0}.quiz-card{background:var(--card);text-align:center;box-shadow:var(--shadow-lg);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:170px;padding:40px 24px;transition:background .18s;display:flex;position:relative;overflow:hidden}.quiz-card.flash-ok{background:#f0fff4}.quiz-card.flash-shake{animation:.5s shake}.check-anim{color:var(--success);font-size:52px;animation:.35s cubic-bezier(.175,.885,.32,1.275) both pop}.quiz-prompt{font-size:calc(14px * var(--text-scale,1));color:var(--muted);font-weight:500}.quiz-word-row{grid-template-columns:1fr auto 1fr;align-self:stretch;align-items:center;display:grid}.quiz-word-row .quiz-word{grid-column:2}.quiz-word-row .speak-btn{grid-column:3;justify-self:start;margin-left:8px}.quiz-word{font-size:calc(34px * var(--text-scale,1));letter-spacing:-.5px;font-weight:900;line-height:1.1}.quiz-hint{font-size:calc(13px * var(--text-scale,1));color:var(--muted)}.score-line{text-align:center;font-size:calc(13px * var(--text-scale,1));color:var(--muted)}.audio-cue{background:var(--border);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:40px;display:flex}.audio-cue:active{background:#cbd5e0}.mc-options{flex-direction:column;gap:10px;margin-top:auto;display:flex}.mc-opt{background:var(--card);border:2px solid var(--border);font-size:calc(15px * var(--text-scale,1));text-align:left;color:var(--text);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px;font-weight:600;line-height:1.3;transition:border-color .12s,background .12s;display:flex}.mc-opt.opt-ok{border-color:var(--success);color:#276749;background:#f0fff4}.mc-opt-check{color:var(--success);font-size:18px;font-weight:900}.mc-opt.opt-bad{border-color:var(--error);color:#9b2335;background:#fff5f5;animation:.45s shake}.math-problem{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;margin:8px 0 4px;display:flex}.math-operand{font-size:calc(22px * var(--text-scale,1));font-weight:800}.math-op{font-size:calc(26px * var(--text-scale,1));color:var(--muted);font-weight:300}.math-blank{font-size:calc(28px * var(--text-scale,1));color:var(--muted);font-weight:900}.prep-country{font-size:calc(42px * var(--text-scale,1));text-align:center;margin:4px 0 2px;font-weight:900}.prep-english{font-size:calc(16px * var(--text-scale,1));color:var(--muted);text-align:center;margin-bottom:8px}.prep-options{gap:12px;margin-top:auto;display:flex}.prep-opt{background:var(--card);border:2px solid var(--border);font-size:calc(24px * var(--text-scale,1));text-align:center;color:var(--text);box-shadow:var(--shadow);border-radius:16px;flex:1;padding:22px 8px;font-weight:900;transition:border-color .12s,background .12s}.prep-opt.prep-opt-ok{border-color:var(--success);color:#276749;background:#f0fff4}.prep-opt.prep-opt-bad{border-color:var(--error);color:#9b2335;background:#fff5f5;animation:.45s shake}.conj-verb-line{flex-direction:column;align-items:center;gap:2px;display:flex}.conj-verb{font-size:calc(18px * var(--text-scale,1));color:var(--text);font-weight:800}.conj-verb-en{font-size:calc(12px * var(--text-scale,1));color:var(--muted)}.sg-wrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.sg-hdr{flex-shrink:0;padding:12px 16px 6px}.sg-arena{-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.sg-zone{z-index:1;width:50%;transition:background .1s;position:absolute;top:0;bottom:0}.sg-zone-m{left:0}.sg-zone-f{right:0}.sg-zone:active{background:#0000000a}.sg-divider{background:var(--border);pointer-events:none;z-index:0;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.sg-lbl{opacity:.06;pointer-events:none;z-index:0;font-size:100px;font-weight:900;line-height:1;position:absolute;top:12%}.sg-lbl-m{color:#2b6cb0;left:8%}.sg-lbl-f{color:#97266d;right:8%}.sg-switch-anchor{pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.sg-switch-bar{border-radius:5px;width:88px;height:10px;transition:transform .13s,background .13s;box-shadow:0 2px 8px #00000038}.sg-switch-hint{font-size:calc(13px * var(--text-scale,1));opacity:.7;font-weight:700;transition:color .13s}.sg-word{z-index:10;background:var(--card);box-shadow:var(--shadow-lg);pointer-events:none;white-space:nowrap;text-align:center;border-radius:14px;padding:10px 22px 12px;position:absolute;transform:translate(-50%,-50%)}.sg-word-main{font-size:calc(26px * var(--text-scale,1));letter-spacing:-.5px;font-weight:900}.sg-word-sub{font-size:calc(13px * var(--text-scale,1));color:var(--text-secondary,#888);margin-top:2px;font-weight:500}.sg-bucket{z-index:5;text-align:center;pointer-events:none;min-width:80px;box-shadow:var(--shadow);border:2px solid #0000;border-radius:18px;padding:14px 18px;transition:background .18s,border-color .18s;position:absolute;transform:translate(-50%,-50%)}.sg-bucket.bkt-ok{border-color:var(--success)!important;background:#f0fff4!important}.sg-bucket.bkt-bad{animation:.45s shake;border-color:var(--error)!important;background:#fff5f5!important}.sg-bkt-letter{font-size:calc(28px * var(--text-scale,1));font-weight:900}.sg-bkt-sub{font-size:calc(12px * var(--text-scale,1));color:var(--muted);margin-top:2px}.results{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:40px 24px 48px;display:flex}.res-emoji{font-size:80px;animation:.4s cubic-bezier(.175,.885,.32,1.275) both pop}.res-title{font-size:calc(30px * var(--text-scale,1));letter-spacing:-1px;font-weight:900}.res-score{font-size:calc(56px * var(--text-scale,1));font-weight:900;line-height:1}.res-badge{font-size:calc(14px * var(--text-scale,1));border-radius:20px;padding:6px 18px;font-weight:700}.badge-great{color:#22543d;background:#c6f6d5}.badge-good{color:#2a4365;background:#bee3f8}.badge-keep{color:#742a2a;background:#fed7d7}.res-actions{flex-direction:column;gap:10px;width:100%;margin-top:16px;display:flex}@media (prefers-color-scheme:dark){:root{--bg:#14171e;--card:#1e293b;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--shadow:0 2px 8px #00000059, 0 1px 3px #00000040;--shadow-lg:0 8px 24px #00000080}.gbtn.masc{color:#90cdf4;background:#1a3a5c}.gbtn.fem{color:#fbb6ce;background:#4a1942}.gbtn.wrong{background:#2d1515!important}.mc-opt{background:var(--card)}.mc-opt.opt-ok{color:#68d391;background:#1a3a2a}.mc-opt.opt-bad{color:#fc8181;background:#2d1515}.quiz-card.flash-ok{background:#1a3a2a}.audio-cue:active{background:#475569}.sg-bucket.bkt-ok{background:#1a3a2a!important}.sg-bucket.bkt-bad{background:#2d1515!important}.badge-great{color:#68d391;background:#1a3a2a}.badge-good{color:#90cdf4;background:#1a3a5c}.badge-keep{color:#fc8181;background:#2d1515}.vmatch-btn{color:#f1f5f9;background:#2d3748;border-color:#4a5568}.vmatch-btn.vmatch-selected{background:#1a3a5c;border-color:currentColor}.vmatch-btn.vmatch-matched{border-color:var(--success);color:#68d391;background:#1a3a2a}.vmatch-btn.vmatch-wrong{border-color:var(--error);color:#fc8181;background:#2d1515}.vmatch-verb-card{background:#2d3748;border-color:currentColor}.ve-card{background:#2d3748}.ve-stem,.ve-note{background:#1e293b}.ve-row,.ve-pronoun,.ve-ending,.ve-example{border-color:#4a5568}.lost-word-item{background:var(--card);border-color:var(--border)}}.splash-overlay{z-index:200;pointer-events:none;opacity:1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:fixed;inset:0}.splash-overlay.is-fading{opacity:0;transition:opacity .5s}.splash-hat{will-change:transform, font-size;font-size:120px;line-height:1;transition:transform .6s cubic-bezier(.4,0,.2,1),font-size .6s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lost-words-card{background:var(--card);cursor:pointer;-webkit-tap-highlight-color:transparent;border-left:5px solid #c0392b;align-items:center;gap:16px;margin-bottom:8px;padding:16px 18px;transition:background .15s;display:flex}.lost-words-card:active{background:var(--border)}.lost-words-card-icon{flex-shrink:0;font-size:38px}.lost-words-card-body{flex:1;min-width:0}.lost-words-card-title{font-size:calc(17px * var(--text-scale,1));font-weight:700}.lost-words-card-sub{font-size:calc(13px * var(--text-scale,1));color:var(--muted);margin-top:4px}.lost-words-list{flex-direction:column;flex:1;gap:0;padding:16px;display:flex;overflow-y:auto}.lost-word-item{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.lost-word-item:first-child{border-radius:12px 12px 0 0}.lost-word-item:last-of-type{border-bottom:none;border-radius:0 0 12px 12px}.lost-word-text{flex-direction:column;gap:2px;display:flex}.lost-word-fr{font-size:calc(16px * var(--text-scale,1));font-weight:600}.lost-word-en{font-size:calc(13px * var(--text-scale,1));color:var(--muted)}.lost-gender-badge{font-size:calc(12px * var(--text-scale,1));text-transform:uppercase;letter-spacing:.02em;font-weight:700}.lost-word-dots{flex-shrink:0;gap:6px;display:flex}.lost-dot{background:var(--border);border:2px solid #c0392b;border-radius:50%;width:10px;height:10px}.lost-dot.filled{background:#c0392b}.lost-gender-card{border-left-color:#5a67d8}.lost-practice-btn{color:#fff;font-size:calc(16px * var(--text-scale,1));border-radius:12px;width:100%;margin-top:20px;padding:14px;font-weight:600}.lost-practice-hint{text-align:center;font-size:calc(13px * var(--text-scale,1));color:var(--muted);margin-top:20px}.lost-practice-hdr-btn{color:#fff;font-size:calc(14px * var(--text-scale,1));background:#ffffff40;border-radius:8px;margin-left:auto;padding:6px 12px;font-weight:600}.goal-pie{flex-shrink:0;position:relative}.goal-pie svg{display:block}.goal-pie-label{font-size:calc(12px * var(--text-scale,1));justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.track-pie-badge{top:calc(env(safe-area-inset-top) + 14px);z-index:5;filter:drop-shadow(0 1px 4px #00000040);background:0 0;border-radius:50%;position:absolute;right:16px}.track-list{flex-direction:column;gap:10px;padding:16px 16px 32px;display:flex}.track-card{background:var(--card);box-shadow:var(--shadow);border-left:4px solid #0000;border-radius:14px;padding:14px 16px;transition:border-color .2s}.track-card.running{border-left-color:var(--success)}.track-card-top{align-items:center;gap:14px;display:flex}.track-card-emoji{flex-shrink:0;font-size:30px}.track-card-body{flex:1;min-width:0}.track-card-title{font-size:calc(16px * var(--text-scale,1));font-weight:700}.track-card-time{font-size:calc(14px * var(--text-scale,1));color:var(--muted);margin-top:3px}.track-card-goal{color:var(--muted)}.track-remove-btn{opacity:.6;background:0 0;flex-shrink:0;font-size:18px}.track-prog-wrap{background:var(--border);border-radius:3px;height:5px;margin-top:12px;overflow:hidden}.track-prog-fill{background:var(--success);border-radius:3px;height:100%;transition:width .4s}.track-card-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.track-timer-btn{color:#fff;font-size:calc(13px * var(--text-scale,1));background:#2c7a7b;border-radius:20px;padding:8px 16px;font-weight:600}.track-timer-btn.stop{background:#c05621}.track-manual-btn,.track-goal-btn{background:var(--border);color:var(--text);font-size:calc(13px * var(--text-scale,1));border-radius:20px;padding:8px 14px;font-weight:600}.track-inline-form{align-items:center;gap:8px;margin-top:12px;display:flex}.track-inline-form input{background:var(--bg);border:1px solid var(--border);min-width:0;font-size:calc(14px * var(--text-scale,1));color:var(--text);border-radius:8px;flex:1;padding:8px 10px;font-family:inherit}.track-inline-form button{color:#fff;font-size:calc(13px * var(--text-scale,1));background:#2c7a7b;border-radius:8px;flex-shrink:0;padding:8px 12px;font-weight:600}.track-cancel-btn{background:var(--border)!important;color:var(--text)!important}.track-new-form{flex-direction:column;gap:10px;display:flex}.track-new-form input{background:var(--bg);border:1px solid var(--border);font-size:calc(14px * var(--text-scale,1));color:var(--text);border-radius:8px;width:100%;padding:10px 12px;font-family:inherit}.track-add-area-btn{background:var(--card);color:var(--muted);border:1.5px dashed var(--border);font-size:calc(15px * var(--text-scale,1));border-radius:14px;padding:16px;font-weight:600}.verb-table-card{background:var(--card);box-shadow:var(--shadow);border-radius:12px;margin:0 16px 16px;overflow:hidden}.verb-table-hdr{background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.verb-table-fr{font-size:calc(22px * var(--text-scale,1));color:var(--text);font-weight:800}.verb-table-en{font-size:calc(14px * var(--text-scale,1));color:var(--muted);flex:1}.verb-table-grid{grid-template-columns:1fr 1fr auto;display:grid}.verb-table-speak{border-bottom:1px solid var(--border);align-self:stretch;align-items:center;padding:0 10px;display:flex}.verb-table-row{display:contents}.verb-table-row:nth-child(2n) .verb-table-pronoun,.verb-table-row:nth-child(2n) .verb-table-form,.verb-table-row:nth-child(2n) .verb-table-speak{background:var(--bg)}.verb-table-pronoun{font-size:calc(14px * var(--text-scale,1));color:var(--muted);border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:10px 16px}.verb-table-form{font-size:calc(15px * var(--text-scale,1));color:var(--text);border-bottom:1px solid var(--border);padding:10px 16px;font-weight:600}.vmatch-verb-card{background:var(--card);box-shadow:var(--shadow);border:2px solid #0000;border-radius:12px;align-items:center;gap:12px;margin:12px 16px 4px;padding:14px 18px;display:flex}.vmatch-verb-fr{font-size:calc(26px * var(--text-scale,1));font-weight:800}.vmatch-verb-en{font-size:calc(14px * var(--text-scale,1));color:var(--muted)}.vmatch-hint{text-align:center;font-size:calc(13px * var(--text-scale,1));color:var(--muted);margin:6px 0 10px}.vmatch-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px;display:grid}.vmatch-col{flex-direction:column;gap:7px;display:flex}.vmatch-btn{border:2px solid var(--border);background:var(--card);font-size:calc(15px * var(--text-scale,1));text-align:center;cursor:pointer;border-radius:10px;padding:11px 10px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.vmatch-btn.vmatch-selected{background:#63b3ed26;border-color:currentColor}.vmatch-btn.vmatch-matched{border-color:var(--success);color:var(--success);opacity:1;cursor:default;background:#48bb7826}.vmatch-btn.vmatch-wrong{border-color:var(--error);color:var(--error);background:#fc818126;animation:.4s shake}.vmatch-check{color:var(--success)}.vmatch-form-btn{color:var(--text)}.ve-card{background:var(--card);box-shadow:var(--shadow);border-radius:12px;margin:0 16px 16px;overflow:hidden}.ve-hdr{flex-direction:column;gap:2px;padding:12px 16px;display:flex}.ve-group-label{font-size:calc(20px * var(--text-scale,1));color:#fff;font-weight:800}.ve-example-verb{font-size:calc(13px * var(--text-scale,1));color:#ffffffd9}.ve-stem{font-size:calc(13px * var(--text-scale,1));color:var(--muted);background:var(--bg);border-bottom:1px solid var(--border);padding:8px 16px;font-style:italic}.ve-table{flex-direction:column;display:flex}.ve-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 72px 1fr auto;align-items:center;display:grid}.ve-pronoun{font-size:calc(14px * var(--text-scale,1));color:var(--muted);border-right:1px solid var(--border);padding:9px 14px}.ve-ending{font-size:calc(15px * var(--text-scale,1));text-align:center;border-right:1px solid var(--border);padding:9px 10px;font-weight:700}.ve-example{font-size:calc(15px * var(--text-scale,1));color:var(--text);padding:9px 14px;font-weight:600}.ve-note{font-size:calc(13px * var(--text-scale,1));color:var(--muted);background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 16px}.cwrite-table{background:var(--card);box-shadow:var(--shadow);border-radius:12px;margin:0 16px 8px;overflow:hidden}.cwrite-row{border-bottom:1px solid var(--border);grid-template-columns:90px 1fr 32px;align-items:center;transition:background .15s;display:grid}.cwrite-row:last-child{border-bottom:none}.cwrite-row.cwrite-ok{background:#48bb781f}.cwrite-row.cwrite-bad{background:#fc81811f}.cwrite-pronoun{font-size:calc(13px * var(--text-scale,1));color:var(--muted);border-right:1px solid var(--border);padding:10px 12px;font-weight:600}.cwrite-input-col{flex-direction:column;gap:2px;padding:6px 10px;display:flex}.cwrite-input{width:100%;font-size:calc(16px * var(--text-scale,1));color:var(--text);background:0 0;border:none;outline:none;padding:4px 0;font-family:inherit;font-weight:600}.cwrite-input:disabled{opacity:1}.cwrite-answer{font-size:calc(13px * var(--text-scale,1));color:var(--success);font-weight:700}.cwrite-icon{text-align:center;padding-right:8px;font-size:16px;font-weight:700}.cwrite-icon-ok{color:var(--success)}.cwrite-icon-bad{color:var(--error)}@media (prefers-color-scheme:dark){.cwrite-row.cwrite-ok{background:#48bb7826}.cwrite-row.cwrite-bad{background:#fc818126}.cwrite-input{color:var(--text)}}.bs-card{background:var(--card);box-shadow:var(--shadow-lg);border-left:4px solid var(--border);border-radius:16px;margin:0 16px 12px;padding:18px 18px 12px}.bs-text{font-size:calc(16px * var(--text-scale,1));color:var(--text);white-space:pre-line;font-weight:500;line-height:1.65}.bs-translation{font-size:calc(13px * var(--text-scale,1));color:var(--muted);border-top:1px solid var(--border);white-space:pre-line;margin-top:10px;padding-top:10px;font-style:italic;line-height:1.55}.bs-card-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.bs-trans-btn{font-size:calc(13px * var(--text-scale,1));color:var(--muted);background:var(--border);border-radius:20px;padding:5px 12px;font-weight:600;transition:background .15s,color .15s}.bs-trans-active{background:var(--text);color:var(--card)}.bs-nav{gap:10px;margin-top:4px;padding:0 16px;display:flex}.bs-nav-back{font-size:calc(15px * var(--text-scale,1));border:2px solid var(--border);background:var(--card);color:var(--text);border-radius:14px;flex:1;padding:16px 12px;font-weight:600;transition:background .15s}.bs-nav-back:disabled{opacity:.3}.bs-nav-back:not(:disabled):active{background:var(--border)}.bs-nav-fwd{font-size:calc(15px * var(--text-scale,1));color:#fff;border-radius:14px;flex:2;padding:16px 12px;font-weight:700;transition:opacity .15s}.bs-nav-fwd:active{opacity:.85}.bs-choices{flex-direction:column;gap:8px;margin-top:4px;padding:0 16px;display:flex}.bs-choice-wrap{flex-direction:column;gap:4px;display:flex}.bs-choice{background:var(--card);border:2px solid var(--border);font-size:calc(15px * var(--text-scale,1));text-align:left;color:var(--text);box-shadow:var(--shadow);border-radius:14px;padding:14px 16px;font-weight:600;line-height:1.3;transition:border-color .12s,background .12s}.bs-choice-ok{border-color:var(--success);color:#276749;background:#48bb781f}.bs-choice-wrong{border-color:var(--error);color:#9b2c2c;opacity:1;background:#fc81811f}.bs-feedback{font-size:calc(12px * var(--text-scale,1));color:#9b2c2c;background:#fc81811a;border-radius:8px;padding:7px 12px;line-height:1.5}.bs-end{flex-direction:column;align-items:center;gap:4px;padding:24px 16px 8px;display:flex}.bs-end-emoji{margin-bottom:4px;font-size:52px;line-height:1;animation:.4s cubic-bezier(.175,.885,.32,1.275) both pop}.bs-end-grade{font-size:calc(20px * var(--text-scale,1));color:var(--text);font-weight:800}.bs-end-score{font-size:calc(36px * var(--text-scale,1));margin-top:8px;font-weight:900}.bs-end-num{color:var(--text)}.bs-end-denom{font-size:calc(22px * var(--text-scale,1));color:var(--muted);font-weight:600}.bs-end-label{font-size:calc(13px * var(--text-scale,1));color:var(--muted);margin-bottom:8px}.bs-end-bad-actions{flex-direction:column;gap:10px;width:100%;display:flex}.bs-end-bad-actions .btn-secondary{padding:14px}.bs-audio-card{background:var(--card);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;align-items:center;gap:10px;margin:0 16px 12px;padding:28px 18px 22px;display:flex}.bs-audio-icon{font-size:52px;line-height:1;animation:1.8s ease-in-out infinite bs-pulse}@keyframes bs-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.12)}}.bs-audio-hint{font-size:calc(14px * var(--text-scale,1));color:var(--muted);text-align:center;font-style:italic}@media (prefers-color-scheme:dark){.bs-choice-ok{color:#68d391;background:#48bb7826}.bs-choice-wrong{color:#fc8181;background:#fc818126}.bs-feedback{color:#fc8181;background:#fc81811a}.bs-card{border-left-color:#4a5568}}.fbq-phrase{font-size:calc(30px * var(--text-scale,1));letter-spacing:-.5px;color:var(--text);font-weight:800;line-height:1.3}.fbq-blank{border-bottom:3px solid var(--muted);min-width:60px;color:var(--muted);vertical-align:bottom;margin:0 4px;display:inline-block}.fbq-answer-slot{border-radius:6px;min-width:60px;margin:0 4px;padding:0 6px;font-weight:800;display:inline-block}.fbq-slot-ok{color:#276749;background:#48bb782e}.fbq-slot-bad{color:#9b2c2c;background:#fc81812e;text-decoration:line-through}.fbq-hint{font-size:calc(14px * var(--text-scale,1));color:var(--muted);margin-top:10px}.fbq-show-hint{font-size:calc(13px * var(--text-scale,1));color:var(--muted);background:0 0;border:none;margin-top:10px;padding:4px;font-weight:700;text-decoration:underline}.fbq-your-answer{font-size:calc(18px * var(--text-scale,1));color:#9b2c2c;margin-top:10px;font-weight:700;text-decoration:line-through}.fbq-correct-answer{font-size:calc(20px * var(--text-scale,1));color:var(--success);margin-top:10px;font-weight:800}.fbq-input{border:2px solid var(--border);width:calc(100% - 32px);font-size:calc(20px * var(--text-scale,1));background:var(--card);color:var(--text);text-align:center;border-radius:14px;outline:none;margin:0 16px;padding:16px;font-family:inherit;font-weight:700;transition:border-color .15s;display:block}.fbq-input:focus{border-color:var(--muted)}@media (prefers-color-scheme:dark){.fbq-slot-ok{color:#68d391;background:#48bb7833}.fbq-slot-bad{color:#fc8181;background:#fc818133}.fbq-your-answer{color:#fc8181}}.playback-row{justify-content:center;align-items:center;gap:14px;margin-top:12px;display:flex}.dictation-play-btn{color:#fff;width:84px;height:84px;font-size:calc(34px * var(--text-scale,1));border-radius:50%;justify-content:center;align-items:center;transition:transform .1s;display:flex;box-shadow:0 4px 16px #0003}.dictation-play-btn:active{transform:scale(.92)}.playback-slow-btn{background:var(--border);width:52px;height:52px;font-size:calc(24px * var(--text-scale,1));border-radius:50%;justify-content:center;align-items:center;transition:transform .1s;display:flex}.playback-slow-btn:active{transform:scale(.92)}.dictation-hint-line{font-size:calc(13px * var(--text-scale,1));color:var(--muted);margin-top:12px}.rewrite-prompt-row{justify-content:center;align-items:center;gap:8px;display:flex}.rewrite-prompt{font-size:calc(22px * var(--text-scale,1));letter-spacing:-.3px;color:var(--text);font-weight:800;line-height:1.35}.fvg-wrap{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;display:flex;overflow:hidden}.fvg-status{flex-shrink:0;align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.fvg-lives{flex-shrink:0;gap:6px;display:flex}.fvg-heart{color:#fc8181;font-size:22px;transition:opacity .2s}.fvg-heart-lost{opacity:.2}.fvg-prog-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.fvg-prog-fill{border-radius:3px;height:100%;transition:width .3s}.fvg-score{font-size:calc(20px * var(--text-scale,1));color:var(--text);text-align:right;flex-shrink:0;min-width:32px;font-weight:800}.fvg-arena{flex:1;position:relative;overflow:hidden}.fvg-lanes{pointer-events:none;grid-template-columns:1fr 1fr 1fr;display:grid;position:absolute;inset:0}.fvg-lane{border-right:1px solid var(--border);transition:background .2s}.fvg-lane:last-child{border-right:none}.fvg-bucket-target{box-shadow:0 0 0 2px}.fvg-card{background:var(--card);box-shadow:var(--shadow-lg);white-space:nowrap;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:20px 36px;transition:background .15s,box-shadow .15s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.fvg-form{font-size:calc(40px * var(--text-scale,1));color:var(--text);font-weight:900}.fvg-hint{font-size:calc(14px * var(--text-scale,1));color:var(--muted);font-weight:600}.fvg-card-ok{box-shadow:0 0 0 3px var(--success), var(--shadow-lg);background:#f0fff4}.fvg-card-bad{box-shadow:0 0 0 3px var(--error), var(--shadow-lg);background:#fff5f5;animation:.4s shake}.fvg-buckets{flex-shrink:0;gap:10px;padding:12px 12px 20px;display:flex}.fvg-bucket{font-size:calc(17px * var(--text-scale,1));background:0 0;border:2px solid;border-radius:16px;flex:1;padding:18px 8px;font-family:inherit;font-weight:700;transition:opacity .15s,transform .1s}.fvg-bucket:active:not(:disabled){transform:scale(.96)}@media (prefers-color-scheme:dark){.fvg-card-ok{background:#48bb7826}.fvg-card-bad{background:#fc818126}}