:root{color-scheme:dark;font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;background:#101114}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 72% 10%,rgba(251,191,36,.07),transparent 35%),#101114}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(252,211,77,.35);border-radius:14px;background:rgba(251,191,36,.09);color:#fcd34d;font-size:20px;font-weight:700}.eyebrow{font-size:11px;letter-spacing:.12em;color:#d6a937}.field-label{display:grid;gap:8px;color:#cbd5e1;font-size:13px}.field{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#17191e;padding:12px 14px;color:#f8fafc;outline:none;transition:border .2s}.field:focus{border-color:#eab938}.field::placeholder{color:#5b606b}.primary-button,.control-button,.danger-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:10px 16px;font:inherit;font-size:13px;transition:all .2s}.primary-button{background:#f2c14e;color:#171717;font-weight:700}.primary-button:hover{background:#ffda76;transform:translateY(-1px)}.control-button{border:1px solid rgba(255,255,255,.12);background:#191b20;color:#e2e8f0}.control-button:hover:not(:disabled){border-color:#d6a937;color:#fcd34d}.control-button:disabled{opacity:.38;cursor:not-allowed}.control-button[aria-pressed=true]{border-color:#fb7185;background:rgba(244,63,94,.12);color:#fda4af}.danger-button{border:1px solid rgba(248,113,113,.28);background:rgba(127,29,29,.15);color:#fca5a5}.danger-button:hover{background:rgba(127,29,29,.35)}.status-pill{border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:6px 11px;font-size:11px;color:#94a3b8}.status-pill[data-state=connected]{border-color:rgba(52,211,153,.25);color:#6ee7b7}.user-tile,.admin-user{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.025);padding:14px}.avatar{display:grid;width:42px;height:42px;flex:none;place-items:center;border-radius:13px;background:#26231a;color:#fcd34d;font-weight:700}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.user-meta{font-size:11px;color:#737b8b}.user-speaking{margin-inline-start:auto;width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399}.media-tile{width:100%;max-height:320px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#08090b;object-fit:cover}.admin-user{justify-content:space-between;flex-wrap:wrap}.admin-actions{display:flex;flex-wrap:wrap;gap:7px}.admin-actions button{border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#191b20;padding:7px 10px;color:#dbe2ee;font:inherit;font-size:11px;cursor:pointer}.admin-actions button:hover{border-color:#eab938;color:#fcd34d}.admin-actions button.is-danger:hover{border-color:#fb7185;color:#fda4af}