:root {--font-size-3xl: 2.375rem;--ch-glass: rgba(255, 255, 255, 0.7);--radius-xl: 30px;--ch-glass-line: rgba(58, 47, 196, 0.12);--font-size-4xl: 3.5rem;--font-size-5xl: 4.5rem;--radius-full: 999px;--ch-m1: #7b6cff;--shadow-sm: 0 12px 30px -20px rgba(40, 30, 120, 0.3);--space-1: 4px;--ch-m2: #f29bd4;--space-2: 8px;--shadow-md: 0 14px 34px -22px rgba(40, 30, 120, 0.34);--ch-m3: #ffb48a;--shadow-lg: 0 24px 56px -30px rgba(40, 30, 120, 0.38);color-scheme: light;--space-3: 12px;--color-white: #fbfaff;--ch-m4: #8fe3cf;--shadow-xl: 0 30px 70px -36px rgba(40, 30, 120, 0.35);--ch-m5: #9cc9ff;--space-4: 16px;--color-dark: #16132b;--space-5: 24px;--transition-fast: 160ms ease;--ch-mesh-a: 0.55;--transition-base: 200ms ease;--color-accent: #3a2fc4;--space-6: 32px;--color-accent-hover: #2e2599;--ch-mesh: radial-gradient(38% 42% at 18% 30%, var(--ch-m1), transparent 70%), radial-gradient(32% 38% at 78% 22%, var(--ch-m2), transparent 70%),
radial-gradient(34% 40% at 62% 78%, var(--ch-m3), transparent 70%), radial-gradient(30% 34% at 30% 82%, var(--ch-m4), transparent 70%),
radial-gradient(28% 30% at 92% 70%, var(--ch-m5), transparent 70%);--transition-slow: 300ms ease;--ch-ink: #16132b;--space-8: 48px;--color-accent-light: rgba(58, 47, 196, 0.06);--space-10: 56px;--header-height: 68px;--color-on-accent: #ffffff;--ch-glow: 0 14px 30px -14px rgba(58, 47, 196, 0.8);--header-bg: rgba(251, 250, 255, 0.74);--ch-shadow: 0 30px 70px -36px rgba(40, 30, 120, 0.35);--space-12: 72px;--color-accent-text: #3a2fc4;--space-16: 96px;--hero-bg: transparent;--font-family: "Manrope", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--hero-glow: none;--color-accent-text-hover: #2e2599;--space-20: 112px;--color-text-body: #37334f;--font-head: "Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--cta-bg: rgba(255, 255, 255, 0.7);--font-size-xs: 0.8125rem;--space-24: 128px;--color-text-subtle: #615d7c;--max-width: 1200px;--answer-bg: rgba(255, 255, 255, 0.7);--font-size-sm: 0.9375rem;--overlay-solid: rgba(22, 19, 43, 0.96);--color-bg-alt: #f3f1fc;--measure: 44rem;--color-bg-dark: #16132b;--font-size-base: 1.0625rem;--overlay-ink: #f3f1ff;--font-size-lg: 1.125rem;--gutter: clamp(16px, 4vw, 36px);--overlay-scrim: rgba(22, 19, 43, 0.45);--color-border: #e6e3f3;--radius-sm: 8px;--color-border-strong: #d3cef0;--font-size-xl: 1.25rem;--font-size-2xl: 1.625rem;--radius-md: 14px;--ch-surface: #ffffff;--radius-lg: 22px;}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {--ch-glass: rgba(24, 20, 44, 0.66);--ch-glass-line: rgba(194, 184, 255, 0.16);--ch-mesh-a: 0.32;--ch-glow: 0 14px 30px -14px rgba(179, 168, 255, 0.45);--ch-shadow: 0 30px 70px -36px rgba(0, 0, 0, 0.8);color-scheme: dark;--color-white: #0c0a18;--shadow-sm: 0 12px 30px -20px rgba(0, 0, 0, 0.7);--shadow-md: 0 14px 34px -22px rgba(0, 0, 0, 0.72);--color-dark: #f3f1ff;--shadow-lg: 0 24px 56px -30px rgba(0, 0, 0, 0.76);--color-accent: #b3a8ff;--color-accent-hover: #c9c1ff;--shadow-xl: 0 30px 70px -36px rgba(0, 0, 0, 0.8);--header-bg: rgba(12, 10, 24, 0.72);--color-accent-light: rgba(179, 168, 255, 0.08);--color-on-accent: #120e2a;--cta-bg: rgba(24, 20, 44, 0.66);--answer-bg: rgba(24, 20, 44, 0.66);--color-accent-text: #c2b8ff;--overlay-solid: rgba(38, 33, 68, 0.98);--color-accent-text-hover: #ddd7ff;--color-text-body: #d2ceea;--overlay-scrim: rgba(0, 0, 0, 0.6);--color-text-subtle: #a5a0c4;--color-bg-alt: #120f22;--color-bg-dark: #0c0a18;--color-border: rgba(255, 255, 255, 0.1);--color-border-strong: rgba(255, 255, 255, 0.2);--ch-surface: #17142b;}
}
:root[data-theme="dark"] {--ch-glass: rgba(24, 20, 44, 0.66);--ch-glass-line: rgba(194, 184, 255, 0.16);--ch-mesh-a: 0.32;--ch-glow: 0 14px 30px -14px rgba(179, 168, 255, 0.45);--ch-shadow: 0 30px 70px -36px rgba(0, 0, 0, 0.8);color-scheme: dark;--color-white: #0c0a18;--shadow-sm: 0 12px 30px -20px rgba(0, 0, 0, 0.7);--shadow-md: 0 14px 34px -22px rgba(0, 0, 0, 0.72);--color-dark: #f3f1ff;--shadow-lg: 0 24px 56px -30px rgba(0, 0, 0, 0.76);--color-accent: #b3a8ff;--color-accent-hover: #c9c1ff;--shadow-xl: 0 30px 70px -36px rgba(0, 0, 0, 0.8);--header-bg: rgba(12, 10, 24, 0.72);--color-accent-light: rgba(179, 168, 255, 0.08);--color-on-accent: #120e2a;--cta-bg: rgba(24, 20, 44, 0.66);--answer-bg: rgba(24, 20, 44, 0.66);--color-accent-text: #c2b8ff;--overlay-solid: rgba(38, 33, 68, 0.98);--color-accent-text-hover: #ddd7ff;--color-text-body: #d2ceea;--overlay-scrim: rgba(0, 0, 0, 0.6);--color-text-subtle: #a5a0c4;--color-bg-alt: #120f22;--color-bg-dark: #0c0a18;--color-border: rgba(255, 255, 255, 0.1);--color-border-strong: rgba(255, 255, 255, 0.2);--ch-surface: #17142b;}
@media (prefers-reduced-motion: reduce) {
:root {--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms;}
}