:root {--color-border: #e4e4e7;--font-size-2xl: 1.75rem;--font-size-3xl: 2.5rem;--radius-lg: 16px;--color-border-strong: #0b0b0d;--radius-xl: 16px;--font-size-4xl: 3.5rem;--color-success: #0d7a4d;--font-size-5xl: 5rem;--radius-full: 999px;--color-success-light: rgba(13, 122, 77, 0.1);--shadow-sm: 0 1px 0 rgba(11, 11, 13, 0.08);--space-1: 4px;--cd-rule: #0b0b0d;--shadow-md: 0 14px 30px -18px rgba(11, 11, 13, 0.4);--cd-surface: #ffffff;--space-2: 8px;--space-3: 12px;--shadow-lg: 0 30px 60px -30px rgba(11, 11, 13, 0.35);--cd-band: #0b0b0d;--shadow-xl: 0 30px 60px -30px rgba(11, 11, 13, 0.5);--space-4: 16px;color-scheme: light;--cd-band-text: #fafafa;--transition-fast: 150ms ease;--cd-band-soft: #c9c9cf;--space-5: 24px;--color-white: #ffffff;--space-6: 32px;--transition-base: 200ms ease;--color-dark: #0b0b0d;--cd-band-muted: #a1a1aa;--transition-slow: 300ms ease;--cd-band-line: #2a2a30;--space-8: 48px;--color-accent: #d70f24;--space-10: 56px;--header-height: 64px;--cd-band-red: #ff3b4a;--header-bg: rgba(255, 255, 255, 0.96);--color-accent-hover: #b00b1d;--space-12: 72px;--color-accent-light: rgba(215, 15, 36, 0.06);--cd-focus: #c20d20;--hero-bg: transparent;--font-family: "Instrument Sans", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--space-16: 96px;--color-on-accent: #ffffff;--space-20: 112px;--hero-glow: none;--font-head: "Anton", Impact, "Haettenschweiler", "Arial Narrow Bold", "Franklin Gothic Condensed", ui-sans-serif, sans-serif;--cta-bg: #0b0b0d;--color-accent-text: #c20d20;--space-24: 136px;--color-accent-text-hover: #9a0a19;--font-size-xs: 0.8125rem;--answer-bg: #0b0b0d;--font-size-sm: 0.9375rem;--max-width: 1280px;--color-text-body: #2b2b31;--measure: 45rem;--overlay-solid: rgba(255, 255, 255, 0.98);--color-text-subtle: #5f5f69;--font-size-base: 1.0625rem;--overlay-ink: #0b0b0d;--font-size-lg: 1.1875rem;--gutter: clamp(16px, 4vw, 40px);--color-bg-alt: #f4f4f5;--radius-sm: 6px;--overlay-scrim: rgba(11, 11, 13, 0.55);--font-size-xl: 1.375rem;--color-bg-dark: #0b0b0d;--radius-md: 10px;}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {--color-border: #2a2a30;--overlay-solid: rgba(27, 27, 31, 0.98);--overlay-ink: #f7f7f8;--color-border-strong: #f7f7f8;--overlay-scrim: rgba(0, 0, 0, 0.6);--color-success: #5fe0a0;--color-success-light: rgba(95, 224, 160, 0.12);--cd-rule: #f7f7f8;--cd-surface: #1b1b1f;--cd-band: #1b1b1f;color-scheme: dark;--cd-band-text: #f7f7f8;--cd-band-soft: #c9c9cf;--color-white: #0b0b0d;--color-dark: #f7f7f8;--cd-band-muted: #a1a1aa;--cd-band-line: #33333a;--color-accent: #ff2e44;--cd-band-red: #ff6b78;--color-accent-hover: #ff5563;--color-accent-light: rgba(255, 46, 68, 0.1);--cd-focus: #ff6b78;--shadow-sm: 0 1px 0 rgba(0, 0, 0, 0.5);--color-on-accent: #0b0b0d;--shadow-md: 0 14px 30px -18px rgba(0, 0, 0, 0.8);--color-accent-text: #ff6b78;--color-accent-text-hover: #ff9aa3;--shadow-lg: 0 30px 60px -30px rgba(0, 0, 0, 0.8);--shadow-xl: 0 30px 60px -30px rgba(0, 0, 0, 0.9);--color-text-body: #d4d4d8;--color-text-subtle: #a1a1aa;--header-bg: rgba(11, 11, 13, 0.94);--cta-bg: #1b1b1f;--color-bg-alt: #141417;--answer-bg: #1b1b1f;--color-bg-dark: #0b0b0d;}
}
:root[data-theme="dark"] {--color-border: #2a2a30;--overlay-solid: rgba(27, 27, 31, 0.98);--overlay-ink: #f7f7f8;--color-border-strong: #f7f7f8;--overlay-scrim: rgba(0, 0, 0, 0.6);--color-success: #5fe0a0;--color-success-light: rgba(95, 224, 160, 0.12);--cd-rule: #f7f7f8;--cd-surface: #1b1b1f;--cd-band: #1b1b1f;color-scheme: dark;--cd-band-text: #f7f7f8;--cd-band-soft: #c9c9cf;--color-white: #0b0b0d;--color-dark: #f7f7f8;--cd-band-muted: #a1a1aa;--cd-band-line: #33333a;--color-accent: #ff2e44;--cd-band-red: #ff6b78;--color-accent-hover: #ff5563;--color-accent-light: rgba(255, 46, 68, 0.1);--cd-focus: #ff6b78;--shadow-sm: 0 1px 0 rgba(0, 0, 0, 0.5);--color-on-accent: #0b0b0d;--shadow-md: 0 14px 30px -18px rgba(0, 0, 0, 0.8);--color-accent-text: #ff6b78;--color-accent-text-hover: #ff9aa3;--shadow-lg: 0 30px 60px -30px rgba(0, 0, 0, 0.8);--shadow-xl: 0 30px 60px -30px rgba(0, 0, 0, 0.9);--color-text-body: #d4d4d8;--color-text-subtle: #a1a1aa;--header-bg: rgba(11, 11, 13, 0.94);--cta-bg: #1b1b1f;--color-bg-alt: #141417;--answer-bg: #1b1b1f;--color-bg-dark: #0b0b0d;}
@media (prefers-reduced-motion: reduce) {
:root {--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms;}
}