:root{--numix-teal:#21af92;--numix-teal-light:#42b99b;--numix-blue:#2daae1;--numix-purple:#904192;--bg:#0e1213;--panel:#151a1c;--card:#1b2123;--border:#2a3335;--text:#e6e8ee;--muted:#8d9a9c;--accent:var(--numix-teal);--accent-hover:var(--numix-teal-light);--info:var(--numix-blue);--ok:var(--numix-teal-light);--warn:#f5b84a;--error:#ff6b6b;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{flex-direction:column;height:100vh;margin:0;display:flex}code{background:#0003;border-radius:4px;padding:0 4px}.topbar{border-bottom:1px solid var(--border);background:var(--panel);box-shadow:inset 0 -2px 0 var(--accent);justify-content:space-between;align-items:center;gap:12px;padding:8px 18px;display:flex}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand-logo{flex-shrink:0;display:flex}.brand-logo img{width:auto;height:32px;display:block}.brand-text{border-left:1px solid var(--border);flex-direction:column;min-width:0;padding-left:14px;display:flex}.topbar h1{letter-spacing:.02em;margin:0;font-size:1.1rem}.brand-tagline{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.status{background:var(--card);color:var(--muted);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.85rem}.status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status[data-state=connected]{color:var(--info)}.status[data-state=streaming]{color:var(--ok)}.status[data-state=busy]{color:var(--warn)}.status[data-state=error]{color:var(--error)}.banner{color:#ffd7d7;background:#4a1f24;border-bottom:1px solid #7a2e36;padding:10px 18px}.layout{flex:1;grid-template-columns:360px 1fr;min-height:0;display:grid}.panel{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;gap:12px;padding:12px;display:flex;overflow-y:auto}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.card h2{justify-content:space-between;align-items:center;margin:0 0 8px;font-size:.95rem;display:flex}.hint{color:var(--muted);margin:0 0 10px;font-size:.82rem;line-height:1.4}.row{flex-wrap:wrap;gap:8px;display:flex}button,.button{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#242c2f;border-radius:7px;padding:7px 14px;font-size:.9rem;text-decoration:none}button:hover:not(:disabled),.button:hover{background:#2d3739}a.button{display:inline-block}button:focus-visible,.button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.small,.button.small{padding:4px 10px;font-size:.8rem}button.link{color:var(--muted);background:0 0;border:none;padding:0}.field{color:var(--muted);flex-direction:column;gap:4px;margin-bottom:10px;font-size:.82rem;display:flex}select,textarea{font:inherit;color:var(--text);border:1px solid var(--border);background:#101516;border-radius:7px;padding:7px 9px;font-size:.88rem}textarea{resize:vertical;font-family:ui-monospace,Cascadia Code,Consolas,monospace}textarea[aria-invalid=true]{border-color:var(--error)}.device-list{flex-direction:column;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.device-list li{background:#101516;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:.85rem;display:flex}.device-info{grid-template-columns:auto 1fr;gap:3px 10px;margin:10px 0 0;font-size:.82rem;display:grid}.device-info dt{color:var(--muted)}.device-info dd{word-break:break-all;margin:0}.chips{flex-wrap:wrap;gap:5px;margin:8px 0 0;padding:0;list-style:none;display:flex}.chips li{color:#a6e6d5;background:#173a33;border-radius:999px;padding:2px 8px;font-size:.75rem}.warnings{color:var(--warn);margin:8px 0 0;padding-left:18px;font-size:.8rem}.warnings li.error{color:var(--error)}.log-card{flex-direction:column;flex:1;min-height:140px;display:flex}.log{max-height:260px;color:var(--muted);flex:1;margin:0;padding:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.72rem;line-height:1.45;list-style:none;overflow-y:auto}.log li{white-space:pre-wrap;word-break:break-word}.log li.warn{color:var(--warn)}.log li.error{color:var(--error)}.promo-card{background:linear-gradient(160deg, #1b2b29 0%, var(--card) 60%);border-color:#23524a;flex-shrink:0}.promo-card h2{color:var(--accent-hover)}.promo-card p{color:var(--muted);margin:0 0 10px;font-size:.82rem;line-height:1.45}.promo-card strong{color:var(--text)}.stage{background:#000;flex-direction:column;min-width:0;min-height:0;display:flex}.screen{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.mirror-canvas{object-fit:contain;max-width:100%;max-height:100%;display:block}.placeholder{text-align:center;color:var(--muted)}.placeholder-credit{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);opacity:.75;flex-direction:column;align-items:center;gap:8px;margin-top:28px;font-size:.75rem;text-decoration:none;transition:opacity .2s;display:inline-flex}.placeholder-credit:hover{opacity:1}.placeholder-credit img{width:auto;height:40px;display:block}.headset-icon{border:3px solid var(--border);border-radius:22px 22px 30px 30px;width:120px;height:60px;margin:0 auto 14px;position:relative}.headset-icon:before,.headset-icon:after{content:"";border:3px solid var(--border);border-radius:50%;width:30px;height:22px;position:absolute;top:16px}.headset-icon:before{left:16px}.headset-icon:after{right:16px}.spinner{border:4px solid #fff2;border-top-color:var(--accent);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite spin;position:absolute}.spinner[hidden],.placeholder[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{background:var(--panel);border-top:1px solid var(--border);align-items:center;gap:8px;padding:6px 12px;display:flex}.stats{color:var(--muted);font-variant-numeric:tabular-nums;flex:1;font-size:.8rem}.toolbar-credit{color:var(--accent-hover);margin-right:4px;font-size:.75rem;text-decoration:none}.toolbar-credit:hover{text-decoration:underline}.stage:fullscreen .toolbar{opacity:0;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.stage:fullscreen .toolbar:hover{opacity:.95}@media (max-width:800px){.brand-tagline{display:none}.layout{grid-template-rows:auto 70vh;grid-template-columns:1fr;overflow-y:auto}.panel{border-right:none;border-bottom:1px solid var(--border);overflow:visible}}