:root{--paper:#f3f4f7;--card:#fff;--ink:#1b2a41;--ink-2:#4a5568;--muted:#6e7690;--line:#d7dbe4;--accent:#25798a;--accent-soft:#e3f1f3;--danger:#d2453b;--amber:#b9801a;--radius:10px;--tap:48px}@media (prefers-color-scheme:dark){:root{--paper:#131a26;--card:#1b2433;--ink:#e7eaf0;--ink-2:#c0c7d4;--muted:#8f98ac;--line:#2e3949;--accent:#5fb8c8;--accent-soft:#1c333a;--danger:#f07168;--amber:#e0a93f}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.5}h1{margin:0 0 .5rem;font-size:1.6rem;line-height:1.15}h2{margin:0 0 .4rem;font-size:1.25rem}p{margin:0 0 .8rem}button,input{font:inherit}button{cursor:pointer;min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--ink);padding:0 1.1rem}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);width:100%;font-weight:600}button.primary:disabled{opacity:.5;cursor:default}button.link{color:var(--accent);background:0 0;border:none;min-height:0;padding:.4rem}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.screen-centre{place-items:center;min-height:100%;padding:16px;display:grid}.shell{gap:14px;max-width:900px;margin:0 auto;padding:12px 16px 32px;display:grid}.topbar{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.brand{letter-spacing:.02em;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.login{gap:14px;width:min(420px,100%);display:grid}.login label{color:var(--ink-2);font-size:.95rem}.big-input{letter-spacing:.3em;text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;min-height:56px;color:var(--ink);font-size:1.6rem}.segmented{background:var(--paper);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.segmented button{background:0 0;border:none;min-height:44px}.segmented button.on{background:var(--card);font-weight:600;box-shadow:0 1px 2px #00000014}.error{color:var(--danger);margin:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.mission .clock{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem}.mission .clock.urgent{color:var(--danger);font-weight:700}.progress{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.progress-bar{background:var(--accent);height:100%;transition:width .3s}.item-meta{align-items:center;gap:10px;margin-bottom:12px;display:flex}.tag{letter-spacing:.06em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:2px 8px;font-size:.75rem}.tag.stretch{background:var(--amber);color:#fff}.muted{color:var(--muted)}.small{font-size:.9rem}.stem{font-size:1.15rem;line-height:1.55}.stem.vocab-word{text-align:center;margin:.6rem 0 1rem;font-size:1.8rem;font-weight:700}.instruction{color:var(--ink-2);margin-bottom:.4rem;font-size:.95rem}.paper-note{color:var(--amber);font-size:.95rem}.option-list{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.option-list li{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.option-list li.chosen{border-color:var(--accent);background:var(--accent-soft)}.option-letter{background:var(--paper);border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.oval-row{flex-wrap:nowrap;align-items:flex-end;gap:8px;display:flex}.oval{background:0 0;border:none;justify-items:center;gap:2px;min-height:0;padding:4px 2px;display:grid}.oval-letter{color:var(--ink-2);font-size:.8rem}.oval-shape{border:2px solid var(--ink);background:0 0;border-radius:50%;width:34px;height:22px;display:block;position:relative}.oval.shaded .oval-shape{background:var(--ink)}.oval.crossed .oval-shape:after{content:"";background:linear-gradient(to top right, transparent 46%, var(--danger) 46%, var(--danger) 54%, transparent 54%), linear-gradient(to top left, transparent 46%, var(--danger) 46%, var(--danger) 54%, transparent 54%);position:absolute;inset:-6px -4px}.oval-row.compact{gap:4px}.oval-row.compact .oval-shape{width:26px;height:18px}.oval-row.compact .oval-letter{font-size:.7rem}.charboxes{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.charbox{border:2px solid var(--ink);text-align:center;background:var(--card);width:44px;height:52px;color:var(--ink);text-transform:uppercase;border-radius:4px;padding:0;font-family:ui-monospace,Menlo,monospace;font-size:1.5rem}.charbox.fixed{border-color:var(--line);background:var(--paper);color:var(--ink-2);justify-content:center;align-items:center;display:inline-flex}.charbox-affix{color:var(--ink-2);font-size:1.2rem}.free-answer{align-items:center;gap:8px;margin-top:10px;display:flex}.free-input{border:2px solid var(--ink);background:var(--card);min-height:52px;color:var(--ink);border-radius:4px;flex:1;max-width:320px;padding:0 12px;font-size:1.3rem}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.actions .primary{width:auto;min-width:160px}.feedback{border-radius:var(--radius);background:var(--accent-soft);gap:8px;margin-top:16px;padding:14px;display:grid}.feedback.bad{background:#fdecea}@media (prefers-color-scheme:dark){.feedback.bad{background:#3a2321}}.feedback-line{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.feedback .primary{justify-self:start;width:auto;min-width:160px}.missing-marker{background:var(--amber);color:#fff;border-radius:4px;padding:0 8px;font-weight:700}.spelling-gap{letter-spacing:.08em;font-family:ui-monospace,Menlo,monospace;font-weight:700}.bank{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.bank li{align-items:center;gap:8px;display:flex}.gap{text-align:center;border-bottom:2px solid var(--ink);min-width:42px;margin:0 2px;font-weight:700;display:inline-block}.gap.filled{color:var(--accent)}.gap.dupe,.warn{color:var(--danger)}.gap-rows{gap:8px;margin-top:10px;display:grid}.gap-row{align-items:center;gap:10px;display:flex}.gap-label{text-align:right;width:24px;font-weight:700}.comprehension{gap:16px;display:grid}.passage{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);max-height:45vh;padding:14px;font-size:1.02rem;overflow:auto}.passage h2{font-size:1.1rem}.gloss{-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);cursor:pointer}.tip{background:var(--accent-soft);border-radius:6px;padding:6px 10px;position:sticky;bottom:0}.statements{padding-left:2rem}.chips{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line);border-radius:999px;padding:4px 12px}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums}.data-table th,.data-table td{border:1px solid var(--line);text-align:left;padding:4px 10px}.table-wrap{overflow-x:auto}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:12px 0 18px;display:grid}.summary-grid div{justify-items:center;display:grid}.big{font-size:2.2rem;font-weight:700}.hero p{font-size:1.1rem}.row{flex-wrap:wrap;gap:10px;display:flex}@media (width>=700px){.comprehension{grid-template-columns:1.2fr 1fr}.passage{max-height:70vh}}.word{cursor:pointer}.word:active{background:var(--accent-soft)}.countdown{align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.countdown .clock{font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace}.countdown.urgent .clock{color:var(--danger)}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.feedback-list{gap:12px;padding:0;list-style:none;display:grid}.tips{color:var(--ink-2);margin:4px 0 0;padding-left:1.2rem}.world-map{aspect-ratio:1;width:100%;max-width:100%;height:auto;display:block}.world-card{padding:8px}.world-stats{flex-wrap:wrap;gap:24px;display:flex}.world-stats div{justify-items:start;display:grid}.map-card{cursor:pointer}.parent{max-width:1080px}.parent h2{margin-top:0}.parent h3{margin:16px 0 6px;font-size:1rem}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tabs a{color:var(--ink-2);border-radius:999px;min-height:0;padding:6px 12px;text-decoration:none}.tabs a.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.stack{gap:10px;display:grid}.stack label{color:var(--ink-2);gap:4px;font-size:.95rem;display:grid}.stack input[type=number],.stack select,.row select{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-height:44px;color:var(--ink);font:inherit;max-width:240px;padding:0 10px}textarea.json-in{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;color:var(--ink);box-sizing:border-box;padding:10px;font:.92rem ui-monospace,Menlo,monospace}pre.json{white-space:pre-wrap;word-break:break-word;background:var(--paper);border-radius:var(--radius);max-height:40vh;padding:10px;font-size:.85rem;overflow:auto}.data-table tr.due td{background:var(--accent-soft)}.tag.state-0{background:var(--line);color:var(--ink-2)}.tag.state-1{background:var(--amber);color:#fff}.tag.state-3,.tag.status-judged{background:var(--accent);color:#fff}.tag.status-awaiting_judgement,.tag.status-transcript_pending{background:var(--amber);color:#fff}.gallery{flex-wrap:wrap;gap:10px;margin:10px 0;display:flex}.gallery img{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:140px;height:180px}label.file{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:var(--card);align-items:center;gap:8px;padding:0 1.1rem;display:inline-flex}label.file input{max-width:200px}.check{align-items:center;gap:4px;display:inline-flex}.rest-days{border:1px solid var(--line);border-radius:var(--radius)}.segmented.tiers{grid-template-columns:repeat(4,1fr)}.rank-chart{width:100%;max-width:640px;height:auto;display:block}.rank-chart .grid{stroke:var(--line);stroke-width:1px}.rank-chart .axis{fill:var(--ink-2);font-size:11px}.rank-chart .line{stroke:var(--accent);stroke-width:2.5px}.rank-chart .dot{fill:var(--accent)}.rank-chart .snap{fill:none;stroke:var(--amber);stroke-width:2px}@media (width<=600px){.topbar{flex-wrap:wrap}.tabs{order:3;width:100%}}.path .subjects{grid-template-columns:1fr 1fr;min-width:180px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:.8rem}.next-up h1{margin:0 0 6px}.chips.also li{cursor:pointer}.row.between{justify-content:space-between;align-items:baseline}.tracks{gap:8px;display:grid}.track{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.track-head{background:var(--paper);border:none;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:0 14px;font-weight:600;display:flex}.track.open .track-head{background:var(--accent-soft)}.rungs{margin:0;padding:6px 0;list-style:none}.rung{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:10px 14px;display:flex}.rung.locked{cursor:default;opacity:.55}.rung.current{background:var(--accent-soft)}.rung-mark{border:2px solid var(--line);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.rung.proved .rung-mark{background:var(--accent);border-color:var(--accent);color:#fff}.rung.current .rung-mark{border-color:var(--accent);color:var(--accent)}.rung-body{display:grid}.rung-title{font-weight:600}.cards-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.cards-2 .card h2{margin:0 0 6px;font-size:1.05rem}.cards-2 .card p{margin:0 0 10px}.skill-title{margin:4px 0 0}.goal{color:var(--ink-2);margin:4px 0 10px}.stages{grid-template-columns:1fr 1fr 1fr}.stages button:disabled{opacity:.4}.lesson .intro{font-size:1.1rem;line-height:1.6}.lesson-step h2{margin:18px 0 4px;font-size:1.05rem}.example{background:var(--paper);border-radius:var(--radius);margin-top:8px;padding:12px 14px}.example-q{margin:0 0 6px;font-weight:600}.example-a{margin:6px 0 0}.working{margin:6px 0;padding-left:1.3rem;line-height:1.6}.small-btn{min-height:36px;font-size:.9rem}.watch-out{border-left:4px solid var(--amber);margin-top:18px;padding-left:12px}.watch-out h2{margin:0 0 4px;font-size:1rem}.hints{color:var(--ink-2);margin:10px 0 0;padding-left:1.2rem}.hints li{margin:4px 0}.practice-bar{gap:8px;padding:12px 20px;display:grid}.streak.hot{color:var(--amber);font-weight:700}.how{margin-top:6px}.prove-result{text-align:center}.prove-result.passed{border-color:var(--accent)}.prove-result .missed{text-align:left;border-top:1px solid var(--line);padding:8px 0}.prove-result details{text-align:left;margin-top:10px}.sparkline{width:100%;max-width:320px;height:auto;margin-top:12px}.sparkline .line{stroke:var(--accent);stroke-width:2px}.sparkline .dot{fill:var(--accent)}@media (width<=600px){.path .topbar{flex-wrap:wrap}.path .subjects{order:3;width:100%}}.read-aloud{border-radius:999px;min-height:36px;margin-bottom:8px;padding:0 12px;font-size:.9rem}.read-aloud.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.shelf{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:10px;display:grid}.book{text-align:left;border:1px solid var(--line);background:var(--paper);border-left:6px solid var(--accent);border-radius:8px;align-content:start;gap:4px;min-height:120px;padding:12px;display:grid}.book.theme-space{border-left-color:#5b6cff}.book.theme-expedition{border-left-color:#2e9e6b}.book.theme-eras{border-left-color:var(--amber)}.book-title{font-weight:700;line-height:1.25}.book-author{color:var(--ink-2);font-size:.9rem}.book-meta{color:var(--muted)}.book-progress{margin-top:6px;display:block}.chips.filters .chip{border-radius:999px;min-height:32px;padding:0 12px;font-size:.9rem}.chips.filters .chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.reader-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.reader-tools .hints{grid-template-columns:repeat(4,1fr);min-width:300px}.chapter{max-width:70ch;line-height:1.75}.chapter-title{margin:0 0 14px;font-size:1.3em}.para{margin:0 0 1em;padding-left:34px;position:relative}.para p{margin:0}.para.speaking{background:var(--accent-soft);border-radius:6px}.para-speak{opacity:.6;background:0 0;border:none;width:28px;min-height:28px;padding:0;font-size:.9rem;position:absolute;top:2px;left:0}.para-speak:hover,.para-speak:focus-visible{opacity:1}.chapter .word{cursor:pointer;border-radius:3px}.chapter .word:active{background:var(--accent-soft)}.chapter ruby.hinted{ruby-position:over}.chapter ruby.hinted rt{color:var(--muted);letter-spacing:0;white-space:nowrap;font-size:.55em;font-weight:400}.chapter ruby.hinted>:first-child,.chapter ruby.hinted{border-bottom:1px dotted var(--muted)}.word-popup{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);z-index:20;max-width:560px;margin:0 auto;padding:14px 16px;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 8px 30px #0000002e}.word-popup p{margin:6px 0}@media (width<=600px){.reader-tools .hints{min-width:100%}.para{padding-left:28px}}.gym .modes{gap:8px;margin-top:8px;display:grid}.gym .small-seg{grid-template-columns:1fr 1fr;min-width:110px}.heat-wrap{margin-top:10px;overflow-x:auto}.heat{border-collapse:separate;border-spacing:3px;font-variant-numeric:tabular-nums}.heat th{color:var(--muted);text-align:center;min-width:30px;font-size:.8rem;font-weight:600}.heat th.corner{color:var(--ink);font-size:1rem}.heat td{padding:0}.heat .cell{width:100%;min-width:34px;height:32px;min-height:32px;color:var(--ink);border:1px solid #0000;border-radius:6px;padding:0;font-size:.75rem}.heat .cell.closed{opacity:.35}.heat .cell.stubborn{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.heat .cell.picked{outline:3px solid var(--accent);outline-offset:1px}.box-0{background:var(--paper)}.box-1{background:#fde9c9}.box-2{background:#f6e07a}.box-3{background:#cfe8a6}.box-4{background:#8fd18c}.box-5{color:#fff;background:#3fa96b}.heat .cell.box-1,.heat .cell.box-2,.heat .cell.box-3,.heat .cell.box-4{color:#0e1420}.legend{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.swatch{border:1px solid var(--line);border-radius:3px;width:14px;height:14px;display:inline-block}.stubborn-chip{border-color:var(--danger);color:var(--danger)}.plain{gap:6px;margin:0;padding:0;list-style:none;display:grid}.strategies{gap:10px;margin:0;padding:0;list-style:none;display:grid}.strategy{border:1px solid var(--line);border-radius:var(--radius);gap:4px;padding:10px 12px;display:grid}.strategy.closed{opacity:.5}.strategy.due{border-color:var(--amber)}.strategy-title{font-weight:600}.level{gap:3px;display:flex}.level i{background:var(--paper);border:1px solid var(--line);border-radius:2px;width:18px;height:8px;display:block}.level i.on{background:var(--accent);border-color:var(--accent)}.gym-q{position:relative;overflow:hidden}.gym-q.right{border-color:#3fa96b}.gym-q.wrong{border-color:var(--danger)}.timebar{background:var(--paper);border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.timebar-fill{background:var(--accent);height:100%;transition:width .1s linear}.gym-stem{text-align:center;font-variant-numeric:tabular-nums;margin:8px 0 16px;font-size:2.4rem}.gym-feedback{text-align:center}.gym-feedback .big-word{margin:4px 0 8px;font-size:1.6rem;font-weight:700}.gym-feedback.fast .big-word{color:#3fa96b}.gym-feedback.slow .big-word{color:var(--amber)}.gym-feedback.wrong .big-word,.gym-feedback.timeout .big-word{color:var(--danger)}.gym-feedback .working{text-align:left}.fact-card{border-left:5px solid var(--amber)}.skip{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin:10px 0;padding:0;list-style:none;display:grid}.skip li{text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);gap:2px;padding:8px 4px;display:grid}.skip li strong{font-size:1.3rem}.skip li.on{background:var(--accent-soft)}.bars{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bars li{grid-template-columns:44px 1fr auto;align-items:center;gap:8px;display:grid}.bars .bar{background:var(--accent);border-radius:5px;min-width:4px;height:10px;display:block}@media (prefers-reduced-motion:reduce){.timebar-fill{transition:none}}