*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #06060b;--s1: #0c0c14;--s2: #12121e;--line: #1a1a2e;--brand: #00b4ff;--accent: #7b61ff;--gold: #ffd700;--green: #00ff88;--yellow: #ffaa00;--red: #ff4444;--paper: #e8e8f0;--mute: #666680;--dim: #44445a;--font: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--grad: linear-gradient(135deg, #00b4ff, #7b61ff);--shadow-brand: 0 4px 30px rgba(0,180,255,.15);--shadow-modal: 0 20px 60px rgba(0,0,0,.5);--shadow-glow: 0 0 40px rgba(0,180,255,.3);--max-w: 1280px}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--paper);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::selection{background:#00b4ff4d}a{color:inherit}.grad-bg{background:var(--grad)}.grad-text{background:linear-gradient(135deg,#00b4ff,#7b61ff,#00b4ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradshift 8s linear infinite}@keyframes gradshift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.glass{background:#0c0c14b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pulse-dot{animation:pdot 2s infinite}@keyframes pdot{0%,to{opacity:1}50%{opacity:.4}}.float-y{animation:floaty 4s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bar-fill{animation:barfill .6s ease forwards}@keyframes barfill{0%{width:0}}.tabular-nums{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}