*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg2: #111118;--bg3: #1a1a24;--bg4: #22223a;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.13);--accent-noise: #ff6b35;--accent-noise2: #ff9a5c;--accent-filter: #00e5ff;--accent-filter2: #7df9ff;--accent-proc: #a259ff;--accent-proc2: #c084fc;--text: #f0f0f8;--text2: #9090a8;--text3: #5a5a72;--green: #22c55e;--red: #ef4444;--yellow: #eab308;--radius: 12px;--radius2: 8px;--shadow: 0 8px 32px rgba(0,0,0,.5)}html{font-size:14px}body{background:var(--bg);color:var(--text);font-family:Syne,sans-serif;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--bg4);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 8px var(--accent)}button{cursor:pointer;font-family:Syne,sans-serif}canvas{display:block}