:root{--bg-canvas: #fafafa;--bg-app: #fafafa;--bg-surface: #ffffff;--surface-bg: #ffffff;--bg-subtle: #f4f4f5;--bg-hover: #e4e4e7;--bg-elevated: #ffffff;--bg-card-warm: #fffbeb;--bg-overlay: rgba(24, 24, 27, .45);--bg-glass: rgba(255, 255, 255, .72);--ink-primary: #18181b;--ink-secondary: #52525b;--ink-muted: #71717a;--ink-faint: #a1a1aa;--ink-inverse: #ffffff;--border-subtle: #f4f4f5;--border: #e4e4e7;--border-strong: #d4d4d8;--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);--brand-ink-deep: #134e4a;--accent: #0f766e;--accent-primary: #0f766e;--accent-hover: #0d6560;--accent-active: #0a5550;--accent-soft: #f0fdfa;--accent-border: #99f6e4;--accent-text: #115e59;--accent-shadow: rgba(15, 118, 110, .15);--success: #16a34a;--success-primary: #16a34a;--success-hover: #15803d;--success-soft: #f0fdf4;--success-border: #bbf7d0;--success-text: #166534;--success-strong: #14532d;--success-shadow: rgba(22, 163, 74, .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: #f59e0b;--achievement-soft: #fef3c7;--achievement-border: #fcd34d;--achievement-text: #92400e;--explore: #7c3aed;--explore-hover: #6d28d9;--explore-soft: #f5f3ff;--explore-border: #ddd6fe;--explore-text: #5b21b6;--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: #16a34a;--fill-success-deep: #15803d;--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;--fill-achievement: #f59e0b;--on-achievement: #451a03;--shadow-xs: 0 1px 2px rgba(24, 24, 27, .05);--shadow-sm: 0 1px 2px rgba(24, 24, 27, .06), 0 1px 3px rgba(24, 24, 27, .05);--shadow-md: 0 2px 4px -1px rgba(24, 24, 27, .06), 0 4px 10px -2px rgba(24, 24, 27, .07);--shadow-lg: 0 4px 8px -2px rgba(24, 24, 27, .07), 0 12px 24px -4px rgba(24, 24, 27, .09);--shadow-xl: 0 8px 16px -4px rgba(24, 24, 27, .08), 0 24px 48px -8px rgba(24, 24, 27, .12);--card-shadow: var(--shadow-sm);--shadow-card: var(--shadow-sm);--btn-shadow: 0 1px 2px rgba(24, 24, 27, .07);--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 2px rgba(15, 118, 110, .22);--shadow-tactile-accent: 0 1px 2px rgba(15, 118, 110, .22);--shadow-tactile-success: 0 1px 2px rgba(22, 163, 74, .22);--shadow-tactile-warn: 0 1px 2px rgba(217, 119, 6, .22);--shadow-tactile-retry: 0 1px 2px rgba(217, 119, 6, .22);--shadow-tactile-danger: 0 1px 2px rgba(220, 38, 38, .22);--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-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--content-max: 1040px;--content-wide: 1120px;--bottomnav-h: 64px;--header-h: 56px;--topbar-h: 56px;--pad: 20px;--gap: 16px;--font-sans: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", 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, "SF Mono", monospace;--font-math: "STIX Two Math", "KaTeX_Main", "IBM Plex Mono", serif;--fs-2xs: 10.5px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 21px;--fs-2xl: 26px;--fs-3xl: 32px;--fs-4xl: 42px;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.55;--lh-relaxed: 1.7;--head-weight: 700;--head-tracking: -.022em;--head-transform: none;--body-size: var(--fs-base);--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);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .3s;--t-fast: var(--dur-fast);--t-base: var(--dur-base);--t-med: var(--dur-base);--t-slow: var(--dur-slow);--duration-fast: var(--dur-fast);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.22, 1, .36, 1);--grad-hero: linear-gradient(160deg, #f0fdfa 0%, #fafafa 46%, #f5f3ff 100%);--grad-brand: linear-gradient(135deg, var(--brand) 0%, #0d9488 100%);--grad-surface: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);--grad-achievement: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--grad-explore: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--grad-text-brand: linear-gradient(120deg, #0f766e 0%, #0891b2 100%);--tile-unit-bg: #f4f4f5;--tile-unit-border: #d4d4d8;--tile-unit-ink: #18181b;--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: #f0fdf4;--tile-x2-border: #bbf7d0;--tile-x2-ink: #166534;--tile-one-bg: #f4f4f5;--tile-one-border: #d4d4d8;--tile-one-ink: #18181b;--tile-oneneg-bg: #fef2f2;--tile-oneneg-border: #fecaca;--tile-oneneg-ink: #991b1b;--scale-pan-bg: #f4f4f5;--scale-pan-border: #d4d4d8;--scale-beam: #a1a1aa;--graph-grid: rgba(24, 24, 27, .06);--graph-axis: #71717a}[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: #3a2f14;--bg-overlay: rgba(0, 0, 0, .65);--bg-glass: rgba(39, 39, 42, .72);--ink-primary: #fafafa;--ink-secondary: #a1a1aa;--ink-muted: #8b8b94;--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);--brand-ink-deep: #ccfbf1;--accent: #5eead4;--accent-primary: #5eead4;--accent-hover: #99f6e4;--accent-active: #2dd4bf;--accent-soft: #042f2e;--accent-border: #134e4a;--accent-text: #99f6e4;--accent-shadow: rgba(94, 234, 212, .2);--success: #4ade80;--success-primary: #4ade80;--success-hover: #86efac;--success-soft: #052e16;--success-border: #14532d;--success-text: #86efac;--success-strong: #bbf7d0;--success-shadow: rgba(74, 222, 128, .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: #fbbf24;--achievement-soft: #422006;--achievement-border: #713f12;--achievement-text: #fde68a;--explore: #a78bfa;--explore-hover: #c4b5fd;--explore-soft: #2e1065;--explore-border: #4c1d95;--explore-text: #c4b5fd;--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: #22c55e;--fill-success-deep: #16a34a;--on-success: #052e16;--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;--fill-achievement: #fbbf24;--on-achievement: #451a03;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 2px 4px -1px rgba(0, 0, 0, .35), 0 4px 10px -2px rgba(0, 0, 0, .35);--shadow-lg: 0 4px 8px -2px rgba(0, 0, 0, .4), 0 12px 24px -4px rgba(0, 0, 0, .45);--shadow-xl: 0 8px 16px -4px rgba(0, 0, 0, .45), 0 24px 48px -8px rgba(0, 0, 0, .55);--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 2px rgba(94, 234, 212, .18);--shadow-tactile-accent: 0 1px 2px rgba(94, 234, 212, .18);--shadow-tactile-success: 0 1px 2px rgba(74, 222, 128, .18);--shadow-tactile-warn: 0 1px 2px rgba(251, 191, 36, .18);--shadow-tactile-retry: 0 1px 2px rgba(251, 191, 36, .18);--shadow-tactile-danger: 0 1px 2px rgba(248, 113, 113, .18);--grad-hero: linear-gradient(160deg, #042f2e 0%, #18181b 48%, #2e1065 100%);--grad-brand: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--grad-surface: linear-gradient(180deg, #27272a 0%, #18181b 100%);--grad-achievement: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--grad-explore: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);--grad-text-brand: linear-gradient(120deg, #5eead4 0%, #38bdf8 100%);--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: #052e16;--tile-x2-border: #14532d;--tile-x2-ink: #86efac;--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%}@media (max-width: 900px),(pointer: coarse){.btn,.btn--sm,.btn--lg{min-height:44px}.btn:empty,.btn--icon,.btn:has(>.icon:only-child){min-width:44px;padding-left:0;padding-right:0;justify-content:center}.btn--sm{padding-top:10px;padding-bottom:10px}}.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(--grad-brand);color:#fff;display:grid;place-items:center;font-size:14px;flex-shrink:0;box-shadow:var(--shadow-tactile-primary)}.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:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;background:var(--brand-soft);color:var(--brand-text);border:1px solid var(--brand-border);padding:4px 12px;border-radius:var(--r-full);margin-bottom:var(--sp-3)}.hero__title{font-size:var(--fs-2xl);font-weight:800;line-height:var(--lh-snug);margin-bottom:var(--sp-3);color:var(--ink-primary);letter-spacing:-.03em}@media (min-width: 768px){.hero__title{font-size:var(--fs-3xl)}}.hero__sub{font-size:var(--fs-base);color:var(--ink-secondary);line-height:var(--lh-relaxed);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}}.icon{flex-shrink:0;display:block}.icon--sm{width:16px;height:16px}.icon--md{width:20px;height:20px}.icon--lg{width:24px;height:24px}.icon--xl{width:28px;height:28px}.icon-tile{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);flex-shrink:0;background:var(--bg-subtle);color:var(--ink-secondary);border:1px solid var(--border)}.icon-tile--brand{background:var(--brand-soft);color:var(--brand);border-color:var(--brand-border)}.icon-tile--success{background:var(--success-soft);color:var(--success-text);border-color:var(--success-border)}.icon-tile--explore{background:var(--explore-soft);color:var(--explore-text);border-color:var(--explore-border)}.icon-tile--achievement{background:var(--achievement-soft);color:var(--achievement-text);border-color:var(--achievement-border)}.icon-tile--info{background:var(--info-soft);color:var(--info-text);border-color:var(--info-border)}.icon-tile--lg{width:52px;height:52px;border-radius:var(--r-lg)}.logo-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);background:var(--grad-brand);color:#fff;flex-shrink:0;box-shadow:var(--shadow-tactile-primary)}.logo-mark--lg{width:40px;height:40px;border-radius:var(--r-md)}.section{margin-top:var(--sp-16)}.section--tight{margin-top:var(--sp-10)}.section__head{text-align:center;max-width:620px;margin:0 auto var(--sp-8)}.section__head--left{text-align:left;margin-left:0}.section__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--brand);margin-bottom:var(--sp-2)}.section__title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.025em;line-height:var(--lh-snug);color:var(--ink-primary)}.section__sub{font-size:var(--fs-base);color:var(--ink-muted);line-height:var(--lh-normal);margin-top:var(--sp-2)}.feature{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);height:100%}.feature:hover{border-color:var(--brand-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature__title{font-size:var(--fs-md);font-weight:700;letter-spacing:-.015em;color:var(--ink-primary)}.feature__text{font-size:var(--fs-sm);color:var(--ink-muted);line-height:var(--lh-normal)}.checklist{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}.checklist__item{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-secondary);line-height:var(--lh-normal)}.checklist__item .icon{color:var(--success);margin-top:2px}.callout{padding:var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-subtle);font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--ink-secondary)}.callout--brand{background:var(--brand-soft);border-color:var(--brand-border);color:var(--brand-text)}.callout--success{background:var(--success-soft);border-color:var(--success-border);color:var(--success-text)}.callout--explore{background:var(--explore-soft);border-color:var(--explore-border);color:var(--explore-text)}.callout--warn{background:var(--retry-soft);border-color:var(--retry-border);color:var(--retry-text)}.callout__title{display:flex;align-items:center;gap:6px;font-weight:700;margin-bottom:4px}.stat-card{padding:var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);text-align:center}.stat-card__value{font-size:var(--fs-2xl);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--brand);font-variant-numeric:tabular-nums}.stat-card__label{font-size:var(--fs-xs);font-weight:600;color:var(--ink-muted);margin-top:4px}.badge--explore{background:var(--explore-soft);color:var(--explore-text)}.badge--outline{background:transparent;border:1px solid var(--border-strong);color:var(--ink-secondary)}.divider{height:1px;background:var(--border);border:0;margin:var(--sp-6) 0}.topbar--glass{background:var(--bg-glass);backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6)}.hero--landing{background:var(--grad-hero);border:1px solid var(--border);border-radius:var(--r-2xl);padding:var(--sp-12) var(--sp-5);text-align:center;overflow:hidden}@media (min-width: 768px){.hero--landing{padding:var(--sp-20) var(--sp-8)}}.hero--landing .hero__title{font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.035em;line-height:1.15;max-width:16ch;margin:0 auto var(--sp-4)}@media (min-width: 768px){.hero--landing .hero__title{font-size:var(--fs-4xl);max-width:22ch}}.hero--landing .hero__sub{font-size:var(--fs-md);color:var(--ink-secondary);max-width:54ch;margin:0 auto var(--sp-6);line-height:var(--lh-relaxed)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}.text-gradient{background:var(--grad-text-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--brand)}.report-preview{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.report-preview__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-bottom:var(--sp-3);margin-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.report-preview__row{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:10px 12px}.report-preview__row+.report-preview__row{margin-top:var(--sp-3)}.report-preview__label{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:600;margin-bottom:4px}.report-preview__note{font-size:var(--fs-xs);color:var(--ink-muted);line-height:var(--lh-normal);margin:0;font-style:italic}.cta-band{background:var(--grad-hero);border:1px solid var(--border);border-radius:var(--r-2xl);padding:var(--sp-10) var(--sp-5);text-align:center}@media (min-width: 768px){.cta-band{padding:var(--sp-12) var(--sp-8)}}.footer{margin-top:var(--sp-16);padding-top:var(--sp-6);padding-bottom:var(--sp-8);border-top:1px solid var(--border);text-align:center}.footer__brand{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:700;color:var(--ink-secondary);margin-bottom:var(--sp-2)}.footer__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--ink-faint)}.footer__links a{color:var(--ink-muted)}.footer__links a:hover{color:var(--brand)}.link-hidden{color:inherit;text-decoration:none;cursor:default}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-canvas)}.topbar__wordmark{font-weight:700;font-size:var(--fs-base);letter-spacing:-.02em}@media (max-width: 400px){.topbar__wordmark{font-size:var(--fs-sm)}}.topbar__burger{display:inline-flex}@media (min-width: 820px){.topbar__burger{display:none}}.topbar__sheet{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:2px;padding:var(--sp-2);background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:49;animation:fadeUp var(--dur-base) var(--ease-out)}.topbar__sheet-link{padding:11px 12px;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:600;color:var(--ink-secondary);text-align:left;transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.topbar__sheet-link:hover{background:var(--bg-subtle);color:var(--ink-primary)}.facts-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-6) var(--sp-10);margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--border)}.fact{display:flex;flex-direction:column;align-items:center;gap:2px}.fact__value{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--ink-primary);font-variant-numeric:tabular-nums}.fact__label{font-size:var(--fs-xs);font-weight:600;color:var(--ink-muted)}.spotlight{display:grid;grid-template-columns:1fr;gap:var(--sp-6);padding:var(--sp-6)}@media (min-width: 900px){.spotlight{grid-template-columns:1.15fr 1fr;align-items:center;gap:var(--sp-8);padding:var(--sp-8)}}.spotlight__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.spotlight__title{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.025em;line-height:var(--lh-snug);color:var(--ink-primary)}.spotlight__panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-xs)}.spotlight__panel-head{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:700;color:var(--brand);margin-bottom:var(--sp-3)}.card--pad-lg{padding:var(--sp-6)}@media (min-width: 768px){.card--pad-lg{padding:var(--sp-8)}}.grid--align-center{align-items:center}.grid--gap-lg{gap:var(--sp-8)}.section__sub--center{max-width:46ch;margin-left:auto;margin-right:auto}@media (max-width: 639px){.hide-sm{display:none!important}}.show-below-sm{display:none!important}@media (max-width: 639px){.show-below-sm{display:inline-flex!important}}@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}}:root{--bg-canvas: oklch(98.4% .003 220);--bg-app: var(--bg-canvas);--bg-surface: oklch(100% 0 0);--surface-bg: var(--bg-surface);--bg-subtle: oklch(96.6% .005 220);--bg-hover: oklch(93.4% .008 220);--bg-elevated: oklch(100% 0 0);--bg-card-warm: oklch(98.2% .02 85);--bg-glass: oklch(99% .002 220 / .78);--ink-primary: oklch(22% .015 240);--ink-secondary: oklch(40% .014 240);--ink-muted: oklch(50% .013 240);--ink-faint: oklch(64% .01 240);--border-subtle: oklch(96.4% .004 220);--border: oklch(92.5% .006 220);--border-strong: oklch(86% .008 220);--brand: oklch(50% .075 189);--brand-primary: var(--brand);--brand-hover: oklch(45% .072 189);--brand-active: oklch(40% .066 189);--brand-soft: oklch(97.5% .017 180);--brand-border: oklch(90% .05 180);--brand-text: oklch(41% .07 189);--brand-glow: oklch(50% .075 189 / .14);--brand-shadow: oklch(50% .075 189 / .18);--brand-ink-deep: oklch(33% .05 190);--border-focus: var(--brand);--border-interactive: var(--brand-border);--accent: var(--brand);--accent-primary: var(--brand);--accent-hover: var(--brand-hover);--accent-active: var(--brand-active);--accent-soft: var(--brand-soft);--accent-border: var(--brand-border);--accent-text: var(--brand-text);--accent-shadow: var(--brand-shadow);--success: oklch(63% .15 152);--success-primary: var(--success);--success-hover: oklch(56% .15 152);--success-soft: oklch(97% .025 152);--success-border: oklch(90% .06 152);--success-text: oklch(42% .11 152);--success-strong: oklch(35% .09 152);--success-shadow: oklch(63% .15 152 / .16);--retry: oklch(68% .16 70);--retry-hover: oklch(60% .16 70);--retry-soft: oklch(97.5% .03 85);--retry-border: oklch(90% .09 85);--retry-text: oklch(45% .1 60);--retry-shadow: oklch(68% .16 70 / .16);--warn: var(--retry);--warn-primary: var(--retry);--warn-hover: var(--retry-hover);--warn-soft: var(--retry-soft);--warn-border: var(--retry-border);--warn-text: var(--retry-text);--warn-strong: oklch(36% .08 60);--warn-shadow: var(--retry-shadow);--danger: oklch(57% .21 27);--danger-primary: var(--danger);--danger-hover: oklch(50% .2 27);--danger-soft: oklch(97% .02 25);--danger-border: oklch(90% .05 25);--danger-text: oklch(45% .18 27);--danger-shadow: oklch(57% .21 27 / .16);--info: oklch(62% .13 240);--info-soft: oklch(97.5% .015 230);--info-border: oklch(90% .04 230);--info-text: oklch(42% .1 240);--achievement: oklch(78% .16 80);--achievement-soft: oklch(96% .05 85);--achievement-border: oklch(88% .1 85);--achievement-text: oklch(45% .1 60);--explore: oklch(52% .2 292);--explore-hover: oklch(46% .2 292);--explore-soft: oklch(97% .02 292);--explore-border: oklch(90% .05 292);--explore-text: oklch(42% .18 292);--shadow-xs: 0 1px 1px oklch(22% .02 240 / .04);--shadow-sm: 0 1px 2px oklch(22% .02 240 / .05), 0 2px 6px -2px oklch(22% .02 240 / .05);--shadow-md: 0 2px 4px -1px oklch(22% .02 240 / .05), 0 8px 18px -6px oklch(22% .02 240 / .09);--shadow-lg: 0 4px 8px -2px oklch(22% .02 240 / .06), 0 16px 32px -10px oklch(22% .02 240 / .12);--shadow-xl: 0 8px 16px -4px oklch(22% .02 240 / .07), 0 28px 56px -12px oklch(22% .02 240 / .16);--card-shadow: var(--shadow-sm);--shadow-card: var(--shadow-sm);--shadow-tactile: inset 0 1px 0 oklch(100% 0 0 / .5), var(--shadow-sm);--shadow-tactile-sm: inset 0 1px 0 oklch(100% 0 0 / .5), var(--shadow-xs);--shadow-tactile-md: var(--shadow-tactile);--shadow-tactile-primary: inset 0 1px 0 oklch(100% 0 0 / .18), 0 1px 2px oklch(40% .07 189 / .3);--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 22px;--r-2xl: 26px;--font-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-heading: var(--font-display);--font-head: var(--font-display);--press-scale: .97;--ease-press: cubic-bezier(.2, .8, .2, 1);--dur-press: 90ms}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .6s linear infinite}.loader-screen{display:flex;align-items:center;justify-content:center;min-height:40vh}.loader-screen--tall{min-height:80vh}.loader-inline{display:flex;align-items:center;justify-content:center;padding:var(--sp-8)}.app-main{flex:1}.pb-12{padding-bottom:var(--sp-12)}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.page-head__main{min-width:0}.page-head__title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;line-height:var(--lh-tight);color:var(--ink-primary)}.page-head__sub{font-size:var(--fs-sm);color:var(--ink-muted);margin-top:4px;line-height:var(--lh-normal)}.page-head__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.block-title{display:flex;align-items:center;gap:6px;font-size:var(--fs-md);font-weight:700;letter-spacing:-.015em;color:var(--ink-primary)}.section-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--sp-4)}.toolbar__grow{flex:1;min-width:160px}.toolbar__spacer{flex:1}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.panel__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--bg-subtle)}.panel__body{padding:var(--sp-4)}.panel__body--flush{padding:0}.panel__foot{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);background:var(--bg-subtle)}.list-row{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);transition:background var(--dur-fast) ease}.list-row:last-child{border-bottom:none}.list-row--hover:hover{background:var(--bg-subtle)}.list-row__main{flex:1;min-width:0}.list-row__title{font-size:var(--fs-sm);font-weight:600;color:var(--ink-primary);line-height:var(--lh-snug)}.list-row__meta{font-size:var(--fs-xs);color:var(--ink-muted);margin-top:2px;line-height:var(--lh-normal)}.list-row__side{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.meta-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media (min-width: 640px){.meta-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.meta-grid--3{grid-template-columns:repeat(3,1fr)}.meta-grid--4{grid-template-columns:repeat(4,1fr)}}.meta{display:flex;flex-direction:column;gap:2px;min-width:0}.meta__label{font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.meta__value{font-size:var(--fs-sm);font-weight:600;color:var(--ink-primary);overflow-wrap:break-word}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-full);background:var(--brand-soft);color:var(--brand-text);border:1px solid var(--brand-border);font-size:var(--fs-sm);font-weight:700;flex-shrink:0;text-transform:uppercase}.avatar--lg{width:48px;height:48px;font-size:var(--fs-md)}.avatar--neutral{background:var(--bg-subtle);color:var(--ink-secondary);border-color:var(--border)}.tabs{display:flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md)}.tab{padding:6px 12px;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:600;color:var(--ink-muted);transition:all var(--dur-fast) ease;white-space:nowrap}.tab:hover{color:var(--ink-primary)}.tab--active{background:var(--bg-surface);color:var(--brand);box-shadow:var(--shadow-xs)}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media (min-width: 640px){.form-grid--2{grid-template-columns:repeat(2,1fr)}}.form-row{display:flex;flex-direction:column;gap:6px}.form-hint{font-size:var(--fs-xs);color:var(--ink-muted);line-height:var(--lh-normal)}.form-error{font-size:var(--fs-xs);color:var(--danger-text);font-weight:600}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4)}.gate{max-width:420px;margin:0 auto;padding:var(--sp-6);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-md),inset 0 1px #fff9;corner-shape:squircle}.gate__brand{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center;margin-bottom:var(--sp-5)}.gate__title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:500;letter-spacing:-.015em;color:var(--ink-primary)}.gate__sub{font-size:var(--fs-sm);color:var(--ink-muted);line-height:var(--lh-normal)}.gate__foot{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border);text-align:center}.gate-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8) var(--sp-4);margin:0 auto;width:100%;max-width:640px}.gate-screen .gate{width:100%;max-width:400px}.link-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer;font-weight:600;color:var(--brand);transition:color var(--dur-fast) ease}.link-btn:hover{color:var(--brand-hover)}.progress{height:8px;border-radius:var(--r-full);background:var(--bg-subtle);overflow:hidden}.progress__bar{height:100%;border-radius:var(--r-full);background:var(--grad-brand);transition:width var(--dur-slow) var(--ease-out)}.progress--sm{height:6px}.kpi-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}@media (min-width: 768px){.kpi-row--4{grid-template-columns:repeat(4,1fr)}.kpi-row--3{grid-template-columns:repeat(3,1fr)}}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.empty--tight{padding:var(--sp-6) var(--sp-4)}.empty__title{font-size:var(--fs-md);font-weight:700;color:var(--ink-secondary);margin-bottom:4px}.empty__hint{font-size:var(--fs-sm);color:var(--ink-muted);max-width:44ch;margin:0 auto;line-height:var(--lh-normal)}.banner{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-subtle);font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--ink-secondary)}.banner--warn{background:var(--retry-soft);border-color:var(--retry-border);color:var(--retry-text)}.banner--danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-text)}.banner--brand{background:var(--brand-soft);border-color:var(--brand-border);color:var(--brand-text)}.mt-7{margin-top:var(--sp-7)}.mb-7{margin-bottom:var(--sp-7)}.gap-5{gap:var(--sp-5)}.gap-8{gap:var(--sp-8)}.text-2xs{font-size:var(--fs-2xs)}.text-md{font-size:var(--fs-md)}.text-xl{font-size:var(--fs-xl)}.tabular{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mono{font-family:var(--font-mono)}.breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--ink-muted);margin-bottom:var(--sp-3)}.breadcrumb a{color:inherit}.breadcrumb a:hover{color:var(--brand)}.breadcrumb__current{color:var(--ink-primary);font-weight:600}.card--hero{background:var(--grad-hero);padding:var(--sp-8) var(--sp-6)}.module-title{font-size:var(--fs-2xl);font-weight:800;line-height:var(--lh-snug);letter-spacing:-.03em;margin-bottom:var(--sp-3);color:var(--ink-primary)}@media (min-width: 768px){.module-title{font-size:var(--fs-3xl)}}.module-lead{font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--ink-muted);max-width:76ch;margin:0}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--border)}.module-section{padding:var(--sp-6)}.module-section__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-2)}.module-section__ident{display:flex;align-items:center;gap:var(--sp-3)}.module-section__title{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.025em;line-height:var(--lh-snug);color:var(--ink-primary)}.module-section__lead{font-size:var(--fs-sm);color:var(--ink-muted);line-height:var(--lh-normal);margin-bottom:var(--sp-6)}.machine-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-3);padding:var(--sp-4) 0;text-align:center}.machine-node{padding:10px 16px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-surface)}.machine-node--input{background:var(--brand-soft);border-color:var(--brand-border)}.machine-node--engine{background:var(--ink-primary);border-color:var(--ink-primary);color:var(--ink-inverse);padding:12px 20px}.machine-node--output{background:var(--success-soft);border-color:var(--success-border)}.machine-node__tag{font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.machine-node--input .machine-node__tag{color:var(--brand)}.machine-node--output .machine-node__tag{color:var(--success-text)}.machine-node--engine .machine-node__tag{opacity:.8}.machine-node__value{font-size:var(--fs-lg);font-weight:700}.machine-node__note{font-size:var(--fs-2xs);color:var(--ink-muted)}.machine-node--engine .machine-node__note{color:inherit;opacity:.75}.machine-arrow{color:var(--brand);display:grid;place-items:center}.illustration-box{background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:var(--sp-4)}.illustration-box__title{font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--sp-2)}.rule-card{display:flex;flex-direction:column}.rule-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-2)}.rule-card__kind{font-size:var(--fs-xs);color:var(--ink-muted)}.rule-card__title{font-size:var(--fs-base);font-weight:700;margin-bottom:6px}.rule-card__formula{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);margin:var(--sp-2) 0}.rule-card__example{margin-top:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--border);font-size:var(--fs-xs);line-height:var(--lh-normal)}.lab-panel{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5)}.lab-panel--plain{background:var(--bg-surface)}.lab-field{display:flex;flex-direction:column;gap:2px;margin-top:var(--sp-3)}.lab-field__label{font-size:var(--fs-xs);font-weight:600;color:var(--ink-secondary)}.lab-field__value{font-size:var(--fs-sm);font-weight:600;color:var(--brand)}.lab-formula{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--sp-3);margin:var(--sp-2) 0}.lab-domain-chip{display:inline-block;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 10px}.lab-input-row{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.lab-number{width:140px;text-align:center;font-size:var(--fs-md);font-weight:700;padding:10px 14px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-surface);color:var(--ink-primary)}.lab-number:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow);outline:none}.lab-range{flex:1;accent-color:var(--brand);cursor:pointer}.lab-quick{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;margin-bottom:var(--sp-6)}.lab-quick .btn{padding:2px 8px;font-size:var(--fs-xs);min-height:28px}.lab-verdict{padding:var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border)}.lab-verdict--valid{background:var(--success-soft);border-color:var(--success-border)}.lab-verdict--invalid{background:var(--danger-soft);border-color:var(--danger-border)}.lab-verdict__head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.lab-verdict__title{font-size:var(--fs-base);font-weight:700}.lab-verdict--valid .lab-verdict__title{color:var(--success-text)}.lab-verdict--invalid .lab-verdict__title{color:var(--danger-text)}.lab-verdict__body{font-size:var(--fs-xs);color:var(--ink-muted);line-height:var(--lh-normal)}.lab-verdict__reason{font-size:var(--fs-xs);color:var(--danger-text);line-height:var(--lh-normal)}.lab-output{display:inline-block;margin-top:4px;font-size:var(--fs-md);font-weight:700;color:var(--ink-primary)}.domain-card{display:flex;flex-direction:column}.domain-card__head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3)}.domain-card__ident{display:flex;align-items:flex-start;gap:var(--sp-3)}.domain-card__title{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.02em;margin-top:4px;margin-bottom:2px}.domain-card__tagline{font-size:var(--fs-xs);font-weight:600;color:var(--brand)}.domain-card__body{display:grid;grid-template-columns:1fr;gap:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border)}@media (min-width: 720px){.domain-card__body{grid-template-columns:repeat(2,1fr)}}.domain-card__label{font-size:var(--fs-xs);font-weight:700;color:var(--ink-secondary);margin-bottom:6px}.domain-card__list{list-style:none;display:flex;flex-direction:column;gap:4px}.domain-card__list li{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--ink-muted);line-height:var(--lh-normal)}.domain-card__list .icon{margin-top:2px}.quiz-card{display:flex;flex-direction:column}.quiz-card--correct{border-color:var(--success-border)}.quiz-card--wrong{border-color:var(--danger-border)}.mod-quiz__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3)}.quiz-prompt{font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--sp-3)}.quiz-formula{background:var(--bg-subtle);border-radius:var(--r-sm);padding:10px 14px;margin-bottom:var(--sp-4)}.mod-quiz__options{display:grid;grid-template-columns:1fr;gap:var(--sp-3);margin-bottom:var(--sp-4)}@media (min-width: 720px){.mod-quiz__options{grid-template-columns:repeat(2,1fr)}}.quiz-option{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 14px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--ink-primary);transition:all var(--dur-fast) ease}.quiz-option:hover:not(:disabled){border-color:var(--brand-border);background:var(--bg-subtle)}.quiz-option:disabled{cursor:default}.quiz-option__key{flex-shrink:0;width:22px;height:22px;border-radius:var(--r-full);background:var(--bg-subtle);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700}.quiz-option__text{font-size:var(--fs-sm);flex:1}.quiz-option--selected{background:var(--brand-soft);border-color:var(--brand)}.quiz-option--correct{background:var(--success-soft);border-color:var(--success);color:var(--success-text)}.quiz-option--correct .quiz-option__key{background:var(--success);color:var(--on-success);border-color:var(--success)}.quiz-option--wrong{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-text)}.quiz-option--wrong .quiz-option__key{background:var(--danger);color:var(--on-danger);border-color:var(--danger)}.quiz-explanation{background:var(--bg-subtle);border-radius:var(--r-sm);border-left:4px solid var(--border-strong);padding:var(--sp-4)}.quiz-explanation--correct{border-left-color:var(--success)}.quiz-explanation--wrong{border-left-color:var(--retry)}.quiz-explanation__title{font-size:var(--fs-sm);font-weight:700;color:var(--ink-primary);margin-bottom:4px}.quiz-note{font-size:var(--fs-2xs);color:var(--retry-text);background:var(--retry-soft);border-radius:var(--r-xs);padding:6px 10px;margin-top:var(--sp-2);line-height:var(--lh-normal)}.rendered-plan{line-height:var(--lh-relaxed);font-size:var(--fs-base);color:var(--ink-secondary);max-width:78ch}.rendered-plan h1{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;color:var(--ink-primary);margin-top:0;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.rendered-plan h2{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.025em;color:var(--ink-primary);margin-top:var(--sp-8);margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px dashed var(--border)}.rendered-plan h3{font-size:var(--fs-lg);font-weight:700;color:var(--brand);margin-top:var(--sp-6);margin-bottom:var(--sp-3)}.rendered-plan hr{border:none;border-top:1px solid var(--border);margin:var(--sp-7) 0}.rendered-plan ul,.rendered-plan ol{margin:10px 0 var(--sp-4);padding-left:var(--sp-6)}.rendered-plan li{margin-bottom:var(--sp-2)}.rendered-plan strong{color:var(--ink-primary);font-weight:700}.rendered-plan code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-subtle);color:var(--brand-text);padding:2px 6px;border-radius:var(--r-xs);border:1px solid var(--border)}.rendered-plan blockquote{background:var(--brand-soft);border-left:4px solid var(--brand);margin:var(--sp-5) 0;padding:var(--sp-3) var(--sp-4);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--ink-secondary)}.rendered-plan .math{font-family:var(--font-mono)}.code-block{font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.6;background:var(--bg-subtle);color:var(--ink-secondary);border:1px solid var(--border);padding:var(--sp-5);border-radius:var(--r-md);overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0}.save-status{display:none;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-6);padding:12px 14px;border-radius:var(--r-md);font-size:var(--fs-sm);text-align:left}.save-status[data-state=saving],.save-status[data-state=saved],.save-status[data-state=error]{display:flex}.save-status[data-state=saving]{background:var(--bg-subtle);border:1px solid var(--border)}.save-status[data-state=saved]{background:var(--success-soft);border:1px solid var(--success-border)}.save-status[data-state=error]{background:var(--warn-soft);border:1px solid var(--warn-border)}.save-status__text{flex:1;min-width:0}.save-status .spinner--sm{width:16px;height:16px;border-width:2px;flex-shrink:0;margin-top:2px}.glossary-line{font-size:var(--fs-xs);color:var(--brand);font-weight:700;margin-top:3px;line-height:var(--lh-snug)}.glossary-line--topic{color:var(--ink-muted);font-weight:600;font-style:italic;margin-top:4px}.syllabus-summary{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);border:1px solid var(--brand-border);border-left:3px solid var(--brand);background:var(--brand-soft)}.syllabus-summary__num{font-size:var(--fs-2xl);font-weight:800;line-height:1;color:var(--brand);letter-spacing:-.02em}.syllabus-summary__title{font-size:var(--fs-sm);font-weight:800;color:var(--ink-primary);line-height:var(--lh-snug)}.syllabus-summary__hint{font-size:var(--fs-xs);color:var(--ink-secondary);margin-top:2px}.section-label{display:flex;align-items:center;gap:6px;font-size:var(--fs-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--success-text);margin:0 0 var(--sp-3)}.parent-topic--disiapkan{opacity:.72;background:var(--bg-subtle)}.parent-topic--disiapkan .fw-800{color:var(--ink-secondary)}.topic-pending{font-style:italic}.parent-chapter--pending .block-title{color:var(--ink-secondary)}.roadmap-fold{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-card);overflow:hidden}.roadmap-fold__toggle{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4) var(--sp-5);min-height:64px;background:none;border:0;text-align:left;cursor:pointer;font:inherit;color:inherit}.roadmap-fold__toggle:hover{background:var(--bg-hover)}.roadmap-fold__icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--r-sm);background:var(--bg-hover);color:var(--ink-secondary)}.roadmap-fold__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.roadmap-fold__title{font-size:var(--fs-sm);font-weight:800;color:var(--ink-primary)}.roadmap-fold__hint{font-size:var(--fs-xs);color:var(--ink-muted);line-height:var(--lh-snug)}.roadmap-fold__chevron{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-strong);font-size:16px;font-weight:800;color:var(--ink-secondary);line-height:1}.roadmap-fold .flex.flex-col{padding:0 var(--sp-4) var(--sp-4)}.stars-before{opacity:.45;filter:grayscale(.6)}.stars-arrow{margin:0 4px;font-weight:800;opacity:.7}.topic-fold{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;min-height:44px;padding:10px var(--sp-3);margin-top:var(--sp-1);border:1px dashed var(--border-strong);border-radius:var(--r-md);background:transparent;color:var(--ink-secondary);font-size:13px;font-weight:700;cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.topic-fold:hover{background:var(--bg-subtle);color:var(--ink-primary)}.topic-fold:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn,.landing__gate,.landing__burger,.landing__route-link,.landing__sheet-link,.landing__footer-links a,.parent-navlink,.bottomnav__link,.choice-btn,.roadmap__open{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--dur-press) var(--ease-press),background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.btn:active:not(:disabled),.landing__burger:active,.choice-btn:active:not(:disabled),.roadmap__open:active,.bottomnav__link:active{transform:scale(var(--press-scale))}.card--hover:active{transform:scale(.995);box-shadow:var(--shadow-xs)}@supports (corner-shape: squircle){.card,.btn,.input,.icon-tile,.roadmap__open{corner-shape:squircle}}@media (prefers-reduced-motion: reduce){.btn,.landing__gate,.landing__burger,.choice-btn,.card--hover{transition:none}.btn:active:not(:disabled),.choice-btn:active:not(:disabled){transform:none}}.landing{min-height:100dvh;background:var(--bg-canvas);color:var(--ink-primary);overflow-x:clip}.landing__skip{position:fixed;top:-100px;left:var(--sp-4);z-index:100;padding:var(--sp-2) var(--sp-4);background:var(--bg-surface);color:var(--brand-text);border-radius:var(--r-md);box-shadow:var(--shadow-md);font-weight:700}.landing__skip:focus{top:var(--sp-3)}.landing__nav{position:fixed;top:var(--sp-3);left:50%;transform:translate(-50%);width:min(1120px,calc(100% - var(--sp-6)));z-index:60;background:#fafcfdbd;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid oklch(92% .006 220 / .9);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.landing__nav-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:56px;padding:0 var(--sp-3) 0 var(--sp-4)}.landing__brand{display:inline-flex;align-items:center;gap:var(--sp-2);min-width:0;color:var(--ink-primary);text-decoration:none}.landing__mark{display:inline-grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:var(--r-sm);background:var(--brand);color:var(--ink-inverse)}.landing__wordmark{font-family:var(--font-display);font-size:1.1875rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing__gates{display:none;align-items:center;gap:var(--sp-1)}.landing__gate{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--ink-secondary);font-size:var(--fs-sm);font-weight:600;text-decoration:none;transition:background-color .16s ease,color .16s ease}.landing__gate:hover{background:var(--bg-hover);color:var(--ink-primary)}.landing__gate:focus-visible,.landing__brand:focus-visible,.landing__burger:focus-visible,.landing__sheet-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.landing__burger{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:var(--r-md);background:transparent;color:var(--ink-primary);cursor:pointer}.landing__burger:hover{background:var(--bg-hover)}.landing__sheet{display:grid;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3) var(--sp-3);border-top:1px solid var(--border);max-height:calc(100dvh - 96px);overflow-y:auto}.landing__sheet[hidden]{display:none}.landing__sheet-link{display:flex;align-items:center;min-height:48px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--ink-primary);font-weight:600;text-decoration:none}.landing__sheet-link:hover{background:var(--bg-hover)}.landing__sheet-link--wa{color:var(--brand-text)}.landing__main{width:min(1120px,100%);margin:0 auto;padding:96px var(--sp-5) var(--sp-16)}.landing__hero{display:grid;gap:var(--sp-5);padding:var(--sp-10) 0 var(--sp-12);max-width:820px}.landing__kicker{margin:0;color:var(--brand-text);font-size:var(--fs-sm);font-weight:700;letter-spacing:.02em}.landing__title{margin:0;font-family:var(--font-display);font-size:clamp(2.25rem,6.2vw,4.25rem);font-weight:500;font-style:normal;line-height:1.04;letter-spacing:-.022em;color:var(--ink-primary);text-wrap:balance}.landing__accent{color:var(--brand)}.landing__lede{margin:0;max-width:58ch;color:var(--ink-secondary);font-size:var(--fs-md);line-height:1.65}.landing__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2)}.landing__actions .btn{min-height:48px}.landing__aside{margin:0;color:var(--ink-muted);font-size:var(--fs-sm)}.landing__section{padding:var(--sp-12) 0 0;scroll-margin-top:96px}.landing__section-head{display:grid;gap:var(--sp-2);max-width:62ch;margin-bottom:var(--sp-6)}.landing__eyebrow{margin:0;color:var(--ink-muted);font-size:var(--fs-sm);font-weight:600}.landing__h2{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:500;line-height:1.12;letter-spacing:-.015em;text-wrap:balance}.landing__sub{margin:0;color:var(--ink-secondary);line-height:1.6}.landing__card-title{margin:0;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;line-height:1.2;letter-spacing:-.01em}.landing__card-text{margin:0;color:var(--ink-secondary);line-height:1.6}.landing__routes{display:grid;gap:var(--sp-3);grid-template-columns:minmax(0,1fr)}.landing__route{display:grid;align-content:start;gap:var(--sp-2);padding:var(--sp-6);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);corner-shape:squircle}.landing__route-icon{display:inline-grid;place-items:center;width:40px;height:40px;margin-bottom:var(--sp-2);border-radius:var(--r-md);background:var(--brand-soft);color:var(--brand-text)}.landing__route-title{margin:0;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;line-height:1.2}.landing__route-text{margin:0 0 var(--sp-2);color:var(--ink-secondary);line-height:1.6}.landing__route-link{display:inline-flex;align-items:center;gap:var(--sp-2);align-self:start;min-height:44px;color:var(--brand-text);font-weight:700;text-decoration:none}.landing__route-link:hover{color:var(--brand-hover);text-decoration:underline;text-underline-offset:3px}.landing__proof{display:grid;gap:var(--sp-4)}.landing__report,.landing__module,.landing__platform{display:grid;align-content:start;gap:var(--sp-3);padding:var(--sp-6);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);corner-shape:squircle;min-width:0}.landing__report-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2)}.landing__tag{display:inline-flex;align-items:center;gap:6px;align-self:start;padding:4px 10px;border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand-text);font-size:var(--fs-xs);font-weight:700}.landing__tag--explore{background:var(--explore-soft);color:var(--explore-text)}.landing__preview-note{margin:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--bg-subtle);color:var(--ink-muted);font-size:var(--fs-sm)}.landing__report-row{display:grid;gap:var(--sp-1);padding-top:var(--sp-3);border-top:1px solid var(--border-subtle)}.landing__report-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2);font-weight:700;font-size:var(--fs-sm)}.landing__report-note{margin:0;color:var(--ink-secondary);font-family:var(--font-display);font-size:var(--fs-md);line-height:1.5;overflow-wrap:break-word}.landing__report-help{margin:0;color:var(--ink-muted);font-size:var(--fs-sm);line-height:1.6}.landing__report-help a{color:var(--brand-text);font-weight:700}.landing__checklist{display:grid;gap:var(--sp-2);margin:0;padding:0;list-style:none;font-size:var(--fs-sm);color:var(--ink-secondary);line-height:1.5}.landing__checklist li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:var(--sp-2);align-items:start}.landing__checklist svg{color:var(--success);margin-top:2px}.landing__platform,.landing__module{justify-items:start}.landing__platform .btn,.landing__module .btn{min-height:44px}.landing__pillars{display:grid;gap:var(--sp-3);margin:0;padding:0;list-style:none}.landing__pillar{display:grid;align-content:start;gap:var(--sp-2);padding:var(--sp-5) 0;border-top:1px solid var(--border)}.landing__pillar-icon{display:inline-grid;place-items:center;width:36px;height:36px;margin-bottom:var(--sp-1);border-radius:var(--r-md);background:var(--bg-subtle);color:var(--brand-text)}.landing__cta{display:grid;gap:var(--sp-3);margin-top:var(--sp-12);padding:var(--sp-10) var(--sp-6);background:var(--brand-ink-deep);color:#f2fbf9;border-radius:var(--r-2xl);corner-shape:squircle}.landing__cta .landing__h2{color:#f8fdfc}.landing__cta .landing__sub{color:#bdd8d2;max-width:60ch}.landing__cta .btn--primary{background:#66ccba;border-color:#66ccba;color:var(--brand-ink-deep)!important}.landing__cta .btn--primary:hover:not(:disabled){background:#85decd}.landing__cta .btn--secondary{background:transparent;border-color:#ffffff47;color:#f2fbf9!important}.landing__cta .btn--secondary:hover:not(:disabled){background:#ffffff14}.landing__footer{display:grid;gap:var(--sp-3);margin-top:var(--sp-12);padding-top:var(--sp-6);border-top:1px solid var(--border);color:var(--ink-muted);font-size:var(--fs-sm)}.landing__footer-brand{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--ink-secondary);font-weight:600}.landing__footer-links{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}.landing__footer-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-secondary);text-decoration:none}.landing__footer-links a:hover{color:var(--brand-text);text-decoration:underline}@media (min-width: 720px){.landing__routes{grid-template-columns:repeat(2,minmax(0,1fr))}.landing__pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6)}.landing__pillar{padding:var(--sp-5) 0 0;border-top:2px solid var(--brand-border)}.landing__cta{padding:var(--sp-12) var(--sp-10)}}@media (min-width: 960px){.landing__gates{display:inline-flex}.landing__burger{display:none}.landing__sheet{display:none!important}.landing__proof{grid-template-columns:repeat(2,minmax(0,1fr))}.landing__report{grid-column:1 / -1;grid-template-columns:minmax(0,1fr)}.landing__routes{grid-template-columns:repeat(4,minmax(0,1fr))}.landing__route{padding:var(--sp-5)}}@media (max-width: 380px){.landing__main{padding-left:var(--sp-4);padding-right:var(--sp-4)}.landing__title{font-size:2.1rem}.landing__actions .btn{width:100%}}.text-base{font-size:var(--fs-base)}.mx-auto{margin-left:auto;margin-right:auto}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.break-all{word-break:break-all}.mw-360{max-width:360px}.mw-420{max-width:420px}.title-2xl{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;line-height:var(--lh-tight)}.title-xl{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.025em;line-height:var(--lh-snug)}.title-lg{font-size:var(--fs-lg);font-weight:800;letter-spacing:-.02em;line-height:var(--lh-snug)}.card--pad-hero{padding:var(--sp-6) var(--sp-5)}.card--pad-md{padding:var(--sp-5) var(--sp-4)}.card--pad-sm{padding:var(--sp-3) var(--sp-4)}.card--subdued{background:var(--bg-subtle)}.parent-session-card{color:inherit;text-decoration:none}.parent-session-card:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.info-box{padding:10px 14px;border-radius:var(--r-md);background:var(--bg-subtle);border:1px solid var(--border)}.info-box--surface{background:var(--bg-surface)}.info-box--success{background:var(--success-soft);border-color:var(--success-border)}.info-box--retry{background:var(--retry-soft);border-color:var(--retry-border)}.info-box--ok{border-color:var(--success-border)}.info-box--brand{border-color:var(--brand-border)}.key-hint{margin-left:var(--sp-3);color:var(--ink-muted)}.dq-card{background:var(--bg-subtle)}.dq-card--task{box-shadow:var(--shadow-sm)}.dq-card--done{background:var(--success-soft)}.dq-card--correct{border-color:var(--success-border)}.dq-card--wrong{border-color:var(--danger-border)}.attach-link{padding:var(--sp-3) var(--sp-4);background:var(--brand-soft);border:1.5px solid var(--brand-border);border-radius:var(--r-md);text-decoration:none}.star-row{display:inline-flex;align-items:center;gap:1px;color:var(--achievement)}.quiz-shell{display:flex;flex-direction:column;gap:var(--sp-5);width:100%;max-width:780px;margin:0 auto var(--sp-10)}.quiz-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2)}.quiz-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-bottom:var(--sp-3);margin-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.quiz-question{font-size:var(--fs-md);font-weight:700;line-height:var(--lh-normal);color:var(--ink-primary);margin-bottom:var(--sp-4)}.quiz-options{display:flex;flex-direction:column;gap:var(--sp-2);width:100%;margin-bottom:var(--sp-5)}.choice-btn__text{flex:1;min-width:0}.choice-btn__flag{flex-shrink:0;margin-top:2px}.choice-btn:disabled{cursor:default}.state-card{max-width:500px;margin:var(--sp-10) auto;padding:var(--sp-10) var(--sp-6);text-align:center}.state-card--lg{max-width:540px;padding:var(--sp-12) var(--sp-6)}.state-card__icon{margin:0 auto var(--sp-4)}.empty--tall{min-height:50vh}.icon-tile--warn{background:var(--warn-soft);color:var(--warn-text);border-color:var(--warn-border)}.result-card{max-width:600px;margin:var(--sp-4) auto;padding:var(--sp-6) var(--sp-4)}.result-actions{display:flex;flex-direction:column;justify-content:center;gap:var(--sp-2)}@media (min-width: 640px){.result-actions{flex-direction:row}}.score-box{display:flex;justify-content:center;align-items:center;gap:var(--sp-6);padding:var(--sp-4) 0;margin-bottom:var(--sp-6);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md)}.vr{width:1px;height:40px;background:var(--border)}.feedback{padding:14px 16px;border-radius:var(--r-md)}.feedback--correct{background:var(--success-soft);border-color:var(--success-border)}.feedback--retry{background:var(--warn-soft);border-color:var(--warn-border)}.feedback__explain{margin-top:var(--sp-2);padding-top:10px;border-top:1px solid var(--border);font-size:var(--fs-sm)}.tutor-note{position:relative;padding:var(--sp-5) var(--sp-5) var(--sp-4) 22px;background:var(--bg-card-warm);border-left:3px solid var(--brand)}.tutor-note__head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.tutor-note__avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--r-sm);background:var(--brand);color:var(--ink-inverse)}.tutor-note__from{font-size:var(--fs-sm);font-weight:800;color:var(--ink-primary);letter-spacing:.01em}.tutor-note__date{font-size:var(--fs-xs);color:var(--ink-muted)}.tutor-note__quote{margin:0;font-size:var(--fs-md);line-height:1.5;color:var(--ink-primary)}.tutor-note__link{margin-top:var(--sp-2);padding-left:0}.report-grid{display:grid;grid-template-columns:1fr;gap:var(--gap)}@media (min-width: 720px){.report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.report-card{display:flex;flex-direction:column;padding:var(--sp-5);border-radius:var(--r-xl);box-shadow:var(--shadow-sm),inset 0 1px #fff9;corner-shape:squircle}.report-card__eyebrow{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:var(--sp-2)}.report-card__title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;color:var(--ink-primary);line-height:1.2;letter-spacing:-.01em;margin-bottom:var(--sp-4)}.report-card__figure{display:flex;align-items:baseline;gap:6px}.report-card__num{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:500;line-height:1;color:var(--brand);letter-spacing:-.02em}.report-card__den{font-size:var(--fs-lg);font-weight:700;color:var(--ink-faint)}.report-card__caption{font-size:var(--fs-xs);color:var(--ink-muted);margin-top:6px}.report-card__caption--foot{margin-top:auto;padding-top:var(--sp-3);border-top:1px solid var(--border);line-height:var(--lh-snug)}.meter{height:6px;margin-top:var(--sp-4);border-radius:3px;background:var(--bg-hover);overflow:hidden}.meter__fill{height:100%;border-radius:3px;background:var(--brand);transition:width .5s ease}.metric-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.metric-list li{display:flex;align-items:baseline;gap:var(--sp-2)}.metric-list__num{font-size:var(--fs-xl);font-weight:800;color:var(--ink-primary);min-width:2.6em}.metric-list__label{font-size:var(--fs-xs);color:var(--ink-muted)}.curve{display:block;width:100%;height:auto;overflow:visible}.curve__grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4}.curve__grid--strong{stroke:var(--success-border);stroke-dasharray:none}.curve__axis{font-size:9px;fill:var(--ink-faint);font-family:var(--font-mono)}.curve__area{fill:var(--brand-soft)}.curve__line{fill:none;stroke:var(--brand);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.curve__dot{fill:var(--bg-surface);stroke:var(--brand);stroke-width:2.25}.curve__label{font-size:10px;fill:var(--ink-muted);font-weight:700}.delta-pill{padding:5px 11px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:800;white-space:nowrap}.delta-pill--up{background:var(--success-soft);border:1px solid var(--success-border);color:var(--success-text)}.delta-pill--down{background:var(--warn-soft);border:1px solid var(--warn-border);color:var(--warn-text)}.next-up{display:flex;flex-direction:column;gap:3px;padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);border:1px solid var(--brand-border);background:var(--brand-soft);border-left:3px solid var(--brand)}.next-up__label{font-size:var(--fs-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--brand)}.next-up__topic{font-size:var(--fs-lg);font-weight:800;color:var(--ink-primary);line-height:var(--lh-snug)}.next-up__hint{font-size:var(--fs-xs);color:var(--ink-secondary)}.roadmap{list-style:none;margin:0;padding:0;position:relative}.roadmap__item{position:relative;display:flex;align-items:center;gap:var(--sp-3);padding:11px 0 11px 26px}.roadmap__item:not(:last-child):before{content:"";position:absolute;left:7px;top:30px;bottom:-2px;width:1px;background:var(--border)}.roadmap__marker{position:absolute;left:0;top:14px;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--bg-surface);color:var(--ink-inverse)}.roadmap__item--done .roadmap__marker{background:var(--success);border-color:var(--success)}.roadmap__item--progress .roadmap__marker{border-color:var(--warn);background:var(--warn-soft)}.roadmap__body{flex:1;min-width:0}.roadmap__name{font-size:var(--fs-sm);font-weight:700;color:var(--ink-primary);line-height:var(--lh-snug)}.roadmap__item--todo .roadmap__name{color:var(--ink-secondary)}.roadmap__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:3px;font-size:var(--fs-xs)}.roadmap__state{font-weight:700}.roadmap__state--done{color:var(--success-text)}.roadmap__state--progress{color:var(--warn-text)}.roadmap__state--todo{color:var(--ink-muted)}.roadmap__sep{color:var(--ink-faint)}.roadmap__quiz{color:var(--ink-muted)}.roadmap__open{flex-shrink:0}.report-share__head{display:flex;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4)}.report-share__head p{margin:4px 0 0}.report-share__actions{display:flex;flex-direction:column;gap:var(--sp-2)}@media (min-width: 640px){.report-share__actions{flex-direction:row}.report-share__actions .btn{flex:1}}@media print{.bottomnav,.topbar,.report-share,.tutor-note__link,.roadmap__open,.btn{display:none!important}.page--has-bottomnav{padding-bottom:0!important}.card{border:1px solid var(--border-strong)!important;box-shadow:none!important;break-inside:avoid}.report-grid{grid-template-columns:repeat(3,1fr)}body{background:#fff}}.next-up__glossary{font-size:var(--fs-xs);font-weight:700;color:var(--brand);line-height:var(--lh-snug)}.roadmap__glossary{font-size:var(--fs-2xs);font-style:italic;color:var(--ink-muted);margin-top:1px;line-height:var(--lh-snug)}.report-card__glossary{font-size:var(--fs-xs);font-weight:700;color:var(--brand);margin:-6px 0 var(--sp-3);line-height:var(--lh-snug)}.roadmap__sumber{font-size:var(--fs-2xs);font-weight:600;color:var(--ink-muted);letter-spacing:.01em}.parent-quiz-evidence{color:var(--ink);line-height:var(--lh-snug)}.report-card__caption--quiet{color:var(--ink-muted);font-style:italic;margin-top:var(--sp-2)}.parent-score-line{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--line)}.parent-score-line__label{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-muted)}.parent-score-line__note{font-size:var(--fs-xs);color:var(--ink-muted);font-style:italic}.admin-body{display:flex;position:relative}.admin-sidebar{display:none;width:240px;min-height:calc(100vh - var(--topbar-h));background:var(--bg-surface);border-right:1px solid var(--border);padding:var(--sp-4) var(--sp-2);flex-direction:column;gap:var(--sp-1);flex-shrink:0}@media (min-width: 820px){.admin-sidebar{display:flex}.admin-drawer,.admin-backdrop{display:none}}.portal-skip-link{position:fixed;top:var(--sp-2);left:var(--sp-2);z-index:100;transform:translateY(-200%);padding:var(--sp-2) var(--sp-3);background:var(--bg-surface);color:var(--ink);border:2px solid var(--brand);border-radius:var(--r-sm)}.portal-skip-link:focus{transform:translateY(0)}.admin-drawer{position:fixed;top:var(--topbar-h);width:260px;height:calc(100vh - var(--topbar-h));background:var(--bg-surface);border-right:1px solid var(--border);z-index:70;overflow-y:auto;padding:var(--sp-4) var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-1);transform:translate(-100%);visibility:hidden;transition:transform var(--dur-slow) var(--ease-out),visibility var(--dur-slow)}.admin-drawer--open{transform:translate(0);visibility:visible}.admin-backdrop{position:fixed;inset:0;background:var(--bg-overlay);z-index:60}.admin-nav-link{justify-content:flex-start;gap:var(--sp-2);padding:10px 14px;font-size:var(--fs-sm);text-align:left}.admin-main{flex:1;max-width:1100px}.admin-gate-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-6) var(--sp-4);background:var(--bg-canvas)}.admin-gate-card{width:100%}.admin-log-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:10px 14px;border-radius:var(--r-md);background:var(--bg-subtle);border:1px solid var(--border)}.admin-field{flex:1 1 200px}.admin-syllabus-picker{background:var(--bg-subtle);border-color:var(--brand-border)}.admin-syllabus-picker .form-row{min-width:min(100%,230px)}.admin-syllabus-form{border-style:dashed}.admin-syllabus-form .input{min-width:min(100%,230px)}.admin-syllabus-chapter{border-inline-start:3px solid var(--brand)}.admin-syllabus-chapter .block-title{min-width:0;overflow-wrap:anywhere}.admin-topic-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--fs-sm)}.admin-pin-box{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3);background:var(--bg-surface);border:2px dashed var(--success-border);border-radius:var(--r-md)}.admin-pin-value{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:800;letter-spacing:.15em;color:var(--success)}.admin-limit-select{width:80px}.admin-col-time{min-width:150px}.admin-cell-clip{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-nowrap{white-space:nowrap}.icon--inline{display:inline-block;vertical-align:-.14em}.text-achievement{color:var(--achievement)}.admin-shrink-0{flex-shrink:0}.admin-alert{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4)}.admin-alert__body{display:flex;align-items:center;gap:var(--sp-2);min-width:0;font-size:var(--fs-sm);line-height:var(--lh-normal)}.admin-filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-4)}.admin-filter-bar__field{flex:1 1 240px;min-width:0}.admin-filter-bar__field--sm{flex:0 0 160px}.admin-filter-bar__note{padding-bottom:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-muted)}.admin-btn-xs{padding:4px 8px;min-height:30px;border-radius:var(--r-sm);font-size:var(--fs-xs)}.admin-btn-icon{padding:0;width:28px;min-height:28px;border-radius:var(--r-sm)}.admin-input-readonly{display:flex;align-items:center;gap:var(--sp-2);background:var(--bg-subtle);color:var(--ink-secondary);cursor:default}.admin-input-note{min-height:72px}.admin-eval-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-2);margin-bottom:var(--sp-3);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md)}.admin-eval-row__topic{flex:1 1 200px}.admin-eval-row__note{flex:1 1 140px}.admin-eval-row__score{display:flex;align-items:center;gap:var(--sp-1)}.admin-eval-row__num{width:56px}.admin-star-row{display:inline-flex;align-items:center;gap:1px;color:var(--achievement);line-height:1}.admin-opt-key{flex-shrink:0;width:24px;font-size:var(--fs-sm);font-weight:800;color:var(--ink-secondary)}.admin-eval-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-subtle);border-radius:var(--r-sm);font-size:var(--fs-sm)}.admin-note-line{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);line-height:var(--lh-normal)}.admin-empty-icon{margin:0 auto var(--sp-4)}