@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--color-paper: oklch(96% .022 76);--color-paper-2: oklch(92% .032 72);--color-paper-3: oklch(98% .012 78);--color-ink: oklch(22% .035 252);--color-ink-2: oklch(37% .032 252);--color-muted: oklch(47% .026 252);--color-rule: oklch(82% .034 74);--color-accent: oklch(52% .145 252);--color-accent-2: oklch(64% .13 34);--color-accent-soft: oklch(90% .044 252);--color-accent-ink: oklch(98% .01 76);--color-success: oklch(49% .11 152);--color-error: oklch(52% .16 28);--color-focus: oklch(43% .17 252);--color-shadow: oklch(28% .04 252 / .1);--font-display: "Bricolage Grotesque", "Microsoft YaHei", sans-serif;--font-body: "Noto Sans SC", "Microsoft YaHei", sans-serif;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.953rem;--text-2xl: 2.441rem;--text-display: clamp(2rem, 5vw, 3.8rem);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-pill: 999px;--rule-thin: 1px;--rule-strong: 2px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s}html,body{overflow-x:clip}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--space-2xs)}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100dvh}.topbar,main,footer{width:min(100% - 2rem,76rem);margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-lg);border-block-end:var(--rule-thin) solid var(--color-rule)}.brand,.quiet-button,.energy-toggle,.icon-button,.panel-close,.text-button,.word-audio{border:0;background:transparent;cursor:pointer}.brand{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:2.75rem;font-family:var(--font-display);font-size:var(--text-md);font-weight:700;white-space:nowrap}.brand svg{color:var(--color-success);font-size:var(--text-lg)}.top-actions{display:flex;align-items:center;gap:var(--space-xs)}.quiet-button,.energy-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-3);font-size:var(--text-sm);font-weight:700;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.energy-toggle.is-on{border-color:var(--color-accent-2);background:var(--color-paper-2)}main{padding-block:var(--space-xl) var(--space-3xl)}.intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-lg)}.day-label,.lesson-heading p,.review-dialog>p,.progress-copy>p{margin:0 0 var(--space-xs);color:var(--color-accent);font-size:var(--text-sm);font-weight:700}.intro h1{max-width:12ch;margin:0;font-family:var(--font-display);font-size:var(--text-display);line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}.intro p:last-child{max-width:42ch;margin:var(--space-sm) 0 0;color:var(--color-muted)}.day-status{min-width:7rem;padding-block:var(--space-sm);border-block:var(--rule-strong) solid var(--color-ink);text-align:end}.day-status span{display:block;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.day-status small{color:var(--color-muted);font-size:var(--text-xs)}.step-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin-block:var(--space-xl)}.path-step{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);min-height:4.5rem;padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-3);text-align:start;cursor:pointer;transition:transform var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.path-step.is-active{border-color:var(--color-accent);background:var(--color-accent-soft)}.path-step.is-done{border-color:var(--color-success)}.path-step.has-review{border-color:var(--color-accent-2);background:var(--color-paper-2)}.step-number{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:var(--radius-pill);background:var(--color-paper-2);font-family:var(--font-display);font-weight:700}.is-active .step-number{background:var(--color-accent);color:var(--color-accent-ink)}.is-done .step-number{background:var(--color-success);color:var(--color-accent-ink)}.has-review .step-number{background:var(--color-accent-2);color:var(--color-ink)}.path-step strong,.path-step small{display:block}.path-step strong{font-family:var(--font-display);font-size:var(--text-base)}.path-step small{color:var(--color-muted);font-size:var(--text-xs)}.step-icon{color:var(--color-accent-2);font-size:var(--text-lg)}.workspace{min-height:35rem;border-block-start:var(--rule-strong) solid var(--color-ink)}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr)}.lesson-main,.single-step{min-width:0;padding-block:var(--space-xl)}.content-pending{max-width:46rem;padding-block:var(--space-xl)}.content-pending>p:first-child{margin:0;color:var(--color-accent);font-size:var(--text-sm);font-weight:700}.content-pending h2{margin:var(--space-xs) 0 var(--space-lg);font-family:var(--font-display);font-size:var(--text-xl)}.content-pending>strong{font-family:var(--font-display);font-size:var(--text-md)}.content-pending>p:not(:first-child){color:var(--color-muted)}.content-pending>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin-block-start:var(--space-lg)}.content-pending span{display:flex;min-height:3rem;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-muted)}.content-pending span:first-child,.content-pending span.is-ready{border-color:var(--color-success);color:var(--color-success)}.lesson-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.lesson-heading h2,.progress-copy h2,.review-dialog h2{margin:0;font-family:var(--font-display);font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.15;letter-spacing:-.025em}.icon-button,.panel-close,.word-audio{display:inline-grid;flex:0 0 auto;width:2.75rem;height:2.75rem;place-items:center;border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-3);font-size:var(--text-md)}.icon-button.small,.word-audio{width:2.5rem;height:2.5rem;font-size:var(--text-base)}.coach-note{max-width:46rem;margin-block:var(--space-lg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink-2)}.vocab-quiz{width:100%;max-width:46rem;margin:var(--space-xl) auto 0}.vocabulary-step>.lesson-heading,.vocabulary-step>.mini-cloze,.vocabulary-step>.end-actions{width:min(100%,58rem);margin-inline:auto}.vocabulary-step>.lesson-heading{align-items:end}.vocabulary-step>.mini-cloze{max-width:46rem}.vocabulary-step>.end-actions{max-width:46rem}.preview-progress{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--space-2xs);margin-block-end:var(--space-sm)}.preview-progress span{height:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-rule)}.preview-progress .is-current{background:var(--color-accent-2)}.preview-progress .is-checked{background:var(--color-accent)}.preview-word-card{display:grid;width:100%;min-width:0;min-height:17rem;align-content:center;gap:var(--space-md);padding:var(--space-xl);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper-3);text-align:start;cursor:pointer}.preview-word-card:not(.is-revealed){justify-items:center;text-align:center}.preview-word-card.is-revealed{align-content:start;cursor:default}.inline-audio{display:inline-grid;width:2.5rem;height:2.5rem;place-items:center;border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2);cursor:pointer}.preview-word-card>b,.revealed-word-head b{min-width:0;font-family:var(--font-display);font-size:var(--text-2xl);line-height:1}.preview-word-card>span,.preview-word-card small,.revealed-word-head span{color:var(--color-muted);font-size:var(--text-sm)}.card-kicker{color:var(--color-accent)!important;font-weight:700}.phrase-prompt{display:grid;gap:var(--space-2xs);min-width:min(100%,24rem);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-paper-2)}.phrase-prompt strong{font-family:var(--font-display);font-size:var(--text-md)}.reveal-hint{margin-block-start:var(--space-sm)}.revealed-word-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.revealed-word-head>div{display:grid;gap:var(--space-xs)}.revealed-meaning{font-size:var(--text-lg)}.revealed-phrase{display:grid;gap:var(--space-2xs);padding:var(--space-md);border-inline-start:var(--rule-strong) solid var(--color-accent-2);background:var(--color-paper-2)}.revealed-phrase b{font-family:var(--font-display);font-size:var(--text-md)}.revealed-phrase span{color:var(--color-ink-2)}.quiz-word-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.quiz-word-notes>span{padding:var(--space-sm);border-block-start:var(--rule-thin) solid var(--color-rule);color:var(--color-ink-2);font-size:var(--text-sm)}.quiz-word-notes small{display:block;margin-block-end:var(--space-2xs);color:var(--color-muted)}.preview-check-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);margin-block-start:var(--space-xs)}.preview-check-actions button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--space-xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-3);font-weight:700;cursor:pointer}.preview-check-actions button:last-child{border-color:var(--color-accent);color:var(--color-accent)}.preview-result{margin:var(--space-sm) 0 0;color:var(--color-muted);font-size:var(--text-sm)}.review-weak-button{width:100%;min-height:2.75rem;margin-block-start:var(--space-sm);border:var(--rule-thin) solid var(--color-accent-2);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-error);font-weight:700;cursor:pointer}.mini-cloze{max-width:46rem;margin-block-start:var(--space-xl);padding:var(--space-lg);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper-2)}.spelling-practice{width:min(100%,46rem);margin:var(--space-xl) auto 0;padding:var(--space-lg);border:var(--rule-thin) solid var(--color-accent-2);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--color-paper-3),var(--color-accent-2) 5%)}.spelling-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.spelling-head small{color:var(--color-accent-2);font-weight:700}.spelling-head h3{margin:var(--space-2xs) 0 0;font-family:var(--font-display);font-size:var(--text-md)}.spelling-head>span{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-muted);font-size:var(--text-sm)}.spelling-audio{display:inline-flex;min-height:2.75rem;align-items:center;gap:var(--space-xs);margin-block-start:var(--space-lg);padding-inline:var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-3);cursor:pointer}.spelling-prompt{display:grid;gap:var(--space-2xs);margin-block:var(--space-lg);padding-block:var(--space-md);border-block:var(--rule-thin) solid var(--color-rule)}.spelling-prompt b{font-family:var(--font-display);font-size:var(--text-lg)}.spelling-prompt span{color:var(--color-muted)}.spelling-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xs)}.spelling-input-row input{min-width:0;padding:var(--space-sm) var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink);font:inherit}.spelling-input-row input:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--space-2xs)}.spelling-feedback{display:grid;gap:var(--space-xs);margin-block-start:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-paper-2)}.spelling-feedback p,.spelling-feedback span{margin:0}.spelling-feedback span{color:var(--color-error);font-size:var(--text-sm)}.mini-cloze-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.mini-cloze-head small,.phrase-transfer-list>small,.transfer-sentence small{color:var(--color-muted)}.mini-cloze-head h3{margin:var(--space-2xs) 0 0;font-family:var(--font-display);font-size:var(--text-base)}.mini-cloze-head>span{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-muted);font-size:var(--text-xs)}.mini-cloze>p{margin:var(--space-lg) 0 var(--space-md);font-family:var(--font-display);font-size:var(--text-md)}.cloze-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin-block-end:var(--space-md)}.cloze-options button{min-height:2.75rem;border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-3);cursor:pointer}.cloze-options button.is-selected{border-color:var(--color-accent);color:var(--color-accent);font-weight:700}.cloze-options button.is-correct{border-color:var(--color-success);background:color-mix(in oklch,var(--color-paper-3),var(--color-success) 8%);color:var(--color-success)}.cloze-feedback{display:grid;gap:var(--space-2xs);color:var(--color-error)}.cloze-feedback.is-correct{color:var(--color-success)}.cloze-feedback span{color:var(--color-ink-2);font-size:var(--text-sm)}.phrase-transfer-list{max-width:46rem;margin-block-start:var(--space-xl);padding-block-start:var(--space-md);border-block-start:var(--rule-thin) solid var(--color-rule)}.phrase-transfer-list>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin-block-start:var(--space-sm)}.phrase-transfer-list span{padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-muted);font-size:var(--text-sm)}.phrase-transfer-list b{display:block;color:var(--color-ink)}.passage{max-width:44rem;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(1.25rem,2.2vw,1.72rem);font-weight:500;line-height:1.82}.word-button{display:inline;min-height:2rem;margin:0;padding:0 var(--space-3xs);border:0;border-block-end:var(--rule-strong) solid transparent;background:transparent;color:inherit;font:inherit;cursor:pointer}.word-button.is-core{border-block-end-color:var(--color-accent-2)}.word-button.is-weak,.word-button.is-selected{border-radius:var(--radius-sm);background:var(--color-accent-soft)}.reading-actions,.end-actions,.review-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-sm);margin-block-start:var(--space-xl)}.passage-phrases{display:grid;gap:var(--space-md);max-width:52rem;margin-block-start:var(--space-xl);padding-block:var(--space-md);border-block:var(--rule-thin) solid var(--color-rule)}.passage-phrases small,.passage-phrases>div strong{display:block}.passage-phrases small{color:var(--color-muted)}.passage-phrases>div strong{font-family:var(--font-display);font-size:var(--text-md)}.passage-phrases ul{display:grid;gap:var(--space-xs);margin:0;padding:0;list-style:none}.passage-phrases li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 var(--space-sm);align-items:center}.passage-phrases li>button{display:grid;grid-row:1 / 3;width:2.5rem;height:2.5rem;place-items:center;border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-3);cursor:pointer}.passage-phrases li b{min-width:0;font-family:var(--font-display)}.passage-phrases li b .speakable-english{display:inline;width:auto;min-height:0;padding:0;border:0;border-block-end:1px dotted currentColor;border-radius:0;background:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.passage-phrases li span{color:var(--color-muted);font-size:var(--text-sm)}.primary-button,.secondary-button,.save-word-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:2.9rem;padding-inline:var(--space-lg);border-radius:var(--radius-pill);font-weight:700;white-space:nowrap;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.primary-button{border:var(--rule-thin) solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.secondary-button{border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-3)}.gist-answer{display:flex;align-items:center;gap:var(--space-xs);max-width:34rem;color:var(--color-success);font-weight:700}.word-inspector{position:relative;min-height:18rem;padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-paper-2)}.word-inspector>p{margin:0;color:var(--color-accent);font-size:var(--text-sm);font-weight:700}.panel-close{position:absolute;inset-block-start:var(--space-md);inset-inline-end:var(--space-md)}.word-title{display:flex;align-items:center;gap:var(--space-sm);margin-block-start:var(--space-lg)}.word-title h3{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);line-height:1}.ipa,.meaning,.phrase-line small,.phrase-line b{display:block}.ipa{margin-block-start:var(--space-xs);color:var(--color-muted)}.meaning{margin-block-start:var(--space-lg);font-size:var(--text-lg)}.phrase-line{margin-block:var(--space-lg);padding-block:var(--space-sm);border-block:var(--rule-thin) solid var(--color-rule)}.word-notes{display:grid;gap:var(--space-sm);margin-block-end:var(--space-lg)}.word-notes section{padding-block-end:var(--space-sm);border-block-end:var(--rule-thin) solid var(--color-rule)}.word-notes section.is-emphasis{padding:var(--space-sm);border:0;border-radius:var(--radius-sm);background:var(--color-accent-soft)}.word-notes section.is-emphasis small,.word-notes section.is-emphasis p{color:var(--color-accent)}.speakable-english{display:inline;min-height:0;margin:0;padding:0;border:0;border-block-end:1px dotted currentColor;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:start;cursor:pointer}.speakable-english:hover{color:var(--color-accent)}.speakable-english:focus-visible{border-radius:var(--radius-sm)}.exam-use-example{display:grid;gap:var(--space-3xs);margin-block-start:var(--space-xs);padding-block-start:var(--space-xs);border-block-start:var(--rule-thin) solid color-mix(in oklch,var(--color-accent),transparent 70%)}.exam-use-example .speakable-english{color:var(--color-accent);font-weight:700}.exam-use-example span{color:var(--color-ink-2);font-size:var(--text-sm)}.word-notes small{color:var(--color-muted)}.word-notes p{margin:var(--space-2xs) 0 0;font-size:var(--text-sm)}.phrase-line small{color:var(--color-muted)}.phrase-line b{margin-block-start:var(--space-xs);font-family:var(--font-display);font-size:var(--text-md)}.phrase-line>div,.revealed-phrase>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.phrase-line>div b,.revealed-phrase>div b{min-width:0}.save-word-button{width:100%;border:var(--rule-thin) solid var(--color-accent-2);background:var(--color-paper-3)}.save-word-button[data-state=success]{border-color:var(--color-success);color:var(--color-success)}.inspector-empty{display:grid;min-height:13rem;place-items:center;align-content:center;text-align:center}.inspector-empty svg{color:var(--color-accent-2);font-size:var(--text-2xl)}.inspector-empty h3{margin:var(--space-sm) 0 0;font-family:var(--font-display)}.inspector-empty p{max-width:24ch;margin:var(--space-xs) 0 0;color:var(--color-muted)}.collected-count{display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--space-2xs) var(--space-md);margin-block-start:var(--space-lg);padding-block-start:var(--space-md);border-block-start:var(--rule-thin) solid var(--color-rule)}.collected-count strong{font-family:var(--font-display);font-size:var(--text-xl);line-height:1}.collected-count small{grid-column:1 / -1;color:var(--color-muted)}.soft-pill{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap}.word-list{margin-block-start:var(--space-lg);border-block-start:var(--rule-thin) solid var(--color-rule)}.word-row{display:grid;grid-template-columns:auto minmax(8rem,.8fr) minmax(0,1.2fr) auto;align-items:center;gap:var(--space-md);padding-block:var(--space-md);border-block-end:var(--rule-thin) solid var(--color-rule)}.word-row strong,.word-row span{display:block}.word-row strong{font-family:var(--font-display);font-size:var(--text-md)}.word-row span,.word-row p{color:var(--color-muted)}.word-row p{margin:0}.text-button{min-height:2.75rem;color:var(--color-muted);text-decoration:underline;text-underline-offset:var(--space-2xs);white-space:nowrap}.translation-source{max-width:52rem;margin:var(--space-xl) 0;padding:0 0 0 var(--space-lg);border-inline-start:var(--rule-strong) solid var(--color-accent-2);font-family:var(--font-display);font-size:var(--text-lg);line-height:1.55}.field-label{display:block;margin-block-end:var(--space-xs);font-weight:700}.answer-field{width:100%;min-height:10rem;padding:var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);outline:var(--rule-strong) solid transparent;outline-offset:var(--space-3xs);background:var(--color-paper-3);color:var(--color-ink);line-height:1.7;resize:vertical}.answer-field.compact{min-height:7rem}.answer-field::placeholder{color:var(--color-muted)}.field-help{min-height:1lh;margin:var(--space-xs) 0 0;color:var(--color-muted);font-size:var(--text-sm)}.feedback-panel{margin-block-start:var(--space-lg);padding-block-start:var(--space-lg);border-block-start:var(--rule-strong) solid var(--color-ink)}.examiner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg)}.examiner-head p{margin:0 0 var(--space-xs);color:var(--color-accent);font-size:var(--text-sm);font-weight:700}.examiner-head strong{display:block;max-width:42rem;font-family:var(--font-display);font-size:var(--text-md);line-height:1.35}.exam-score{flex:0 0 auto;padding-block:var(--space-xs);border-block:var(--rule-strong) solid var(--color-ink);text-align:end}.exam-score b,.exam-score span{display:block}.exam-score b{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1;font-variant-numeric:tabular-nums}.exam-score span{color:var(--color-muted);font-size:var(--text-xs)}.examiner-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);margin-block-start:var(--space-lg)}.examiner-grid section{padding:var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md)}.examiner-grid h3,.pattern-title{margin:0;font-family:var(--font-display);font-size:var(--text-base)}.examiner-grid ul{margin:var(--space-sm) 0 0;padding-inline-start:var(--space-lg)}.examiner-grid li+li{margin-block-start:var(--space-xs)}.score-breakdown{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-block-start:var(--space-md)}.score-breakdown span{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-muted);font-size:var(--text-sm)}.score-breakdown b{color:var(--color-ink);font-variant-numeric:tabular-nums}.grading-status{display:flex;align-items:center;gap:var(--space-md);margin-block-start:var(--space-lg);padding:var(--space-md);border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-md);background:var(--color-accent-soft)}.grading-status>div{flex:1}.grading-status b,.grading-status p{margin:0}.grading-status p{margin-block-start:var(--space-2xs);color:var(--color-muted);font-size:var(--text-sm)}.grading-status.is-error{flex-wrap:wrap;border-color:var(--color-error);background:var(--color-paper-2)}.grading-spinner{width:1.25rem;height:1.25rem;flex:0 0 auto;border:2px solid color-mix(in srgb,var(--color-accent) 22%,transparent);border-block-start-color:var(--color-accent);border-radius:50%;animation:grading-spin .8s linear infinite}@keyframes grading-spin{to{transform:rotate(360deg)}}.answer-comparison{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);margin-block-start:var(--space-lg)}.answer-comparison section{padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-paper-2)}.answer-comparison section:last-child{background:var(--color-accent-soft)}.answer-comparison p{margin:var(--space-xs) 0 0}.pattern-title{margin-block-start:var(--space-lg)}.feedback-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md)}.feedback-head strong{font-family:var(--font-display);font-size:var(--text-md)}.feedback-head span{color:var(--color-muted);font-size:var(--text-sm)}.structure-note,.reference-answer{margin-block-start:var(--space-lg)}.structure-note p,.reference-answer p{max-width:60ch;margin:var(--space-xs) 0 0}.reference-answer{padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-paper-2)}.intent-box{margin-block:var(--space-xl);padding-block:var(--space-md);border-block:var(--rule-strong) solid var(--color-ink)}.intent-box small{color:var(--color-muted)}.intent-box p{margin:var(--space-xs) 0 0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.transfer-sentence{margin-block:calc(var(--space-xl) * -.45) var(--space-xl);padding:var(--space-md);border-inline-start:var(--rule-strong) solid var(--color-accent-2);background:var(--color-paper-2)}.transfer-sentence b{display:block;margin-block-start:var(--space-2xs)}.transfer-sentence p{margin:var(--space-md) 0 var(--space-xs);font-family:var(--font-display);font-size:var(--text-md)}.transfer-sentence>span{color:var(--color-muted);font-size:var(--text-sm)}.pattern-block{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-block-start:var(--space-lg)}.pattern-block span{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent);font-family:var(--font-display);font-weight:700}.pattern-block span[data-tone=coral]{background:var(--color-paper-2);color:var(--color-error)}.model-sentence{margin-block:var(--space-lg) 0;font-family:var(--font-display);font-size:var(--text-md);font-weight:700}.progress-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--space-xl);margin-block-start:var(--space-3xl);padding-block-start:var(--space-xl);border-block-start:var(--rule-strong) solid var(--color-ink)}.record-dialog{position:relative;width:min(100%,58rem);max-height:calc(100dvh - 2rem);overflow-y:auto;padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--color-paper-3);box-shadow:0 1.5rem 4rem var(--color-shadow);animation:dialog-in var(--dur-long) var(--ease-out)}.record-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:var(--space-lg);padding-inline-end:var(--space-xl)}.record-summary>p{grid-column:1 / -1;margin:0;color:var(--color-accent);font-size:var(--text-sm);font-weight:700}.record-summary h2{margin:0;font-family:var(--font-display);font-size:var(--text-xl);line-height:1.15}.record-summary div{text-align:end}.record-summary strong,.record-summary span{display:block}.record-summary strong{font-family:var(--font-display);font-size:var(--text-xl);font-variant-numeric:tabular-nums;line-height:1}.record-summary span{color:var(--color-muted);font-size:var(--text-xs)}.record-dialog .progress-section{grid-template-columns:1fr;gap:var(--space-lg);margin-block-start:var(--space-xl);padding-block-start:var(--space-lg)}.record-dialog .progress-copy{display:none}.exam-roadmap{margin-block-start:var(--space-xl);padding-block-start:var(--space-lg);border-block-start:var(--rule-strong) solid var(--color-ink)}.exam-roadmap-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg)}.exam-roadmap-head p,.exam-roadmap-head h3{margin:0}.exam-roadmap-head p{color:var(--color-accent);font-size:var(--text-sm);font-weight:700}.exam-roadmap-head h3,.full-course-plan h4{margin-block-start:var(--space-xs);font-family:var(--font-display);font-size:var(--text-md)}.exam-roadmap-head>span{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent);font-weight:700;white-space:nowrap}.date-status{margin:var(--space-md) 0 0;color:var(--color-muted);font-size:var(--text-sm)}.phase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin-block-start:var(--space-lg)}.phase-grid article{padding:var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-3)}.phase-grid article[data-phase=sprint]{grid-column:1 / -1;border-color:var(--color-accent-2);background:color-mix(in oklch,var(--color-paper-3),var(--color-accent-2) 6%)}.phase-grid small{color:var(--color-muted)}.phase-grid h4{margin:var(--space-xs) 0;font-family:var(--font-display);font-size:var(--text-base)}.phase-grid b{display:block}.phase-grid p{margin:var(--space-xs) 0 0;color:var(--color-muted);font-size:var(--text-sm)}.sprint-focus{display:grid;grid-template-columns:minmax(10rem,.55fr) minmax(0,1.45fr);gap:var(--space-lg);margin-block-start:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-ink);color:var(--color-paper-3)}.sprint-focus small{color:color-mix(in oklch,var(--color-paper-3),transparent 32%)}.sprint-focus h4{margin:var(--space-xs) 0 0;font-family:var(--font-display);font-size:var(--text-lg);line-height:1.2}.sprint-focus ol{display:grid;gap:var(--space-xs);margin:0;padding-inline-start:var(--space-lg)}.full-course-plan{margin-block-start:var(--space-xl)}.full-course-plan>h4{margin:0 0 var(--space-md)}.full-course-plan details{border-block-start:var(--rule-thin) solid var(--color-rule)}.full-course-plan details:last-child{border-block-end:var(--rule-thin) solid var(--color-rule)}.full-course-plan summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-md);font-weight:700;cursor:pointer}.full-course-plan summary small{color:var(--color-muted);font-weight:400}.full-course-plan details>div{padding-block-end:var(--space-md)}.full-course-plan details article{display:grid;grid-template-columns:3.8rem minmax(0,1fr) auto;gap:var(--space-sm);align-items:start;padding:var(--space-sm);border-radius:var(--radius-sm)}.full-course-plan details article:nth-child(odd){background:var(--color-paper-2)}.full-course-plan time{color:var(--color-muted);font-variant-numeric:tabular-nums}.full-course-plan article>span{display:grid;gap:var(--space-2xs)}.full-course-plan article small{color:var(--color-muted)}.full-course-plan em{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-muted);font-size:var(--text-xs);font-style:normal;white-space:nowrap}.full-course-plan em[data-intensity=高],.full-course-plan em[data-intensity=较高]{color:var(--color-error)}.full-course-plan em[data-intensity=低],.full-course-plan em[data-intensity=偏轻]{color:var(--color-success)}.corpus-status{margin-block-start:var(--space-xl);padding-block-start:var(--space-lg);border-block-start:var(--rule-strong) solid var(--color-ink)}.corpus-status h3{margin:0;font-family:var(--font-display);font-size:var(--text-md)}.corpus-status>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin-block-start:var(--space-md)}.corpus-status span{padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-muted)}.corpus-status b{display:block;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-lg)}.corpus-status p{margin:var(--space-md) 0 0;color:var(--color-muted)}.schedule-list{display:grid;gap:var(--space-sm);margin:var(--space-lg) 0 0;padding-inline-start:var(--space-lg)}.schedule-list b{display:inline;font-family:inherit;font-size:inherit}.corpus-status .schedule-warning{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent)}.progress-copy span{display:block;max-width:32ch;margin-block-start:var(--space-sm);color:var(--color-muted)}.day-map{display:grid;grid-template-columns:repeat(23,minmax(0,1fr));align-self:center;gap:var(--space-2xs)}.day-map span{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-paper-2)}.day-map .is-complete{background:var(--color-accent)}.day-map .is-today{outline:var(--rule-strong) solid var(--color-accent-2);outline-offset:var(--space-3xs)}footer{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-xl);border-block-start:var(--rule-thin) solid var(--color-rule)}footer p{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}footer span{color:var(--color-muted);text-align:end}.modal-backdrop{position:fixed;z-index:400;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-md);background:#0e1b2a61}.review-dialog{position:relative;width:min(100%,40rem);max-height:calc(100dvh - 2rem);overflow-y:auto;padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--color-paper-3);box-shadow:0 1.5rem 4rem var(--color-shadow);animation:dialog-in var(--dur-long) var(--ease-out)}.review-dialog blockquote{margin:var(--space-xl) 0;font-family:var(--font-display);font-size:var(--text-md);line-height:1.7}.review-answer{display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-sm);align-items:center;padding-block:var(--space-md);border-block:var(--rule-thin) solid var(--color-rule)}.review-answer .icon-button{grid-row:1 / 4}.review-answer p{margin:0;color:var(--color-muted)}.empty-icon{color:var(--color-accent-2);font-size:var(--text-2xl)}.reveal{opacity:0;transform:translateY(var(--space-xs));animation:reveal var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes reveal{to{opacity:1;transform:none}}@keyframes dialog-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@media(hover:hover)and (pointer:fine){.path-step:hover,.quiet-button:hover,.energy-toggle:hover,.primary-button:hover,.secondary-button:hover,.save-word-button:hover{transform:translateY(-1px)}.word-button:hover{background:var(--color-paper-2)}}@media(min-width:40rem){.step-path{grid-template-columns:repeat(4,minmax(0,1fr))}.examiner-grid,.answer-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:60rem){.reading-layout{grid-template-columns:minmax(0,1.65fr) minmax(18rem,.75fr);gap:var(--space-xl)}.word-inspector{margin-block:var(--space-xl)}}@media(min-width:90rem){.topbar,main,footer{width:min(100% - 4rem,82rem)}}@media(max-width:39.99rem){.topbar{align-items:flex-start}.quiet-button{width:2.75rem;padding:0;font-size:0}.quiet-button svg{font-size:var(--text-md)}.intro{grid-template-columns:1fr}.day-status{display:flex;align-items:baseline;gap:var(--space-xs);text-align:start}.path-step{min-height:4rem}.step-icon{display:none}.reading-actions,.end-actions{align-items:stretch;flex-direction:column}.primary-button,.secondary-button{width:100%}.word-row{grid-template-columns:auto minmax(0,1fr) auto}.word-row p{grid-column:2 / -1}.feedback-head,.examiner-head,footer{align-items:flex-start;flex-direction:column}.exam-score{text-align:start}footer span{text-align:start}.progress-section{grid-template-columns:1fr}.day-map{grid-template-columns:repeat(16,minmax(0,1fr))}.review-dialog,.record-dialog{padding:var(--space-lg)}.record-summary{grid-template-columns:1fr 1fr}.corpus-status>div{grid-template-columns:1fr}.cloze-options,.phrase-transfer-list>div{grid-template-columns:1fr}.spelling-input-row{grid-template-columns:1fr}.spelling-input-row .primary-button{width:100%}.quiz-word-notes,.phase-grid,.sprint-focus{grid-template-columns:1fr}.phase-grid article[data-phase=sprint]{grid-column:auto}.preview-word-card{min-height:15rem;padding:var(--space-lg)}.full-course-plan details article{grid-template-columns:3.5rem minmax(0,1fr)}.full-course-plan em{grid-column:2;justify-self:start}.record-summary h2{grid-column:1 / -1}.record-summary div{text-align:start}}@media(pointer:coarse){button{min-height:2.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}}