@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.text-input-group{margin:0 5px;font-size:1rem;padding:1px}.input-slider-container{display:flex;align-items:center;gap:10px}.number-input{width:60px;padding:5px;border:1px solid #ccc;border-radius:4px}.range-slider{flex-grow:1}@media (max-width: 768px){.layout{flex-direction:column}.input-panel{width:100%}}body{font-family:sans-serif;background-color:#f4f4f4;color:#333}.App{max-width:800px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.section-title{margin-top:20px;margin-bottom:10px}.label-range{display:block;margin-bottom:5px}.input-panel{margin-bottom:20px}.results-panel{padding:20px;background-color:#f9f9f9;border-radius:8px}.result-highlight{font-weight:700;color:#007bff}.checkbox-row{display:flex;align-items:center;margin-bottom:10px}.kvCacheAnimate{transition:max-height .3s ease-in-out;overflow:hidden}.kvCacheAnimate.open{max-height:100px}.kvCacheAnimate.closed{max-height:0}:root{--dark-bg: #050508;--darker-bg: #020203;--card-bg: rgba(19, 19, 32, .7);--card-bg-hover: rgba(28, 28, 46, .8);--input-bg: rgba(12, 12, 20, .6);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--primary: #3b82f6;--primary-light: #60a5fa;--primary-dark: #2563eb;--secondary: #6366f1;--accent: #7c3aed;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--thumb-color: #1e2538;--handle-color: #2b3548;--handle-hover: #3b4860;--gradient-green-1: rgba(16, 185, 129, .9);--gradient-green-2: rgba(6, 95, 70, .95);--gradient-blue-1: rgba(14, 165, 233, .9);--gradient-blue-2: rgba(2, 132, 199, .95);--gradient-dark-blue-1: rgba(59, 130, 246, .9);--gradient-dark-blue-2: rgba(30, 64, 175, .95);--gradient-yellow-1: rgba(250, 204, 21, .9);--gradient-yellow-2: rgba(217, 119, 6, .95);--gradient-orange-1: rgba(249, 115, 22, .9);--gradient-orange-2: rgba(194, 65, 12, .95);--gradient-red-1: rgba(239, 68, 68, .9);--gradient-red-2: rgba(185, 28, 28, .95);--glow: 0 0 20px rgba(59, 130, 246, .6);--glow-success: 0 0 20px rgba(16, 185, 129, .6);--glow-warning: 0 0 20px rgba(245, 158, 11, .6);--glow-danger: 0 0 20px rgba(239, 68, 68, .6);--radius-sm: .25rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 10px 30px rgba(0, 0, 0, .5);--glass-highlight: linear-gradient(to bottom right, rgba(255, 255, 255, .05), rgba(255, 255, 255, 0));--transition: all .2s ease;--transition-slow: all .3s ease;--transition-very-slow: all 1.5s ease}*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a1080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}::-webkit-scrollbar-thumb{background:#1e293bcc;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#334155e6}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--dark-bg);color:var(--text-primary);line-height:1.5;height:100vh;max-height:100vh;overflow:hidden}#root{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.App{width:100%;height:100vh;display:flex;flex-direction:column;flex:1;position:relative;z-index:2;overflow:hidden}.app-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:var(--darker-bg);transition:background 1.2s cubic-bezier(.22,1,.36,1)}@keyframes pulse{0%{filter:brightness(.9) saturate(.9) blur(80px);opacity:.8}50%{filter:brightness(1.2) saturate(1.4) blur(70px);opacity:1}to{filter:brightness(.9) saturate(.9) blur(80px);opacity:.8}}.gradient-tiny{background:radial-gradient(circle at 10% 20%,var(--gradient-green-1),transparent 45%),radial-gradient(circle at 90% 80%,var(--gradient-green-2),transparent 45%),var(--darker-bg);animation:pulse 8s infinite alternate}.gradient-small{background:radial-gradient(circle at 10% 20%,var(--gradient-blue-1),transparent 45%),radial-gradient(circle at 90% 80%,var(--gradient-blue-2),transparent 45%),var(--darker-bg);animation:pulse 8s infinite alternate}.gradient-medium{background:radial-gradient(circle at 10% 20%,var(--gradient-dark-blue-1),transparent 45%),radial-gradient(circle at 90% 80%,var(--gradient-dark-blue-2),transparent 45%),var(--darker-bg);animation:pulse 8s infinite alternate}.gradient-large{background:radial-gradient(circle at 10% 20%,var(--gradient-yellow-1),transparent 45%),radial-gradient(circle at 90% 80%,var(--gradient-yellow-2),transparent 45%),var(--darker-bg);animation:pulse 8s infinite alternate}.gradient-xlarge{background:radial-gradient(circle at 10% 20%,var(--gradient-orange-1),transparent 45%),radial-gradient(circle at 90% 80%,var(--gradient-orange-2),transparent 45%),var(--darker-bg);animation:pulse 8s infinite alternate}.gradient-massive{background:radial-gradient(circle at 10% 20%,var(--gradient-red-1),transparent 45%),radial-gradient(circle at 90% 80%,var(--gradient-red-2),transparent 45%),var(--darker-bg);animation:pulse 8s infinite alternate}.welcome-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;text-align:center;position:relative;overflow:hidden;height:100vh}.welcome-content{max-width:800px;z-index:2;padding:2rem;background:#05050a99;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:var(--radius-lg);border:var(--glass-border);box-shadow:var(--glass-shadow);text-align:center;position:relative;overflow:hidden}.welcome-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#fff0,#ffffff14,#fff0)}.welcome-title{font-size:2.8rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(120deg,var(--primary-light),var(--accent),var(--primary));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;line-height:1.1;display:flex;align-items:center;justify-content:center;gap:.5rem;animation:gradientText 5s ease infinite alternate;text-shadow:0 0 30px rgba(124,58,237,.3)}@keyframes gradientText{0%{background-position:0% 50%}to{background-position:100% 50%}}.welcome-title svg{margin-right:.5rem;filter:drop-shadow(0 0 10px rgba(124,58,237,.7));animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(124,58,237,.5))}to{filter:drop-shadow(0 0 15px rgba(124,58,237,.8))}}.welcome-description{font-size:1.1rem;color:var(--text-secondary);max-width:650px;margin:0 auto 1.5rem;line-height:1.6}.cta-button{background:linear-gradient(90deg,var(--primary),var(--accent));color:var(--text-primary);border:none;padding:.7rem 2rem;font-size:1rem;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow),0 0 20px #3b82f666;position:relative;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cta-button:hover{transform:translateY(-3px);box-shadow:var(--glow),0 0 25px #7c3aed80}.cta-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fff6,#fff0 70%);opacity:0;transform:scale(.5);transition:opacity .5s,transform .5s}.cta-button:hover:after{opacity:1;transform:scale(1);animation:buttonPulse 1.5s infinite}@keyframes buttonPulse{0%{opacity:.7;transform:scale(.95)}50%{opacity:.9;transform:scale(1.05)}to{opacity:.7;transform:scale(.95)}}.main-content{width:100%;height:100vh;padding:1rem;overflow:hidden;display:flex;flex-direction:column}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.4;z-index:0;transition:all 2s ease-in-out}.orb-1{width:400px;height:400px;background:var(--primary);top:-200px;right:10%;animation:float1 25s infinite alternate,pulse 10s infinite alternate}.orb-2{width:500px;height:500px;background:var(--accent);bottom:-250px;left:-200px;animation:float2 30s infinite alternate,pulse 8s 2s infinite alternate}.orb-3{width:250px;height:250px;background:var(--success);top:40%;right:-100px;animation:float3 20s infinite alternate,pulse 12s 1s infinite alternate}@keyframes float1{0%{transform:translate(0) rotate(0)}to{transform:translate(70px,70px) rotate(25deg)}}@keyframes float2{0%{transform:translate(0) rotate(0)}to{transform:translate(-70px,80px) rotate(-25deg)}}@keyframes float3{0%{transform:translate(0) rotate(0)}to{transform:translate(-50px,-60px) rotate(20deg)}}.layout{display:flex;gap:1rem;width:100%;height:calc(100vh - 2rem);overflow:hidden}.card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:var(--transition-slow);border:var(--glass-border);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);position:relative;display:flex;flex-direction:column}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#fff0,#ffffff14,#fff0)}.input-panel{flex:3;padding:1.25rem;overflow-y:auto;max-height:100%}.results-panel{flex:2;padding:1.25rem;overflow-y:auto;max-height:100%}.section{margin-bottom:1.25rem}.section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.07)}.section-title svg{color:var(--primary);filter:drop-shadow(0 0 5px rgba(59,130,246,.4))}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.35rem;font-weight:500;color:var(--text-secondary);font-size:.85rem}.slider-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-value{padding:.25rem .7rem;background:linear-gradient(90deg,var(--primary),var(--accent));color:var(--text-primary);border-radius:var(--radius-full);font-weight:600;font-size:.8rem;box-shadow:0 0 10px #3b82f64d}.slider-container{position:relative;height:2.25rem;padding-top:.5rem;margin-bottom:1.2rem}.slider-marks{position:absolute;top:100%;left:0;right:0;display:flex;justify-content:space-between;padding:0 10px;font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.text-input-group{display:flex;gap:.5rem;margin-left:.5rem}.text-input{padding:.4rem .6rem;border:1px solid rgba(255,255,255,.1);background-color:var(--input-bg);color:var(--text-primary);border-radius:var(--radius);font-size:.85rem;width:5rem;transition:var(--transition);box-shadow:inset 0 1px 3px #0003;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f640,inset 0 1px 3px #0003;outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.number-input-container{position:relative;display:inline-flex;align-items:center}input[type=number].text-input{padding-right:2rem;width:5.5rem}.number-controls{position:absolute;right:0;top:0;bottom:0;width:1.6rem;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.08);overflow:hidden;border-radius:0 var(--radius) var(--radius) 0}.number-control-up,.number-control-down{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--card-bg);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem;transition:var(--transition)}.number-control-up{border-bottom:1px solid rgba(255,255,255,.08)}.number-control-up:hover,.number-control-down:hover{background-color:var(--card-bg-hover);color:var(--text-primary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.4rem;border-radius:var(--radius-full);background:var(--input-bg);outline:none;margin:0;box-shadow:inset 0 1px 3px #0000004d}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.1rem;height:1.1rem;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));cursor:pointer;box-shadow:0 0 10px #3b82f680;transition:var(--transition)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--glow)}input[type=range]::-moz-range-thumb{width:1.1rem;height:1.1rem;border:none;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));cursor:pointer;box-shadow:0 0 10px #3b82f680;transition:var(--transition)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:var(--glow)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-bg);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:.5rem 2rem .5rem .7rem;font-size:.85rem;width:100%;color:var(--text-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .7rem center;background-repeat:no-repeat;background-size:1.3em 1.3em;transition:var(--transition);box-shadow:inset 0 1px 3px #0003;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f640,inset 0 1px 3px #0003;outline:none}.checkbox-row{display:flex;align-items:center;gap:.75rem;margin:.75rem 0}.toggle{position:relative;display:inline-block;width:2.8rem;height:1.5rem}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--input-bg);transition:.4s;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #0000004d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.toggle-slider:before{position:absolute;content:"";height:1.1rem;width:1.1rem;left:.15rem;bottom:.15rem;background-color:var(--thumb-color);transition:.4s;border-radius:50%;box-shadow:0 1px 3px #0000004d;border:1px solid rgba(255,255,255,.1)}input:checked+.toggle-slider{background:linear-gradient(90deg,var(--primary),var(--accent))}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary),inset 0 1px 3px #0000004d}input:checked+.toggle-slider:before{transform:translate(1.3rem)}.kvCacheAnimate{overflow:hidden;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;margin-left:1.2rem;position:relative}.kvCacheAnimate.open{max-height:150px;opacity:1}.kvCacheAnimate.closed{max-height:0;opacity:0}.kvCacheAnimate:before{content:"";position:absolute;left:-1.2rem;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,#3b82f600,#3b82f680,#3b82f600)}.result-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.result-row:last-child{border-bottom:none}.result-label{font-weight:500;color:var(--text-secondary);font-size:.9rem}.result-value{font-weight:600;color:var(--text-primary);font-size:.9rem}.result-highlight{font-size:1.3rem;font-weight:700;background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(124,58,237,.2))}.result-status{margin-top:.75rem;padding:.8rem;border-radius:var(--radius);font-weight:500;display:flex;align-items:center;gap:.5rem;transition:var(--transition);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font-size:.9rem}.result-status.success{background-color:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2);box-shadow:0 0 15px #10b9811a}.result-status.warning{background-color:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2);box-shadow:0 0 15px #ef44441a}.utilization-container{margin-top:1rem}.utilization-bar{height:.5rem;width:100%;background-color:#ffffff12;border-radius:var(--radius-full);overflow:hidden;margin-top:.4rem;box-shadow:inset 0 1px 3px #0000004d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.utilization-fill{height:100%;border-radius:var(--radius-full);transition:width .5s cubic-bezier(.22,1,.36,1),background .5s cubic-bezier(.22,1,.36,1);animation:shimmer 3s infinite linear;background-size:200% 100%;box-shadow:0 0 10px #ffffff26}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.utilization-fill.low{background:linear-gradient(90deg,var(--success),#34d399,var(--success))}.utilization-fill.medium{background:linear-gradient(90deg,var(--primary),#38bdf8,var(--primary))}.utilization-fill.high{background:linear-gradient(90deg,var(--warning),#fb923c,var(--warning))}.utilization-fill.extreme{background:linear-gradient(90deg,var(--danger),#f87171,var(--danger))}.demo-cycler{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;opacity:.3;animation:cycleDemos 30s infinite alternate;background-size:400% 400%;filter:blur(40px)}@keyframes cycleDemos{0%,13%{background:radial-gradient(circle at 30% 30%,var(--gradient-green-1),transparent 60%),radial-gradient(circle at 70% 70%,var(--gradient-green-2),transparent 60%);opacity:.25}17%,30%{background:radial-gradient(circle at 30% 30%,var(--gradient-blue-1),transparent 60%),radial-gradient(circle at 70% 70%,var(--gradient-blue-2),transparent 60%);opacity:.3}34%,47%{background:radial-gradient(circle at 30% 30%,var(--gradient-dark-blue-1),transparent 60%),radial-gradient(circle at 70% 70%,var(--gradient-dark-blue-2),transparent 60%);opacity:.3}51%,64%{background:radial-gradient(circle at 30% 30%,var(--gradient-yellow-1),transparent 60%),radial-gradient(circle at 70% 70%,var(--gradient-yellow-2),transparent 60%);opacity:.3}68%,81%{background:radial-gradient(circle at 30% 30%,var(--gradient-orange-1),transparent 60%),radial-gradient(circle at 70% 70%,var(--gradient-orange-2),transparent 60%);opacity:.3}85%,to{background:radial-gradient(circle at 30% 30%,var(--gradient-red-1),transparent 60%),radial-gradient(circle at 70% 70%,var(--gradient-red-2),transparent 60%);opacity:.3}}.App:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:3;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}@media screen and (min-width: 961px){.layout{flex-direction:row}body,#root,.App{overflow:hidden;height:100vh}}@media (max-width: 960px){body,#root,.App{overflow-y:auto;height:auto}.layout{flex-direction:column;height:auto}.results-panel{position:static;margin-top:1rem}.welcome-title{font-size:2.2rem}.welcome-description{font-size:1rem}.orb-1{right:-150px}}@media (max-width: 640px){.slider-header{flex-direction:column;align-items:flex-start;gap:.4rem}.welcome-title{font-size:1.8rem}.welcome-description{font-size:.9rem}.section-title{font-size:1rem}.main-content{padding:.75rem}}