:root{--bg-canvas: #fafaf9;--bg-app: #fafaf9;--bg-surface: #ffffff;--surface-bg: #ffffff;--bg-subtle: #f5f5f4;--bg-hover: #e7e5e4;--bg-elevated: #ffffff;--bg-card-warm: #fefce8;--bg-overlay: rgba(0, 0, 0, .4);--ink-primary: #1c1917;--ink-secondary: #57534e;--ink-muted: #78716c;--ink-faint: #a8a29e;--ink-inverse: #ffffff;--border-subtle: #f5f5f4;--border: #e7e5e4;--border-strong: #d6d3d1;--border-interactive: #99f6e4;--border-focus: #0f766e;--bw: 1px;--brand: #0f766e;--brand-primary: #0f766e;--brand-hover: #0d6560;--brand-active: #0a5550;--brand-soft: #f0fdfa;--brand-border: #99f6e4;--brand-text: #115e59;--brand-glow: rgba(15, 118, 110, .12);--brand-shadow: rgba(15, 118, 110, .15);--accent: #059669;--accent-primary: #0f766e;--accent-hover: #047857;--accent-active: #065f46;--accent-soft: #ecfdf5;--accent-border: #a7f3d0;--accent-text: #065f46;--accent-shadow: rgba(5, 150, 105, .15);--success: #059669;--success-primary: #059669;--success-hover: #047857;--success-soft: #ecfdf5;--success-border: #a7f3d0;--success-text: #065f46;--success-strong: #064e3b;--success-shadow: rgba(5, 150, 105, .15);--retry: #d97706;--retry-hover: #b45309;--retry-soft: #fffbeb;--retry-border: #fde68a;--retry-text: #92400e;--retry-shadow: rgba(217, 119, 6, .15);--warn: #d97706;--warn-primary: #d97706;--warn-hover: #b45309;--warn-soft: #fffbeb;--warn-border: #fde68a;--warn-text: #92400e;--warn-strong: #78350f;--warn-shadow: rgba(217, 119, 6, .15);--danger: #dc2626;--danger-primary: #dc2626;--danger-hover: #b91c1c;--danger-soft: #fef2f2;--danger-border: #fecaca;--danger-text: #991b1b;--danger-shadow: rgba(220, 38, 38, .15);--info: #0284c7;--info-soft: #f0f9ff;--info-border: #bae6fd;--info-text: #075985;--achievement: #ca8a04;--achievement-soft: #fefce8;--achievement-border: #fde68a;--achievement-text: #854d0e;--sky: #0284c7;--sky-primary: #075985;--sky-soft: #f0f9ff;--sky-border: #bae6fd;--coral: #dc2626;--coral-primary: #991b1b;--coral-soft: #fef2f2;--coral-border: #fecaca;--cyan: #0891b2;--cyan-primary: #155e75;--cyan-soft: #ecfeff;--cyan-border: #a5f3fc;--pink: #be185d;--fill-accent: #0f766e;--fill-accent-deep: #0d6560;--on-accent: #ffffff;--fill-success: #059669;--fill-success-deep: #047857;--on-success: #ffffff;--fill-warn: #d97706;--fill-warn-deep: #b45309;--on-warn: #ffffff;--fill-retry: #d97706;--fill-retry-deep: #b45309;--on-retry: #ffffff;--fill-danger: #dc2626;--fill-danger-deep: #b91c1c;--on-danger: #ffffff;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--card-shadow: var(--shadow-sm);--shadow-card: var(--shadow-sm);--btn-shadow: 0 1px 2px rgba(0, 0, 0, .06);--btn-lift: -1px;--shadow-tactile: var(--shadow-sm);--shadow-tactile-sm: var(--shadow-xs);--shadow-tactile-md: var(--shadow-sm);--shadow-tactile-primary: 0 1px 3px rgba(15, 118, 110, .25);--shadow-tactile-accent: 0 1px 3px rgba(5, 150, 105, .2);--shadow-tactile-success: 0 1px 3px rgba(5, 150, 105, .2);--shadow-tactile-warn: 0 1px 3px rgba(217, 119, 6, .2);--shadow-tactile-retry: 0 1px 3px rgba(217, 119, 6, .2);--shadow-tactile-danger: 0 1px 3px rgba(220, 38, 38, .2);--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 16px;--r-2xl: 20px;--r-full: 9999px;--r-pill: 9999px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--sp-0\.5: 2px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--content-max: 1040px;--bottomnav-h: 64px;--header-h: 56px;--topbar-h: 56px;--pad: 20px;--gap: 16px;--font-sans: "Inter", "Space Grotesk", system-ui, -apple-system, sans-serif;--font-main: var(--font-sans);--font-body: var(--font-sans);--font-head: var(--font-sans);--font-heading: var(--font-sans);--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-math: "STIX Two Math", "KaTeX_Main", "IBM Plex Mono", serif;--head-weight: 700;--head-tracking: -.02em;--head-transform: none;--body-size: 15px;--head-scale: 1.25;--ink: var(--ink-primary);--ink-2: var(--ink-secondary);--ink-3: var(--ink-muted);--surface: var(--bg-surface);--surface-1: var(--bg-surface);--surface-2: var(--bg-subtle);--surface-3: var(--bg-hover);--primary: var(--brand);--primary-ink: var(--on-accent);--primary-soft: var(--brand-soft);--primary-strong: var(--brand-hover);--t-fast: .12s;--t-base: .18s;--t-med: .18s;--t-slow: .3s;--duration-fast: .12s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.22, 1, .36, 1);--tile-unit-bg: #f5f5f4;--tile-unit-border: #d6d3d1;--tile-unit-ink: #1c1917;--tile-unitneg-bg: #fef2f2;--tile-unitneg-border: #fecaca;--tile-unitneg-ink: #991b1b;--tile-x-bg: #f0fdfa;--tile-x-border: #99f6e4;--tile-x-ink: #115e59;--tile-xneg-bg: #fffbeb;--tile-xneg-border: #fde68a;--tile-xneg-ink: #92400e;--tile-x2-bg: #ecfdf5;--tile-x2-border: #a7f3d0;--tile-x2-ink: #065f46;--tile-one-bg: #f5f5f4;--tile-one-border: #d6d3d1;--tile-one-ink: #1c1917;--tile-oneneg-bg: #fef2f2;--tile-oneneg-border: #fecaca;--tile-oneneg-ink: #991b1b;--scale-pan-bg: #f5f5f4;--scale-pan-border: #d6d3d1;--scale-beam: #a8a29e;--graph-grid: rgba(28, 25, 23, .06);--graph-axis: #78716c}[data-theme=dark]{--bg-canvas: #18181b;--bg-app: #18181b;--bg-surface: #27272a;--surface-bg: #27272a;--bg-subtle: #3f3f46;--bg-hover: #52525b;--bg-elevated: #3f3f46;--bg-card-warm: #352f22;--bg-overlay: rgba(0, 0, 0, .6);--ink-primary: #fafafa;--ink-secondary: #a1a1aa;--ink-muted: #71717a;--ink-faint: #52525b;--ink-inverse: #18181b;--border-subtle: #3f3f46;--border: #3f3f46;--border-strong: #52525b;--border-interactive: #2dd4bf;--border-focus: #5eead4;--brand: #5eead4;--brand-primary: #5eead4;--brand-hover: #99f6e4;--brand-active: #2dd4bf;--brand-soft: #042f2e;--brand-border: #134e4a;--brand-text: #99f6e4;--brand-glow: rgba(94, 234, 212, .15);--brand-shadow: rgba(94, 234, 212, .2);--accent: #34d399;--accent-primary: #5eead4;--accent-hover: #6ee7b7;--accent-active: #10b981;--accent-soft: #022c22;--accent-border: #064e3b;--accent-text: #6ee7b7;--accent-shadow: rgba(52, 211, 153, .2);--success: #34d399;--success-primary: #34d399;--success-hover: #6ee7b7;--success-soft: #022c22;--success-border: #064e3b;--success-text: #6ee7b7;--success-strong: #a7f3d0;--success-shadow: rgba(52, 211, 153, .2);--retry: #fbbf24;--retry-hover: #fcd34d;--retry-soft: #422006;--retry-border: #713f12;--retry-text: #fde68a;--retry-shadow: rgba(251, 191, 36, .2);--warn: #fbbf24;--warn-primary: #fbbf24;--warn-hover: #fcd34d;--warn-soft: #422006;--warn-border: #713f12;--warn-text: #fde68a;--warn-strong: #fef3c7;--warn-shadow: rgba(251, 191, 36, .2);--danger: #f87171;--danger-primary: #f87171;--danger-hover: #fca5a5;--danger-soft: #450a0a;--danger-border: #7f1d1d;--danger-text: #fecaca;--danger-shadow: rgba(248, 113, 113, .2);--info: #38bdf8;--info-soft: #082f49;--info-border: #0c4a6e;--info-text: #7dd3fc;--achievement: #facc15;--achievement-soft: #422006;--achievement-border: #713f12;--achievement-text: #fef08a;--sky: #38bdf8;--sky-primary: #7dd3fc;--sky-soft: #082f49;--sky-border: #0c4a6e;--coral: #f87171;--coral-primary: #fecaca;--coral-soft: #450a0a;--coral-border: #7f1d1d;--cyan: #22d3ee;--cyan-primary: #67e8f9;--cyan-soft: #083344;--cyan-border: #155e75;--pink: #f472b6;--fill-accent: #14b8a6;--fill-accent-deep: #0d9488;--on-accent: #042f2e;--fill-success: #10b981;--fill-success-deep: #059669;--on-success: #022c22;--fill-warn: #f59e0b;--fill-warn-deep: #d97706;--on-warn: #422006;--fill-retry: #f59e0b;--fill-retry-deep: #d97706;--on-retry: #422006;--fill-danger: #ef4444;--fill-danger-deep: #dc2626;--on-danger: #450a0a;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .45), 0 4px 6px -4px rgba(0, 0, 0, .3);--card-shadow: var(--shadow-sm);--shadow-card: var(--shadow-sm);--btn-shadow: 0 1px 2px rgba(0, 0, 0, .3);--shadow-tactile: var(--shadow-sm);--shadow-tactile-sm: var(--shadow-xs);--shadow-tactile-md: var(--shadow-sm);--shadow-tactile-primary: 0 1px 3px rgba(94, 234, 212, .2);--shadow-tactile-accent: 0 1px 3px rgba(52, 211, 153, .2);--shadow-tactile-success: 0 1px 3px rgba(52, 211, 153, .2);--shadow-tactile-warn: 0 1px 3px rgba(251, 191, 36, .2);--shadow-tactile-retry: 0 1px 3px rgba(251, 191, 36, .2);--shadow-tactile-danger: 0 1px 3px rgba(248, 113, 113, .2);--tile-unit-bg: #3f3f46;--tile-unit-border: #52525b;--tile-unit-ink: #fafafa;--tile-unitneg-bg: #450a0a;--tile-unitneg-border: #7f1d1d;--tile-unitneg-ink: #fecaca;--tile-x-bg: #042f2e;--tile-x-border: #134e4a;--tile-x-ink: #99f6e4;--tile-xneg-bg: #422006;--tile-xneg-border: #713f12;--tile-xneg-ink: #fde68a;--tile-x2-bg: #022c22;--tile-x2-border: #064e3b;--tile-x2-ink: #6ee7b7;--tile-one-bg: #3f3f46;--tile-one-border: #52525b;--tile-one-ink: #fafafa;--tile-oneneg-bg: #450a0a;--tile-oneneg-border: #7f1d1d;--tile-oneneg-ink: #fecaca;--scale-pan-bg: #3f3f46;--scale-pan-border: #52525b;--scale-beam: #71717a;--graph-grid: rgba(250, 250, 250, .06);--graph-axis: #71717a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;min-width:0}html{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--ink-primary);background-color:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;max-width:100vw}body{min-height:100vh;background-color:var(--bg-canvas);color:var(--ink-primary);display:flex;flex-direction:column;overflow-x:hidden;width:100%;max-width:100vw;word-break:break-word;overflow-wrap:break-word}#root{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}a{color:var(--brand);text-decoration:none;transition:color var(--t-fast) ease;overflow-wrap:break-word;word-break:break-word}a:hover{color:var(--brand-hover)}button,input,select,textarea{font:inherit;color:inherit;max-width:100%}button{cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent;user-select:none}img,svg{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:700;color:var(--ink-primary);letter-spacing:-.02em;word-break:break-word;overflow-wrap:break-word;max-width:100%}p,span,label,li,td,th,blockquote,div{overflow-wrap:break-word}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.page,.page--narrow,.page--wide{width:100%;margin:0 auto;padding:var(--sp-6) var(--sp-4);animation:fadeUp .35s var(--ease-out)}.page{max-width:var(--content-max)}.page--narrow{max-width:640px}.page--wide{max-width:1120px}.page--has-bottomnav{padding-bottom:calc(var(--bottomnav-h) + var(--sp-8))}@media (min-width: 820px){.page--has-bottomnav{padding-bottom:var(--sp-8)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;min-height:40px;border-radius:var(--r-md);font-weight:600;font-size:14px;line-height:1.2;transition:all var(--t-fast) ease;user-select:none;max-width:100%;text-align:center;position:relative;text-decoration:none;border:1px solid transparent}.btn:disabled{opacity:.45;pointer-events:none}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{color:var(--on-accent)!important;background:var(--brand);border-color:var(--brand);box-shadow:var(--shadow-tactile-primary)}.btn--primary:hover:not(:disabled){background:var(--brand-hover);box-shadow:0 2px 8px var(--brand-shadow)}.btn--success{color:var(--on-success)!important;background:var(--success);border-color:var(--success);box-shadow:var(--shadow-tactile-success)}.btn--success:hover:not(:disabled){background:var(--success-hover);box-shadow:0 2px 8px var(--success-shadow)}.btn--secondary{color:var(--ink-primary)!important;background:var(--bg-surface);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--brand-border);box-shadow:var(--shadow-sm)}.btn--warn,.btn--retry{color:var(--on-warn)!important;background:var(--warn);border-color:var(--warn);box-shadow:var(--shadow-tactile-warn)}.btn--warn:hover:not(:disabled),.btn--retry:hover:not(:disabled){background:var(--warn-hover)}.btn--danger{color:var(--on-danger)!important;background:var(--danger);border-color:var(--danger);box-shadow:var(--shadow-tactile-danger)}.btn--danger:hover:not(:disabled){background:var(--danger-hover)}.btn--white,.btn--hero-primary{color:var(--on-accent)!important;background:var(--brand);border-color:var(--brand);box-shadow:var(--shadow-tactile-primary);font-weight:700}.btn--white:hover:not(:disabled),.btn--hero-primary:hover:not(:disabled){background:var(--brand-hover);box-shadow:0 2px 8px var(--brand-shadow)}.btn--glass,.btn--hero-secondary{color:var(--ink-primary)!important;background:var(--bg-surface);border-color:var(--border-strong);box-shadow:var(--shadow-xs);font-weight:600}.btn--glass:hover:not(:disabled),.btn--hero-secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--brand-border);color:var(--brand)!important}.btn--ghost{color:var(--ink-muted);background:transparent;border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--ink-primary)}.btn--lg{padding:12px 24px;font-size:15px;min-height:44px;border-radius:var(--r-lg)}.btn--sm{padding:6px 12px;font-size:13px;min-height:34px;border-radius:var(--r-sm)}.btn--pill{border-radius:var(--r-pill)}.btn--block{width:100%}.btn-bouncy{composes:btn}.btn-primary{composes:btn--primary}.btn-success{composes:btn--success}.btn-secondary{composes:btn--secondary}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm);transition:all var(--t-fast) ease;position:relative}.card--hover{cursor:pointer}.card--hover:hover{border-color:var(--brand-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--accent{border-left:3px solid var(--brand)}.card--brand{background:var(--brand-soft);border-color:var(--brand-border)}.card--success{background:var(--success-soft);border-color:var(--success-border)}.card--warm{background:var(--bg-card-warm);border-color:var(--warn-border)}.card--danger{background:var(--danger-soft);border-color:var(--danger-border)}.card--flush{padding:0;overflow:hidden}.label{display:block;font-size:13px;font-weight:600;color:var(--ink-secondary);margin-bottom:6px}.input{width:100%;min-height:40px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--bg-surface);padding:10px 14px;font-size:15px;color:var(--ink-primary);transition:all var(--t-fast) ease}.input::placeholder{color:var(--ink-faint)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow);outline:none}.input:disabled{background:var(--bg-subtle);opacity:.6;cursor:not-allowed}.input--sm{min-height:34px;padding:6px 12px;font-size:13px}.input--lg{min-height:48px;padding:12px 16px;font-size:17px;font-weight:600}.input--pin{font-family:var(--font-mono);letter-spacing:.15em;font-size:18px;font-weight:700;text-transform:uppercase;text-align:center}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2378716c' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}textarea.input{resize:vertical;min-height:80px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-size:12px;font-weight:600;line-height:1.4;white-space:normal;word-break:break-word;max-width:100%}.badge--brand{background:var(--brand-soft);color:var(--brand-text)}.badge--success{background:var(--success-soft);color:var(--success-text)}.badge--warn,.badge--retry{background:var(--warn-soft);color:var(--warn-text)}.badge--achievement{background:var(--achievement-soft);color:var(--achievement-text)}.badge--danger{background:var(--danger-soft);color:var(--danger-text)}.badge--info{background:var(--info-soft);color:var(--info-text)}.badge--muted{background:var(--bg-subtle);color:var(--ink-muted)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);height:var(--topbar-h);padding:0 var(--sp-4);background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}@media (min-width: 768px){.topbar{padding:0 var(--sp-6)}}.topbar__brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;font-size:15px;color:var(--ink-primary);white-space:nowrap;text-decoration:none}.topbar__logo{width:32px;height:32px;border-radius:var(--r-sm);background:var(--brand);color:var(--on-accent);display:grid;place-items:center;font-size:14px;flex-shrink:0}.topbar__nav{display:none;align-items:center;gap:2px}@media (min-width: 820px){.topbar__nav{display:flex}}.topbar__link{padding:6px 12px;border-radius:var(--r-sm);font-size:13px;font-weight:500;color:var(--ink-muted);transition:all var(--t-fast) ease}.topbar__link:hover{background:var(--bg-subtle);color:var(--ink-primary)}.topbar__link--active{background:var(--brand-soft);color:var(--brand);font-weight:600}.topbar__actions{display:flex;align-items:center;gap:var(--sp-2)}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--bottomnav-h);background:var(--bg-surface);border-top:1px solid var(--border);padding:4px var(--sp-3);z-index:50}@media (min-width: 820px){.bottomnav{display:none}}.bottomnav__inner{display:flex;justify-content:space-around;align-items:center;width:100%;max-width:480px;margin:0 auto}.bottomnav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 10px;min-width:48px;min-height:48px;border-radius:var(--r-sm);color:var(--ink-muted);font-size:10px;font-weight:600;transition:all var(--t-fast) ease;text-decoration:none}.bottomnav__link:hover,.bottomnav__link:active{color:var(--brand)}.bottomnav__link--active{color:var(--brand)!important;background:var(--brand-soft)}.bottomnav__link .icon{font-size:18px;line-height:1}.hero{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-8) var(--sp-6);color:var(--ink-primary);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;margin-bottom:var(--sp-6)}@media (min-width: 768px){.hero{padding:var(--sp-10) var(--sp-8)}}.hero__kicker{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:var(--brand-soft);color:var(--brand-text);padding:4px 12px;border-radius:var(--r-full);margin-bottom:var(--sp-3)}.hero__title{font-size:28px;font-weight:700;line-height:1.25;margin-bottom:var(--sp-3);color:var(--ink-primary);letter-spacing:-.025em}@media (min-width: 768px){.hero__title{font-size:36px}}.hero__sub{font-size:15px;color:var(--ink-secondary);line-height:1.65;max-width:580px}.grid{display:grid;gap:var(--sp-4)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}@media (min-width: 640px){.grid--2,.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}}.choice-list{display:flex;flex-direction:column;gap:var(--sp-2);width:100%}.choice-btn{display:flex;align-items:flex-start;gap:var(--sp-3);padding:10px 14px;min-height:48px;border-radius:var(--r-md);background:var(--bg-surface);border:1px solid var(--border);color:var(--ink-primary);font-weight:500;font-size:14.5px;text-align:left;transition:all var(--t-fast) ease;box-shadow:var(--shadow-xs);width:100%;word-break:break-word;overflow-wrap:break-word}.choice-btn:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--brand-border);box-shadow:var(--shadow-sm)}.choice-btn:active:not(:disabled){transform:scale(.99)}.choice-btn__key{width:26px;height:26px;border-radius:var(--r-sm);background:var(--bg-subtle);border:1px solid var(--border);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--ink-secondary);flex-shrink:0;margin-top:2px}.choice-btn--selected{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text)}.choice-btn--selected .choice-btn__key{background:var(--brand);color:var(--on-accent);border-color:var(--brand)}.choice-btn--correct{border-color:var(--success)!important;background:var(--success-soft)!important;color:var(--success-text)!important}.choice-btn--correct .choice-btn__key{background:var(--success)!important;color:var(--on-success)!important;border-color:var(--success)!important}.choice-btn--wrong,.choice-btn--retry{border-color:var(--retry)!important;background:var(--retry-soft)!important;color:var(--retry-text)!important}.choice-btn--wrong .choice-btn__key,.choice-btn--retry .choice-btn__key{background:var(--retry)!important;color:var(--on-retry)!important;border-color:var(--retry)!important}.stat{text-align:center}.stat__value{font-size:28px;font-weight:700;line-height:1.1}.stat__label{font-size:12px;color:var(--ink-muted);font-weight:500;margin-top:4px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{padding:10px 12px;text-align:left;font-weight:600;color:var(--ink-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:10px 12px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table tr:last-child td{border-bottom:none}.empty{text-align:center;padding:var(--sp-10) var(--sp-4);color:var(--ink-muted)}.empty__icon{font-size:40px;margin-bottom:var(--sp-3);line-height:1}.empty__text{font-size:15px;font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.anim-pop{animation:popIn .2s var(--ease-out)}.anim-fade{animation:fadeUp .3s var(--ease-out)}.anim-glow{box-shadow:0 0 0 3px var(--brand-glow)}.feedback-retry{animation:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.math{display:inline;max-width:100%}.math--block{display:block;text-align:center;margin:var(--sp-2) 0;overflow-x:auto;overflow-y:hidden;max-width:100%;-webkit-overflow-scrolling:touch}.math--inline{display:inline-block;vertical-align:middle;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.math--fallback{font-family:var(--font-math, monospace);font-style:italic;word-break:break-word;overflow-wrap:break-word}.katex,.katex *{box-sizing:content-box!important}.katex .vlist-t{border-collapse:separate!important}.katex{color:inherit;font-size:1.05em;max-width:100%}.katex-display{overflow-x:auto!important;overflow-y:hidden!important;padding:6px 0;margin:8px 0;max-width:100%!important;-webkit-overflow-scrolling:touch}.katex-html{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.richtext-content{line-height:1.8;word-break:break-word;overflow-wrap:break-word;max-width:100%}.richtext-content *{max-width:100%}.richtext-content h3{font-size:17px;font-weight:800;margin:16px 0 8px;color:var(--ink-primary);line-height:1.35}.richtext-content h4{font-size:15.5px;font-weight:700;margin:14px 0 6px;color:var(--ink-primary);line-height:1.35}.richtext-content h5{font-size:14px;font-weight:700;margin:12px 0 4px;color:var(--ink-primary);line-height:1.35}.richtext-content p{margin:8px 0}.richtext-content ul,.richtext-content ol{margin:8px 0 8px 18px;padding:0}.richtext-content li{margin:4px 0;word-break:break-word}.richtext-content blockquote{margin:12px 0;padding:10px 14px;background:var(--bg-subtle);border-left:3.5px solid var(--brand);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--ink-secondary);font-style:italic;word-break:break-word}.richtext-content code{font-family:var(--font-mono, monospace);font-size:.88em;padding:2px 5px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--brand-hover);word-break:break-word;white-space:pre-wrap}.richtext-table{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0;border-radius:var(--r-md);border:1px solid var(--border);display:block}.richtext-table table{width:100%;min-width:280px;border-collapse:collapse;font-size:13px}.richtext-table th{background:var(--bg-subtle);padding:8px 10px;font-weight:700;border-bottom:1.5px solid var(--border);text-align:left;white-space:nowrap}.richtext-table td{padding:8px 10px;border-bottom:1px solid var(--border-subtle)}.richtext-table tr:last-child td{border-bottom:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-lg{font-size:18px}.text-muted{color:var(--ink-muted)}.text-faint{color:var(--ink-faint)}.text-brand{color:var(--brand)}.text-primary{color:var(--ink-primary)}.text-secondary{color:var(--ink-secondary)}.text-success{color:var(--success-text)}.text-warn{color:var(--warn-text)}.text-retry{color:var(--retry-text)}.text-danger{color:var(--danger-text)}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700,.fw-800,.fw-900{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.mt-0\.5{margin-top:2px}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mt-10{margin-top:var(--sp-10)}.mb-0\.5{margin-bottom:2px}.mb-1{margin-bottom:var(--sp-1)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.mb-6{margin-bottom:var(--sp-6)}.mb-8{margin-bottom:var(--sp-8)}.pt-3{padding-top:var(--sp-3)}.pt-4{padding-top:var(--sp-4)}.pt-6{padding-top:var(--sp-6)}.pb-4{padding-bottom:var(--sp-4)}.pb-6{padding-bottom:var(--sp-6)}.w-full{width:100%}.hidden-mobile{display:none}@media (min-width: 768px){.hidden-mobile{display:initial}}@media (max-width: 640px){.page,.page--narrow,.page--wide{padding-left:12px;padding-right:12px;max-width:100vw}.card{padding:12px 10px;max-width:100%}.topbar{padding:0 10px}.topbar__brand span.fw-900{font-size:13px!important;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat__value{font-size:22px!important}.stat__label{font-size:11px!important}}@media (max-width: 480px){.page{padding:var(--sp-4) 8px}h1{font-size:18.5px!important;line-height:1.3!important}h2{font-size:15.5px!important;line-height:1.3!important}h3{font-size:14px!important}.card{padding:10px 8px}.topbar__brand span.fw-900{max-width:130px}}