*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#3b82f6,#06b6d4);border:3px solid #ffffff;box-shadow:0 2px 6px #0003,0 0 0 2px #4f46e51a;cursor:pointer;transition:all .2s ease;margin-top:-4px}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #0000004d,0 0 0 4px #4f46e526}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1);box-shadow:0 2px 4px #00000040,0 0 0 3px #4f46e533}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#3b82f6,#06b6d4);border:3px solid #ffffff;box-shadow:0 2px 6px #0003,0 0 0 2px #4f46e51a;cursor:pointer;transition:all .2s ease}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #0000004d,0 0 0 4px #4f46e526}input[type=range]::-moz-range-thumb:active{transform:scale(1.1);box-shadow:0 2px 4px #00000040,0 0 0 3px #4f46e533}input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:9999px;background:transparent}input[type=range]::-moz-range-track{height:12px;border-radius:9999px;background:transparent;border:none}