body{font-family:Inter,sans-serif;background:linear-gradient(to bottom right,#8b5cf6,#3b82f6);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e7eb;border-radius:.5rem;height:.5rem;outline:none;transition:opacity .15s ease-in-out}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:#2563eb;cursor:pointer;border:none;box-shadow:0 0 0 .25rem #3b82f680}input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:#2563eb;cursor:pointer;border:none;box-shadow:0 0 0 .25rem #3b82f680}label{white-space:nowrap;font-weight:700}