*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}input[type=text]{font-family:inherit;font-size:inherit}input[type=text]:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}button:hover{opacity:.9}button:active{transform:scale(.97)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aaa}input[type=range]{appearance:none;background:#ddd;border-radius:2px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2563eb;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 1px 3px #0003}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.05)}input[type=range]::-moz-range-thumb{cursor:pointer;background:#2563eb;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}::selection{background:#2563eb33}