:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;background-color:#0f0f1a;color:#e0e0e0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=range]{-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:#2a2a4a;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#7aa2f7;cursor:pointer;border:2px solid #0f0f1a}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#7aa2f7;cursor:pointer;border:2px solid #0f0f1a}select{background-color:#2a2a4a;color:#e0e0e0;border:1px solid #3a3a5a;border-radius:6px;padding:6px 10px;font-size:13px;outline:none}select:focus{border-color:#7aa2f7}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f0f1a}::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a5a}