:root{color-scheme:light;--brand-navy: #1b2838;--brand-navy-light: #2a3f56;--brand-navy-dark: #0f1923;--brand-teal: #047857;--brand-teal-dark: #065f46;--brand-orange: #ff6b35;--brand-orange-dark: #b94419;--font-heading: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Source Code Pro", monospace;--bg: #f4f6f3;--surface: #ffffff;--surface-2: #eaf0eb;--line: #dbe3dc;--hair-strong: #bdccc0;--text: #20332b;--text-2: #4e6055;--text-3: #617064;--primary: var(--brand-navy);--secondary: var(--brand-teal);--accent: var(--brand-teal);--accent-ink: #065f46;--accent-weak: #e4f1e9;--on-accent: #ffffff;--logo-book: #1b2838;--logo-play: #10b981;--tier-progress-bg: #eef0f3;--tier-progress-text: #5b6472;--tier-standard-bg: #e6f3ee;--tier-standard-text: #047857;--tier-distinction-bg: #fdeadf;--tier-distinction-text: #b94419;--tier-rank-0: #5b6472;--tier-rank-1: #287f76;--tier-rank-2: #047857;--tier-rank-3: #a8582f;--tier-rank-4: #b94419;--tier-rank-bg-0: #eef0f3;--tier-rank-bg-2: #e6f3ee;--tier-rank-bg-4: #fdeadf;--success: #167653;--warning: #8a6019;--danger: #b04438;--hero-wash-a: color-mix(in srgb, var(--accent) 6%, transparent);--hero-wash-b: color-mix(in srgb, var(--accent) 2%, transparent);--hero-mark: .035;--track-bg: #e1e8e1;--track-inset: inset 0 1px 1px rgba(20, 44, 30, .04);--well-bg: #f6f8f5;--radius-sm: 7px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--sidebar-w: 232px;--topbar-h: 60px;--glass-bg: rgba(255, 255, 255, .93);--glass-border: var(--line);--measure: 72ch;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.22, 1, .36, 1);--dur-fast: .15s;--dur-med: .2s;--shadow-pop: 0 12px 40px -12px rgba(20, 44, 30, .25), 0 2px 6px rgba(20, 44, 30, .06);--shadow-card: 0 1px 3px rgba(20, 44, 30, .035);--shadow-row: 0 1px 2px rgba(20, 44, 30, .04);--focus: 0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}[data-theme=dark]{color-scheme:dark;--bg: #101815;--surface: #19241f;--surface-2: #24332b;--line: #34453a;--hair-strong: #53695a;--text: #eff5ef;--text-2: #bccbbf;--text-3: #a2b5a7;--glass-bg: rgba(25, 36, 31, .94);--brand-teal: #61c9a1;--brand-teal-dark: #9be2c2;--accent-ink: #9be2c2;--accent-weak: #213c30;--on-accent: #10281c;--logo-book: #ffffff;--tier-progress-bg: #293136;--tier-progress-text: #b1bdc8;--tier-standard-bg: #173a2d;--tier-standard-text: #61c9a1;--tier-distinction-bg: #3a2c23;--tier-distinction-text: #ffa779;--tier-rank-0: #b1bdc8;--tier-rank-1: #71c4b6;--tier-rank-2: #61c9a1;--tier-rank-3: #e6a37b;--tier-rank-4: #ffa779;--tier-rank-bg-0: #293136;--tier-rank-bg-2: #173a2d;--tier-rank-bg-4: #3a2c23;--success: #61c99d;--warning: #e0b975;--danger: #ff9386;--hero-wash-a: color-mix(in srgb, var(--accent) 10%, transparent);--hero-wash-b: color-mix(in srgb, var(--accent) 3%, transparent);--hero-mark: .05;--track-bg: #314238;--track-inset: inset 0 1px 1px rgba(0, 0, 0, .15);--well-bg: #1d2c24;--shadow-pop: 0 14px 40px -12px rgba(0, 0, 0, .6);--shadow-card: 0 1px 3px rgba(0, 0, 0, .12);--shadow-row: 0 1px 2px rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.5;letter-spacing:-.01em;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{font-family:var(--font-heading);font-weight:700;font-size:28px;line-height:1.2;letter-spacing:-.022em;margin:0}h2{font-family:var(--font-heading);font-weight:700;font-size:20px;line-height:1.2;letter-spacing:-.02em;margin:0}h3{font-family:var(--font-heading);font-weight:600;font-size:17px;letter-spacing:-.015em;margin:0}a{color:var(--secondary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius-sm)}.pb-route{animation:pb-route-in var(--dur-med) var(--ease-out) both}@keyframes pb-route-in{0%{opacity:0;transform:translateY(4px)}}.pb-stagger>*{animation:pb-rise var(--dur-med) var(--ease-spring) both}@keyframes pb-rise{0%{opacity:0;transform:translateY(6px)}}.pb-stagger>*:nth-child(1){animation-delay:0ms}.pb-stagger>*:nth-child(2){animation-delay:40ms}.pb-stagger>*:nth-child(3){animation-delay:80ms}.pb-stagger>*:nth-child(4){animation-delay:.12s}.pb-stagger>*:nth-child(n+5){animation-delay:.16s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.pb-stat-value,.pb-evrow-meta,.pb-seal-title{font-variant-numeric:tabular-nums}.pb-page{padding:32px 36px}.pb-loading{padding:24px;color:var(--text-3);font-family:var(--font-body)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{font:inherit}::selection{background:var(--accent-weak);color:var(--text)}