*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f9f9f8;--surface: #ffffff;--border: #e5e5e3;--text: #1a1a18;--muted: #888884;--accent: #1a1a18;--accent-fg: #f9f9f8;--radius: 10px;--mono: "DM Mono", monospace;--sans: "DM Sans", sans-serif}[data-theme=dark]{--bg: #111110;--surface: #1c1c1a;--border: #2e2e2c;--text: #f0f0ee;--muted: #666662;--accent: #f0f0ee;--accent-fg: #111110}html{font-size:15px}body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh;transition:background .25s,color .25s;-webkit-font-smoothing:antialiased}button{font-family:var(--sans);cursor:pointer;border:none;background:none}input[type=range]{-webkit-appearance:none;width:100%;height:2px;background:var(--border);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}select{font-family:var(--mono);font-size:.8rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@media (max-width: 600px){html{font-size:14px}}