*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c0c10;--surface: #13131a;--surface2: #1c1c28;--border: #2a2a3d;--accent: #7c3aed;--accent-dim: #4c1d95;--accent-glow: rgba(124,58,237,.35);--text: #e2e0f0;--text-muted: #6b6a80;--dot-draw: #f43f5e;--dot-play: #38bdf8;--dot-gsap: #a78bfa;--green: #34d399}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5;min-height:100vh}canvas{display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@keyframes spin{to{transform:rotate(360deg)}}