@font-face{font-family:'Strangers Display';src:url('fonts/PlusJakartaSans-Variable-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Strangers Text';src:url('fonts/Inter-Variable-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root,[data-theme="dark"]{--surface-base:#0b1220;--surface-raised:#101a2b;--surface-sunken:#0a101e;--surface-inset:#1b2740;--scrim:#020617;--glass-fill:rgba(248, 250, 252, 0.06);--glass-stroke:rgba(248, 250, 252, 0.14);--glass-highlight:rgba(248, 250, 252, 0.22);--border-subtle:#1f2a3f;--border-strong:#64748b;--ink:#f8fafc;--ink-muted:#94a3b8;--ink-inverse:#0f172a;--on-accent:#ffffff;--on-success:#052e16;--accent:#14b8a6;--accent-strong:#0d9488;--accent-soft:#042f2e;--accent-text:#5eead4;--accent-2:#0ea5e9;--accent-2-text:#7dd3fc;--live:#22c55e;--live-soft:#052e16;--caution:#fbbf24;--danger:#f87171;--danger-soft:#450a0a;--focus-ring:#5eead4;--wave-near:#5eead4;--wave-far:#22d3ee;--wave-rest:#64748b;--aurora-1:#0d9488;--aurora-2:#0ea5e9;--aurora-3:#6366f1;--shadow-sm:0 1px 2px rgba(2, 6, 23, 0.6), inset 0 1px 0 rgba(248, 250, 252, 0.05);--shadow-md:0 8px 24px rgba(2, 6, 23, 0.55), inset 0 1px 0 rgba(248, 250, 252, 0.06);--shadow-lg:0 24px 64px rgba(2, 6, 23, 0.7), inset 0 1px 0 rgba(248, 250, 252, 0.08);--shadow-accent:0 12px 32px rgba(20, 184, 166, 0.42);}
[data-theme="light"]{--surface-base:#f8fafc;--surface-raised:#ffffff;--surface-sunken:#eef2f7;--surface-inset:#e6ecf4;--scrim:#0f172a;--glass-fill:rgba(15, 23, 42, 0.04);--glass-stroke:rgba(15, 23, 42, 0.10);--glass-highlight:rgba(255, 255, 255, 0.9);--border-subtle:#e2e8f0;--border-strong:#64748b;--ink:#0f172a;--ink-muted:#475569;--ink-inverse:#f8fafc;--on-accent:#ffffff;--on-success:#ffffff;--accent:#0d9488;--accent-strong:#0f766e;--accent-soft:#ccfbf1;--accent-text:#0f766e;--accent-2:#0284c7;--accent-2-text:#0369a1;--live:#15803d;--live-soft:#dcfce7;--caution:#a16207;--danger:#b91c1c;--danger-soft:#fee2e2;--focus-ring:#0f766e;--wave-near:#0d9488;--wave-far:#0284c7;--wave-rest:#64748b;--aurora-1:#2dd4bf;--aurora-2:#38bdf8;--aurora-3:#818cf8;--shadow-sm:0 1px 2px rgba(15, 23, 42, 0.07);--shadow-md:0 8px 24px rgba(15, 23, 42, 0.08);--shadow-lg:0 24px 64px rgba(15, 23, 42, 0.12);--shadow-accent:0 12px 32px rgba(13, 148, 136, 0.26);}
[data-theme="colorsafe"]{--surface-base:#0b1220;--surface-raised:#101a2b;--surface-sunken:#0a101e;--surface-inset:#1b2740;--scrim:#020617;--glass-fill:rgba(248, 250, 252, 0.06);--glass-stroke:rgba(248, 250, 252, 0.14);--glass-highlight:rgba(248, 250, 252, 0.22);--border-subtle:#1f2a3f;--border-strong:#64748b;--ink:#f8fafc;--ink-muted:#94a3b8;--ink-inverse:#0f172a;--on-accent:#ffffff;--on-success:#082f49;--accent:#14b8a6;--accent-strong:#0d9488;--accent-soft:#042f2e;--accent-text:#5eead4;--accent-2:#0ea5e9;--accent-2-text:#7dd3fc;--live:#38bdf8;--live-soft:#082f49;--caution:#fbbf24;--danger:#f87171;--danger-soft:#450a0a;--focus-ring:#5eead4;--wave-near:#5eead4;--wave-far:#22d3ee;--wave-rest:#64748b;--aurora-1:#0d9488;--aurora-2:#0ea5e9;--aurora-3:#6366f1;--shadow-sm:0 1px 2px rgba(2, 6, 23, 0.6), inset 0 1px 0 rgba(248, 250, 252, 0.05);--shadow-md:0 8px 24px rgba(2, 6, 23, 0.55), inset 0 1px 0 rgba(248, 250, 252, 0.06);--shadow-lg:0 24px 64px rgba(2, 6, 23, 0.7), inset 0 1px 0 rgba(248, 250, 252, 0.08);--shadow-accent:0 12px 32px rgba(20, 184, 166, 0.42);}
:root{--space-0\.5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:32px;--radius-full:999px;--opacity-disabled:0.45;--opacity-scrim:0.7;--opacity-aurora:0.35;--duration-1:120ms;--duration-2:200ms;--duration-3:320ms;--duration-4:640ms;--font-display:"Strangers Display", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-text:"Strangers Text", Inter, ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;}
.display-1{font-family:var(--font-display);font-size:76px;line-height:76px;font-weight:800;letter-spacing:-0.035em}
.display-2{font-family:var(--font-display);font-size:60px;line-height:62px;font-weight:800;letter-spacing:-0.032em}
.display-3{font-family:var(--font-display);font-size:44px;line-height:50px;font-weight:700;letter-spacing:-0.028em}
.display-4{font-family:var(--font-display);font-size:34px;line-height:40px;font-weight:700;letter-spacing:-0.022em}
.heading-1{font-family:var(--font-display);font-size:26px;line-height:32px;font-weight:700;letter-spacing:-0.018em}
.heading-2{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:700;letter-spacing:-0.012em}
.heading-3{font-family:var(--font-display);font-size:17px;line-height:24px;font-weight:600;letter-spacing:-0.006em}
.body-lead{font-family:var(--font-text);font-size:19px;line-height:31px;font-weight:400;letter-spacing:-0.004em}
.body{font-family:var(--font-text);font-size:16px;line-height:27px;font-weight:400}
.body-sm{font-family:var(--font-text);font-size:14px;line-height:22px;font-weight:400}
.caption{font-family:var(--font-text);font-size:13px;line-height:18px;font-weight:500}
.label{font-family:var(--font-text);font-size:14px;line-height:20px;font-weight:600;letter-spacing:-0.004em}
.label-sm{font-family:var(--font-text);font-size:12px;line-height:16px;font-weight:600}
.overline{font-family:var(--font-text);font-size:11px;line-height:14px;font-weight:700;letter-spacing:0.14em}
.stat-xl{font-family:var(--font-display);font-size:54px;line-height:56px;font-weight:800;letter-spacing:-0.03em}
.stat{font-family:var(--font-display);font-size:30px;line-height:34px;font-weight:700;letter-spacing:-0.02em}
.timer{font-family:var(--font-mono);font-size:15px;line-height:20px;font-weight:600}