.demo{box-sizing:border-box;flex-direction:column;gap:16px;min-width:0;max-width:100%;display:flex}.demo *,.demo :before,.demo :after{box-sizing:border-box}.demo-dots{justify-content:center;gap:10px;display:flex}.demo-dot{background:var(--paper-2);border:2px solid var(--edge);border-radius:50%;width:10px;height:10px}.demo-dot.on{background:var(--teal-solid)}.demo-title{text-align:center;overflow-wrap:anywhere;margin:0;font-size:1.5rem}.demo-text{text-align:center;color:var(--ink-2);overflow-wrap:anywhere;margin:0;line-height:1.5}.demo-stage{background:var(--paper-2);border:1px solid var(--edge);border-radius:22px;flex-direction:column;align-items:center;gap:8px;max-width:100%;padding:18px 12px;display:flex}.demo-word{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:3rem;line-height:1.25;display:inline-block}.demo-pop{animation:.35s ease-out demo-pop}@keyframes demo-pop{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.demo-meaning{text-align:center;overflow-wrap:anywhere;margin:0}.demo-letters{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;display:flex}.demo-letter{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:96px;max-width:100%;min-height:56px;padding:6px 16px;display:flex}.demo-letter[aria-pressed=true]{border-color:var(--ok);background:var(--ok-bg)}.demo-letter-glyph{font-size:1.8rem;line-height:1.1}.demo-letter-roman{color:var(--teal-text);font-size:.8rem;font-style:italic}.demo-status{text-align:center;min-height:1.5em;color:var(--ok);margin:0;font-weight:700}.demo-meter{justify-content:center;max-width:100%;display:flex}.demo-meter .momentum{transform-origin:50%}.demo-quiz{flex-direction:column;align-items:center;gap:8px;max-width:100%;display:flex}.demo-quiz-word{text-align:center;overflow-wrap:anywhere;margin:0;font-size:2.4rem;line-height:1.25}.demo-roman{text-align:center;margin:0;font-style:italic}.demo-opts{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:100%;display:flex}.demo-opt{overflow-wrap:anywhere;flex:140px;max-width:100%;min-height:56px}.demo-opt:disabled{opacity:.6}.demo-note{text-align:center;min-height:1.5em;margin:0;font-weight:700}.demo-note.ok{color:var(--ok)}.demo-note.bad{color:var(--bad)}.demo-actions{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;display:flex}@media (prefers-reduced-motion:reduce){.demo-pop{animation:none}}.confetti{pointer-events:none;z-index:20;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:0;font-size:1.8rem;font-weight:700;animation:1.8s ease-in forwards confetti-fall;position:absolute;top:-2rem}.confetti-piece.hue-0{color:var(--accent)}.confetti-piece.hue-1{color:var(--teal)}.confetti-piece.hue-2{color:var(--gold)}.confetti-piece.hue-3{color:var(--tint-3)}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--drift), 105vh) rotate(var(--rot))}}.drawpad{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.drawpad-canvas{aspect-ratio:1;background:var(--paper);border:2px solid var(--line);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:16px;width:min(100%,340px);display:block}.drawpad.verdict-correct .drawpad-canvas,.drawpad.verdict-close .drawpad-canvas{border-color:var(--ok)}.drawpad.verdict-wrong .drawpad-canvas{border-color:var(--bad)}.drawpad-tools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.drawpad-tools .btn{min-width:0}.draw-prompt{text-align:center}.draw-prompt .draw-sound{font-size:2rem;font-weight:700}.draw-legend{text-align:center;color:var(--ink-2);font-size:.85rem}.letters-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.letters-head h3{margin:0}.onb-draw{margin-top:10px}.exercise .cloze .gap{border-bottom:3px solid var(--teal-solid);text-align:center;min-width:3em;color:var(--ink-2);padding:0 .15em;transition:color .15s,border-color .15s;display:inline-block}.exercise .cloze .gap.typed{color:var(--ink)}.exercise .cloze .gap.ok{color:var(--ok);border-bottom-color:var(--ok)}.exercise .cloze .gap.bad{color:var(--bad);border-bottom-color:var(--bad)}.exercise .cloze-hint{text-align:center;margin-top:4px}@media (prefers-reduced-motion:reduce){.exercise .cloze .gap{transition:none}}.match{flex-direction:column;gap:10px;display:flex}.match-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.match-col{flex-direction:column;gap:8px;display:flex}.match-tile{border:2px solid var(--edge);background:var(--paper-2);min-height:58px;box-shadow:0 3px 0 var(--edge);text-align:center;overflow-wrap:anywhere;border-radius:14px;justify-content:center;align-items:center;padding:8px 12px 8px 26px;font-size:1.1rem;transition:background .15s,border-color .15s,opacity .2s;display:flex;position:relative}.match-tile:hover:not(:disabled){border-color:var(--teal)}.match-tile:focus-visible{outline:3px solid var(--focus)}.match-tile.selected{border-color:var(--teal-solid);background:var(--sky);box-shadow:0 3px 0 var(--teal-solid);border-width:4px;font-weight:700}.match-tile.selected:after{content:"◆";color:var(--teal-text);font-size:.8rem;position:absolute;top:3px;right:8px}.match-tile.wrong{border-color:var(--bad);background:var(--bad-bg);animation:.3s match-shake}.match-tile.wrong:after{content:"✗";color:var(--bad);font-weight:800;position:absolute;top:3px;right:8px}.match-tile.done{border-color:var(--ok);background:var(--ok-bg);box-shadow:none;cursor:default;border-style:dashed}.match-tile.done:after{content:"✓";color:var(--ok);font-weight:800;position:absolute;top:3px;right:8px}.match-key{color:var(--ink-2);text-transform:uppercase;font-size:.7rem;font-weight:700;position:absolute;top:4px;left:8px}.match-glyph{font-size:1.8rem}.match-native{font-size:1.3rem}.match-status{text-align:center}@keyframes match-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.match-tile.wrong{animation:none}}@media (width<=420px){.match-cols{gap:8px}.match-tile{padding-left:22px;font-size:1rem}}.match-keys{white-space:nowrap}@media (hover:none) and (pointer:coarse){.match-keys{display:none}}.mistake-diff{color:var(--ink);flex-direction:column;gap:6px;margin-top:8px;display:flex}.diff-row{align-items:baseline;gap:10px;display:flex}.diff-label{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;width:6em;color:var(--ink-2);flex:none;font-size:.75rem}.diff-cells{flex-wrap:wrap;font-size:1.5rem;line-height:1.5;display:inline-flex}.dc{letter-spacing:0;text-align:center;border-radius:4px;min-width:0;padding:0 1px;display:inline-block}.dc-same{color:var(--ink)}.dc-wrong{background:var(--bad-bg);color:var(--bad);border:2px solid var(--bad);font-weight:800}.dc-extra{background:var(--bad-bg);color:var(--bad);font-weight:800;text-decoration:line-through;text-decoration-thickness:3px}.dc-missing{background:var(--ok-bg);color:var(--ok);border:2px dashed var(--ok);font-weight:800}.diff-marks{font-size:.95rem;font-weight:600}.diff-legend{align-items:baseline;gap:10px;display:flex}.diff-legend .dc{font-size:.8rem;font-weight:700}.diff-legend .dc-extra{text-decoration:line-through}.feedback-info{margin-top:4px}@media (width<=420px){.diff-label{width:5.6em;font-size:.7rem}.diff-cells{font-size:1.3rem}}.distinguish{background:var(--note-bg);color:var(--note-fg);border:2px solid var(--gold-text);text-align:center;border-radius:10px;padding:8px 12px;font-size:.92rem}.missed{text-align:left;margin:14px 0}.missed h3{margin:0 0 6px;font-size:1rem}.missed ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.missed li{background:var(--paper-2);border:1px solid var(--edge);border-radius:10px;align-items:baseline;gap:12px;padding:8px 12px;display:flex}.missed-native{font-size:1.4rem;font-weight:600}.missed-info{color:var(--ink-2);font-size:.95rem}.missed-ok{color:var(--ok);font-weight:600}.note-card{flex-direction:column;gap:14px;display:flex}.note-sec h2{margin-bottom:6px}.note-body p{margin:0 0 10px}.note-examples{background:var(--paper);border-left:4px solid var(--teal);border-radius:8px;flex-direction:column;gap:4px;margin:0 0 6px;padding:10px 14px;list-style:none;display:flex}.note-native{font-size:1.25rem;font-weight:600}.note-rest{color:var(--ink-2);font-size:.92rem}.note-actions{justify-content:flex-end;gap:10px;display:flex}.intro-sound{color:var(--teal-text);font-size:1.15rem;font-weight:600}.intro-example{flex-direction:column;align-items:center;gap:0;margin-top:4px;display:flex}.intro-example-native{font-size:1.8rem;font-weight:600}.intro-warn{background:var(--note-bg);color:var(--note-fg);border:2px solid var(--gold-text);text-align:center;border-radius:10px;max-width:34em;margin-top:6px;padding:8px 12px;font-size:.92rem}.intro-warn-with{font-weight:600}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice-opt{border:2px solid var(--edge);background:var(--paper-2);min-height:64px;box-shadow:0 3px 0 var(--edge);text-align:center;border-radius:14px;justify-content:center;align-items:center;padding:12px 14px 12px 28px;font-size:1.25rem;display:flex;position:relative}.choice-opt:hover:not(:disabled){border-color:var(--teal)}.choice-opt:focus-visible{outline:3px solid var(--focus)}.choice-opt.right{border-color:var(--ok);background:var(--ok-bg);border-width:4px}.choice-opt.right:after{content:"✓";color:var(--ok);font-weight:800;position:absolute;top:3px;right:9px}.choice-opt.wrong{border-color:var(--bad);background:var(--bad-bg);border-width:4px}.choice-opt.wrong:after{content:"✗";color:var(--bad);font-weight:800;position:absolute;top:3px;right:9px}.choice-opt:disabled{cursor:default}.choice-num{color:var(--ink-2);font-size:.7rem;font-weight:700;position:absolute;top:4px;left:8px}.choice-text{overflow-wrap:anywhere}@media (width<=420px){.choices{grid-template-columns:1fr}}.scene{flex-direction:column;gap:10px;display:flex}.scene-head{align-items:center;gap:12px;display:flex}.avatar{background:var(--accent-btn);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;font-weight:700;display:inline-flex}.scene-name{font-weight:700}.scene-native{color:var(--ink-2);font-weight:400}.scene-line{margin:0;font-style:italic}.transcript{flex-direction:column;gap:8px;display:flex}.transcript .bubble.past{max-width:85%;font-size:1.1rem}.transcript .bubble.me{background:var(--paper-2);align-self:flex-end}.transcript .bubble.current{max-width:92%}.hint{background:var(--note-bg);color:var(--note-fg);border:2px solid var(--gold-text);border-radius:12px;padding:10px 14px}.hint-roman,.hint-native{margin-top:2px}.journal-tabs{gap:6px;display:flex}.notes-list{flex-direction:column;gap:14px;display:flex}.journal-note h3{margin:2px 0 8px}.journal-note{border-left:4px solid var(--gold)}.story-heading{flex-direction:column;min-width:0;display:flex}.story-heading h2{margin:0;font-size:1.3rem}.story-hint{margin:0}.story-reader{flex-direction:column;gap:4px;padding:8px 18px;display:flex}.story-line{border-bottom:1px dashed var(--line);padding:12px 0}.story-line:last-child{border-bottom:0}.story-line-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.story-text{flex:1;min-width:0;margin:0;font-size:1.55rem;line-height:1.9}.story-line-tools{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.story-line-tools .icon-btn{padding:2px 6px;font-size:1.2rem}.story-word{font:inherit;color:inherit;cursor:pointer;border:0;border-bottom:2px dotted var(--ink);background:0 0;border-radius:8px;margin:0 1px;padding:2px 5px}.story-word:hover{background:var(--note-bg)}.story-word.on{background:var(--note-bg);color:var(--note-fg);border-bottom:3px solid var(--accent-text);font-weight:700}.story-plain{padding:2px 5px}.story-pop{background:var(--note-bg);color:var(--note-fg);border:2px solid var(--gold-text);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:6px;padding:8px 12px;animation:.15s ease-out pop;display:flex}.story-pop-native{font-size:1.3rem;font-weight:600}.story-pop-roman{font-weight:700}.story-pop .icon-btn{color:inherit;padding:0 4px;font-size:1.1rem}.story-meaning{margin:6px 0 0;font-style:italic}.story-qprogress{text-align:center}.story-question .prompt-en{font-size:1.35rem}.story-summary .stats{gap:24px;display:flex}.story-done-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.story-chip{border:2px solid var(--gold-text);background:var(--note-bg);color:var(--note-fg);border-radius:999px;align-items:center;gap:8px;margin:10px 0 2px;padding:10px 16px;font-weight:700;display:inline-flex}.story-chip:hover{border-color:var(--accent)}.story-chip-done{color:var(--ok)}.story-list{flex-direction:column;gap:10px;display:flex}.story-list-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.story-list-item.locked{border-style:dashed}@media (width<=520px){.story-reader{padding:4px 12px}.story-line-row{flex-direction:column;gap:4px}.story-line-tools{flex-direction:row;align-items:center}.story-text{font-size:1.4rem}}.campfire{flex-direction:column;gap:10px;display:flex}.daily-head{align-items:center;gap:14px;padding:4px 2px;display:flex}.daily-text{flex-direction:column;gap:2px;min-width:0;display:flex}.goal-ring{flex:none;width:56px;height:56px;position:relative}.goal-ring svg{width:100%;height:100%;display:block}.goal-ring .ring-bg{fill:none;stroke:var(--edge);stroke-width:7px}.goal-ring .ring-fg{fill:none;stroke:var(--teal-solid);stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset .5s}.goal-ring.met .ring-fg{stroke:var(--gold)}.goal-ring .ring-num{place-items:center;font-size:.8rem;font-weight:700;display:grid;position:absolute;inset:0}.campfire-card{border-left:5px solid var(--gold)}.campfire-card:disabled{opacity:.8;cursor:not-allowed}.journal-actions{flex-wrap:wrap;gap:8px;display:flex}.data-settings .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.import-summary{border:2px solid var(--edge);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.import-summary ul{margin:0;padding-left:18px}.import-error{color:var(--bad);font-weight:600}.update-toast{z-index:50;background:var(--ink);max-width:calc(100vw - 32px);color:var(--paper);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:.92rem;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000040}.update-toast .btn{min-height:0;padding:6px 12px}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-latin-400-normal-BTkUljjl.woff2)format("woff2"),url(./noto-sans-latin-400-normal-DPpKfCgK.woff)format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-latin-600-normal-Dkgu5AE5.woff2)format("woff2"),url(./noto-sans-latin-600-normal-DVJMj_t0.woff)format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-latin-700-normal-CrvTEWhy.woff2)format("woff2"),url(./noto-sans-latin-700-normal-ZyrKABVF.woff)format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-latin-ext-400-normal-CVf-LbaS.woff2)format("woff2"),url(./noto-sans-latin-ext-400-normal-CNh9dRW_.woff)format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-latin-ext-600-normal-Has_8ph9.woff2)format("woff2"),url(./noto-sans-latin-ext-600-normal-B3lLaxXr.woff)format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-latin-ext-700-normal-BypTtJma.woff2)format("woff2"),url(./noto-sans-latin-ext-700-normal-CgsG9aVh.woff)format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-greek-400-normal-DCESwnT1.woff2)format("woff2"),url(./noto-sans-greek-400-normal-Be2BcUUc.woff)format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-greek-600-normal-CT9U7UAD.woff2)format("woff2"),url(./noto-sans-greek-600-normal-C0bz_iEd.woff)format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-greek-700-normal-x3kNWF-0.woff2)format("woff2"),url(./noto-sans-greek-700-normal-DDNJsN3F.woff)format("woff")}@font-face{font-family:Noto Sans Devanagari;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-devanagari-devanagari-400-normal-BlDd6KY1.woff2)format("woff2"),url(./noto-sans-devanagari-devanagari-400-normal-CdOJmQ4E.woff)format("woff")}@font-face{font-family:Noto Sans Devanagari;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-devanagari-devanagari-600-normal-BeyktMLo.woff2)format("woff2"),url(./noto-sans-devanagari-devanagari-600-normal-B5tDaqnD.woff)format("woff")}@font-face{font-family:Noto Sans Devanagari;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-devanagari-devanagari-700-normal-v9jliTCB.woff2)format("woff2"),url(./noto-sans-devanagari-devanagari-700-normal-h2KXAbYG.woff)format("woff")}@font-face{font-family:Noto Sans Gurmukhi;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-gurmukhi-gurmukhi-400-normal-DZz4qdEE.woff2)format("woff2"),url(./noto-sans-gurmukhi-gurmukhi-400-normal-Q0_psqFN.woff)format("woff")}@font-face{font-family:Noto Sans Gurmukhi;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-gurmukhi-gurmukhi-600-normal-DeH8U0Oy.woff2)format("woff2"),url(./noto-sans-gurmukhi-gurmukhi-600-normal-Qk8g8Ulx.woff)format("woff")}@font-face{font-family:Noto Sans Gurmukhi;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-gurmukhi-gurmukhi-700-normal-BoLaT4lZ.woff2)format("woff2"),url(./noto-sans-gurmukhi-gurmukhi-700-normal-T8OFBc5v.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#efe5d0;--paper-2:#fffdf7;--sky:#f5e6c4;--ink:#1c140c;--ink-2:#54452f;--line:#d8c9aa;--edge:#85735a;--accent:#b0402a;--accent-2:#8a2c1a;--accent-btn:#a1361f;--accent-text:#8f2c1a;--teal:#1b6e66;--teal-solid:#1b6e66;--teal-text:#0b4f48;--gold:#e5a72a;--gold-text:#5e4200;--on-gold:#2a1c00;--ok:#0d5429;--ok-solid:#1a6a3a;--ok-bg:#e0f3e6;--bad:#911f16;--bad-bg:#fde4de;--note-bg:#fbe9b8;--note-fg:#4a3300;--k-alphabet:#b0402a;--k-vocab:#1b6e66;--k-sentences:#6a4c9c;--k-dialogue:#a2511a;--k-review:#4f4538;--locked-bg:#ddd0b4;--locked-fg:#54452f;--tint-0:#b0402a;--tint-1:#1b6e66;--tint-2:#a87a00;--tint-3:#6a4c9c;--skin-ink:#2a1c0d;--skin-stone:#fff3d6;--skin-stone-2:#ecd9aa;--skin-stone-edge:#7a6238;--skin-plank:#cfa66f;--skin-plank-2:#d3ac78;--skin-plank-edge:#5a3b1b;--skin-letter:#f7e9c4;--skin-letter-edge:#8a7040;--skin-win:#fbf0cc;--radius:16px;--shadow:0 2px 0 #2b21181a, 0 8px 24px #2b211814;--focus:#1a5fd1;color:var(--ink);background:var(--paper);font-family:Noto Sans,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#15110c;--paper-2:#251e16;--sky:#33291b;--ink:#fbf3e6;--ink-2:#d2c4ac;--line:#4a3e30;--edge:#9a8970;--accent-text:#ffab96;--teal-text:#86e0d6;--gold-text:#f2c15c;--ok:#8fe6b0;--ok-bg:#17301f;--bad:#ffa293;--bad-bg:#40201b;--note-bg:#3a2e14;--note-fg:#fbe6ae;--locked-bg:#3a3022;--locked-fg:#d2c4ac;--tint-0:#d9674f;--tint-1:#3a9a92;--teal:#3a9a92;--accent:#e0765e;--tint-2:#d9a43a;--tint-3:#9a7ed0;--focus:#8ab4ff;--shadow:0 2px 0 #00000059, 0 8px 24px #0000004d}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#15110c;--paper-2:#251e16;--sky:#33291b;--ink:#fbf3e6;--ink-2:#d2c4ac;--line:#4a3e30;--edge:#9a8970;--accent-text:#ffab96;--teal-text:#86e0d6;--gold-text:#f2c15c;--ok:#8fe6b0;--ok-bg:#17301f;--bad:#ffa293;--bad-bg:#40201b;--note-bg:#3a2e14;--note-fg:#fbe6ae;--locked-bg:#3a3022;--locked-fg:#d2c4ac;--tint-0:#d9674f;--tint-1:#3a9a92;--teal:#3a9a92;--accent:#e0765e;--tint-2:#d9a43a;--tint-3:#9a7ed0;--focus:#8ab4ff;--shadow:0 2px 0 #00000059, 0 8px 24px #0000004d}:focus-visible,.answer-input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.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}*{box-sizing:border-box}html,body{background:var(--paper);margin:0}body{-webkit-tap-highlight-color:transparent;min-height:100vh;font-size:17px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{margin:0 0 .25em;line-height:1.15}code{background:var(--paper-2);border-radius:6px;padding:.1em .35em}.script-Devanagari,.script-Devanagari input{font-family:Noto Sans Devanagari,Noto Sans,sans-serif}.script-Gurmukhi,.script-Gurmukhi input{font-family:Noto Sans Gurmukhi,Noto Sans,sans-serif}.script-Greek{font-family:Noto Sans,sans-serif}.muted{color:var(--ink-2)}.small{font-size:.85rem}.shell{max-width:720px;padding:12px 16px 48px;padding-bottom:max(48px, env(safe-area-inset-bottom));margin:0 auto}.topbar{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0 14px;display:flex}.brand{text-align:left;background:0 0;border:0;flex-direction:column;padding:0;line-height:1.1;display:flex}.logo-sm{letter-spacing:.04em;color:var(--accent-text);text-transform:uppercase;font-size:.85rem;font-weight:700}.brand-lang{font-size:1.3rem;font-weight:600;line-height:1.5}.topbar nav{gap:4px;margin-left:auto;display:flex}.tab{color:var(--ink-2);background:0 0;border:2px solid #0000;border-radius:999px;padding:6px 12px;font-weight:600}.tab.active{background:var(--ink);color:var(--paper);font-weight:800}.xp{color:var(--gold-text);font-weight:700}.card{background:var(--paper-2);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.center-card{text-align:center;padding:56px 16px}.btn{border:2px solid var(--edge);background:var(--paper-2);border-radius:14px;padding:12px 22px;font-weight:700;transition:transform 80ms,background .15s}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.6;cursor:not-allowed;border-style:dashed}.btn.primary{background:var(--accent-btn);border-color:var(--accent-2);color:#fff;box-shadow:0 3px 0 var(--accent-2)}.btn.primary:active:not(:disabled){box-shadow:0 1px 0 var(--accent-2);transform:translateY(2px)}.btn.ghost{background:0 0}.btn.danger{border-color:var(--bad);color:var(--bad);background:var(--paper-2)}.btn.small{padding:6px 12px;font-size:.85rem}.icon-btn{color:var(--ink-2);background:0 0;border:0;padding:4px 10px;font-size:1.8rem;line-height:1}.picker{text-align:center;padding-top:6vh}.logo{color:var(--accent-text);letter-spacing:.01em;margin:0;font-size:3.2rem;font-weight:800}.logo-sub{color:var(--ink);margin:2px 0 6px;font-size:1.15rem;font-weight:700}.tagline{color:var(--ink-2);margin-bottom:28px}.lang-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.lang-card{flex-direction:column;align-items:center;gap:4px;padding:26px 14px;transition:transform .12s;display:flex}.lang-card:hover{transform:translateY(-3px)}.lang-native{font-size:2.1rem;font-weight:600}.lang-name{color:var(--teal-text);font-weight:700}.tag-draft{text-transform:uppercase;letter-spacing:.06em;color:var(--gold-text);border:1px solid var(--gold-text);border-radius:999px;margin-top:4px;padding:1px 8px;font-size:.7rem}.review-banner{text-align:left;border-left:6px solid var(--teal);flex-direction:column;width:100%;margin-bottom:18px;display:flex}.region{--tint:var(--tint-0);border:1px solid var(--edge);background:linear-gradient(180deg, var(--paper-2), var(--paper));content-visibility:auto;contain-intrinsic-size:auto 760px;border-radius:22px;margin:0 0 30px;overflow:hidden}.region-0{--tint:var(--tint-0)}.region-1{--tint:var(--tint-1)}.region-2{--tint:var(--tint-2)}.region-3{--tint:var(--tint-3)}.region-head{position:relative}.region-art{border-bottom:1px solid var(--edge);width:100%;height:112px;display:block}.region-title{padding:12px 18px 0}.region-title h2{margin-bottom:2px}.region-num{text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb, var(--tint) 55%, var(--ink));font-size:.72rem;font-weight:700}.region-badge{background:var(--gold);color:var(--on-gold);border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:800;position:absolute;top:10px;right:10px;box-shadow:0 2px #00000026}.region-complete{text-align:center;border:2px solid var(--gold);background:linear-gradient(160deg, var(--paper-2), var(--sky));flex-direction:column;align-items:center;gap:6px;margin:12px 18px 0;animation:.3s ease-out pop;display:flex}.region-complete p{margin:0}.rc-title{color:var(--accent-text);font-size:1.3rem}.region-complete .stat{min-width:90px;padding:8px 14px}.region-complete .stat b{font-size:1.5rem}.path{margin:8px 0 12px;padding:0;list-style:none;position:relative}.trail{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.trail path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.trail-base{stroke:var(--edge);stroke-width:5px;stroke-dasharray:2 12}.trail-done{stroke:var(--tint);stroke-width:6px;opacity:.85}.stop{position:absolute;left:0;right:0}.stop-btn{left:var(--x);border:3px solid var(--ink);background:var(--tint);color:#fff;border-radius:50%;flex:none;place-items:center;width:60px;height:60px;margin:-30px 0 0 -30px;transition:transform .1s;display:grid;position:absolute;top:50%;box-shadow:0 5px #00000040}.stop-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.05)}.stop-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #0003}.stop-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.stop-info{max-width:calc(100% - var(--x) - 52px);pointer-events:none;flex-direction:column;line-height:1.25;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.stop.left .stop-info{left:calc(var(--x) + 42px)}.stop.right .stop-info{right:calc(100% - var(--x) + 42px);text-align:right;max-width:calc(var(--x) - 52px)}.kind-alphabet .stop-btn{background:var(--k-alphabet)}.kind-vocab .stop-btn{background:var(--k-vocab);border-radius:18px}.kind-sentences .stop-btn{background:var(--k-sentences);border-radius:30px 30px 30px 8px}.kind-dialogue .stop-btn{background:var(--k-dialogue);border-radius:50% 50% 50% 8px}.kind-game .stop-btn{background:var(--gold);color:var(--on-gold);border-radius:16px;transform:rotate(45deg)}.kind-game .stop-btn>svg{transform:rotate(-45deg)}.kind-game .stop-btn:hover:not(:disabled){transform:rotate(45deg)translateY(-2px)scale(1.05)}.kind-game .stop-btn:active:not(:disabled){transform:rotate(45deg)translateY(3px)}.kind-review .stop-btn{background:var(--k-review)}.stop.done .stop-btn{background:var(--ok-solid);color:#fff}.stop.locked .stop-btn{background:var(--locked-bg);color:var(--locked-fg);border:3px dashed var(--edge);box-shadow:none;cursor:not-allowed}.stop.locked .stop-info{color:var(--ink-2)}.stop-badge{background:var(--paper-2);width:26px;height:26px;color:var(--ink);border:2px solid var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-6px;right:-6px}.kind-game .stop-badge{bottom:-2px;right:-8px;transform:rotate(-45deg)}.stop-badge.done{background:var(--ok-solid);color:#fff;border-color:var(--ink)}.stop-badge.lock{color:var(--ink)}.stop.here .stop-btn{box-shadow:0 5px 0 #0003, 0 0 0 6px var(--paper-2), 0 0 0 9px var(--tint);animation:1.8s ease-in-out infinite here-pulse}@keyframes here-pulse{50%{box-shadow:0 5px 0 #0003, 0 0 0 6px var(--paper-2), 0 0 0 14px color-mix(in srgb, var(--tint) 30%, transparent)}}.here-marker{border:2px solid var(--paper-2);left:var(--x);background:var(--ink);color:var(--paper);letter-spacing:.04em;white-space:nowrap;z-index:2;border-radius:999px;padding:2px 10px;font-size:.7rem;font-weight:800;position:absolute;top:2px;transform:translate(-50%)}.here-marker:after{content:"";border:5px solid #0000;border-bottom:0;border-top-color:var(--ink);margin-left:-5px;position:absolute;bottom:-5px;left:50%}.onboarding{flex-direction:column;gap:14px;padding-top:8px;display:flex}.onb-top{justify-content:space-between;align-items:center;display:flex}.onb-lead{text-align:center;margin:4px 0 0;font-size:1.1rem}.onboarding .picker{padding-top:0}.onb-card{flex-direction:column;gap:12px;display:flex}.onb-choices{flex-direction:column;gap:10px;display:flex}.onb-choice{text-align:left;border:2px solid var(--edge);background:var(--paper-2);border-radius:16px;align-items:center;gap:14px;min-height:72px;padding:14px 16px;display:flex}.onb-choice.on{border-color:var(--teal-solid);background:var(--ok-bg);border-width:4px}.onb-choice.on b:after{content:" ✓";color:var(--teal-text)}.onb-choice:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.onb-choice-icon{white-space:nowrap;background:var(--paper);border:1px solid var(--edge);width:68px;height:44px;color:var(--accent-text);border-radius:12px;flex:none;place-items:center;padding:0 6px;font-size:1.15rem;font-weight:700;display:grid}.onb-choice b,.onb-choice-body{display:block}.onb-actions{justify-content:flex-end;display:flex}.lesson{flex-direction:column;gap:14px;min-height:calc(100vh - 40px);display:flex}.lesson-top{align-items:center;gap:12px;display:flex}.progress{background:var(--paper-2);border:2px solid var(--edge);border-radius:999px;flex:1;height:14px;overflow:hidden}.progress>div{background:var(--teal-solid);border-radius:999px;height:100%;transition:width .3s}.exercise{flex-direction:column;align-items:stretch;gap:14px;transition:background .2s,border-color .2s;display:flex}.exercise.ok{border-color:var(--ok);border-width:3px}.exercise.bad{border-color:var(--bad);border-width:3px}.instruction{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-size:.8rem;font-weight:700}.tag-new{background:var(--gold);color:var(--on-gold);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.68rem}.prompt-native{text-align:center;padding:8px 0;font-size:2rem;font-weight:600}.prompt-native.big{font-size:5rem;line-height:1.2}.prompt-en{text-align:center;padding:8px 0;font-size:1.5rem;font-weight:600}.seg-fog{color:var(--teal-text);text-underline-offset:5px;font-family:Noto Sans,sans-serif;font-style:italic;font-weight:500;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px}.seg-native{font-weight:700}.intro{flex-direction:column;align-items:center;gap:4px;display:flex}.intro-roman{color:var(--accent-text);font-size:1.8rem;font-weight:700}.gap{border-bottom:3px solid var(--accent-text);text-align:center;min-width:3.5em;display:inline-block}.cloze{line-height:1.8}.big-listen{align-self:center;padding:22px 34px;font-size:1.2rem}.bubble{background:var(--paper-2);border:1px solid var(--edge);border-radius:18px 18px 18px 4px;padding:14px 18px;font-size:1.4rem}.input-row{display:flex}.answer-input{width:100%;font:inherit;border:2px solid var(--edge);background:var(--paper-2);color:var(--ink);text-align:center;border-radius:14px;outline:none;flex:1;padding:14px 16px;font-size:1.4rem}.answer-input:focus{border-color:var(--focus);box-shadow:0 0 0 4px color-mix(in srgb, var(--focus) 30%, transparent)}.answer-input:disabled{opacity:.7}.actions{padding:10px 0 max(10px, env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--paper) 30%);justify-content:flex-end;gap:10px;margin-top:auto;display:flex;position:sticky;bottom:0}.actions .btn{min-width:130px}.feedback{border-radius:12px;padding:12px 14px;animation:.18s ease-out pop}.feedback.ok{background:var(--ok-bg);color:var(--ok);border:2px solid var(--ok);border-left-width:8px}.feedback.bad{background:var(--bad-bg);color:var(--bad);border:2px solid var(--bad);border-left-width:8px}.feedback>b{font-size:1.05rem}.feedback.ok>b:before{content:"✓ "}.feedback.bad>b:before{content:"✗ "}.feedback .answer-line{color:var(--ink);margin-top:2px;font-size:1.5rem}@keyframes pop{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.slots{border:2px dashed var(--edge);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;padding:10px;display:flex}.tiles{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tile{border:2px solid var(--edge);background:var(--paper-2);box-shadow:0 3px 0 var(--line);border-radius:12px;padding:10px 16px 8px;font-size:1.3rem;position:relative}.tile.placed{border-color:var(--teal-solid);border-width:3px}.tile.used{opacity:.45;box-shadow:none;border-style:dashed}.tile-num{color:var(--ink-2);font-size:.6rem;position:absolute;top:1px;left:5px}.kb-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.osk{flex-direction:column;gap:6px;width:100%;display:flex}.osk-row{flex-wrap:nowrap;justify-content:center;gap:5px;display:flex}.osk-tabs{align-items:center;gap:4px;display:flex}.osk-tab{border:2px solid var(--edge);border-bottom:3px solid var(--edge);background:var(--paper);min-width:0;height:40px;color:var(--ink-2);border-radius:10px 10px 0 0;flex:0 44px;padding:0;font-size:1.1rem}.osk-tab.on{background:var(--teal-solid);border-color:var(--teal-solid);color:#fff;height:44px;font-weight:800}.osk-tabs-end{gap:4px;margin-left:auto;display:flex}.osk-chip{border:1px solid var(--edge);background:var(--paper-2);min-width:40px;height:36px;color:var(--ink-2);border-radius:18px;padding:0 10px;font-size:.85rem}.osk-chip.on{background:var(--teal-solid);color:#fff;border-color:var(--teal-solid);font-weight:800}.osk-chip.on:before{content:"✓"}.osk-toggle{border:1px solid var(--edge);background:var(--paper-2);height:36px;color:var(--ink-2);border-radius:18px;align-self:center;padding:0 16px;font-size:.9rem}.osk-keys{flex-direction:column;gap:6px;min-height:46px;max-height:106px;display:flex;overflow-y:auto}.osk-keys .osk-row{justify-content:flex-start}.osk-keys .key{flex:0 0 calc((100% - (var(--cols) - 1) * 5px) / var(--cols));max-width:none}.key{border:2px solid var(--edge);background:var(--paper-2);min-width:0;max-width:54px;height:48px;color:var(--ink);box-shadow:0 2px 0 var(--edge);border-radius:10px;flex:1 1 0;padding:0;font-size:1.3rem}.key:active{box-shadow:none;background:var(--sky);transform:translateY(2px)}.key-wide{flex:0 0 64px;max-width:none;font-size:.95rem}.key-space{max-width:320px;color:var(--ink-2);flex:auto;font-size:.9rem}.key.on{background:var(--teal-solid);color:#fff;font-weight:800}.momentum{align-items:center;gap:8px;min-width:120px;display:flex}.momentum-tier{min-width:2.2em;color:var(--ink);font-size:1.1rem;font-weight:800}.momentum-bar{background:var(--paper-2);border:2px solid var(--edge);border-radius:999px;width:56px;height:10px;overflow:hidden}.momentum-fill{background:var(--gold-text);height:100%;transition:width .25s}.momentum-streak{color:var(--ink-2);font-size:.7rem;display:none}.momentum.tier-2 .momentum-tier{color:var(--teal-text)}.momentum.tier-3 .momentum-tier{color:var(--gold-text)}.momentum.tier-4 .momentum-tier{color:var(--accent-text)}.momentum.tier-4 .momentum-fill{background:var(--accent-text)}.momentum.pulse-up{animation:.5s pulseUp}.momentum.pulse-down{animation:.4s shake}@keyframes pulseUp{50%{transform:scale(1.3)}}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (width>=520px){.momentum-streak{display:inline}}.summary{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:8vh 0;display:flex}.stats{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.stat{background:var(--paper-2);border:1px solid var(--edge);border-radius:14px;flex-direction:column;min-width:100px;padding:14px 20px;display:flex}.stat b{color:var(--accent-text);font-size:1.8rem}.journal{flex-direction:column;gap:16px;display:flex}.journal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.glyph-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;margin-top:10px;display:grid}.glyph-cell{background:var(--paper-2);border:1px solid var(--edge);text-align:center;border-radius:10px;flex-direction:column;padding:6px 0;display:flex}.glyph-cell .g{opacity:max(var(--fade,1), .6);font-size:1.6rem}.entry-native{opacity:max(var(--fade,1), .6)}.glyph-cell .r{color:var(--ink-2);font-size:.75rem}.entries{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.entry{background:var(--paper-2);border:1px solid var(--edge);border-radius:12px;grid-template-columns:1fr;gap:0;padding:10px 14px;transition:opacity .4s;display:grid}.entry-native{font-size:1.5rem;font-weight:600}.entry-roman{font-size:.85rem;font-style:italic}@media (width>=560px){.entry{grid-template-columns:1.2fr 1fr 1.4fr;align-items:center;gap:12px}}.settings{flex-direction:column;gap:16px;display:flex}.form{flex-direction:column;gap:14px;display:flex}.form label{flex-direction:column;gap:4px;font-weight:600;display:flex}.form label.check{flex-direction:row;align-items:center;gap:10px;font-weight:400}.form input.text,.form select{font:inherit;border:2px solid var(--edge);background:var(--paper-2);color:var(--ink);border-radius:10px;padding:10px 12px}.form input[type=checkbox]{width:20px;height:20px;accent-color:var(--teal-solid)}@media (width<=420px){body{font-size:16px}.prompt-native.big{font-size:4rem}.key{height:46px;font-size:1.2rem}.osk-row{gap:4px}.momentum-bar{width:40px}.actions .btn{flex:1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.speak-btn,.mic-btn{margin-left:8px;font-size:1rem}.mic-btn.listening{color:var(--bad)}.tea-banner:disabled{opacity:.6;cursor:not-allowed}.teahouse{flex-direction:column;gap:12px;display:flex}.teahouse-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.chat{flex-direction:column;gap:10px;min-height:240px;max-height:55vh;display:flex;overflow-y:auto}.bubble.me{border-radius:18px 18px 4px;align-self:flex-end;font-size:1.1rem}.used-words{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.chip.ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok);border-radius:10px;padding:1px 8px}.exercise.ok{animation:.45s ease-out ok-pulse}.exercise.bad{animation:.4s bad-shake}@keyframes ok-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 55%, transparent)}to{box-shadow:0 0 0 14px #0000}}@keyframes bad-shake{20%{transform:translate(-5px)}50%{transform:translate(5px)}80%{transform:translate(-3px)}}.momentum{position:relative}.momentum.pulse-up:after{content:"";border:2px solid var(--gold);pointer-events:none;border-radius:999px;animation:.6s ease-out forwards tier-ring;position:absolute;inset:-6px -8px}.momentum.pulse-up .momentum-tier{animation:.6s cubic-bezier(.2,1.6,.4,1) tier-pop}@keyframes tier-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes tier-pop{40%{transform:scale(1.6)rotate(-6deg)}}.btn.primary:focus-visible,.stop-btn:focus-visible{outline-color:var(--focus)}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){:before,:after{transition:none!important;animation:none!important}}.review-banner.campfire-card{border-left-color:var(--gold)}.flavour-sub{color:var(--ink-2);font-size:.85em;font-weight:500}.onb-reco{color:var(--on-gold);background:var(--gold);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.68rem;font-weight:700;display:inline-block}.tag-draft{text-transform:none;letter-spacing:0;text-align:center;font-size:.72rem}.modal-scrim{z-index:50;background:color-mix(in srgb, var(--ink) 55%, transparent);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card.region-complete{gap:10px;width:min(420px,100%);margin:0;padding:26px 22px;box-shadow:0 18px 60px #00000059}.rc-star{color:var(--gold);font-size:2.4rem;line-height:1}.answer-input::placeholder{color:var(--ink-2);opacity:1}