:root{color-scheme:light;--brand-navy: #28364b;--brand-navy-light: #405574;--brand-navy-dark: #192537;--brand-teal: #3f7c69;--brand-teal-dark: #315f51;--brand-orange: #b77842;--brand-orange-dark: #915a30;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Source Code Pro", ui-monospace, "SF Mono", monospace;--bg: #f6f5f2;--surface: #ffffff;--surface-2: #f0f2f5;--line: #e1e5eb;--hair-strong: #c5ccd6;--text: #253247;--text-2: #526075;--text-3: #5f6b7f;--primary: var(--brand-navy);--secondary: var(--accent-ink);--accent: #47658e;--accent-ink: #34537e;--accent-weak: #edf2f8;--on-accent: #ffffff;--selection-bg: #eaf0f7;--selection-text: #344f73;--logo-book: #28364b;--logo-play: #45856f;--tier-progress-bg: #eef1f5;--tier-progress-text: #59677a;--tier-standard-bg: #eaf3ee;--tier-standard-text: #327357;--tier-distinction-bg: #f0ecf8;--tier-distinction-text: #6d568f;--tier-rank-0: #59677a;--tier-rank-1: #47658e;--tier-rank-2: #327357;--tier-rank-3: #755d95;--tier-rank-4: #6d568f;--tier-rank-bg-0: #eef1f5;--tier-rank-bg-2: #eaf3ee;--tier-rank-bg-4: #f0ecf8;--success: #327357;--warning: #896028;--danger: #ad4c52;--hero-wash-a: color-mix(in srgb, var(--accent) 4%, transparent);--hero-wash-b: color-mix(in srgb, var(--accent) 1%, transparent);--hero-mark: .025;--track-bg: #e3e7ee;--track-inset: inset 0 1px 1px rgba(37, 50, 71, .025);--well-bg: #f8f9fb;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--sidebar-w: 232px;--topbar-h: 60px;--glass-bg: rgba(255, 255, 255, .96);--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 16px 48px -16px rgba(37, 50, 71, .22), 0 2px 8px rgba(37, 50, 71, .04);--shadow-card: 0 1px 2px rgba(37, 50, 71, .025);--shadow-row: 0 1px 2px rgba(37, 50, 71, .025);--focus: 0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}[data-theme=dark]{color-scheme:dark;--bg: #151a22;--surface: #1d2430;--surface-2: #27303e;--line: #374254;--hair-strong: #55657c;--text: #edf1f7;--text-2: #bdc8d7;--text-3: #a0aec0;--glass-bg: rgba(29, 36, 48, .96);--brand-teal: #83b8a0;--brand-teal-dark: #a6ceb9;--accent: #a7bddf;--accent-ink: #c7d7ef;--accent-weak: #2a3950;--on-accent: #18263c;--selection-bg: #2b3a50;--selection-text: #dce7f7;--logo-book: #edf1f7;--logo-play: #83b8a0;--tier-progress-bg: #293341;--tier-progress-text: #bdc8d7;--tier-standard-bg: #253c34;--tier-standard-text: #96c9ad;--tier-distinction-bg: #363047;--tier-distinction-text: #c8b4e6;--tier-rank-0: #bdc8d7;--tier-rank-1: #a7bddf;--tier-rank-2: #96c9ad;--tier-rank-3: #b8a1d8;--tier-rank-4: #c8b4e6;--tier-rank-bg-0: #293341;--tier-rank-bg-2: #253c34;--tier-rank-bg-4: #363047;--success: #96c9ad;--warning: #e0bd83;--danger: #ef9c9e;--hero-wash-a: color-mix(in srgb, var(--accent) 7%, transparent);--hero-wash-b: color-mix(in srgb, var(--accent) 2%, transparent);--hero-mark: .035;--track-bg: #344155;--track-inset: inset 0 1px 1px rgba(0, 0, 0, .12);--well-bg: #202936;--shadow-pop: 0 16px 48px -16px rgba(0, 0, 0, .5);--shadow-card: 0 1px 2px rgba(0, 0, 0, .12);--shadow-row: 0 1px 2px rgba(0, 0, 0, .12)}*,*: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.55;letter-spacing:normal;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{font-family:var(--font-heading);font-weight:600;font-size:28px;line-height:1.3;letter-spacing:-.022em;margin:0}h2{font-family:var(--font-heading);font-weight:600;font-size:20px;line-height:1.3;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}input::placeholder,textarea::placeholder{color:var(--text-3);opacity:1}::selection{background:var(--accent-weak);color:var(--text)}