*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0f1e;color:#e0e8ff;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}input[type=range]{-webkit-appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,#00d4ff 0%,#00d4ff var(--val, 50%),#1e2a40 var(--val, 50%));outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer;box-shadow:0 0 8px #00d4ff99}