:root{--bg:#f6f5f1;--surface:#fff;--surface-2:#efede7;--border:#e2dfd6;--text:#1d1b2e;--muted:#6b6880;--accent:#4f46e5;--accent-soft:#e8e6fd;--on-accent:#fff;--ok:#15803d;--ok-soft:#dcfce7;--ko:#b91c1c;--ko-soft:#fee2e2;--warn-soft:#fef3c7;--mark:#fde68a;--radius:16px;--shadow:0 1px 2px #1d1b2e0f, 0 8px 24px #1d1b2e0f;--nav-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12111c;--surface:#1c1a2b;--surface-2:#262338;--border:#322f48;--text:#eeecf8;--muted:#a09db8;--accent:#8b83ff;--accent-soft:#2a2752;--on-accent:#12111c;--ok:#4ade80;--ok-soft:#12351f;--ko:#f87171;--ko-soft:#3f1518;--warn-soft:#3a2f10;--mark:#6b5a12;--shadow:0 1px 2px #0006}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0}h1{letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.7rem;line-height:1.2}h2{margin:0 0 .5rem;font-size:1.15rem}p{margin:0 0 .6rem}a{color:var(--accent);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.splash{min-height:100dvh;color:var(--muted);place-items:center;display:grid}.app{min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.page{flex-direction:column;gap:20px;max-width:960px;margin:0 auto;padding:20px 16px 32px;display:flex}.page.narrow{max-width:640px}.page>section{flex-direction:column;gap:10px;display:flex}.nav{z-index:10;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(6,1fr);display:grid;position:fixed;inset:auto 0 0}.brand{letter-spacing:-.02em;font-weight:800;display:none}.nav-link{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.72rem;font-weight:600;display:flex}.nav-icon{filter:grayscale();opacity:.7;font-size:1.35rem;line-height:1}.nav-link.active{color:var(--accent)}.nav-link.active .nav-icon{filter:none;opacity:1}@media (width>=800px){.app{padding-top:60px;padding-bottom:0}.nav{border-top:0;border-bottom:1px solid var(--border);align-items:center;gap:8px;height:60px;padding:0 24px;display:flex;inset:0 0 auto}.brand{margin-right:auto;display:block}.nav-user{border:1px solid var(--border);margin-left:16px}.nav-link{border-radius:999px;flex-direction:row;gap:8px;padding:8px 14px;font-size:.95rem}.nav-link.active{background:var(--accent-soft)}.nav-icon{font-size:1.1rem}}.btn{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:650;display:inline-flex}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.block{width:100%;display:flex}.btn.small{min-height:36px;padding:0 14px;font-size:.85rem}.btn.danger{color:var(--ko)}.btn:disabled,.btn.disabled{opacity:.45;pointer-events:none}.icon-btn{background:var(--surface-2);border:0;border-radius:50%;flex:none;width:40px;height:40px}.back{color:var(--muted);background:0 0;border:0;align-self:flex-start;padding:0;font-weight:600}.stack{flex-direction:column;gap:10px;display:flex}.badge{white-space:nowrap;background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:700;display:inline-block}.badge.level{border:1px solid var(--border);background:0 0}.type-noun{--hue:150}.type-verb{--hue:220}.type-phrasal_verb{--hue:190}.type-adjective{--hue:30}.type-adverb{--hue:275}.type-connector{--hue:60}.type-preposition{--hue:100}.type-expression{--hue:330}.type-idiom{--hue:0}.type-phrase{--hue:250}.badge[class*=type-]{background:hsl(var(--hue) 70% 50% / 16%);color:hsl(var(--hue) 60% 32%)}@media (prefers-color-scheme:dark){.badge[class*=type-]{color:hsl(var(--hue) 80% 78%)}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips.scroll{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:2px 16px;overflow-x:auto}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;flex:none;min-height:40px;padding:0 14px;font-size:.9rem;font-weight:600}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.progressbar{background:var(--surface-2);border-radius:999px;flex:1;height:8px;overflow:hidden}.progressbar>div{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s}.speak{background:var(--accent-soft);vertical-align:middle;border:0;border-radius:50%;flex:none;width:36px;height:36px;margin-left:6px;font-size:1rem;line-height:1}.speak-sm{background:0 0;width:30px;height:30px;font-size:.85rem}.speak-lg{width:88px;height:88px;margin:0;font-size:2.2rem}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.8rem}.section-head{justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;display:flex}.search{border:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:999px;padding:0 16px}.hero{border-radius:var(--radius);background:linear-gradient(135deg, var(--accent-soft), var(--surface));border:1px solid var(--border);padding:24px 20px}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid!important}.stat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-align:center;flex-direction:column;padding:14px 10px;display:flex}.stat strong{font-size:1.5rem;line-height:1.2}.stat small{color:var(--muted);font-size:.9rem;font-weight:500}.stat span{color:var(--muted);font-size:.78rem}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.theme-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);flex-direction:column;gap:4px;padding:16px;display:flex}.theme-card .progressbar{flex:none;margin-top:8px}.theme-icon{font-size:1.8rem;line-height:1}.theme-icon.big{font-size:2.6rem}.theme-name{font-weight:700;line-height:1.25}.theme-count{color:var(--muted);font-size:.8rem}.theme-header{align-items:center;gap:14px;display:flex}.settings{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.setting-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.setting-row+.setting-row{border-top:1px solid var(--border)}.form-title{margin:0;font-size:1.05rem}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.field input{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:46px;color:var(--text);border-radius:12px;padding:0 14px;font-weight:400}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.form-error{background:var(--ko-soft);color:var(--ko);border-radius:12px;margin:0;padding:10px 14px;font-size:.9rem}.word-list{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);margin:0;padding:0;list-style:none;overflow:hidden}.word-list li+li{border-top:1px solid var(--border)}.word-row{color:var(--text);align-items:center;gap:10px;padding:12px 14px;display:flex}.word-row-main{flex-direction:column;flex:1;min-width:0;display:flex}.word-row-term{font-weight:650}.word-row-fr{color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;display:-webkit-box;overflow:hidden}.word-row>.word-row-term{flex:1}.mastery-pill{border:1px solid var(--border);text-align:center;min-width:46px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:2px 6px;font-size:.72rem;font-weight:700}.mastery-learning{background:var(--warn-soft);color:var(--text);border-color:#0000}.mastery-known{background:var(--ok-soft);color:var(--ok);border-color:#0000}.mastery-mastered{background:var(--ok);border-color:var(--ok);color:var(--surface)}.mastery-meter{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:6px;padding:14px;display:flex}.mastery-meter p{margin:0}.mastery-meter-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.delta{font-variant-numeric:tabular-nums;flex:none;font-size:.8rem;font-weight:700}.delta.up{color:var(--ok)}.delta.down{color:var(--ko)}.result-mark{text-align:center;flex:none;width:1.2em;font-weight:800}.bucket-tag{color:var(--muted);text-align:center;margin:0;font-size:.78rem;font-weight:600}.level-rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.level-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.level-row.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.level-row.locked{opacity:.6}.level-row-figures{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}@media (width<=480px){.word-row .badge{display:none}}.sheet{flex-direction:column;gap:16px;display:flex}.sheet section{flex-direction:column;gap:10px;display:flex}.sheet-badges{gap:6px;justify-content:inherit;display:flex}.sheet-term{margin:8px 0 0;font-size:2rem}.ipa{color:var(--muted);margin:0;font-family:Lucida Sans Unicode,Segoe UI,sans-serif}.sheet-translation{color:var(--accent);margin:6px 0 0;font-size:1.25rem;font-weight:600}.note{background:var(--warn-soft);border-radius:12px;margin:0;padding:12px 14px;font-size:.92rem}.related{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.related-label{color:var(--muted);margin-right:4px;font-size:.8rem;font-weight:700}.pill{background:var(--surface-2);border-radius:999px;padding:4px 12px;font-size:.9rem}.pill-link{background:var(--accent-soft);font-weight:600}.example{border-left:3px solid var(--accent);background:var(--surface);text-align:left;border-radius:0 12px 12px 0;padding:10px 14px}.example p{margin:0}.example-fr{color:var(--muted);font-size:.92rem}mark{background:var(--mark);color:inherit;border-radius:4px;padding:0 2px;font-weight:650}.session{min-height:100dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.session-bar{align-items:center;gap:12px;display:flex}.session-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:650}.exercise{flex-direction:column;flex:1;gap:16px;display:flex}.instruction{color:var(--muted);text-align:center;margin:0;font-weight:600}.flashcard,.prompt-card{text-align:center;background:var(--surface);border:1px solid var(--border);width:100%;min-height:220px;box-shadow:var(--shadow);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 20px;display:flex}.flashcard{cursor:pointer;-webkit-user-select:none;user-select:none}.flashcard.revealed{cursor:default;min-height:0}.flashcard-prompt,.prompt-text{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,6vw,2.1rem);font-weight:750;line-height:1.2}.flashcard-answer{color:var(--accent);border-top:1px dashed var(--border);width:100%;margin:6px 0 0;padding-top:14px;font-size:1.4rem;font-weight:650}.flashcard-hint{color:var(--muted);margin:12px 0 0;font-size:.85rem}.prompt-card{min-height:160px}.prompt-sentence{margin:0;font-size:1.3rem;font-weight:600;line-height:1.5}.prompt-fr{color:var(--muted);margin:0}.prompt-fr.large{color:var(--text);font-size:1.25rem;font-weight:600}.gap{border-bottom:3px solid var(--accent);min-width:72px;margin:0 2px;display:inline-block}.gap.filled{color:var(--accent);border-bottom-color:#0000}.grade-bar{bottom:calc(8px + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;display:grid;position:sticky}.grade{border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:56px;padding:4px;line-height:1.2;display:flex}.grade strong{font-size:.9rem}.grade small{opacity:.8;font-size:.66rem}.grade-again{background:var(--ko-soft);color:var(--ko)}.grade-hard{background:var(--warn-soft)}.grade-good{background:var(--ok-soft);color:var(--ok)}.grade-easy{background:var(--accent-soft);color:var(--accent)}.choices{gap:10px;display:grid}.choices.compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}@media (width>=560px){.choices{grid-template-columns:1fr 1fr}}.choice{border:2px solid var(--border);background:var(--surface);text-align:center;border-radius:16px;min-height:56px;padding:10px 16px;font-weight:600}.choice.correct{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.choice.wrong{border-color:var(--ko);background:var(--ko-soft);color:var(--ko)}.choice.dimmed{opacity:.45}.feedback{background:var(--ok-soft);border-radius:20px;flex-direction:column;gap:8px;padding:16px;display:flex}.feedback.ko{background:var(--ko-soft)}.feedback p{margin:0}.feedback-title{color:var(--ok);font-weight:750}.feedback.ko .feedback-title{color:var(--ko)}.feedback-note{font-size:.9rem}.answer-zone,.token-bank{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.answer-zone{border:2px dashed var(--border);border-radius:20px;align-content:flex-start;min-height:116px;padding:12px}.answer-zone.correct{border:2px solid var(--ok)}.answer-zone.wrong{border:2px solid var(--ko)}.placeholder{color:var(--muted);align-self:center;margin:auto}.token{border:1px solid var(--border);background:var(--surface);border-bottom-width:3px;border-radius:12px;min-height:44px;padding:0 14px;font-weight:600}.token-bank .token:disabled{visibility:hidden}.match-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.match-col{align-content:start;gap:10px;display:grid}.match-cell{border:2px solid var(--border);background:var(--surface);border-radius:14px;min-height:64px;padding:8px 10px;font-size:.92rem;font-weight:600;line-height:1.25;transition:opacity .2s}.match-cell.selected{border-color:var(--accent);background:var(--accent-soft)}.match-cell.matched{opacity:.35;border-color:var(--ok)}.match-cell.wrong{border-color:var(--ko);background:var(--ko-soft);animation:.3s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.empty-icon{margin:24px 0 0;font-size:3.5rem}.score{text-align:center;color:var(--accent);margin:0;font-size:2.2rem;font-weight:800}.mode-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.mode-card{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;display:flex}.mode-card.active{border-color:var(--accent);background:var(--accent-soft)}.mode-icon{font-size:1.5rem;line-height:1.2}.mode-card small{color:var(--muted);font-size:.76rem;line-height:1.3}.setup-row{flex-wrap:wrap;flex-direction:row!important;gap:20px!important}.setup-row>div{flex-direction:column;gap:10px;display:flex}.sticky-cta{bottom:calc(var(--nav-h) + 12px + env(safe-area-inset-bottom));position:sticky}@media (width>=800px){.sticky-cta{bottom:16px}}.lead{color:var(--muted);font-size:1.08rem}.grammar-section,.pitfalls,.quiz{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:18px 16px}.grammar-section .example{background:var(--bg)}.formula{background:var(--accent-soft);border-radius:10px;margin:0;padding:8px 12px;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.86rem}.richtext p,.richtext ul{margin:0}.richtext ul,.pitfalls ul{padding-left:1.2rem}.richtext,.pitfalls ul{flex-direction:column;gap:6px;display:flex}.pitfalls{background:var(--warn-soft);border-color:#0000}.pitfalls ul{margin:0}.quiz-question{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.quiz-prompt{margin:0;font-weight:650}.quiz-explanation{color:var(--muted);margin:0;font-size:.9rem}.irregular{background:var(--accent-soft);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;display:flex}.irregular-badge{background:var(--accent);color:var(--on-accent)}.irregular-forms{flex-wrap:wrap;align-items:flex-end;gap:6px 18px;font-weight:700;display:flex}.irregular-forms span{flex-direction:column;display:flex}.irregular-forms small{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.68rem;font-weight:600}.irregular-mark{margin-left:6px;font-size:.8rem}.dialogue-controls{z-index:5;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:10px;margin:0 -16px;padding:10px 16px;display:flex;position:sticky;top:0}.dialogue-controls p{margin:0}@media (width>=800px){.dialogue-controls{top:60px}}.dialogue-lines{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.narration{text-align:center;max-width:90%;color:var(--muted);align-self:center;font-size:.88rem;font-style:italic}.bubble{align-items:center;gap:4px;max-width:88%;display:flex}.bubble.right{flex-direction:row-reverse;align-self:flex-end}.bubble.neutral{max-width:100%}.bubble-body{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:18px 18px 18px 4px;flex:1;padding:10px 14px}.bubble.right .bubble-body{background:var(--accent-soft);border-color:#0000;border-radius:18px 18px 4px}.bubble.playing .bubble-body{outline:2px solid var(--accent)}.bubble-body p{margin:0}.bubble-speaker{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:800}.bubble-en{font-weight:600}.bubble-en.masked{color:var(--accent);font-style:italic;font-weight:500}.bubble-fr{color:var(--muted);font-size:.9rem}.bubble-note{border-top:1px dashed var(--border);padding-top:6px;font-size:.85rem;margin-top:6px!important}.badge.register{background:var(--warn-soft);color:var(--text)}.badge.register-formal{background:var(--accent-soft)}.register-note{margin:0}.register-note .badge{white-space:normal;border-radius:12px;padding:6px 12px;font-size:.82rem;line-height:1.35}.tabs{background:var(--surface-2);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.tab{background:0 0;border:0;border-radius:999px;min-height:44px;font-weight:650}.tab.active{background:var(--surface);box-shadow:var(--shadow)}.chip-group{flex-direction:column;gap:6px;display:flex}.chip-group-label{color:var(--muted);font-size:.75rem;font-weight:700}.link-btn{color:var(--accent);background:0 0;border:0;padding:0;font-size:.9rem;font-weight:600}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.preset-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);flex-direction:column;gap:2px;padding:14px;line-height:1.3;display:flex}.preset-card.pinned{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.preset-card small{opacity:.75;font-size:.78rem}.preset-icon{font-size:1.6rem;line-height:1.2}.grammar-pick{align-items:center;gap:8px;padding-right:12px;display:flex}.grammar-pick .word-row{flex:1;min-width:0}.section-head h1{margin:0}.silent-toggle{border:1px solid var(--border);background:var(--surface);border-radius:999px;flex:none;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:.85rem;font-weight:600;display:inline-flex}.silent-toggle.on{background:var(--warn-soft);border-color:#0000}.silent-toggle.compact{border-radius:50%;justify-content:center;width:40px;height:40px;min-height:0;padding:0}.setting-hint{color:var(--muted);font-size:.78rem;display:block}