:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#0b1220;color:#e2e8f0;line-height:1.4}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:10px;background:#2563eb;color:#fff;padding:.55rem .9rem}button.secondary{background:#334155}button.danger{background:#b91c1c}button:disabled{opacity:.5;cursor:not-allowed}input{width:100%;border-radius:10px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;padding:.6rem .75rem}a{color:#7dd3fc}.app-shell{display:grid;grid-template-columns:240px 1fr 280px;min-height:100vh}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar,.voice-pane{border-right:0;border-bottom:1px solid #1e293b}}.sidebar,.voice-pane{background:#0f172a;border-right:1px solid #1e293b;padding:1rem}.main{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #1e293b}.messages{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message{background:#111827;border-radius:12px;padding:.65rem .8rem}.message .meta{color:#94a3b8;font-size:.8rem;margin-bottom:.2rem}.composer{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #1e293b}.auth{max-width:420px;margin:4rem auto;padding:1.5rem;background:#0f172a;border:1px solid #1e293b;border-radius:16px}.auth h1{margin-top:0}.auth form{display:grid;gap:.75rem}.error{color:#fca5a5}.channel-list{list-style:none;padding:0;margin:.5rem 0 0}.channel-list button{width:100%;text-align:left;background:transparent;color:#cbd5e1;margin-bottom:.25rem}.channel-list button.active{background:#1e293b}.muted{color:#94a3b8;font-size:.85rem}.video-grid{display:grid;gap:.5rem}.video-grid video{width:100%;background:#020617;border-radius:10px;min-height:120px}
