body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1a2a6c,#2c3e50);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.App{align-items:center;display:flex;flex-direction:column;gap:25px;margin:0 auto;max-width:1200px}.app-header{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:20px;text-align:center;width:100%}.app-header h1{color:#fff;font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.app-header p{font-size:1.1rem;opacity:.9}.algorithm-selection{background:#ffffff1a;border-radius:16px;padding:20px;text-align:center;width:100%}.algorithm-selection h2{color:#fff;font-size:1.5rem;margin-bottom:15px}.algorithm-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.algo-btn{background:#ffffff26;border:2px solid #0000;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.algo-btn:hover:not(:disabled){background:#ffffff40;transform:translateY(-2px)}.algo-btn.active{background:linear-gradient(45deg,#3498db,#2c3e50);border-color:#ffffff80;box-shadow:0 4px 15px #3498db66}.algo-btn:disabled{cursor:not-allowed;opacity:.6}.visualization-container{background:#ffffffe6;border-radius:16px;box-shadow:0 8px 32px #0003;overflow-x:auto;padding:20px;width:100%}.bar-container{align-items:flex-end;gap:6px;height:350px;min-width:-webkit-min-content;min-width:min-content;padding:20px 10px}.bar,.bar-container{display:flex;justify-content:center}.bar{background:linear-gradient(0deg,#2980b9,#3498db);border-radius:5px 5px 0 0;box-shadow:0 2px 5px #0000001a;position:relative;transition:height .2s ease;width:28px}.bar-value{background:#ffffffe6;border-radius:4px;bottom:-25px;color:#2c3e50;font-size:12px;font-weight:700;min-width:20px;padding:2px 4px;position:absolute;text-align:center}.bar.active{background:linear-gradient(0deg,#1a5276,#2c3e50)}.bar.sorted{background:linear-gradient(0deg,#27ae60,#2ecc71)}.controls{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;width:100%}.control-btn{align-items:center;border:none;border-radius:50px;box-shadow:0 4px 10px #00000026;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease}.control-btn.generate{background:linear-gradient(45deg,#3498db,#2980b9)}.control-btn.start{background:linear-gradient(45deg,#2ecc71,#27ae60)}.control-btn.pause{background:linear-gradient(45deg,#f39c12,#e67e22)}.control-btn.resume{background:linear-gradient(45deg,#2ecc71,#27ae60)}.control-btn.stop{background:linear-gradient(45deg,#e74c3c,#c0392b)}.control-btn:hover:not(:disabled){box-shadow:0 6px 15px #0003;transform:translateY(-3px)}.control-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.status{background:#ffffff1a;border-radius:50px;font-weight:600;padding:15px 25px}.status,.status-ready,.status-sorting{align-items:center;display:flex;gap:10px}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.App{gap:15px}.app-header h1{font-size:2rem}.algorithm-buttons{gap:8px}.algo-btn{font-size:.9rem;padding:10px 15px}.bar-container{gap:4px;height:300px}.bar{width:20px}.bar-value{bottom:-22px;font-size:10px;min-width:16px;padding:1px 3px}.controls{align-items:center;flex-direction:column}.control-btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.584a7016.css.map*/