/* style.css v1.0.81 */
:root{color-scheme:dark;--bg:#111314;--panel:rgba(31,36,38,.85);--text:#f7f9fa;--muted:#b5bfc3;--accent:#54caba;--danger:#e0a2ac;--motion:.5s;--radius:14px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}main{width:100%;min-height:100%;margin:0;background:var(--panel);backdrop-filter:blur(14px);padding:0;border-radius:0}main[hidden]{display:none}h1{font-size:25px;line-height:1.25;margin:0 0 14px;letter-spacing:-.025em}h2{font-size:17px;margin:0}p{color:var(--muted);margin:12px 0 24px}button,input{font:inherit;width:100%;border:0;border-radius:8px;padding:12px 14px}button{cursor:pointer;color:#08231f;background:var(--accent);font-weight:650;transition:background var(--motion),opacity var(--motion)}button:hover{background:#85dfd2}button:disabled{opacity:.5;cursor:wait}input{color:var(--text);background:#111719;margin:7px 0 18px}label{display:block;font-weight:550}button.secondary{background:#394247;color:var(--text)}button.danger{background:var(--danger);color:#301a21;margin-top:30px}.row{padding:20px 0;border-bottom:1px solid #ffffff1c}.row:last-child{border:0}.row p{margin:4px 0 12px}.row button{margin-top:8px}.status{margin-top:20px;color:var(--accent)}.error{color:#ffb9bd}.invite{overflow-wrap:anywhere;user-select:all;color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:#08231f}a{color:var(--accent);text-underline-offset:3px}small{color:var(--muted)}@media(prefers-reduced-motion:reduce){:root{--motion:0s}}


#authorized-chats { margin: 20px 0 28px; }
#authorized-chats ul { list-style: none; padding: 0; margin: 0; }
#authorized-chats li { padding: 14px 0; border-bottom: 1px solid #ffffff1c; overflow-wrap: anywhere; }
#authorized-chats li:last-child { border-bottom: 0; }

#console-title{margin-top:20px}#console-screen{background:#090c0d;color:var(--text);height:55svh;overflow:auto;padding:12px;font:12px/1.5 monospace;white-space:pre;tab-size:4;border-radius:8px}#console-input{display:flex;gap:8px}#console-input textarea{min-width:0;flex:1;background:#111719;color:var(--text);font:inherit;border:0;border-radius:8px;padding:10px;resize:vertical}#console-input button{width:auto}#console-keys{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}#console-keys button{width:auto;padding:8px;background:#394247;color:var(--text)}

main:has(#authorized-chats){display:flex;flex-direction:column}#authorized-chats{flex:1}h1{overflow-wrap:anywhere}
body:has(#console-screen){position:fixed;inset:0;height:var(--console-height,100dvh);overflow:hidden}main:has(#console-screen){height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:4px;overflow:hidden}
#console-title{font-size:20px;margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#console-screen{height:auto;min-width:0;min-height:0;width:100%;margin:0;border-radius:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(12px,1.2vw,14px)}
#console-input{display:grid;grid-template-columns:minmax(0,1fr) 44px;min-width:0;width:100%;margin:0;padding:4px;gap:4px;align-items:center;background:#111719}
#console-input textarea{width:100%;margin:0;font-size:16px;max-height:25dvh;resize:none;border-radius:0;background:transparent}#console-input textarea:focus-visible{outline-offset:-2px}
#console-input button{width:44px;height:44px;padding:10px;margin:0;border-radius:50%;display:grid;place-items:center}#console-input button svg{width:24px;height:24px}
#console-keys{display:grid;grid-template-columns:36px repeat(6,minmax(0,1fr));gap:4px;margin:0}#console-keys button{width:100%;min-width:0;min-height:36px;padding:4px 2px;font-size:13px;line-height:1.2}

#console-keys #back{width:36px;height:36px;border-radius:50%;padding:0;font-size:20px;display:grid;place-items:center}

/* Voice uses the microphone state; help and confirmations occupy the full screen. */
#console-keys{grid-template-columns:36px repeat(7,minmax(0,1fr))}
#chat-tools{display:flex;align-items:center;gap:8px}#chat-search{min-width:0;flex:1;margin:0}
.voice-mic{width:36px;min-width:36px;height:36px;padding:7px;display:grid;place-items:center}.voice-mic svg{width:20px;height:20px}
:root{--voice-active:#22c55e;--voice-busy:#fb923c;--voice-paused:#facc15}
.voice-mic[data-mode="listening"]{background:var(--voice-active)!important;color:#08231f}
.voice-mic[data-mode="paused"]{background:var(--voice-paused)!important;color:#262005}
.voice-mic[data-mode="busy"]{background:var(--voice-busy)!important;color:#291506;animation:voice-pulse .8s ease-in-out infinite alternate}
@keyframes voice-pulse{from{opacity:.45}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.voice-mic[data-mode="busy"]{animation:none}}
.voice-panel{display:contents}.voice-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.voice-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:20px;padding-top:max(20px,env(safe-area-inset-top));overflow:auto;color:var(--text);background:var(--bg);font:inherit}
.voice-dialog::backdrop{background:var(--bg)}.voice-dialog:not([open]){display:none}
.voice-help h1{padding-right:44px}.voice-help ul{list-style:none;padding:0}.voice-help li{padding:10px 0;border-bottom:1px solid #ffffff1c}.voice-help p{margin:18px 0}
.voice-close{position:absolute;right:12px;top:12px;width:36px;height:36px;padding:8px}.voice-close svg{width:20px;height:20px}
.voice-options[open]{display:flex;flex-direction:column;justify-content:center;gap:12px}
#authorized-chats{min-height:0;overflow:auto}

#authorized-chats .authorized-chat{display:grid;grid-template-columns:minmax(36px,max-content) 36px minmax(0,1fr) 24px;gap:14px;align-items:center;text-align:left;padding:14px 12px}
.authorized-number{font-size:30px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--accent);text-align:left}
.authorized-icon{display:grid;place-items:center;width:36px;height:36px;font-size:22px;font-weight:650}.authorized-icon img,.authorized-icon svg{width:32px;height:32px;object-fit:contain}
.authorized-name{min-width:0;overflow-wrap:anywhere}.authorized-play{display:grid;place-items:center}.authorized-play svg{width:24px;height:24px}

.online-brand{display:flex;align-items:center;gap:2px;padding:8px 4px;color:var(--text);font-size:23px;font-weight:700;line-height:1}
.online-brand img{width:32px;height:32px;object-fit:contain}
#online-version{display:block;align-self:flex-end;padding:4px 6px;font-size:10px;line-height:1.4;color:var(--muted)}