body{background:#0b0b0b;text-align:center}body,h1{color:cyan}h1{font-size:3rem;font-weight:800;letter-spacing:2px;margin-bottom:8px;text-shadow:0 0 10px #84b5ffcc,0 0 5px #0c619d99}.sorting-root{padding:20px}.bars-container{align-items:flex-end;display:flex;gap:2px;height:400px;justify-content:center;margin:30px 0}.bar{background:cyan;box-shadow:0 0 8px cyan;transition:height .2s;width:12px}button{background:#000;border:1px solid cyan;color:cyan;cursor:pointer;margin:10px;padding:10px 16px}.controls{align-items:center;display:flex;gap:12px;justify-content:center}button,input,select{background:#000;border:1px solid cyan;color:cyan;padding:8px 14px}input[type=range]{accent-color:cyan}.bar.compare{animation:comparePulse .4s ease-out;background:#7f29ff;box-shadow:0 0 14px #7f29ff}@keyframes comparePulse{0%{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1.2)}to{transform:scaleY(1)}}.bar.swap{animation:swapWave .35s ease-in-out;background:#f35;box-shadow:0 0 18px #f35}@keyframes swapWave{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.bar.sorted{animation:sortedGlow .6s ease-out forwards;background:#0f8;box-shadow:0 0 20px #0f8}@keyframes sortedGlow{0%{opacity:.4;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1)}}.controls button,.controls input[type=range],.controls select{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #0ff6;border-radius:14px;box-shadow:0 8px 32px #0a30ec26,inset 0 0 10px #0ff3;color:cyan;font-weight:600;transition:all .3s ease}.controls button{cursor:pointer;text-shadow:0 0 0 cyan}.controls button:hover,.controls select:hover{background:#00ffff26;box-shadow:0 0 10px #f6fe1c,inset 0 0 2px #19fffb66;color:#fff}.controls button:active{box-shadow:inset 0 0 10px cyan;transform:scale(.96)}.controls input[type=range]{accent-color:cyan;height:6px}.controls select{bbackground:#ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #0ff6;border-radius:14px;box-shadow:0 8px 32px #0a30ec26,inset 0 0 10px #0ff3;color:cyan;font-weight:600;transition:all .3s ease}.controls select option{background:#0b0b0b;color:cyan}.controls select option:checked,.controls select option:hover{background:#00ffff40;color:#000}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;overflow-x:hidden}
/*# sourceMappingURL=main.d0177fc0.css.map*/