*{box-sizing:border-box}body{color:#eee;background:#1a1a1a;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100vh}input[type=range]{appearance:none;background:#444;border-radius:2px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#6a9fd8;border-radius:50%;width:14px;height:14px}button:hover{filter:brightness(1.2)}button:active{filter:brightness(.9)}button:disabled{opacity:.5;cursor:not-allowed}