:root{--font-display: "Fraunces", Georgia, serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg: #f7f7f4;--surface: #ffffff;--surface-2: #fbfbf8;--surface-3: #efefe9;--field: #f0efe9;--surface-disabled: #f6f6f3;--text: #1c1d22;--text-soft: #555861;--text-muted: #686c78;--border: #cfd0ca;--border-soft: #e2e2dc;--border-hover: #989ba8;--divider: #ececea;--accent: #3547a8;--accent-contrast: #fff;--accent-bg: #e9edfb;--good: #1a7f37;--good-bg: #e7f6ec;--danger: #b00020;--danger-bg: #fdecef;--danger-soft: #b3423a;--inverse-bg: #1c1d22;--inverse-text: #fff;--inverse-soft: #ddd;--card-line: rgba(53, 71, 168, .07);--shadow: rgba(28, 29, 34, .05);--shadow-strong: rgba(28, 29, 34, .16);--on-verdict: #fff;--ink-sage: #8fac83;--ink-apricot: #e2a877;--ink-slate: #8194bd;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-field: 28px;--radius-pill: 999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.05rem;--text-lg: 1.2rem;--text-xl: 1.4rem;--text-2xl: 2rem;--text-4xl: clamp(2.75rem, 9vw, 3.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2.5rem;--space-7: 3.5rem;--tap-min: 44px;--tabbar-height: 66px;--shadow-card: 0 4px 18px var(--shadow);--shadow-float: 0 10px 32px var(--shadow-strong);--highlight: #e0a52e;--highlight-ink: #7a5a12;--highlight-bg: #fbf1d6;--rule-pitch: 28px;--margin-line: rgba(176, 0, 32, .14);--margin-x: 40px;--ruling-lines: repeating-linear-gradient( to bottom, transparent 0, transparent calc(var(--rule-pitch) - 1px), var(--card-line) calc(var(--rule-pitch) - 1px), var(--card-line) var(--rule-pitch) );--ruling-margin: linear-gradient( to right, transparent var(--margin-x), var(--margin-line) var(--margin-x), var(--margin-line) calc(var(--margin-x) + 1px), transparent calc(var(--margin-x) + 1px) );--ruling: var(--ruling-margin), var(--ruling-lines);--paper-margin-strong: rgba(176, 0, 32, .3);--paper-line-strong: rgba(53, 71, 168, .13);color-scheme:light;font-family:var(--font-body);line-height:1.6;color:var(--text);background:var(--bg)}:root[data-theme=dark]{--shadow-strong: rgba(0, 0, 0, .5);--ink-sage: #9dbb90;--ink-apricot: #e8b287;--ink-slate: #93a5cc;--bg: #15161c;--surface: #1e2027;--surface-2: #232530;--surface-3: #2b2d3a;--field: #232530;--surface-disabled: #262834;--text: #ebecf0;--text-soft: #b6b9c4;--text-muted: #979aa7;--border: #3c3f50;--border-soft: #363950;--border-hover: #676c85;--divider: #2a2c39;--accent: #93a5ff;--accent-contrast: #131735;--accent-bg: #1d2340;--good: #43bd68;--good-bg: #16301d;--danger: #ff7285;--danger-bg: #38181e;--danger-soft: #e08a83;--inverse-bg: #ebecf0;--inverse-text: #15161c;--inverse-soft: #444;--card-line: rgba(147, 165, 255, .14);--shadow: rgba(0, 0, 0, .35);--on-verdict: #15161c;--highlight: #f0c65a;--highlight-ink: #f0c65a;--highlight-bg: #2e2712;--margin-line: rgba(255, 114, 133, .18);--paper-margin-strong: rgba(255, 114, 133, .34);--paper-line-strong: rgba(147, 165, 255, .2);color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-bottom:var(--space-6)}body{margin:0}main{max-width:640px;margin:var(--space-6) auto;padding:0 var(--space-5)}@media (min-width: 64rem){main.is-wide{max-width:1080px}}.split{display:grid;gap:var(--space-5)}.split.has-detail>.split-master,.split:not(.has-detail)>.split-detail{display:none}@media (min-width: 64rem){.split{grid-template-columns:19rem minmax(0,1fr);align-items:start}.split.has-detail>.split-master,.split:not(.has-detail)>.split-detail{display:block}.split.is-studying{grid-template-columns:minmax(0,1fr)}.split.is-studying>.split-master{display:none}.split:not(.is-studying) .topic-back{display:none}.split-master .topic-grid,.split-master .reading-grid{grid-template-columns:minmax(0,1fr)}.split-master{position:sticky;top:var(--space-4);max-height:calc(100vh - 2 * var(--space-4));overflow-y:auto;padding:2px}}.split-master,.split-detail{min-width:0}.lesson-head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.lesson-head h2{margin:0}.lesson-medallion{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);background:var(--accent-bg);color:var(--accent)}.lesson-eyebrow{margin:0 0 var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.split-empty{border:1px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);text-align:center;margin:0}.app-header{display:flex;justify-content:space-between;align-items:center}h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-4)}h2,h3{font-family:var(--font-display);font-weight:600}.theme-toggle{border:none;background:none;font-size:var(--text-lg);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:var(--space-2) var(--space-4);transition:background .15s,border-color .15s}button:hover{border-color:var(--border-hover)}input,textarea,select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-2)}.hint{color:var(--text-soft);font-size:var(--text-sm)}.error{color:var(--danger)}.ok{color:var(--good)}.error-box{display:flex;align-items:center;gap:var(--space-4)}.account-line{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text-soft)}.account-line strong{color:var(--text);font-weight:600}.progress-page{display:flex;flex-direction:column;gap:var(--space-4)}.progress-page .panel h3{margin:0 0 var(--space-3)}.panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-3);margin-bottom:var(--space-3)}.panel-head h3{margin:0}.level-line{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--text-lg)}.level-badge{font-family:var(--font-mono);font-weight:700;background:var(--accent);color:var(--surface);border-radius:var(--radius-sm);padding:2px 10px;letter-spacing:.02em}.level-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.level-hint{font-size:var(--text-xs)}.progress-data{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:var(--text-sm)}.progress-data .muted{font-size:var(--text-xs)}.spinner{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-soft);font-size:.9rem}.spinner-ring{width:1.1em;height:1.1em;flex-shrink:0;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spinner-rotate .7s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.wait{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.wait-track{height:6px;width:100%;background:var(--border-soft);border-radius:999px;overflow:hidden}.wait-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .25s linear}.wait-fill.is-overrun{background:var(--text-soft)}.wait-label{margin:0;color:var(--text-soft);font-size:.9rem}@media (prefers-reduced-motion: reduce){.wait-fill{transition:none}}@media (prefers-reduced-motion: reduce){.spinner-ring{animation:none}}.save-warning{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-3);font-size:.85rem}.level-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2);margin-bottom:var(--space-5)}@media (max-width: 520px){.level-picker{grid-template-columns:repeat(3,1fr)}}.level{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-2)}.level strong{font-size:var(--text-md)}.level span{font-size:var(--text-xs);color:var(--text-soft)}.level-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:var(--space-1);vertical-align:middle}.level.active .level-dot{background:var(--accent)}.level.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.level.active span{color:var(--accent)}.generate-bar{box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);margin:var(--space-4) 0 var(--space-5);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md)}.generate-bar label{display:flex;flex-direction:column;font-size:var(--text-sm);color:var(--text-soft);gap:var(--space-1)}.generate-bar input[type=number]{width:80px}.generate-bar .error,.generate-bar .ok{flex-basis:100%;margin:0;font-size:var(--text-sm)}.lobby h2{margin-bottom:var(--space-1)}.start{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600;padding:var(--space-2) var(--space-4);min-height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center}.start:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,var(--text));border-color:transparent}.answer-buttons .right:hover{background:color-mix(in srgb,var(--good) 88%,var(--text));border-color:transparent}.answer-buttons .wrong:hover{background:color-mix(in srgb,var(--danger) 88%,var(--text));border-color:transparent}.level.active:hover{border-color:var(--inverse-bg)}.link:hover,.theme-toggle:hover{color:var(--text)}.link.danger:hover{color:var(--danger)}button:active:not(:disabled){transform:translateY(1px)}.deck-count{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.ask-teacher{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.teacher-agrees{margin:var(--space-1) 0 0;font-weight:600}.retry-tag,.phase-tag,.recovered-tag{margin-left:var(--space-2);padding:2px var(--space-1);border-radius:var(--radius-sm);background:var(--accent-bg);color:var(--accent)}.phase-tag{margin-left:0;margin-right:var(--space-2)}.recovered-tag{background:var(--good-bg);color:var(--good);font-family:var(--font-mono);font-size:var(--text-xs)}.progress-row{display:flex;justify-content:space-between;align-items:center;color:var(--text-soft);margin-bottom:var(--space-3)}.link{border:none;background:none;color:var(--text-soft);text-decoration:underline;padding:var(--space-1)}.flashcard{display:block;width:100%;cursor:pointer;text-align:center;perspective:1200px}.card-inner{display:grid;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.7,.3,1)}.flashcard.flipped .card-inner{transform:rotateY(180deg)}.card-face{grid-area:1 / 1;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:var(--space-5);border-radius:var(--radius-lg);background-color:var(--surface);background-image:var(--ruling);box-shadow:var(--shadow-card)}.card-face.back{transform:rotateY(180deg);background-color:var(--surface-2)}.lang{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--accent);border-radius:var(--radius-pill);padding:.1rem var(--space-2);margin-bottom:var(--space-3);background:var(--surface)}.term{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.01em;margin:var(--space-2) 0}.card-face .term{font-size:var(--text-4xl);line-height:1.1}.example{color:var(--text-soft);font-style:italic}.tap-hint{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-muted)}.reveal{width:100%;margin-top:var(--space-4);padding:var(--space-3)}.answer-buttons{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.answer-buttons button{flex:1;padding:var(--space-3);font-weight:600}.answer-buttons .right{background:var(--good);border-color:var(--good);color:var(--on-verdict)}.answer-buttons .wrong{background:var(--danger);border-color:var(--danger);color:var(--on-verdict)}.kbd-note{width:fit-content;margin:var(--space-5) auto 0;padding:var(--space-3) var(--space-4);background:var(--highlight-bg);color:var(--highlight-ink);border-radius:var(--radius-sm);box-shadow:0 6px 18px var(--shadow);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.7;text-align:left;transform:rotate(-1.2deg)}.kbd-note dt{font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-1)}.kbd-note dd{margin:0}.kbd-note kbd{font-family:inherit;font-weight:600}@media (prefers-reduced-motion: reduce){.kbd-note{transform:none}}@media (hover: none) and (pointer: coarse){.kbd-note{display:none}}.summary{text-align:center;padding:var(--space-5) 0}.summary .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-4)}.stamp{display:flex;justify-content:center;color:var(--accent);margin:0 auto var(--space-3);transform:rotate(-8deg);animation:stamp-press .42s cubic-bezier(.2,1.3,.4,1) both}@keyframes stamp-press{0%{opacity:0;transform:rotate(-8deg) scale(1.5)}60%{opacity:1;transform:rotate(-8deg) scale(.92)}to{opacity:1;transform:rotate(-8deg) scale(1)}}.secondary{background:var(--surface-3)}.panel{border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface);box-shadow:var(--shadow-card)}.panel h3{margin:0 0 var(--space-1)}.muted{color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-1) 0 var(--space-2)}.exercise-bar{display:flex;flex-direction:column;gap:var(--space-2)}.exercise-bar .generate-bar{margin:0}.from-words-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.session-mistakes{margin-top:var(--space-5);text-align:left}.session-mistakes h3{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.mistake-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.mistake-list li{background:var(--surface-2);padding:var(--space-3);border-radius:var(--radius-lg)}.mistake-type{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.mistake-prompt{margin:var(--space-1) 0}.mistake-solution{font-size:var(--text-sm)}.mistake-study{display:inline-block;margin-top:var(--space-1);font-size:var(--text-sm)}.exercise{padding:var(--space-5);border-radius:var(--radius-lg);background-color:var(--surface);background-image:var(--ruling);box-shadow:var(--shadow-card)}.exercise .term{font-size:var(--text-xl);margin:var(--space-2) 0 var(--space-4)}.field-label{display:block;font-size:var(--text-sm);color:var(--text-soft);margin-bottom:var(--space-2)}.answer-input{width:100%;padding:var(--space-2) var(--space-3);resize:vertical}.answer-input:disabled{background:var(--surface-disabled);color:var(--text-soft)}@keyframes feedback-in{0%{opacity:0;transform:translateY(4px)}}.feedback{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);animation:feedback-in .18s ease-out}.feedback-links{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);margin:var(--space-2) 0 0}.feedback-links:empty{display:none}.hub-card-badge.is-loading{width:6ch;min-height:1em}.produce-mode-chips{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.feedback.is-right{background:var(--good-bg)}.feedback.is-wrong{background:var(--danger-bg)}.verdict{margin:0 0 var(--space-2);font-weight:600}.feedback.is-right .verdict{color:var(--good)}.feedback.is-wrong .verdict{color:var(--danger)}.solution{margin:0 0 var(--space-3)}.panel-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.study-cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);margin:var(--space-3) 0 var(--space-4)}.study-cta .start{font-size:var(--text-lg)}.study-cta .cta-note{margin:0;font-size:var(--text-xs)}.study-cta .link{margin-top:var(--space-1)}.generate-section{border-top:1px solid var(--border-soft);padding-top:var(--space-3)}.generate-section .section-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);margin:0 0 var(--space-2)}.direction-toggle{display:inline-flex;gap:var(--space-1)}.lesson-actions .start,.lesson-actions .secondary{flex:1 1 0}button:disabled{opacity:.5;cursor:not-allowed}.start:disabled{opacity:1;background:var(--surface-disabled);border-color:var(--border-soft);color:var(--text-muted)}.badge{font-size:var(--text-xs);font-weight:400;color:var(--text-soft)}.callout{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start;margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.55}.callout-glyph{display:flex;align-items:center;height:1.55em}.callout-body{min-width:0}.callout-label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.callout.is-note{background:var(--accent-bg);color:var(--text)}.callout.is-note .callout-glyph,.callout.is-note .callout-label{color:var(--accent)}.callout.is-tip{background:var(--highlight-bg);color:var(--text)}.callout.is-tip .callout-glyph,.callout.is-tip .callout-label{color:var(--highlight-ink)}.callout.is-warn{background:var(--danger-bg);color:var(--text)}.callout.is-warn .callout-glyph,.callout.is-warn .callout-label{color:var(--danger)}.options{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0}.option{text-align:left;padding:var(--space-2) var(--space-3)}.option.correct{background:var(--good-bg);border-color:var(--good)}.option.wrong{background:var(--danger-bg);border-color:var(--danger)}.option:disabled{opacity:1}:focus:not(:focus-visible){outline:none}@media (hover: none){.syllabus-item.syllabus-item:not(.is-open):hover,.level-option.level-option:not(.is-current):hover,.tap-word.tap-word:hover{background:none}.tap-word.tap-word:hover{border-bottom-color:var(--border)}.hub-card.hub-card:hover{transform:none;border-color:var(--border)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.breakdown{margin:var(--space-3) 0}.breakdown-list{list-style:none;padding:0;margin:var(--space-2) 0 0}.breakdown-list li{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-1) 0;border-bottom:1px solid var(--divider)}.bd-word{font-weight:600}.bd-tr{color:var(--text-soft)}.tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);border-bottom:1px solid var(--border-soft)}.tab{display:flex;align-items:center;gap:var(--space-2);border:none;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--text-soft);font-weight:600;padding:var(--space-2) var(--space-4)}.tab .icon{flex-shrink:0}.tab:hover{border-color:transparent;color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.app-footer{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-soft);font-size:var(--text-xs);color:var(--text-soft)}.app-footer span{background:var(--surface-3);font-family:var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-pill);padding:1px 8px}@media (max-width: 640px){.tabs{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0));left:16px;right:16px;z-index:20;margin:0;gap:0;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-float);padding:4px var(--space-2)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.tabs{background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}.tabs{transition:transform .25s ease}.tabs.is-hidden{transform:translateY(calc(100% + 22px + env(safe-area-inset-bottom,0)))}@media (prefers-reduced-motion: reduce){.tabs{transition:none}}.tab{flex:1;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-1);border-bottom:none;border-radius:var(--radius-pill);font-size:var(--text-xs)}.tab.active{border-bottom-color:transparent;color:var(--accent);font-weight:700}main{padding-bottom:calc(var(--tabbar-height) + 22px + env(safe-area-inset-bottom,0))}main[data-session]{margin-top:var(--space-3);padding-bottom:env(safe-area-inset-bottom,0)}main[data-session] .app-header,main[data-session] .tabs,main[data-session] .hub-back,main[data-session] .app-footer{display:none}main[data-session] .exercise{padding:var(--space-4)}main[data-session] .exercise .term{font-size:var(--text-lg);margin-bottom:var(--space-3)}main[data-session] .lang{margin-bottom:var(--space-2)}}.custom-topic{display:flex;gap:var(--space-2);margin:var(--space-4) 0 var(--space-5)}.custom-topic input{flex:1}.grammar-surprise{display:inline-flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-5)}.placement-fill{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.placement-fill input{flex:1}.placement-review-title{margin:var(--space-5) 0 var(--space-2)}.placement-review{list-style:none;margin:0 0 var(--space-4);padding:0;text-align:left}.placement-review .review-row{display:flex;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--border)}.review-mark{font-weight:700;flex:none}.review-row.is-right .review-mark{color:var(--good)}.review-row.is-wrong .review-mark{color:var(--danger)}.review-body{flex:1}.review-prompt{margin:0}.review-level{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.review-answers{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin:var(--space-1) 0 0;font-size:var(--text-sm)}.review-correct{color:var(--good)}.review-yours{color:var(--danger)}.topic-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.topic-chip{min-height:var(--tap-min);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill)}.chip-count{font-size:var(--text-xs);background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-pill);padding:.05rem var(--space-2)}.topic-view h2{margin:var(--space-2) 0 var(--space-4)}.search{width:100%;margin-bottom:var(--space-4)}.empty-topic{padding:var(--space-4) 0}.phrase-list{list-style:none;padding:0;margin:0 0 var(--space-4)}.phrase-list li{padding:var(--space-2) 0;border-bottom:1px solid var(--divider)}.phrase-main{display:flex;justify-content:space-between;gap:var(--space-4)}.phrase-ex{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.row-actions{display:flex;gap:var(--space-2)}.progress-row .row-actions>.link.danger,.progress-row .row-actions>.link:last-child{margin-left:var(--space-3)}@media (hover: hover) and (pointer: fine){.phrase-list .row-actions,.reading-grid .row-actions{opacity:0;transition:opacity .1s}.phrase-list li:hover .row-actions,.phrase-list li:focus-within .row-actions,.reading-grid li:hover .row-actions,.reading-grid li:focus-within .row-actions{opacity:1}}.link.danger{color:var(--danger-soft)}.phrase-delete{margin-left:auto;font-size:var(--text-sm);flex-shrink:0}.item-editor{box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-2)}.editor-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-soft)}.editor-actions{display:flex;gap:var(--space-2)}.speak-btn{display:inline-flex;align-items:center;gap:var(--space-2);vertical-align:middle;border:none;background:none;color:var(--text-soft);padding:var(--space-2);margin:calc(-1 * var(--space-1)) 0;border-radius:var(--radius-sm)}.speak-btn:hover{color:var(--accent);border-color:transparent}.speak-btn svg{width:18px;height:18px;flex-shrink:0}.home{display:flex;flex-direction:column;gap:var(--space-5)}.review-hero{width:100%;border-radius:var(--radius-lg);background-color:var(--surface);background-image:var(--ruling);box-shadow:var(--shadow-card);padding:var(--space-6) var(--space-5);text-align:center}.hero-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0}.hero-count{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;line-height:1.1;margin:var(--space-2) 0 var(--space-3);color:var(--accent)}.hero-count span{font-size:var(--text-base);font-weight:600;color:var(--text-soft)}.hero-new{color:var(--highlight-ink);font-weight:600}.hero-count.all-done{font-size:var(--text-2xl);color:var(--good)}.review-hero .start{margin-top:var(--space-4)}@media (max-width: 640px){.review-hero{padding:var(--space-7) var(--space-5)}.review-hero .start,.review-hero .streak-line{margin-top:var(--space-5)}}.welcome{border-radius:var(--radius-lg);background-color:var(--surface);box-shadow:var(--shadow-card);padding:var(--space-5);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.welcome h2{margin:0}.welcome .level-picker{justify-content:center}.onboarding .lede{max-width:46ch}.onboarding-question{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);margin-top:var(--space-2)}.onboarding .actions{flex-wrap:wrap;justify-content:center}.onboarding-session .hero-eyebrow{text-align:center;margin-bottom:var(--space-3)}.auth-screen{max-width:420px;margin:0 auto;padding:var(--space-6) var(--space-5) 5rem;display:flex;flex-direction:column;justify-content:center;min-height:80vh}.auth-card{gap:var(--space-4)}.landing{max-width:680px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-7);display:flex;flex-direction:column;gap:var(--space-6)}.landing-top{display:flex;justify-content:space-between;align-items:center}.landing-login{color:var(--accent);font-weight:600;min-height:var(--tap-min);padding:var(--space-2) var(--space-4);border-color:var(--border-soft)}.landing-login:hover{background:var(--accent-bg);border-color:var(--accent)}.landing-login-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px}@media (min-width: 480px){.landing-login-wrap{flex-direction:row;align-items:center;gap:var(--space-2)}}.landing-login-hint{font-size:var(--text-sm)}.landing-brand{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl)}.landing-paper{--margin-line: var(--paper-margin-strong);--card-line: var(--paper-line-strong);--margin-x: 28px;--rule-pitch: 34px;--ruling-lines: repeating-linear-gradient( to bottom, transparent 0, transparent calc(var(--rule-pitch) - 1px), var(--card-line) calc(var(--rule-pitch) - 1px), var(--card-line) var(--rule-pitch) );--ruling-margin: linear-gradient( to right, transparent var(--margin-x), var(--margin-line) var(--margin-x), var(--margin-line) calc(var(--margin-x) + 2px), transparent calc(var(--margin-x) + 2px) );--ruling: var(--ruling-margin), var(--ruling-lines)}.landing-hero{--paper-lead: 37px;background-color:var(--surface);background-image:var(--ruling);border-radius:var(--radius-field);box-shadow:0 10px 32px var(--shadow);padding:var(--paper-lead) var(--space-4) var(--space-6) 44px;display:flex;flex-direction:column;gap:0}.landing-hero .hero-eyebrow{line-height:var(--rule-pitch);transform:translateY(9px)}.landing-hero h1{font-size:44px;font-weight:900;line-height:calc(var(--rule-pitch) * 2);letter-spacing:-.015em;margin:0;transform:translateY(14px);text-wrap:balance}@media (min-width: 640px){.landing-hero h1{font-size:56px;transform:translateY(10px)}}.landing .hero-eyebrow{letter-spacing:.16em;color:var(--text-soft)}.landing-exercise{display:flex;flex-direction:column;align-items:flex-start;gap:0}.landing-exercise p,.landing-exercise p>*{line-height:var(--rule-pitch)}.landing-exercise p{margin:0;transform:translateY(8px)}.landing-exercise .landing-sentence{line-height:calc(var(--rule-pitch) * 2);margin-top:var(--rule-pitch);transform:translateY(21px)}@media (min-width: 480px){.landing-exercise .landing-sentence{font-size:var(--text-2xl);transform:translateY(19px)}}.landing-exercise .link{display:block;line-height:var(--rule-pitch);padding:var(--rule-pitch) 0 0;transform:translateY(8px)}.landing-sentence{margin:0;font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--accent);display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.5em;row-gap:0}.landing-exercise .landing-sentence.is-solved{display:block}.landing-word{font:inherit;color:inherit;border:0;border-radius:var(--radius-sm);padding:0;cursor:pointer;background:none;position:relative}.landing-word:after{content:"";position:absolute;top:0;right:-6px;bottom:0;left:-6px}.landing-exercise .landing-sentence .landing-word{line-height:calc(var(--rule-pitch) * 2)}.landing-word-ink{background:color-mix(in srgb,var(--accent) 13%,transparent);border-radius:var(--radius-sm);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 13%,transparent)}.landing-word:hover .landing-word-ink,.landing-word:active .landing-word-ink{background:color-mix(in srgb,var(--accent) 28%,transparent)}.landing-fix-in{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:.6em;font-style:italic;line-height:1;white-space:nowrap;color:var(--accent);animation:landing-rise .3s ease-out .26s both}.landing-fix-out{position:relative;color:var(--text-muted)}.landing-strike{position:absolute;left:-2px;right:-2px;top:52%;height:3px;background:var(--danger);transform:scaleX(0);transform-origin:left center;animation:landing-strike .26s ease-out 60ms forwards}@keyframes landing-strike{to{transform:scaleX(1)}}@keyframes landing-rise{0%{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.landing-strike{animation:none;transform:scaleX(1)}.landing-fix-in{animation:none}}.landing-verdict{margin:0;font-size:var(--text-md)}.landing-verdict .muted{font-size:inherit}.landing-missed{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--danger)}.landing-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:0 var(--space-4)}.landing-beats{list-style:none;margin:0;padding:0}.landing-beats li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.landing-beats li+li{border-top:1px solid var(--border-soft)}.landing-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.landing-cta-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.landing-cta-note{font-size:var(--text-sm);text-align:center;max-width:34ch;margin:0;text-wrap:balance}.landing-steps{display:flex;flex-direction:column;gap:var(--space-3)}.landing-index{border-top:1px solid var(--border-soft);padding:var(--space-3) 0 var(--space-4)}.landing-index .hero-eyebrow{margin-bottom:var(--space-2)}.landing-index-list{margin:0;font-size:var(--text-sm);line-height:1.7;color:var(--text-soft)}.level-doubt{margin:0}.landing-social{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-2);color:var(--text-soft);font-size:var(--text-sm);text-decoration:none}.landing-social:hover{color:var(--accent);text-decoration:underline}.landing-close{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.landing-fineprint{font-size:var(--text-xs);margin:0}.auth-back{align-self:flex-start}.boot-splash{align-items:center;gap:var(--space-3);text-align:center}.boot-splash .landing-brand{font-size:var(--text-2xl)}.verify-banner{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--highlight-bg);color:var(--highlight-ink);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm)}.verify-banner .icon{flex-shrink:0;margin-top:2px}.verify-banner-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.verify-banner p{margin:0}.verify-banner button.link{align-self:flex-start;color:var(--highlight-ink);font-weight:600}.verify-banner.is-bounced{background:var(--danger-bg);color:var(--danger)}.verify-banner.is-bounced a{color:var(--danger);font-weight:600}.auth-slots{background:var(--highlight-bg);color:var(--highlight-ink);border-radius:var(--radius-pill);padding:6px var(--space-4);font-size:var(--text-sm);width:fit-content;margin:0 auto}.auth-full{background:var(--surface-2, var(--bg));border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.turnstile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-height:65px}.turnstile-hint{font-size:var(--text-xs);margin:0}.turnstile-failed{background:var(--highlight-bg);color:var(--highlight-ink);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);text-align:left;display:flex;flex-direction:column;gap:var(--space-2)}.turnstile-failed p{margin:0}.auth-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--surface-2, var(--bg));border-radius:var(--radius-pill);width:100%}.auth-tab{flex:1;border:none;background:none;border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);font-weight:600;color:var(--text-soft)}.auth-tab.active{background:var(--accent-bg);border-color:var(--accent-bg);color:var(--accent);font-weight:600}.auth-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%;text-align:left}.auth-field{display:flex;flex-direction:column;gap:var(--space-1)}.auth-field span{font-size:var(--text-sm);font-weight:600;color:var(--text-soft)}.auth-field input{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--text);font:inherit}.auth-field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth-hint{font-size:var(--text-xs);margin:0}.auth-error-row{margin:0;min-height:var(--text-sm)}.auth-form .start{margin-top:var(--space-2)}.logout-btn{font-size:var(--text-sm);min-height:var(--tap-min);display:inline-flex;align-items:center}.home-level,.home-progress{display:flex;flex-direction:column;gap:var(--space-2)}.home-level .level-picker{margin-bottom:var(--space-2)}.home-level .secondary{align-self:flex-start}.stat-row{margin:var(--space-2) 0}.stat-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4)}.stat-label{font-weight:600;font-size:var(--text-sm)}.stat-bar{position:relative;height:8px;border-radius:var(--radius-pill);background:var(--surface-3);margin-top:var(--space-2);overflow:hidden}.stat-bar-studied,.stat-bar-mastered{position:absolute;inset:0 auto 0 0;height:100%;border-radius:var(--radius-pill);transition:width .3s}.stat-bar-studied{background:color-mix(in srgb,var(--accent) 40%,var(--surface-3))}.stat-bar-mastered{background:var(--accent)}.lesson-paragraph{max-width:60ch}.lesson h3{margin-top:var(--space-5)}.tips{list-style:none;padding:var(--space-4);margin:var(--space-2) 0 var(--space-5);border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent-bg);display:flex;flex-direction:column;gap:var(--space-2)}.tips li{font-size:var(--text-sm)}.topic-chip.generated{border-color:var(--accent)}.listening-question{font-weight:600;margin:0 0 var(--space-1)}.tap-word{border:none;background:none;padding:0;font:inherit;color:inherit;border-radius:3px;cursor:pointer;border-bottom:1px dotted var(--border)}.tap-word:hover{background:var(--accent-bg);border-color:transparent;border-bottom-color:var(--accent)}.save-word-panel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent-bg);margin:var(--space-3) 0}.card-audio-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.read-aloud{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.listening-player{margin:var(--space-3) 0 var(--space-4)}.player-buttons{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.listening-script{font-size:var(--text-lg)}.transcript{margin:var(--space-2) 0 var(--space-3);padding:var(--space-2) var(--space-3);border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.transcript p{margin:0 0 var(--space-1)}.reading-text p{max-width:62ch;line-height:1.65}.reading-questions{padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);margin:var(--space-3) 0 var(--space-5)}.question-text{font-weight:600;margin:0 0 var(--space-2)}.option.selected{border-color:var(--accent);background:var(--accent-bg)}.reading-title{font-family:var(--font-display);font-weight:600}.lesson-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.reading-score{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--good);flex-shrink:0}.reading-pending{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);flex-shrink:0}.milestone{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--highlight-ink);font-weight:600}.reading-progress{margin:var(--space-1) 0 0}.topic-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-1)}.writing-task{font-weight:600;margin:0 0 var(--space-1)}.writing-questions{margin:var(--space-1) 0 var(--space-2);padding-left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);font-weight:600}.writing-message{margin:var(--space-1) 0 var(--space-2);padding:var(--space-2);border-left:3px solid var(--accent);background:var(--surface-2);border-radius:var(--radius-sm);font-weight:600}.writing-correction{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-3) 0}.writing-issues{list-style:none;padding:0;margin:0}.writing-issues li{padding:var(--space-2) var(--space-3);border-left:3px solid var(--danger);background:var(--surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-2)}.writing-issues li p{margin:0 0 var(--space-1)}.writing-issues del{color:var(--danger-soft)}.writing-history-list{list-style:none;padding:0;margin:var(--space-2) 0 0}.writing-history-list>li{padding:var(--space-2) 0;border-bottom:1px solid var(--divider)}.writing-history-detail{margin:var(--space-2) 0 var(--space-3)}.level-up{border-color:var(--highlight);background:var(--highlight-bg)}.level-up p{margin:0 0 var(--space-2)}.exam-passage{background-color:var(--surface-2);background-image:var(--ruling);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.exam-breakdown{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:320px;margin:var(--space-4) auto var(--space-5)}.exam-breakdown-row{display:flex;justify-content:space-between;font-size:var(--text-sm)}.exam-breakdown-score{font-family:var(--font-mono);color:var(--text-soft)}.exam-config{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);margin:var(--space-4) 0}.exam-field{display:flex;flex-direction:column;gap:var(--space-2)}.config-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft)}.exam-presets{display:flex;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;min-height:var(--tap-min);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.icon{vertical-align:-.2em}.header-controls{display:flex;align-items:center;gap:var(--space-2)}.level-chip-root{position:relative}.level-chip{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);min-height:var(--tap-min)}.level-pop{position:absolute;right:0;top:calc(100% + var(--space-1));z-index:20;min-width:220px;display:flex;flex-direction:column;padding:var(--space-1);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-float)}.level-option{text-align:left;border:none;background:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.level-option:hover{background:var(--accent-bg);border-color:transparent}.level-option.is-current{background:var(--accent-bg);color:var(--accent);font-weight:600}.level-option strong{font-family:var(--font-mono);margin-right:var(--space-2)}.syllabus-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.syllabus-head .stat-bar{flex:1;margin-top:0}.syllabus-group{margin-bottom:var(--space-5)}.syllabus-group-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin:0 0 var(--space-2)}.syllabus{list-style:none;counter-reset:syllabus;padding:0;margin:0;display:flex;flex-direction:column}.syllabus li{counter-increment:syllabus;border-bottom:1px solid var(--divider)}.syllabus-item{width:100%;display:flex;align-items:center;gap:var(--space-3);text-align:left;border:none;background:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-2);min-height:var(--tap-min)}.syllabus-item.is-open{background:var(--accent-bg);color:var(--accent);font-weight:600}.syllabus-item.is-open:before,.syllabus-item.is-open .syllabus-status{color:var(--accent)}.syllabus-item:before{content:counter(syllabus);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);min-width:1.5em;text-align:right}.syllabus-item:hover{background:var(--accent-bg);border-color:transparent}.syllabus-state{color:var(--text-muted)}.syllabus-state.generates{color:var(--text)}.syllabus-state.read{color:var(--accent)}.syllabus-state.done{color:var(--good);font-weight:700}.syllabus-name{flex:1}.syllabus-status{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted)}.next-lesson{margin-top:var(--space-4)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.topic-card{display:flex;flex-direction:column;gap:var(--space-2);text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card)}.topic-card.is-open{border-color:var(--accent);background:var(--accent-bg)}.topic-card .stat-bar{margin-top:0}.topic-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.topic-card-name{font-family:var(--font-display);font-weight:600;display:inline-block;text-transform:lowercase}.topic-card-name:first-letter{text-transform:uppercase}.topic-card-due{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-soft)}.hub h2{margin-bottom:var(--space-1)}.hub .lede{margin-top:0;margin-bottom:var(--space-4)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.hub-card{display:flex;align-items:flex-start;gap:var(--space-3);text-align:left;padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);transition:border-color .15s ease,transform .15s ease}.hub-card:hover{border-color:var(--accent);transform:translateY(-1px)}.hub-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-bg);color:var(--accent)}.hub-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.hub-card-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);font-family:var(--font-display);font-weight:600}.hub-card-badge{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--highlight-ink);background:var(--highlight-bg);border-radius:var(--radius-pill);padding:.05rem .5rem}.hub-card-blurb{font-size:var(--text-sm)}.hub-card-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.hub-card-action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--divider);font-size:var(--text-sm);font-weight:600;color:var(--accent)}.hub-card-arrow{transition:transform .15s ease}.hub-card:hover .hub-card-arrow{transform:translate(2px)}@media (prefers-reduced-motion: reduce){.hub-card-arrow{transition:none}.hub-card:hover .hub-card-arrow{transform:none}}.hub-back{display:inline-flex;align-items:center;border:none;background:none;color:var(--text-soft);font-weight:600;font-size:var(--text-sm);padding:0;margin-bottom:var(--space-4)}.hub-back:hover{color:var(--accent)}.reading-grid{list-style:none;padding:0;margin:var(--space-3) 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.reading-card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card)}.reading-card-body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);text-align:left;border:none;background:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.reading-meta{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}.reading-card-actions{position:absolute;top:var(--space-2);right:var(--space-2)}input[type=checkbox],input[type=radio],input[type=number],progress{accent-color:var(--accent)}.mascot-art{display:block;margin:0 auto var(--space-3);height:auto;max-width:60%}.hero-art{margin-top:var(--space-3)}.service-down h2{text-wrap:balance}.maintenance-banner{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--highlight);border-radius:var(--radius-md);background:var(--highlight-bg);color:var(--highlight-ink);font-weight:600;text-align:center}.write-nudge{margin:var(--space-5) auto 0;max-width:32rem;padding-top:var(--space-4);border-top:1px solid var(--divider)}.write-nudge p{margin:0 0 var(--space-3)}.secondary-actions{margin-top:var(--space-2)}.produce-card{margin:0 auto;max-width:34rem;padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg);background:var(--surface) var(--ruling-lines);box-shadow:var(--shadow-card);text-align:center}.produce-eyebrow{margin:0 0 var(--space-3);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.produce-prompt{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.2}.produce-example{margin:var(--space-2) 0 0;color:var(--text-soft);font-style:italic}.produce-card form{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.produce-input{width:100%;max-width:22rem;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--text-lg);text-align:center}.produce-input:disabled{background:var(--surface-disabled)}.produce-ok,.produce-ko{margin:0;font-weight:600}.produce-ok{color:var(--good)}.produce-ko{color:var(--danger)}.tilebank{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.tile-composed{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-1);min-height:3rem;width:100%;padding:var(--space-2);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface)}.tile-hint{color:var(--text-muted);font-size:var(--text-sm)}.tile-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.tile{min-width:2.5rem;min-height:var(--tap-min);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-md)}.tile:disabled{opacity:.35}.tile.is-placed{border-color:var(--accent);opacity:1}.install-card{margin:var(--space-5) auto 0;max-width:34rem;padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);text-align:center}.install-hero{border-color:var(--highlight);background:var(--highlight-bg)}.install-text{margin:0 0 var(--space-3);color:var(--highlight-ink);font-weight:600}.install-text .icon{color:var(--highlight)}.install-card .actions{justify-content:center;align-items:center;gap:var(--space-3)}.install-steps{margin:0;font-size:var(--text-sm)}.topic-group{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-family:var(--font-mono);font-weight:500}.topic-title{text-transform:lowercase}.topic-title:first-letter{text-transform:uppercase}.count-presets{display:flex;align-items:flex-end;gap:var(--space-1)}.catch-up{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-top:var(--space-2)}.danger-zone summary{cursor:pointer;font-size:var(--text-sm);color:var(--text-muted)}.danger-zone[open] summary{margin-bottom:var(--space-2)}.lobby.placement,.summary.placement-result{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.lobby.placement .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.lobby.placement .actions.placement-seeds{flex-direction:column;align-items:stretch;width:100%;max-width:28rem;gap:var(--space-2)}.lobby.placement .actions.placement-seeds button{width:100%;text-align:center}.chip.is-on{background:var(--accent-bg);border-color:var(--accent-bg);color:var(--accent);font-weight:600}.exam-skills{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2) var(--space-4)}.exam-skill{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm)}.exam-mistakes{width:100%;text-align:left;margin-bottom:var(--space-5)}.exam-history{margin-top:var(--space-6);text-align:left}.exam-history-list{list-style:none;padding:0;margin:var(--space-2) 0 0;display:flex;flex-direction:column;gap:var(--space-2)}.exam-history-list li{display:flex;align-items:center;gap:var(--space-3)}.exam-history-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);min-width:4.5rem}.exam-history-list .stat-bar{flex:1;margin-top:0}.exam-history-score{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-soft);min-width:3rem;text-align:right}::placeholder{color:var(--text-muted);opacity:1}@keyframes shimmer{to{background-position:-200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}.skeleton-hero{height:180px;border-radius:var(--radius-lg)}.skeleton-row{height:2.4rem;margin-bottom:var(--space-2)}.theme-switching,.theme-switching *{transition:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.writing-hint{margin-top:var(--space-2);font-size:var(--text-xs)}.topic-create{margin-top:var(--space-5)}.topic-create .custom-topic{margin-top:var(--space-2)}.topic-ideas-label{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-sm)}.panel-progress{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2) 0 var(--space-3)}.panel-progress .stat-bar{flex-grow:1}.panel-progress-label{margin:0;white-space:nowrap}.study-cta .start{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:var(--space-2)}.study-cta,.study-cta .cta-note{align-items:center;text-align:center;width:100%}.typed-out-note{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);justify-content:center}.panel-rows{border-top:1px solid var(--divider);margin-top:var(--space-3)}.panel-row{display:flex;align-items:center;gap:var(--space-3);width:100%;border:none;background:none;padding:var(--space-3) var(--space-1);font-weight:600;font-size:var(--text-base);color:var(--text);border-radius:0}.panel-row .panel-row-label{flex-grow:1;text-align:left}.panel-row:hover{border-color:transparent;color:var(--accent)}.danger-zone{border-top:1px solid var(--divider)}.danger-zone summary.panel-row{list-style:none;cursor:pointer;color:var(--text-soft)}.danger-zone summary.panel-row::-webkit-details-marker{display:none}.danger-zone[open] summary.panel-row{color:var(--text)}.sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:none;border-radius:0;background:#1c1d2259;padding:0}.sheet-scrim:hover{border-color:transparent}.sheet-panel{position:relative;width:100%;max-width:640px;max-height:85vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-3) var(--space-5) var(--space-5);box-shadow:var(--shadow-float);animation:sheet-in .18s ease-out}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.sheet-panel{animation:none}}.sheet-handle{width:36px;height:4px;border-radius:var(--radius-pill);background:var(--border);margin:0 auto var(--space-3)}.sheet-title{margin:0 0 var(--space-3)}@media (min-width: 641px){.sheet-layer{align-items:center}.sheet-panel{max-width:480px;border-radius:var(--radius-lg)}.sheet-handle{display:none}}.sheet-form{display:flex;flex-direction:column;gap:var(--space-4)}.sheet-field{display:flex;flex-direction:column;gap:var(--space-1)}.sheet-field .field-label{margin:0}.sheet-primary{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.segmented{display:flex;gap:3px;padding:3px;background:var(--surface-3);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.segment{flex:1;min-height:40px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text-soft);font-size:var(--text-sm)}.segment:hover{border-color:transparent;color:var(--text)}.segment.is-on{background:var(--surface);border-color:var(--border-soft);color:var(--text);font-weight:600}.start.is-danger{background:var(--danger);border-color:var(--danger)}.start.is-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 85%,var(--text));border-color:transparent}.fresh-start-offer{text-align:center}.chip.is-tonal{background:var(--accent-bg);border-color:var(--accent-bg);color:var(--accent);font-weight:600}.miniui{position:relative;display:flex;flex-direction:column;gap:var(--space-2);width:210px;margin:0 auto var(--space-4)}.miniui-row,.miniui-card{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:10px;padding:10px 12px;box-shadow:var(--shadow-card)}.miniui-card{flex-direction:column;align-items:flex-start;gap:7px}.miniui-card.is-back,.miniui-card.is-mid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;box-shadow:none;background:var(--surface-2)}.miniui-card.is-back{transform:rotate(-4deg) translateY(6px)}.miniui-card.is-mid{transform:rotate(2.5deg) translateY(3px)}.miniui-dot{width:16px;height:16px;border-radius:var(--radius-pill);flex-shrink:0}.miniui-bar{display:block;height:7px;border-radius:4px;background:var(--border)}.miniui-bar.is-soft{background:var(--border-soft)}.miniui-caret{width:2px;height:14px;border-radius:1px}.review-hero{border-radius:var(--radius-field)}.streak-line{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--highlight-bg);color:var(--highlight-ink);border-radius:var(--radius-md);padding:6px var(--space-4);font-size:var(--text-sm);text-align:left}.streak-line .icon{color:var(--highlight);flex-shrink:0}.review-hero .streak-line{display:flex;width:fit-content;margin:var(--space-4) auto 0}.hub-card-icon{background:var(--accent-bg);color:var(--accent);border-radius:var(--radius-md)}.reading-card{background:var(--field);border-radius:var(--radius-field);box-shadow:none;padding:var(--space-3);gap:var(--space-2)}.reading-card .reading-card-body{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4)}.lesson-head{background:var(--field);border-radius:var(--radius-field);padding:var(--space-4) var(--space-5)}.sheet-panel{border-radius:var(--radius-field) var(--radius-field) 0 0}@media (min-width: 641px){.sheet-panel{border-radius:var(--radius-field)}}