body{color:#fff;background-color:#0f172a;margin:0;overflow:hidden}canvas{touch-action:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.range-slider-cyan,.range-slider-pink,.range-slider-amber,.range-slider-green{appearance:none;cursor:pointer;background:#374151;border-radius:9999px;outline:none;width:100%;height:6px}.range-slider-cyan::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#22d3ee;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 10px #22d3ee80}.range-slider-cyan::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #22d3eecc}.range-slider-cyan::-moz-range-thumb{cursor:pointer;background:#22d3ee;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #22d3ee80}.range-slider-pink::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f472b6;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 10px #f472b680}.range-slider-pink::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #f472b6cc}.range-slider-pink::-moz-range-thumb{cursor:pointer;background:#f472b6;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #f472b680}.range-slider-amber::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fbbf24;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 10px #fbbf2480}.range-slider-amber::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #fbbf24cc}.range-slider-amber::-moz-range-thumb{cursor:pointer;background:#fbbf24;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #fbbf2480}.range-slider-green::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#34d399;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 10px #34d39980}.range-slider-green::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #34d399cc}.range-slider-green::-moz-range-thumb{cursor:pointer;background:#34d399;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #34d39980}