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