@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-deep:250, 24%, 6%;--card-bg:248, 25%, 11%;--primary-glow:270, 85%, 65%;--secondary-glow:185, 90%, 50%;--accent-glow:320, 85%, 60%;--text-primary:0, 0%, 98%;--text-secondary:240, 10%, 70%;--text-muted:240, 5%, 50%;--success:142, 70%, 50%;--warning:38, 92%, 50%;--error:346, 85%, 55%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:hsl(var(--bg-deep));color:hsl(var(--text-primary));font-family:Plus Jakarta Sans,Outfit,system-ui,sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:radial-gradient(circle at 10% 20%, hsla(var(--primary-glow), .12) 0%, transparent 40%), radial-gradient(circle at 90% 80%, hsla(var(--secondary-glow), .08) 0%, transparent 40%), radial-gradient(circle at 50% 50%, hsla(var(--accent-glow), .05) 0%, transparent 60%), hsl(var(--bg-deep));justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}#root{justify-content:center;width:100%;max-width:960px;padding:2rem;display:flex}.app-card{-webkit-backdrop-filter:blur(24px)saturate(200%);width:100%;max-width:600px;box-shadow:0 24px 80px -12px #0009, 0 0 100px -20px hsla(var(--primary-glow), .15);background:#120e1ca6;border:1px solid #ffffff14;border-radius:28px;padding:3rem;position:relative;overflow:hidden}.app-card:before{content:"";background:linear-gradient(90deg, transparent 0%, hsla(var(--primary-glow), .5) 25%, hsla(var(--secondary-glow), .5) 75%, transparent 100%);height:2px;position:absolute;top:0;left:0;right:0}header{text-align:center;margin-bottom:2.5rem}.app-title{background:linear-gradient(135deg, hsl(var(--text-primary)) 30%, hsla(var(--text-primary), .7) 70%, hsl(var(--secondary-glow)) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800}.app-subtitle{color:hsl(var(--text-secondary));letter-spacing:.05em;text-transform:uppercase;font-size:.95rem;font-weight:400}.visualizer-wrapper{background:#0a081066;border:1px solid #ffffff0d;border-radius:20px;justify-content:center;align-items:center;width:100%;height:200px;margin-bottom:2.5rem;display:flex;position:relative;overflow:hidden}canvas{width:100%;height:100%;display:block}.visualizer-placeholder{color:hsl(var(--text-muted));text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;display:flex;position:absolute}.pulse-circle{background:hsl(var(--text-muted));border-radius:50%;width:16px;height:16px;animation:2s ease-in-out infinite idle-pulse}.form-group{flex-direction:column;gap:.6rem;margin-bottom:1.75rem;display:flex}label{text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--text-secondary));font-size:.8rem;font-weight:600}input,select{width:100%;color:hsl(var(--text-primary));background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:.9rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}input:focus,select:focus{border-color:hsla(var(--primary-glow), .5);box-shadow:0 0 0 4px hsla(var(--primary-glow), .15), 0 4px 12px #0003;background:#ffffff0f}.row-inputs{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn{cursor:pointer;border:none;border-radius:16px;width:100%;padding:1.1rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.btn-primary{background:linear-gradient(135deg, hsl(var(--primary-glow)) 0%, hsl(var(--accent-glow)) 100%);color:#fff;text-shadow:0 1px 2px #0003}.btn-primary:hover{box-shadow:0 12px 28px #0006, 0 0 30px hsla(var(--primary-glow), .4);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-success{background:linear-gradient(135deg, hsl(var(--success)) 0%, #10b981 100%);color:#fff}.btn-success:hover{box-shadow:0 12px 28px #0006, 0 0 30px hsla(var(--success), .4);transform:translateY(-2px)}.btn-success:active{transform:translateY(0)}.diagnostics{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;margin-top:2.25rem;padding:1.5rem}.diagnostics-title{text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--text-muted));justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:flex}.status-indicator{text-transform:none;letter-spacing:normal;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.dot{background:hsl(var(--text-muted));border-radius:50%;width:8px;height:8px}.dot-active{background:hsl(var(--success));box-shadow:0 0 10px hsl(var(--success));animation:1.5s infinite alternate dot-pulse}.dot-warn{background:hsl(var(--warning));box-shadow:0 0 10px hsl(var(--warning));animation:1.5s infinite alternate dot-pulse}.dot-error{background:hsl(var(--error));box-shadow:0 0 10px hsl(var(--error))}.grid-stats{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-label{color:hsl(var(--text-muted));font-size:.75rem;font-weight:500}.stat-value{color:hsl(var(--text-primary));font-family:Outfit,monospace;font-size:1.1rem;font-weight:700}@keyframes idle-pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 15px #ffffff1a}}@keyframes dot-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;box-shadow:0 0 16px inherit;transform:scale(1.2)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}