html,body,#root{width:100%;min-height:100%;margin:0}*{box-sizing:border-box}body{background:#050510;margin:0;overflow-x:hidden}input[type=range]{appearance:none;background:#ffffff1f;border-radius:999px;outline:none;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#00f7ff,#ff5fd2);border:1px solid #ffffff80;border-radius:50%;width:18px;height:18px;box-shadow:0 0 18px #00f7ff66}input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#00f7ff,#ff5fd2);border:1px solid #ffffff80;border-radius:50%;width:18px;height:18px}button{transition:transform .18s,box-shadow .18s,opacity .18s}button:hover{transform:translateY(-1px)scale(1.01);box-shadow:0 0 24px #00f7ff2e}button:active{transform:scale(.99)}@keyframes floatA{0%{transform:translate(0)}50%{transform:translate(20px,16px)}to{transform:translate(0)}}@keyframes floatB{0%{transform:translate(0)}50%{transform:translate(-16px,20px)}to{transform:translate(0)}}@keyframes floatC{0%{transform:translate(0)}50%{transform:translate(12px,-18px)}to{transform:translate(0)}}@keyframes pulseSplash{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}to{opacity:.7;transform:scale(1)}}