:root{--bg:#eceae4;--ink:#22232a;--accent:#2f6fe0;--line:#dcdad2;--surface:#f8f6f1}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0;transition:background .35s}#root{min-height:100vh}input.scrub{appearance:none;background:var(--line);cursor:pointer;border-radius:100px;outline:none;height:9px}input.scrub::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:grab;border:3px solid #fff;border-radius:50%;width:26px;height:26px;box-shadow:0 2px 6px #0000004d}input.scrub::-moz-range-thumb{background:var(--accent);cursor:grab;border:3px solid #fff;border-radius:50%;width:26px;height:26px;box-shadow:0 2px 6px #0000004d}input.scrub:active::-webkit-slider-thumb{cursor:grabbing}input.scrub:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@keyframes spin{to{transform:rotate(360deg)}}.spin{transform-origin:50%;animation:.8s linear infinite spin}button{font-family:inherit;transition:background .2s,border-color .2s,color .2s}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:#2f6fe038}