:root{color-scheme:light dark;--c-void-950:#08070d;--c-void-900:#0f0e17;--c-void-850:#16151f;--c-void-800:#1e1c2a;--c-void-700:#2b2839;--c-void-600:#3d3950;--c-void-400:#6b6584;--c-void-300:#948eab;--c-void-200:#c4bfd6;--c-void-100:#e8e5f0;--c-void-50:#f6f5fa;--c-arcade-500:#7c4dff;--c-arcade-400:#9670ff;--c-arcade-600:#6236e0;--c-cyan-500:#22d3ee;--c-cyan-400:#4ce0f5;--c-cyan-600:#0ea5c4;--c-victory-500:#fbbf24;--c-victory-600:#d99a10;--c-crimson-500:#f43f5e;--c-crimson-600:#d92546;--c-emerald-500:#34d399;--c-emerald-600:#15a97a;--font-display:"Chakra Petch","Rajdhani",system-ui,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--leading-tight:1.15;--leading-normal:1.55;--weight-normal:400;--weight-medium:500;--weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-full:999px;--duration-instant:90ms;--duration-fast:160ms;--duration-normal:260ms;--duration-slow:420ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--width-content:72rem;--width-prose:42rem;--touch-target-min:44px;--z-nav:100;--z-modal:400;--z-toast:500}:root,:root[data-theme=light]{--surface-base:var(--c-void-50);--surface-raised:#ffffff;--surface-sunken:var(--c-void-100);--surface-overlay:rgba(15,14,23,0.55);--border-subtle:var(--c-void-200);--border-strong:var(--c-void-300);--border-focus:var(--c-arcade-600);--text-primary:var(--c-void-900);--text-secondary:var(--c-void-600);--text-muted:var(--c-void-400);--text-on-accent:#ffffff;--accent-primary:var(--c-arcade-600);--accent-primary-hover:var(--c-arcade-500);--accent-secondary:var(--c-cyan-600);--accent-victory:var(--c-victory-600);--accent-discovery:var(--c-emerald-600);--accent-danger:var(--c-crimson-600);--shadow-card:0 1px 2px rgba(15,14,23,0.06),0 4px 12px rgba(15,14,23,0.05);--shadow-raised:0 8px 28px rgba(15,14,23,0.1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-base:var(--c-void-950);--surface-raised:var(--c-void-850);--surface-sunken:var(--c-void-900);--surface-overlay:rgba(8,7,13,0.72);--border-subtle:var(--c-void-700);--border-strong:var(--c-void-600);--border-focus:var(--c-arcade-400);--text-primary:var(--c-void-50);--text-secondary:var(--c-void-200);--text-muted:var(--c-void-400);--text-on-accent:var(--c-void-950);--accent-primary:var(--c-arcade-400);--accent-primary-hover:var(--c-arcade-500);--accent-secondary:var(--c-cyan-400);--accent-victory:var(--c-victory-500);--accent-discovery:var(--c-emerald-500);--accent-danger:var(--c-crimson-500);--shadow-card:0 1px 2px rgba(0,0,0,0.5),0 4px 16px rgba(0,0,0,0.4);--shadow-raised:0 12px 40px rgba(0,0,0,0.55)}}:root[data-theme=dark]{--surface-base:var(--c-void-950);--surface-raised:var(--c-void-850);--surface-sunken:var(--c-void-900);--surface-overlay:rgba(8,7,13,0.72);--border-subtle:var(--c-void-700);--border-strong:var(--c-void-600);--border-focus:var(--c-arcade-400);--text-primary:var(--c-void-50);--text-secondary:var(--c-void-200);--text-muted:var(--c-void-400);--text-on-accent:var(--c-void-950);--accent-primary:var(--c-arcade-400);--accent-primary-hover:var(--c-arcade-500);--accent-secondary:var(--c-cyan-400);--accent-victory:var(--c-victory-500);--accent-discovery:var(--c-emerald-500);--accent-danger:var(--c-crimson-500);--shadow-card:0 1px 2px rgba(0,0,0,0.5),0 4px 16px rgba(0,0,0,0.4);--shadow-raised:0 12px 40px rgba(0,0,0,0.55)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){:root{--duration-instant:1ms;--duration-fast:1ms;--duration-normal:1ms;--duration-slow:1ms}}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--surface-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-tight);text-wrap:balance}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}[role=button],a[href],button{min-height:var(--touch-target-min)}