*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);font-family:Nunito,sans-serif;margin:0;min-height:100vh;overflow-x:hidden}body:before{-webkit-animation:backgroundPulse 10s ease-in-out infinite alternate;animation:backgroundPulse 10s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%,rgba(78,143,250,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(34,211,238,.08) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(250,204,21,.05) 0,transparent 40%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}@-webkit-keyframes backgroundPulse{0%{opacity:.8}to{opacity:1}}@keyframes backgroundPulse{0%{opacity:.8}to{opacity:1}}code{font-family:Nunito,sans-serif}:root{--background-color:#0f172a;--text-color:#f8fafc;--primary-color:#4e8ffa;--secondary-color:#22c55e;--accent-color:#f8f9fa;--border-color:rgba(78,143,250,.3);--bar-color:#4e8ffa;--bar-color-secondary:#facc15;--surface-color:rgba(30,41,59,.8);--surface-hover:rgba(30,41,59,.95);--glow-primary:rgba(78,143,250,.4);--glow-secondary:rgba(250,204,21,.4)}body.dark{--background-color:#0a0a0f;--text-color:#fff;--primary-color:#4e8ffa;--secondary-color:#22c55e;--accent-color:#f8f9fa}::selection{background:rgba(78,143,250,.3);color:#fff}::-moz-selection{background:rgba(78,143,250,.3);color:#fff}:focus-visible{outline:2px solid #4e8ffa;outline:2px solid var(--primary-color);outline-offset:2px}html{scroll-behavior:smooth}.sorting-container{-webkit-animation:fadeIn .6s ease-out;animation:fadeIn .6s ease-out;margin:auto;max-width:1400px;padding:20px}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.sorting-container h1{-webkit-text-fill-color:transparent;-webkit-animation:titleGlow 3s ease-in-out infinite alternate;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#4e8ffa,#22d3ee 50%,#facc15);-webkit-background-clip:text;background-clip:text;color:var(--accent-color);font-size:clamp(24px,5vw,36px);margin-bottom:30px;text-align:center}@-webkit-keyframes titleGlow{0%{-webkit-filter:drop-shadow(0 0 10px rgba(78,143,250,.3));filter:drop-shadow(0 0 10px rgba(78,143,250,.3))}to{-webkit-filter:drop-shadow(0 0 20px rgba(78,143,250,.6));filter:drop-shadow(0 0 20px rgba(78,143,250,.6))}}@keyframes titleGlow{0%{-webkit-filter:drop-shadow(0 0 10px rgba(78,143,250,.3));filter:drop-shadow(0 0 10px rgba(78,143,250,.3))}to{-webkit-filter:drop-shadow(0 0 20px rgba(78,143,250,.6));filter:drop-shadow(0 0 20px rgba(78,143,250,.6))}}.main-layout{display:flex;flex-direction:row;gap:20px;margin:12px}.top-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,rgba(30,41,59,.9),rgba(15,23,42,.95));border:1px solid rgba(78,143,250,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.05);display:flex;flex:0 0 320px;flex-direction:column;gap:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;transition:all .3s ease;width:320px}.top-container:hover{border-color:rgba(78,143,250,.5);box-shadow:0 8px 40px rgba(78,143,250,.15),inset 0 1px 0 hsla(0,0%,100%,.08)}.left-container{border-bottom:1px solid rgba(78,143,250,.15);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:0 0 16px;width:100%}.left-container label{color:var(--accent-color);font-size:clamp(14px,2vw,18px);font-weight:600;letter-spacing:.5px}.buttons{display:flex;font-size:18px;font-weight:700;gap:12px;width:100%}.generate-btn,.start-btn{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:clamp(14px,1.5vw,16px);font-weight:600;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:50%}.start-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px rgba(34,197,94,.3)}.generate-btn:before,.start-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.generate-btn:hover:before,.start-btn:hover:before{left:100%}.start-btn:hover{box-shadow:0 6px 20px rgba(34,197,94,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.start-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.start-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;-webkit-transform:none;transform:none}.start-btn:disabled:before{display:none}.generate-btn{background:linear-gradient(135deg,#4e8ffa,#2563eb);box-shadow:0 4px 15px rgba(78,143,250,.3)}.generate-btn:hover{box-shadow:0 6px 20px rgba(78,143,250,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.generate-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.middle-container{align-items:center;padding:16px 0;width:100%}.complex,.middle-container{display:flex;justify-content:center}.complex{background:transparent;border:none;border-radius:12px;color:#fff;flex-direction:column;gap:8px;margin:auto;min-height:0;padding:0;transition:all .3s ease}.complex:has(p:not(:empty)){-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;background:rgba(78,143,250,.1);border:1px solid rgba(78,143,250,.2);min-height:60px;padding:16px 24px}.complex p{color:#e2e8f0;font-size:clamp(12px,1.5vw,16px);font-weight:500;margin:0;transition:all .3s ease}.complex p:empty{display:none}.complex h1{font-size:clamp(14px,2vw,20px);margin:0}.right-container{border-top:1px solid rgba(78,143,250,.15);justify-content:center;padding-top:16px;width:100%}.right-container,.slider-wrapper{display:flex;flex-direction:column;gap:8px}.slider-wrapper{padding:8px 0}.slider-label{color:#e2e8f0;font-size:clamp(14px,1.5vw,18px);font-weight:500;margin-bottom:4px;text-align:left}.slider-label span{color:#22d3ee;font-weight:700}.slider-input{-webkit-appearance:none;background:linear-gradient(90deg,#334155,#475569);border-radius:10px;cursor:pointer;height:8px;outline:none;transition:all .3s ease;width:100%}.slider-input:hover{background:linear-gradient(90deg,#475569,#64748b)}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#22d3ee,#06b6d4);border-radius:50%;box-shadow:0 2px 10px rgba(34,211,238,.4);cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.slider-input::-webkit-slider-thumb:hover{box-shadow:0 4px 15px rgba(34,211,238,.6);-webkit-transform:scale(1.2);transform:scale(1.2)}.slider-input::-moz-range-thumb{background:linear-gradient(135deg,#22d3ee,#06b6d4);border:none;border-radius:50%;box-shadow:0 2px 10px rgba(34,211,238,.4);cursor:pointer;height:20px;-moz-transition:all .3s ease;transition:all .3s ease;width:20px}.slider-input:disabled{cursor:not-allowed;opacity:.5}.botton-container{background:linear-gradient(145deg,rgba(30,41,59,.6),rgba(15,23,42,.8));border:1px solid rgba(78,143,250,.2);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.2);flex:1 1;min-height:500px}.array-container,.botton-container{align-items:flex-end;display:flex;padding:20px}.array-container{box-sizing:border-box;justify-content:center;min-height:350px;width:100%}.array-bar{border-radius:4px 4px 0 0;box-shadow:0 0 5px rgba(78,143,250,.2);display:inline-block;margin:0 2px;position:relative;transition:height .05s ease-out,background-color .1s ease,box-shadow .1s ease}.array-bar:after{background:linear-gradient(0deg,hsla(0,0%,100%,.15),transparent);border-radius:4px 4px 0 0;bottom:0;content:"";height:20%;left:0;pointer-events:none;position:absolute;right:0}@-webkit-keyframes barGrow{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes barGrow{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes pulse{0%,to{box-shadow:0 0 10px rgba(250,204,21,.5)}50%{box-shadow:0 0 25px rgba(250,204,21,.8)}}@keyframes pulse{0%,to{box-shadow:0 0 10px rgba(250,204,21,.5)}50%{box-shadow:0 0 25px rgba(250,204,21,.8)}}.portfolio_img{border:2px solid hsla(0,0%,100%,.3);border-radius:50%;bottom:0;box-shadow:0 4px 15px rgba(0,0,0,.3);cursor:pointer;height:50px;margin:20px;position:fixed;transition:all .4s cubic-bezier(.4,0,.2,1);width:50px}.portfolio_img:hover{border-color:#22d3ee;box-shadow:0 6px 25px rgba(34,211,238,.4);-webkit-transform:scale(1.15) rotate(5deg);transform:scale(1.15) rotate(5deg)}@media (max-width:1024px){.main-layout{flex-direction:column}.top-container{flex:none;flex-direction:row;flex-wrap:wrap;gap:10px;width:100%}.left-container{border-bottom:none;border-right:1px solid rgba(78,143,250,.15);padding-right:16px;width:48%}.right-container{border-top:none;padding-top:0;width:48%}.middle-container{border-top:1px solid rgba(78,143,250,.15);order:3;padding:16px 0 0;width:100%}.complex:has(p:not(:empty)){flex-direction:row;gap:30px;justify-content:center;width:100%}.botton-container{min-height:400px}}@media (max-width:768px){.sorting-container{padding:10px}.main-layout{gap:15px;margin:8px}.top-container{flex-direction:column;gap:0;padding:15px}.left-container,.middle-container,.right-container{padding:12px 0;width:100%}.left-container{border-bottom:1px solid rgba(78,143,250,.15);border-right:none;order:1;padding-right:0}.right-container{border-top:1px solid rgba(78,143,250,.15);order:2;padding-top:12px}.middle-container{order:3}.buttons{max-width:100%}.slider-wrapper{padding:8px 0;width:100%}.complex:has(p:not(:empty)){flex-direction:column;gap:8px;padding:12px 16px}.complex p{font-size:14px}.botton-container{min-height:300px;padding:15px}.array-container{min-height:250px;padding:10px}.array-bar{border-radius:2px 2px 0 0;margin:0 1px}.portfolio_img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}}@media (max-width:480px){.sorting-container h1{font-size:20px;margin-bottom:20px}.main-layout{margin:5px}.top-container{padding:12px}.buttons{flex-direction:column;gap:10px}.generate-btn,.start-btn{padding:14px;width:100%}.botton-container{min-height:250px}.array-container{min-height:200px}}.sorting-container::-webkit-scrollbar{width:8px}.sorting-container::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}.sorting-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4e8ffa,#22d3ee);border-radius:4px}.sorting-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#06b6d4)}
/*# sourceMappingURL=main.b77ed516.css.map*/