:root{--bg-gradient: radial-gradient(circle at 50% 20%, #151828 0%, #0a0c16 60%, #05060b 100%);--accent-cyan: #00f2fe;--accent-blue: #4facfe;--accent-purple: #7f00ff;--accent-pink: #e100ff;--accent-green: #10b981;--accent-red: #ef4444;--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .08);--text-main: #f8fafc;--text-muted: #94a3b8;--font-family: "Outfit", "Noto Sans Tamil", "Noto Sans Devanagari", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background:var(--bg-gradient);color:var(--text-main);min-height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#root{width:100%;max-width:480px;height:100vh;max-height:900px;display:flex;flex-direction:column;position:relative;background:#0a0c16a6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 25px 50px -12px #00000080,0 0 80px #00f2fe0d;border:1px solid var(--glass-border)}@media (min-width: 500px){#root{height:92vh;border-radius:36px;overflow:hidden}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1)}@keyframes pulseGlow{0%{transform:scale(.98);box-shadow:0 0 35px #00f2fe66,inset 0 0 20px #00f2fe4d}50%{transform:scale(1.06);box-shadow:0 0 65px #00f2feb3,inset 0 0 35px #00f2fe80}to{transform:scale(.98);box-shadow:0 0 35px #00f2fe66,inset 0 0 20px #00f2fe4d}}@keyframes speakingGlow{0%{transform:scale(1);box-shadow:0 0 45px #7f00ff99,0 0 90px #e100ff66}50%{transform:scale(1.12);box-shadow:0 0 75px #7f00ffe6,0 0 130px #e100ffb3}to{transform:scale(1);box-shadow:0 0 45px #7f00ff99,0 0 90px #e100ff66}}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes waveBar{0%,to{height:8px}50%{height:42px}}.orb-listening{animation:pulseGlow 2s infinite ease-in-out;background:radial-gradient(circle at 30% 30%,#00f2fe,#4facfe,#0052d4)}.orb-speaking{animation:speakingGlow 1.4s infinite ease-in-out;background:radial-gradient(circle at 30% 30%,#e100ff,#7f00ff,#41006f)}.orb-processing{background:radial-gradient(circle at 30% 30%,#fbbf24,#d97706 70%,#78350f);box-shadow:0 0 45px #fbbf2499}.orb-muted{background:radial-gradient(circle at 30% 30%,#64748b,#334155 70%,#0f172a);box-shadow:0 0 20px #64748b4d}.orb-ended{background:radial-gradient(circle at 30% 30%,#ef4444,#991b1b 70%,#450a0a);box-shadow:0 0 25px #ef444466}.equalizer{display:flex;align-items:center;justify-content:center;gap:5px;height:48px}.equalizer-bar{width:4px;border-radius:4px;background:linear-gradient(180deg,var(--accent-cyan),var(--accent-blue))}.equalizer-bar.active{animation:waveBar .8s infinite ease-in-out}.equalizer-bar:nth-child(1){animation-delay:.1s}.equalizer-bar:nth-child(2){animation-delay:.3s}.equalizer-bar:nth-child(3){animation-delay:.2s}.equalizer-bar:nth-child(4){animation-delay:.4s}.equalizer-bar:nth-child(5){animation-delay:.15s}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:30px;font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.badge-connected{background:#10b98126;color:#34d399;border-color:#34d3994d}.badge-listening{background:#00f2fe26;color:#38bdf8;border-color:#38bdf84d}.badge-speaking{background:#e100ff26;color:#f0abfc;border-color:#f0abfc4d}.badge-processing{background:#fbbf2426;color:#fcd34d;border-color:#fcd34d4d}.badge-muted{background:#94a3b826;color:#cbd5e1;border-color:#cbd5e14d}.badge-ended{background:#ef444426;color:#fca5a5;border-color:#fca5a54d}