@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Clash+Display:wght@500;600;700&display=swap";:root{color-scheme:light}:root[data-theme=dark]{--bg: #0d0f12;--ink: #eef1f6;--muted: #9aa4b2;--accent: #ff5f2e;--accent-dark: #c64921;--card: #141821;--border: #1f2530;--glow: rgba(255, 95, 46, .25);--panel: rgba(20, 24, 33, .9);--input: #0f131a;--soft: #1a1f29;--error-bg: #2a1716;--error-text: #ffb8aa;--error-border: #5b2d28;--meter: #232a36;--bg-gradient: radial-gradient(circle at 20% 20%, #1d2230 0%, var(--bg) 55%)}:root[data-theme=light]{--bg: #f4f1ed;--ink: #1f1c17;--muted: #6c6156;--accent: #ff7a00;--accent-dark: #c35a00;--card: #ffffff;--border: #e4d8c9;--glow: rgba(255, 122, 0, .2);--panel: rgba(255, 255, 255, .9);--input: #ffffff;--soft: #f8ede2;--error-bg: #fff1f0;--error-text: #c0392b;--error-border: #f5c6c1;--meter: #eadfce;--bg-gradient: radial-gradient(circle at top left, #fff7ea 0%, var(--bg) 55%)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;color:var(--ink);background:var(--bg-gradient)}.page{min-height:100vh;padding:40px clamp(20px,4vw,60px) 60px;display:flex;flex-direction:column;gap:28px}.stage{gap:20px}.hero{display:flex;flex-direction:column;gap:24px;justify-content:space-between}.hero-copy{display:flex;flex-direction:column;gap:12px}.hero h1{font-family:Clash Display,sans-serif;font-size:clamp(28px,3.2vw,46px);margin:0 0 8px}.hero h1 span{color:var(--accent)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-size:12px;margin:0 0 6px}.sub{max-width:640px;color:var(--muted);margin:0}.status{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.meta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dot{width:10px;height:10px;border-radius:50%;background:#bbb}.dot.listening{background:#2ecc71}.dot.connecting{background:#f1c40f}.dot.error{background:#e74c3c}.panel{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 18px 40px #00000059;display:flex;flex-direction:column;gap:18px}.panel.compact{padding:16px 20px}.row{display:flex;gap:16px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted);flex:1 1 200px}select,input{font-family:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--input);font-size:14px;color:var(--ink)}button{border:none;border-radius:999px;padding:12px 20px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:disabled{cursor:not-allowed;opacity:.6}.primary{background:var(--accent);color:#fff;box-shadow:0 12px 24px var(--glow)}.primary:hover{transform:translateY(-1px);box-shadow:0 16px 26px var(--glow)}.secondary{background:var(--soft);color:var(--ink)}.danger{background:#e24b3a;color:#fff}.error{background:var(--error-bg);color:var(--error-text);padding:10px 12px;border-radius:10px;border:1px solid var(--error-border)}.stream-area{display:flex;flex-direction:column;gap:12px;position:relative}.stream-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;align-items:start}.stream-grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stream-grid.left-wide{grid-template-columns:minmax(0,9fr) minmax(0,1fr)}.stream-grid.right-wide{grid-template-columns:minmax(0,1fr) minmax(0,9fr)}.stream-card{background:var(--card);border-radius:22px;border:1px solid var(--border);box-shadow:0 18px 40px #00000059;padding:clamp(18px,3vw,32px);display:flex;flex-direction:column;gap:12px;position:relative}.stream-card.collapsed{padding:12px;min-height:120px;align-items:stretch;display:flex;justify-content:center}.stream-card h2{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.stream-text{width:100%;font-size:clamp(18px,2.2vw,28px);line-height:1.7;letter-spacing:.01em;color:var(--ink);white-space:pre-wrap}pre{margin:0;font-family:Space Grotesk,sans-serif;color:var(--muted)}.hero-panel{background:linear-gradient(135deg,rgba(255,95,46,.12),var(--panel));border:1px solid var(--border);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:16px;box-shadow:0 22px 50px #00000059}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.meter{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.2em}.meter-bars{display:grid;grid-auto-flow:column;gap:6px}.meter-bars span{width:8px;height:22px;background:var(--meter);border-radius:999px}.meter-bars span:nth-child(2){height:28px}.meter-bars span:nth-child(3){height:34px}.meter-bars span:nth-child(4){height:40px}.ghost{background:transparent;border:1px solid var(--border);color:var(--ink);padding:8px 14px;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.corner-toggle{position:absolute;top:14px;right:14px;background:transparent;border:1px solid var(--border);color:var(--muted);padding:6px 10px;border-radius:999px;font-size:14px;line-height:1}@media (min-width: 900px){.hero{flex-direction:row;align-items:center}.hero-panel{min-width:280px}}