*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg2: #111118;--bg3: #18181f;--bg4: #1e1e28;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #e8e8f0;--text2: #9090a8;--text3: #5a5a72;--accent: #7c6af7;--accent2: #a78bfa;--teal: #2dd4a0;--coral: #f97066;--amber: #f5a623;--green: #4ade80;--mono: "JetBrains Mono", monospace;--sans: "DM Sans", sans-serif;--display: "Syne", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg4);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent2);border:2px solid var(--bg);cursor:pointer;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}button{font-family:var(--sans);cursor:pointer}code,.mono{font-family:var(--mono);font-size:.85em}