:root{--color-bg:#fff;--color-bg-secondary:#fff;--color-surface:#fff;--color-fg:#05070d;--color-fg-secondary:#4b5568;--color-border:#05070d1a;--color-surface-muted:#f5f6f8;--color-primary-900:#0b1c3d;--color-primary-700:#14307a;--color-primary-500:#2e5cff;--color-primary-300:#7fa0ff;--color-primary-100:#e8edff;--color-accent:#22d3ee;--color-accent-dim:#22d3ee59;--gradient-primary:linear-gradient(135deg, #0b1c3d 0%, #2e5cff 100%);--gradient-text:linear-gradient(90deg, #2e5cff 0%, #22d3ee 100%);--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f59e0b;--glass-bg:#ffffff8c;--glass-border:#05070d14;--glass-blur:18px;--shadow-sm:0 2px 8px #0b1c3d0f;--shadow-md:0 10px 30px #0b1c3d1a;--shadow-glow:0 0 36px #22d3ee59;--radius-sm:6px;--radius-md:12px;--radius-lg:22px;--radius-full:999px;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--text-xs:clamp(.75rem, .7rem + .2vw, .875rem);--text-sm:clamp(.875rem, .8rem + .3vw, 1rem);--text-base:clamp(1rem, .95rem + .3vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .5vw, 1.375rem);--text-xl:clamp(1.375rem, 1.2rem + .8vw, 1.75rem);--text-2xl:clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);--text-3xl:clamp(2.25rem, 1.7rem + 2.5vw, 3.5rem);--text-4xl:clamp(2.75rem, 2rem + 4vw, 4.75rem);--toggle-track:#0b1c3d;--neu-light:#fff;--neu-dark:#c8d0dc;--shadow-soft:-6px -6px 14px var(--neu-light), 6px 6px 16px var(--neu-dark);--shadow-soft-pressed:inset -4px -4px 8px var(--neu-light), inset 4px 4px 10px var(--neu-dark);--shadow-neu:-4px -2px 6px 0 var(--neu-light), 4px 2px 8px 0 var(--neu-dark), 2px 2px 3px 0 var(--neu-dark) inset, -2px -2px 3px 0 var(--neu-light) inset;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.6s ease}[data-theme=dark]{--color-bg:#04070f;--color-bg-secondary:#090d18;--color-surface-muted:#0f1526;--color-surface:#0c1120;--color-fg:#f2f5fa;--color-fg-secondary:#92a0b8;--color-border:#ffffff14;--color-primary-900:#e8edff;--color-primary-700:#a9bdff;--color-primary-500:#5b82ff;--color-primary-300:#2e5cff;--color-primary-100:#14307a;--neu-light:#131b30;--neu-dark:#01030a;--gradient-primary:linear-gradient(135deg, #050914 0%, #14307a 100%);--gradient-text:linear-gradient(90deg, #5b82ff 0%, #22d3ee 100%);--glass-bg:#0c11208c;--glass-border:#ffffff14;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 10px 32px #00000080;--shadow-glow:0 0 42px #22d3ee4d}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans), system-ui, sans-serif;font-size:var(--text-base);transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.02em;font-weight:700;line-height:1.15}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{max-width:65ch}img{max-width:100%;display:block}.mono-label{font-family:var(--font-sans), system-ui, sans-serif;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.grid-pattern{background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);background-size:48px 48px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}