:root{--font-sans:Inter,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--ease:cubic-bezier(.2,.7,.2,1);--spring:cubic-bezier(.2,.9,.3,1.15);--c-live:#e35a57;--c-fire:#e8a24b;--c-star:#d9b34c;--c-online:#22c55e;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-56:56px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-full:999px;--border-hair:1px;--border-1:1px;--border-2:2px;--dur-micro:0.2s;--dur-subtle:0.25s;--dur-standard:0.3s;--dur-tabs:0.35s;--dur-card:0.4s;--dur-expand:0.45s;--dur-appear:0.55s;--dur-progress:0.8s;--dur-fast:0.2s;--dur-mid:0.3s;--dur-slow:0.45s;--z-base:1;--z-card:10;--z-nav:20;--z-popover:30;--z-tabbar:40;--z-overlay:60;--z-modal:70;--z-toast:90;--page-max-w:1280px;--page-pad-x:var(--space-28);--page-gap-y:var(--space-32)}:root,:root[data-theme=dark]{color-scheme:dark;--bg:#000000;--bg-1:#08090a;--bg-2:#101114;--bg-3:#17181c;--line:#1c1d21;--line-2:#26272c;--text:#ededee;--text-2:#9fa0a6;--text-3:#6a6b72;--text-4:#3d3e44;--accent:#ededee;--accent-ink:#0a0a0b;--accent-soft:rgba(237,237,238,0.08);--accent-line:rgba(237,237,238,0.22);--accent-glow:rgba(237,237,238,0.30);--accent-handle:rgba(237,237,238,0.30);--backdrop:rgba(0,0,0,0.70);--backdrop-strong:rgba(0,0,0,0.75);--backdrop-fade:rgba(0,0,0,0.85);--overlay-soft:rgba(255,255,255,0.10);--overlay-soft-2:rgba(255,255,255,0.15);--shadow-card:0 1px 2px rgba(0,0,0,0.40);--shadow-popover:0 8px 24px rgba(0,0,0,0.60);--shadow-modal:0 24px 64px rgba(0,0,0,0.70);--grid-overlay-line:rgba(255,255,255,0.018);--card-surface:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018));--card-surface-hover:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));--card-border:rgba(255,255,255,.075);--card-border-hover:rgba(255,255,255,.12);--card-glow:rgba(45,212,191,.12)}:root[data-theme=light]{color-scheme:light;--bg:#ffffff;--bg-1:#fafbfc;--bg-2:#f3f4f6;--bg-3:#e9eaee;--line:#e3e4e7;--line-2:#d2d4d8;--text:#18191b;--text-2:#4d4e54;--text-3:#78797f;--text-4:#a8a9ad;--accent:#4a4a4c;--accent-ink:#ffffff;--accent-soft:rgba(74,74,76,0.10);--accent-line:rgba(74,74,76,0.22);--accent-glow:rgba(74,74,76,0.26);--accent-handle:rgba(74,74,76,0.30);--backdrop:rgba(255,255,255,0.70);--backdrop-strong:rgba(255,255,255,0.78);--backdrop-fade:rgba(255,255,255,0.88);--overlay-soft:rgba(0,0,0,0.06);--overlay-soft-2:rgba(0,0,0,0.10);--shadow-card:0 1px 2px rgba(15,20,35,0.08);--shadow-popover:0 8px 24px rgba(15,20,35,0.12);--shadow-modal:0 24px 64px rgba(15,20,35,0.18);--grid-overlay-line:rgba(0,0,0,0.04);--card-surface:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.015));--card-surface-hover:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.025));--card-border:rgba(0,0,0,.10);--card-border-hover:rgba(0,0,0,.16);--card-glow:rgba(45,212,191,.16)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translateX(12px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}[data-page]{max-width:var(--page-max-w);margin:0 auto;padding:0 var(--page-pad-x)}[data-page],[data-region]{display:block;width:100%}[data-region]+[data-region]{margin-top:var(--page-gap-y)}.focus-ring:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-md)}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(var(--grid-overlay-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-overlay-line) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}