:root{--forest-50: #eaf6ef;--forest-300: #6cc79a;--forest-500: #2f9e63;--forest-700: #1e6b45;--forest-900: #123c28;--gold-300: #f2cd74;--gold-500: #d4af37;--gold-700: #a9832a;--ink: #1a211d;--paper: #f7f8f5;--board-bg: #f6f7f4;--board-grid: rgba(28, 45, 36, .07);--on-board: #26312b;--on-board-dim: #6b7a71;--card-bg: #ffffff;--card-border: rgba(20, 40, 30, .1);--glass-tint: rgba(15, 26, 20, .66);--glass-blur: 16px;--glass-sat: 155%;--glass-border: rgba(212, 175, 55, .22);--glass-hi: rgba(255, 255, 255, .1);--chrome-solid: #101a14;--text: #eef2ec;--text-dim: #b3c1b8;--muted: #8b978f;--accent: var(--forest-500);--accent-hi: var(--forest-300);--on-accent: #eafff2;--gold: var(--gold-500);--live: var(--forest-300);--warn: var(--gold-500);--ring: rgba(108, 199, 154, .55);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-eyebrow: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 15px;--fw-medium: 600;--fw-bold: 700;--fw-black: 800;--tracking-tight: -.01em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--r-sm: 8px;--r-md: 11px;--r-lg: 14px;--r-pill: 999px;--e-1: 0 1px 2px rgba(6, 16, 10, .18);--e-2: 0 6px 18px rgba(6, 16, 10, .22);--e-3: 0 14px 40px rgba(6, 16, 10, .3);--ease: cubic-bezier(.2, .7, .2, 1);--dur-fast: .12s;--dur: .2s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--board-bg: #14181a;--board-grid: rgba(150, 180, 165, .1);--on-board: #e9ede9;--on-board-dim: #9aa8a0;--card-bg: #1b2420;--card-border: rgba(255, 255, 255, .08);--glass-tint: rgba(32, 46, 39, .72);--glass-border: rgba(212, 175, 55, .3);--glass-hi: rgba(255, 255, 255, .07);--chrome-solid: #1c2822;--e-1: 0 1px 2px rgba(0, 0, 0, .5);--e-2: 0 6px 18px rgba(0, 0, 0, .5);--e-3: 0 14px 40px rgba(0, 0, 0, .55)}}:root[data-theme=dark]{--board-bg: #14181a;--board-grid: rgba(150, 180, 165, .1);--on-board: #e9ede9;--on-board-dim: #9aa8a0;--card-bg: #1b2420;--card-border: rgba(255, 255, 255, .08);--glass-tint: rgba(32, 46, 39, .72);--glass-border: rgba(212, 175, 55, .3);--glass-hi: rgba(255, 255, 255, .07);--chrome-solid: #1c2822;--e-1: 0 1px 2px rgba(0, 0, 0, .5);--e-2: 0 6px 18px rgba(0, 0, 0, .5);--e-3: 0 14px 40px rgba(0, 0, 0, .55)}*{box-sizing:border-box;margin:0;padding:0}:root[data-theme=light]{--bg-primary: #f7f8f6;--bg-secondary: #eef1ee;--bg-tertiary: #e1e6e2;--text-primary: #171a18;--text-secondary: #4e5851;--text-tertiary: #78847c;--border-primary: #d6ded8;--border-secondary: #b9c4bc;--border-active: #2f7d52;--accent-primary: #2f7d52;--accent-hover: #235f3e;--accent-light: #4a6f8d;--accent-gold: #9a6a2f;--shadow-sm: 0 1px 2px rgba(23, 26, 24, .06);--shadow-md: 0 18px 42px rgba(23, 26, 24, .1);--overlay-bg: rgba(247, 248, 246, .92);--review-key: "packet";--packet-fragment: "cleared"}:root[data-theme=dark]{--bg-primary: #101312;--bg-secondary: #171c19;--bg-tertiary: #202821;--text-primary: #f0f4ef;--text-secondary: #b8c3bc;--text-tertiary: #7f8e84;--border-primary: #2d3931;--border-secondary: #415044;--border-active: #69b083;--accent-primary: #69b083;--accent-hover: #8bd09f;--accent-light: #7fa1c0;--accent-gold: #c79b57;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 24px 64px rgba(0, 0, 0, .42);--overlay-bg: rgba(16, 19, 18, .9);--review-key: "packet";--packet-fragment: "cleared"}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#app{width:100%;min-height:100vh}.lesson-panel.svelte-1jg589g{border:1px solid var(--border-primary);border-radius:8px;background:var(--mandarin-raised);box-shadow:var(--shadow-sm);overflow:hidden}button.svelte-1jg589g{border:0;border-radius:6px;cursor:pointer;font:inherit}.panel-section.svelte-1jg589g{padding:10px;border-bottom:1px solid var(--border-primary)}.scope-row.svelte-1jg589g{display:flex;align-items:center;justify-content:space-between;gap:10px}.back-button.svelte-1jg589g{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid var(--border-primary);background:color-mix(in srgb,var(--bg-primary) 66%,var(--bg-secondary));color:var(--text-primary);font-size:12px;font-weight:800}.scope-label.svelte-1jg589g{min-width:0;overflow:hidden;color:var(--text-secondary);font-size:12px;font-weight:780;text-align:right;text-overflow:ellipsis;white-space:nowrap}.mode-control.svelte-1jg589g{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:4px;border:1px solid var(--border-primary);border-radius:8px;background:color-mix(in srgb,var(--bg-primary) 72%,var(--bg-secondary))}.mode-control.svelte-1jg589g button:where(.svelte-1jg589g){min-height:38px;background:transparent;color:var(--text-secondary);font-weight:760;transition:background-color .12s ease,color .12s ease}.mode-control.svelte-1jg589g button.active:where(.svelte-1jg589g){background:var(--mandarin-red);color:#fff}.option-row.svelte-1jg589g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.option-row.svelte-1jg589g label:where(.svelte-1jg589g){display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 8px;border:1px solid var(--border-primary);border-radius:6px;background:color-mix(in srgb,var(--bg-primary) 66%,var(--bg-secondary));color:var(--text-secondary);font-size:12px;font-weight:780}.option-row.svelte-1jg589g input:where(.svelte-1jg589g){accent-color:var(--mandarin-red)}.voice-panel.svelte-1jg589g{display:grid;gap:5px;padding:12px;border-bottom:1px solid var(--border-primary);background:color-mix(in srgb,var(--mandarin-red) 7%,var(--bg-primary))}.voice-panel.svelte-1jg589g span:where(.svelte-1jg589g){display:block;color:var(--mandarin-red);font-size:11px;font-weight:840;letter-spacing:.08em;text-transform:uppercase}.voice-panel.svelte-1jg589g strong:where(.svelte-1jg589g){color:var(--text-secondary);font-size:13px;font-weight:780;line-height:1.3}.voice-heading.svelte-1jg589g{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.voice-heading.svelte-1jg589g strong:where(.svelte-1jg589g){text-align:right}.voice-controls.svelte-1jg589g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:4px}.voice-controls.svelte-1jg589g label:where(.svelte-1jg589g){display:grid;gap:4px;color:var(--text-muted);font-size:10px;font-weight:760;letter-spacing:.04em;text-transform:uppercase}.voice-controls.svelte-1jg589g select:where(.svelte-1jg589g){width:100%;min-height:32px;padding:0 7px;border:1px solid var(--border-primary);border-radius:5px;background:var(--bg-primary);color:var(--text-primary);font:inherit;letter-spacing:normal;text-transform:none}.speech-state.svelte-1jg589g{display:grid;gap:6px;margin-top:3px}.speech-state.svelte-1jg589g small:where(.svelte-1jg589g){color:var(--text-muted);font-size:11px;line-height:1.35}.speech-state[data-status=error].svelte-1jg589g small:where(.svelte-1jg589g),.speech-state[data-status=fallback].svelte-1jg589g small:where(.svelte-1jg589g){color:var(--mandarin-gold)}.speech-state.svelte-1jg589g progress:where(.svelte-1jg589g){width:100%;height:5px;accent-color:var(--mandarin-red)}.speech-actions.svelte-1jg589g{display:flex;gap:6px}.speech-actions.svelte-1jg589g button:where(.svelte-1jg589g){min-height:28px;padding:0 8px;border:1px solid var(--border-primary);border-radius:5px;background:var(--bg-primary);color:var(--text-secondary);font-size:10px;font-weight:760}.lesson-list.svelte-1jg589g{max-height:calc(100vh - 282px);overflow:auto;padding:10px}.lesson-list.svelte-1jg589g button:where(.svelte-1jg589g){width:100%;min-height:68px;margin-bottom:9px;padding:13px;border:1px solid var(--border-primary);border-left:4px solid transparent;border-radius:8px;text-align:left;background:color-mix(in srgb,var(--bg-primary) 72%,var(--bg-secondary));color:var(--text-primary);transition:border-color .12s ease,background-color .12s ease,transform .12s ease}.lesson-list.svelte-1jg589g button.active:where(.svelte-1jg589g){border-color:color-mix(in srgb,var(--mandarin-red) 42%,var(--border-primary));border-left-color:var(--mandarin-red);background:color-mix(in srgb,var(--mandarin-red) 10%,var(--bg-primary));transform:translate(2px)}.lesson-list.svelte-1jg589g button.complete:where(.svelte-1jg589g){background-image:linear-gradient(90deg,color-mix(in srgb,#2f7d52 16%,transparent),transparent)}.lesson-kicker.svelte-1jg589g{display:block;margin-bottom:5px;color:var(--mandarin-red);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.lesson-list.svelte-1jg589g strong:where(.svelte-1jg589g){display:block;font-size:14px;line-height:1.35}.contrast-suggestion.svelte-1jg589g,.listening-intro.svelte-1jg589g{display:grid;gap:7px;margin:10px;padding:12px;border:1px solid color-mix(in srgb,var(--mandarin-gold) 45%,var(--border-primary));border-radius:8px;background:color-mix(in srgb,var(--mandarin-gold) 9%,var(--bg-primary))}.contrast-suggestion.svelte-1jg589g small:where(.svelte-1jg589g),.listening-intro.svelte-1jg589g small:where(.svelte-1jg589g){color:var(--text-secondary);line-height:1.4}.contrast-suggestion.svelte-1jg589g button:where(.svelte-1jg589g){min-height:34px;padding:0 10px;background:var(--mandarin-gold);color:var(--bg-primary);font-size:12px;font-weight:800}@media(max-width:920px){.lesson-list.svelte-1jg589g{max-height:260px}}@media(max-width:560px){.option-row.svelte-1jg589g{grid-template-columns:1fr}.mode-control.svelte-1jg589g{grid-template-columns:1fr 1fr}}button.svelte-1aee8o9{border:0;border-radius:6px;cursor:pointer;font:inherit}.pronunciation-panel.svelte-1aee8o9{display:grid;gap:8px;max-width:860px;margin-top:26px;padding:14px;border:1px solid var(--border-primary);border-left:4px solid var(--border-primary);border-radius:8px;background:color-mix(in srgb,var(--bg-primary) 64%,var(--bg-secondary))}.feedback-heading.svelte-1aee8o9{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-heading.svelte-1aee8o9 span:where(.svelte-1aee8o9){color:var(--text-secondary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.feedback-heading.svelte-1aee8o9 strong:where(.svelte-1aee8o9){color:var(--text-primary);font-size:17px;line-height:1.2}.pronunciation-panel.svelte-1aee8o9 small:where(.svelte-1aee8o9){margin:0;color:var(--text-secondary);font-size:14px;line-height:1.35}.pronunciation-panel[data-status=listening].svelte-1aee8o9{border-left-color:var(--mandarin-blue)}.pronunciation-panel[data-status=matched].svelte-1aee8o9,.pronunciation-panel[data-status=close].svelte-1aee8o9{border-left-color:#2f7d52}.pronunciation-panel[data-status=missed].svelte-1aee8o9,.pronunciation-panel[data-status=no_speech].svelte-1aee8o9,.pronunciation-panel[data-status=unscored].svelte-1aee8o9,.pronunciation-panel[data-status=error].svelte-1aee8o9{border-left-color:var(--mandarin-red-dark)}.character-feedback.svelte-1aee8o9{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin-top:10px}.character-feedback.svelte-1aee8o9 span:where(.svelte-1aee8o9){position:relative;display:grid;grid-template-rows:minmax(48px,auto) 18px 17px;align-items:center;min-height:96px;padding:10px 9px 8px;border:2px solid var(--border-primary);border-radius:8px;background:color-mix(in srgb,var(--bg-primary) 76%,var(--bg-secondary));box-shadow:inset 0 -2px color-mix(in srgb,var(--text-primary) 8%,transparent);text-transform:none;transition:border-color .12s ease,background-color .12s ease,transform .12s ease}.character-feedback.svelte-1aee8o9 span[data-status=active]:where(.svelte-1aee8o9){border-color:var(--mandarin-blue);background:color-mix(in srgb,var(--mandarin-blue) 12%,var(--bg-primary));transform:translateY(-2px)}.character-feedback.svelte-1aee8o9 span[data-status=matched]:where(.svelte-1aee8o9){border-color:#2f7d52;background:color-mix(in srgb,#2f7d52 13%,var(--bg-primary))}.character-feedback.svelte-1aee8o9 span[data-status=close]:where(.svelte-1aee8o9){border-color:var(--mandarin-gold);background:color-mix(in srgb,var(--mandarin-gold) 14%,var(--bg-primary))}.character-feedback.svelte-1aee8o9 span[data-status=missed]:where(.svelte-1aee8o9){border-color:var(--mandarin-red-dark);background:color-mix(in srgb,var(--mandarin-red) 11%,var(--bg-primary))}.character-feedback.svelte-1aee8o9 span[data-status=unverified]:where(.svelte-1aee8o9){border-color:color-mix(in srgb,var(--ink) 18%,transparent);background:color-mix(in srgb,var(--paper) 88%,var(--ink))}.character-feedback.svelte-1aee8o9 strong:where(.svelte-1aee8o9){color:var(--text-primary);font-size:clamp(34px,5vw,58px);line-height:.96;font-weight:900;text-align:center}.character-feedback.svelte-1aee8o9 em:where(.svelte-1aee8o9),.character-feedback.svelte-1aee8o9 small:where(.svelte-1aee8o9){color:var(--text-secondary);font-style:normal;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-feedback.svelte-1aee8o9 em:where(.svelte-1aee8o9){opacity:.72;font-size:12px;font-weight:760;line-height:1.1}.character-feedback.svelte-1aee8o9 small:where(.svelte-1aee8o9){color:var(--text-tertiary);font-size:11px;font-weight:740;line-height:1.1}.character-feedback.svelte-1aee8o9 b:where(.svelte-1aee8o9){display:inline-block;min-width:12px;color:var(--text-primary);font-weight:900}.tile-blank.svelte-1aee8o9 strong:where(.svelte-1aee8o9){color:var(--text-tertiary)}.tiles-hint.svelte-1aee8o9{color:var(--text-tertiary)}.tone-summary-row.svelte-1aee8o9{display:flex;align-items:center;gap:8px;margin-top:4px}.tone-summary.svelte-1aee8o9{display:grid;grid-template-columns:repeat(auto-fit,minmax(18px,1fr));gap:4px;max-width:340px;flex:1 1 auto}.tone-experimental-badge.svelte-1aee8o9{flex:0 0 auto;padding:1px 7px;border:1px solid var(--border-primary);border-radius:999px;background:var(--bg-tertiary);color:var(--text-tertiary);font-size:.62rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:help;line-height:1.4}.tone-experimental-badge.svelte-1aee8o9:hover,.tone-experimental-badge.svelte-1aee8o9:focus-visible{color:var(--text-secondary);border-color:var(--text-tertiary)}.tone-experimental-hint.svelte-1aee8o9{display:block;margin-top:4px;color:var(--text-tertiary);font-size:.72rem;line-height:1.35}.tone-experimental-detail.svelte-1aee8o9{font-style:italic;color:var(--text-tertiary)}.tone-summary.svelte-1aee8o9 span:where(.svelte-1aee8o9){height:5px;border-radius:5px;background:var(--border-primary)}.tone-summary.svelte-1aee8o9 span[data-status=matched]:where(.svelte-1aee8o9){background:#2f7d52}.tone-summary.svelte-1aee8o9 span[data-status=close]:where(.svelte-1aee8o9){background:var(--mandarin-gold)}.tone-summary.svelte-1aee8o9 span[data-status=missed]:where(.svelte-1aee8o9){background:var(--mandarin-red-dark)}.tone-summary.svelte-1aee8o9 span[data-status=pending]:where(.svelte-1aee8o9){background:color-mix(in srgb,var(--text-tertiary) 30%,transparent)}@media(max-width:560px){.feedback-heading.svelte-1aee8o9{align-items:flex-start;flex-direction:column;gap:3px}}button.svelte-swf12e{border:0;border-radius:6px;cursor:pointer;font:inherit}.lesson-kicker.svelte-swf12e{display:block;margin-bottom:5px;color:var(--mandarin-red);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.contrast-drill.svelte-swf12e{display:grid;gap:8px;max-width:860px;margin-top:12px;padding:13px;border:1px solid color-mix(in srgb,var(--mandarin-blue) 40%,var(--border-primary));border-radius:8px;background:color-mix(in srgb,var(--mandarin-blue) 8%,var(--bg-primary))}.contrast-drill.svelte-swf12e p:where(.svelte-swf12e){margin:0;color:var(--text-secondary);line-height:1.4}.drill-ratings.svelte-swf12e,.drill-secondary.svelte-swf12e{display:flex;flex-wrap:wrap;gap:7px}.contrast-drill.svelte-swf12e button:where(.svelte-swf12e){min-height:36px;padding:0 11px;border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);font-size:12px;font-weight:780}.drill-secondary.svelte-swf12e{margin-top:2px}.drill-secondary.svelte-swf12e button:where(.svelte-swf12e){color:var(--text-secondary)}.contrast-drill.complete.svelte-swf12e{grid-template-columns:1fr auto;align-items:center}button.svelte-1jgs2ky{border:0;border-radius:6px;cursor:pointer;font:inherit}.progress-track.svelte-1jgs2ky{height:9px;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--bg-tertiary) 84%,var(--bg-primary));margin-bottom:24px}.progress-track.svelte-1jgs2ky span:where(.svelte-1jgs2ky){display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mandarin-red),var(--mandarin-gold));transition:width .16s ease}.card-meta.svelte-1jgs2ky{display:flex;justify-content:space-between;gap:14px;margin-bottom:28px;color:var(--text-secondary);font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.card-meta.svelte-1jgs2ky span:where(.svelte-1jgs2ky){min-width:0;overflow-wrap:anywhere}.prompt-block.svelte-1jgs2ky{max-width:860px}.prompt-label.svelte-1jgs2ky{display:block;margin-bottom:8px;color:var(--mandarin-red);font-size:11px;font-weight:860;letter-spacing:.08em;text-transform:uppercase}.prompt.svelte-1jgs2ky{max-width:780px;margin:0;color:var(--text-primary);font-size:clamp(30px,4vw,56px);line-height:1.04;font-weight:860}.answer.svelte-1jgs2ky{margin-top:34px;border-top:1px solid var(--border-primary);padding-top:28px}.lesson-kicker.svelte-1jgs2ky{display:block;margin-bottom:5px;color:var(--mandarin-red);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.pronunciation-next-action.svelte-1jgs2ky{display:grid;gap:8px;max-width:860px;margin-top:12px;padding:13px;border:1px solid color-mix(in srgb,var(--mandarin-blue) 40%,var(--border-primary));border-radius:8px;background:color-mix(in srgb,var(--mandarin-blue) 8%,var(--bg-primary))}.pronunciation-next-action.svelte-1jgs2ky p:where(.svelte-1jgs2ky){margin:0;color:var(--text-secondary);line-height:1.4}.pronunciation-next-action.svelte-1jgs2ky>small:where(.svelte-1jgs2ky){color:var(--text-secondary)}.pronunciation-next-action.svelte-1jgs2ky>div:where(.svelte-1jgs2ky){display:flex;flex-wrap:wrap;gap:7px}.pronunciation-next-action.svelte-1jgs2ky button:where(.svelte-1jgs2ky){min-height:36px;padding:0 11px;border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);font-size:12px;font-weight:780}.answer-topline.svelte-1jgs2ky{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.answer.svelte-1jgs2ky p:where(.svelte-1jgs2ky){margin:0 0 10px;color:var(--text-primary);font-size:clamp(50px,7.8vw,104px);line-height:1;font-weight:880}.speak-button.svelte-1jgs2ky{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--mandarin-red) 42%,var(--border-primary));background:var(--mandarin-red);color:#fff;font-size:15px}.speak-button.svelte-1jgs2ky:disabled{cursor:wait;opacity:.68}.voice-chip.svelte-1jgs2ky{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 9px;border:1px solid var(--border-primary);border-radius:6px;background:color-mix(in srgb,var(--bg-primary) 70%,var(--bg-secondary));color:var(--text-secondary);font-size:12px;font-weight:730}.voice-chip.svelte-1jgs2ky strong:where(.svelte-1jgs2ky){color:var(--text-primary)}.pinyin-line.svelte-1jgs2ky{display:flex;flex-wrap:wrap;gap:2px 9px;color:var(--text-secondary);font-size:clamp(15px,1.5vw,20px);line-height:1.36;font-weight:720;opacity:.76}.pinyin-line.svelte-1jgs2ky span:where(.svelte-1jgs2ky){white-space:pre}.tone-colors[data-tone="1"].svelte-1jgs2ky{color:#1f7a5c}.tone-colors[data-tone="2"].svelte-1jgs2ky{color:var(--mandarin-blue)}.tone-colors[data-tone="3"].svelte-1jgs2ky{color:#8a4db3}.tone-colors[data-tone="4"].svelte-1jgs2ky{color:var(--mandarin-red)}.note.svelte-1jgs2ky{display:block;max-width:720px;margin-top:14px;color:var(--text-secondary);font-size:16px;line-height:1.45}.prompt-actions.svelte-1jgs2ky{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.listen-button.svelte-1jgs2ky,.reveal-button.svelte-1jgs2ky,.rating-row.svelte-1jgs2ky button:where(.svelte-1jgs2ky){min-height:48px;padding:0 20px;border-radius:8px;font-weight:840}.listen-button.svelte-1jgs2ky{min-width:120px;border:1px solid var(--border-primary);background:color-mix(in srgb,var(--bg-primary) 70%,var(--bg-secondary));color:var(--text-primary)}.listen-button.svelte-1jgs2ky:disabled{cursor:not-allowed;opacity:.58}.reveal-button.svelte-1jgs2ky{min-width:146px;background:var(--mandarin-red);color:#fff}.rating-row.svelte-1jgs2ky{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.rating-row.svelte-1jgs2ky button:where(.svelte-1jgs2ky){min-width:124px}.wrong.svelte-1jgs2ky{background:var(--mandarin-red-dark);color:#fff}.hard.svelte-1jgs2ky{background:var(--mandarin-gold);color:var(--bg-primary)}.correct.svelte-1jgs2ky{background:#2f7d52;color:#fff}@media(max-width:560px){.card-meta.svelte-1jgs2ky,.answer-topline.svelte-1jgs2ky,.rating-row.svelte-1jgs2ky,.prompt-actions.svelte-1jgs2ky{align-items:stretch}.card-meta.svelte-1jgs2ky{flex-direction:column;gap:5px}.answer-topline.svelte-1jgs2ky{flex-direction:column}.prompt.svelte-1jgs2ky{font-size:32px}.answer.svelte-1jgs2ky p:where(.svelte-1jgs2ky){font-size:58px;overflow-wrap:anywhere}.speak-button.svelte-1jgs2ky{width:100%}.rating-row.svelte-1jgs2ky button:where(.svelte-1jgs2ky),.prompt-actions.svelte-1jgs2ky button:where(.svelte-1jgs2ky){flex:1 1 100px}}button.svelte-1n83zdn{border:0;border-radius:6px;cursor:pointer;font:inherit}.course-home.svelte-1n83zdn{display:grid;gap:22px;max-width:1280px;margin:0 auto}.hero.svelte-1n83zdn{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:clamp(18px,3vw,28px);border:1px solid color-mix(in srgb,var(--mandarin-red) 34%,var(--border-primary));border-radius:10px;background:linear-gradient(120deg,color-mix(in srgb,var(--mandarin-red) 9%,transparent),color-mix(in srgb,var(--mandarin-gold) 7%,transparent)),var(--mandarin-raised);box-shadow:var(--shadow-sm)}.hero-copy.svelte-1n83zdn{display:grid;gap:8px;min-width:0;flex:1 1 auto}.hero-kicker.svelte-1n83zdn{color:var(--mandarin-red);font-size:11px;font-weight:840;letter-spacing:.08em;text-transform:uppercase}.hero-copy.svelte-1n83zdn>strong:where(.svelte-1n83zdn){color:var(--text-primary);font-size:clamp(20px,2.6vw,28px);line-height:1.15;font-weight:860}.hero-copy.svelte-1n83zdn small:where(.svelte-1n83zdn){color:var(--text-secondary);font-size:12px;font-weight:740}.hero-bar.svelte-1n83zdn,.unit-bar.svelte-1n83zdn{position:relative;display:block;height:8px;max-width:420px;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--bg-tertiary) 84%,var(--bg-primary))}.bar-seen.svelte-1n83zdn,.bar-mastered.svelte-1n83zdn{position:absolute;inset:0 auto 0 0;display:block;border-radius:inherit;transition:width .2s ease}.bar-seen.svelte-1n83zdn{background:color-mix(in srgb,var(--mandarin-gold) 55%,var(--bg-tertiary))}.bar-mastered.svelte-1n83zdn{background:#2f7d52}.continue-button.svelte-1n83zdn{flex:0 0 auto;min-height:58px;padding:0 clamp(24px,4vw,44px);border-radius:10px;background:var(--mandarin-red);color:#fff;font-size:17px;font-weight:860;letter-spacing:.01em;transition:background-color .12s ease,transform .12s ease}.continue-button.svelte-1n83zdn:hover{background:var(--mandarin-red-dark);transform:translateY(-1px)}.quick-modes.svelte-1n83zdn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quick-modes.svelte-1n83zdn button:where(.svelte-1n83zdn){display:grid;gap:2px;min-height:54px;padding:8px 10px;border:1px solid var(--border-primary);border-radius:8px;background:var(--mandarin-raised);color:var(--text-tertiary);font-size:11px;font-weight:780;text-transform:uppercase;letter-spacing:.03em;transition:border-color .12s ease,background-color .12s ease}.quick-modes.svelte-1n83zdn button:where(.svelte-1n83zdn):hover{border-color:color-mix(in srgb,var(--mandarin-red) 42%,var(--border-primary));background:color-mix(in srgb,var(--mandarin-red) 6%,var(--mandarin-raised))}.quick-modes.svelte-1n83zdn strong:where(.svelte-1n83zdn){color:var(--text-primary);font-size:18px;line-height:1.1}.unit-section.svelte-1n83zdn{display:grid;gap:10px}.unit-section.svelte-1n83zdn h2:where(.svelte-1n83zdn){margin:4px 0 0;color:var(--text-primary);font-size:17px;font-weight:840;letter-spacing:.01em}.unit-grid.svelte-1n83zdn{display:grid;grid-template-columns:1fr;gap:10px}.unit-card.svelte-1n83zdn{display:grid;gap:7px;padding:14px;border:1px solid var(--border-primary);border-left:4px solid color-mix(in srgb,var(--mandarin-red) 40%,var(--border-primary));border-radius:8px;background:var(--mandarin-raised);color:var(--text-primary);text-align:left;transition:border-color .12s ease,background-color .12s ease,transform .12s ease}.unit-card.svelte-1n83zdn:hover{border-color:color-mix(in srgb,var(--mandarin-red) 42%,var(--border-primary));background:color-mix(in srgb,var(--mandarin-red) 7%,var(--mandarin-raised));transform:translateY(-1px)}.unit-kicker.svelte-1n83zdn{color:var(--mandarin-red);font-size:10px;font-weight:820;letter-spacing:.07em;text-transform:uppercase}.unit-card.svelte-1n83zdn>strong:where(.svelte-1n83zdn){font-size:16px;line-height:1.25;font-weight:840}.unit-card.svelte-1n83zdn small:where(.svelte-1n83zdn){color:var(--text-secondary);font-size:12px;font-weight:720}@media(min-width:700px){.unit-grid.svelte-1n83zdn{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-grid.compact.svelte-1n83zdn{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1040px){.unit-grid.svelte-1n83zdn{grid-template-columns:repeat(3,minmax(0,1fr))}.unit-grid.compact.svelte-1n83zdn{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.hero.svelte-1n83zdn{flex-direction:column;align-items:stretch}.continue-button.svelte-1n83zdn{width:100%}.quick-modes.svelte-1n83zdn{grid-template-columns:repeat(2,minmax(0,1fr))}}button.svelte-h60t8d{border:0;border-radius:6px;cursor:pointer;font:inherit}.listening-practice.svelte-h60t8d{display:grid;gap:18px}.card-meta.svelte-h60t8d{display:flex;justify-content:space-between;gap:14px;margin-bottom:28px;color:var(--text-secondary);font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.card-meta.svelte-h60t8d span:where(.svelte-h60t8d){min-width:0;overflow-wrap:anywhere}.prompt-label.svelte-h60t8d{display:block;margin-bottom:8px;color:var(--mandarin-red);font-size:11px;font-weight:860;letter-spacing:.08em;text-transform:uppercase}.listening-heading.svelte-h60t8d{display:flex;align-items:center;justify-content:space-between;gap:16px}.listening-heading.svelte-h60t8d h2:where(.svelte-h60t8d){margin:0;font-size:clamp(30px,4vw,52px);line-height:1.05}.listening-practice.svelte-h60t8d>p:where(.svelte-h60t8d){margin:0;color:var(--text-secondary)}.speak-button.svelte-h60t8d{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--mandarin-red) 42%,var(--border-primary));background:var(--mandarin-red);color:#fff;font-size:15px}.listening-choices.svelte-h60t8d{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.listening-choices.svelte-h60t8d button:where(.svelte-h60t8d){display:grid;gap:5px;min-height:142px;padding:16px;border:2px solid var(--border-primary);background:color-mix(in srgb,var(--bg-primary) 76%,var(--bg-secondary));color:var(--text-primary);text-align:left}.listening-choices.svelte-h60t8d button.selected:where(.svelte-h60t8d){border-color:var(--mandarin-blue);background:color-mix(in srgb,var(--mandarin-blue) 12%,var(--bg-primary))}.listening-choices.svelte-h60t8d strong:where(.svelte-h60t8d){font-size:34px}.listening-choices.svelte-h60t8d span:where(.svelte-h60t8d){font-size:18px;font-weight:780}.listening-choices.svelte-h60t8d small:where(.svelte-h60t8d),.keyboard-hint.svelte-h60t8d{color:var(--text-secondary)}.reveal-button.svelte-h60t8d{min-height:48px;padding:0 20px;border-radius:8px;font-weight:840;min-width:146px;background:var(--mandarin-red);color:#fff}.listening-reveal.svelte-h60t8d{justify-self:start}.listening-reveal.svelte-h60t8d:disabled{cursor:not-allowed;opacity:.55}.listening-result.svelte-h60t8d{display:flex;flex-wrap:wrap;gap:8px 16px;padding:13px;border-left:4px solid var(--mandarin-red-dark);background:color-mix(in srgb,var(--mandarin-red) 8%,var(--bg-primary))}.listening-result[data-correct=true].svelte-h60t8d{border-left-color:#2f7d52;background:color-mix(in srgb,#2f7d52 9%,var(--bg-primary))}.confidence-row.svelte-h60t8d{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.confidence-row.svelte-h60t8d span:where(.svelte-h60t8d){margin-right:4px;font-weight:780}.confidence-row.svelte-h60t8d button:where(.svelte-h60t8d){min-height:36px;padding:0 11px;border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);font-size:12px;font-weight:780}kbd.svelte-h60t8d{opacity:.65;font:inherit}.audio-unavailable.svelte-h60t8d{padding:10px;border:1px solid var(--mandarin-gold);border-radius:7px}@media(hover:none)and (pointer:coarse){.keyboard-hint.svelte-h60t8d{display:none}}@media(max-width:560px){.listening-choices.svelte-h60t8d{grid-template-columns:1fr 1fr}.card-meta.svelte-h60t8d{align-items:stretch;flex-direction:column;gap:5px}}button.svelte-13i0nc9{border:0;border-radius:8px;cursor:pointer;font:inherit}.session-summary.svelte-13i0nc9{display:grid;gap:16px;justify-items:start;max-width:620px}.summary-kicker.svelte-13i0nc9{color:var(--mandarin-red);font-size:11px;font-weight:860;letter-spacing:.08em;text-transform:uppercase}h2.svelte-13i0nc9{margin:0;color:var(--text-primary);font-size:clamp(32px,4.5vw,54px);line-height:1.02;font-weight:880}.stat-row.svelte-13i0nc9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:6px}.stat.svelte-13i0nc9{display:grid;gap:3px;padding:14px 12px;border:1px solid var(--border-primary);border-radius:8px;background:color-mix(in srgb,var(--bg-primary) 70%,var(--bg-secondary))}.stat.svelte-13i0nc9 strong:where(.svelte-13i0nc9){color:var(--text-primary);font-size:clamp(24px,3vw,34px);line-height:1.05;font-weight:880}.stat.svelte-13i0nc9 span:where(.svelte-13i0nc9){color:var(--text-secondary);font-size:12px;font-weight:760}.outlook.svelte-13i0nc9{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.45}.summary-actions.svelte-13i0nc9{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.keep-going.svelte-13i0nc9{min-height:52px;padding:0 26px;background:var(--mandarin-red);color:#fff;font-size:16px;font-weight:860}.keep-going.svelte-13i0nc9:hover{background:var(--mandarin-red-dark)}.back-home.svelte-13i0nc9{min-height:52px;padding:0 20px;border:1px solid var(--border-primary);background:color-mix(in srgb,var(--bg-primary) 70%,var(--bg-secondary));color:var(--text-primary);font-weight:800}.keyboard-hint.svelte-13i0nc9{color:var(--text-tertiary);font-size:12px}@media(hover:none)and (pointer:coarse){.keyboard-hint.svelte-13i0nc9{display:none}}@media(max-width:560px){.stat-row.svelte-13i0nc9{grid-template-columns:1fr}.summary-actions.svelte-13i0nc9{width:100%}.keep-going.svelte-13i0nc9,.back-home.svelte-13i0nc9{flex:1 1 140px}}.mandarin-shell.svelte-cr3tmj{--mandarin-red: #b3323a;--mandarin-red-dark: #8d2730;--mandarin-blue: #2c6f9f;--mandarin-gold: #a56f2b;--mandarin-panel: color-mix(in srgb, var(--bg-secondary) 78%, var(--bg-primary));--mandarin-raised: color-mix(in srgb, var(--bg-primary) 72%, var(--bg-secondary));min-height:auto;padding:2px 0 18px;background:transparent;color:var(--text-primary)}button.svelte-cr3tmj{border:0;border-radius:6px;cursor:pointer;font:inherit}.practice-header.svelte-cr3tmj{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1280px;margin:0 auto 12px;padding:6px 0 10px}.corpus-banner.svelte-cr3tmj{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1280px;margin:0 auto}.corpus-banner.active.svelte-cr3tmj{margin-bottom:12px;padding:8px 12px;border:1px solid var(--mandarin-gold);border-left-width:3px;border-radius:8px;background:var(--mandarin-panel);color:var(--text-secondary);font-size:.85rem}.corpus-banner.svelte-cr3tmj button:where(.svelte-cr3tmj){flex:0 0 auto;padding:3px 12px;border:1px solid var(--border-primary);border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.78rem;cursor:pointer}.corpus-banner.svelte-cr3tmj button:where(.svelte-cr3tmj):disabled{opacity:.6;cursor:default}.practice-title.svelte-cr3tmj{min-width:0}.eyebrow.svelte-cr3tmj{display:block;color:var(--mandarin-red);font-size:11px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.practice-title.svelte-cr3tmj h1:where(.svelte-cr3tmj){margin:5px 0 0;color:var(--text-primary);font-size:clamp(28px,3.4vw,48px);line-height:.98;letter-spacing:0}.practice-layout.svelte-cr3tmj{display:grid;grid-template-columns:minmax(286px,352px) minmax(0,1fr);gap:18px;max-width:1280px;margin:0 auto}.practice-card.svelte-cr3tmj{border:1px solid var(--border-primary);border-radius:8px;background:var(--mandarin-raised);box-shadow:var(--shadow-sm);min-height:calc(100vh - 168px);padding:clamp(22px,3.4vw,42px);display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.empty-state.svelte-cr3tmj h2:where(.svelte-cr3tmj){margin:0 0 8px;font-size:28px}.empty-state.svelte-cr3tmj p:where(.svelte-cr3tmj){margin:0;color:var(--text-secondary)}.empty-back.svelte-cr3tmj{justify-self:start;margin-top:14px;min-height:42px;padding:0 18px;border-radius:8px;background:var(--mandarin-red);color:#fff;font-weight:820}.empty-state.svelte-cr3tmj{display:grid;justify-items:start}.practice-footer.svelte-cr3tmj{max-width:1280px;margin:12px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--text-secondary);font-size:14px}.practice-footer.svelte-cr3tmj button:where(.svelte-cr3tmj){min-height:40px;padding:0 14px;border:1px solid var(--border-primary);border-radius:8px;background:color-mix(in srgb,var(--bg-primary) 70%,var(--bg-secondary));color:var(--text-primary);font-weight:800}.practice-footer.svelte-cr3tmj p:where(.svelte-cr3tmj){margin:0}@media(max-width:920px){.practice-layout.svelte-cr3tmj{grid-template-columns:1fr}.practice-card.svelte-cr3tmj{min-height:430px}.practice-footer.svelte-cr3tmj{align-items:flex-start;flex-direction:column;gap:10px}.practice-footer.svelte-cr3tmj p:where(.svelte-cr3tmj){margin-top:0}}@media(max-width:560px){.mandarin-shell.svelte-cr3tmj{padding-top:0}.practice-title.svelte-cr3tmj h1:where(.svelte-cr3tmj){font-size:30px}.practice-card.svelte-cr3tmj{border-radius:8px}}main.svelte-1n46o8q{min-height:100vh;padding:12px 0 24px;background:var(--bg-primary);color:var(--text-primary)}.theme-bar.svelte-1n46o8q{display:flex;justify-content:flex-end;width:min(1280px,calc(100% - 24px));margin:0 auto 4px}.theme-button.svelte-1n46o8q{height:36px;padding:0 14px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.theme-button.svelte-1n46o8q:hover{color:var(--text-primary)}.practice-stage.svelte-1n46o8q{width:min(1280px,calc(100% - 24px));margin-inline:auto}