@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-container{background:linear-gradient(135deg,#1e293b,#0f172a 50%,#1e3a5f);color:#fff;min-height:100vh;overflow:hidden;position:relative}.bg-orbs{inset:0;overflow:hidden;pointer-events:none}.bg-orbs,.orb{position:absolute}.orb{animation:pulse 4s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.15}.orb-1{background:#06b6d4;left:-200px;top:-200px}.orb-1,.orb-2{height:400px;width:400px}.orb-2{animation-delay:2s;background:#3b82f6;bottom:-200px;right:-200px}@keyframes pulse{0%,to{opacity:.15}50%{opacity:.25}}.content{margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:10}header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:1.5rem;width:-webkit-fit-content;width:fit-content}header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#06b6d4,#3b82f6,#14b8a6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.icon{flex-shrink:0}.subtitle{color:#67e8f9;font-size:1.125rem;margin-bottom:3rem;text-align:center}.controls-wrapper{margin:0 auto 3rem;max-width:1200px}.controls-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem;box-shadow:0 20px 50px #0000004d;padding:2rem}.controls-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{color:#67e8f9;font-size:.875rem;font-weight:500}.input-field{background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;color:#fff;font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .3s}.input-field option{background:#1e293b;color:#67e8f9}.input-field:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d433}.input-field::placeholder{color:#67e8f9}.slider{accent-color:#06b6d4;background:#ffffff1a;border-radius:1rem;cursor:pointer;height:8px;outline:none;width:100%}.step-counter{background:linear-gradient(90deg,#06b6d433,#3b82f633);border:1px solid #06b6d44d;border-radius:.75rem;padding:.75rem 1rem;text-align:center}.step-counter span{color:#67e8f9;font-size:1.5rem;font-weight:700}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{align-items:center;border:none;border-radius:.875rem;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .3s}.btn:hover:not(:disabled){transform:scale(1.05)}.btn:active:not(:disabled){transform:scale(.95)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0891b2,#2563eb)}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#475569,#334155)}.btn-success{background:linear-gradient(135deg,#14b8a6,#10b981)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#059669)}.legend{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1.5rem}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-box{border-radius:.25rem;height:1rem;width:1rem}.legend-item span{color:#bae6fd;font-size:.875rem}.visualization-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1.5rem;box-shadow:0 20px 50px #0000004d;margin:0 auto;max-width:1400px;padding:2rem}.bar-wrapper{align-items:flex-end;display:flex;gap:.75rem;height:400px;justify-content:center}.bar-item{align-items:center;display:flex;flex-direction:column}.bar,.bar-item{position:relative}.bar{border-radius:.5rem .5rem 0 0;transition:all .3s ease;width:100%}.bar-tooltip{background:#fffffff2;border-radius:.5rem;box-shadow:0 4px 10px #0003;color:#1e293b;font-size:.875rem;font-weight:700;left:50%;opacity:0;padding:.375rem .75rem;pointer-events:none;position:absolute;top:-2.5rem;transform:translateX(-50%);transition:opacity .3s}.bar-item:hover .bar-tooltip{opacity:1}.bar-value{color:#67e8f9;font-size:.875rem;font-weight:600;margin-top:.5rem}@media (max-width:768px){header h1{font-size:1.75rem}.controls-grid{grid-template-columns:1fr}.bar-wrapper{gap:.5rem}}
/*# sourceMappingURL=main.2cd23b1f.css.map*/