:root{color-scheme:dark;--bg:#151b20;--panel:#1d252c;--edge:#394650;--ink:#e6edf2;--muted:#9baab5;--cyan:#80ccd7;--amber:#edba75}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.4 system-ui,-apple-system,sans-serif}header,footer{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--edge)}header{height:46px}.brand{font-size:19px;font-weight:900;text-decoration:none;color:var(--ink)}.brand span{font-size:12px;font-weight:500;letter-spacing:1px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:12px;font-size:12px}main{padding:0 10px}footer{height:28px;border-top:1px solid var(--edge);border-bottom:0;color:var(--muted);font-size:10px}h1{font-size:23px;margin:0 0 12px}h2{font-size:13px;margin:0;font-weight:650}h3{font-size:11px;color:var(--muted);font-weight:500;margin:18px 0 6px}p{margin:5px 0}button,.button,input,select,textarea{font:inherit;border-radius:3px}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:6px;cursor:pointer;text-decoration:none;padding:6px 10px;min-height:32px;border:1px solid #548b96;background:#345e68;color:var(--ink);font-size:12px;font-weight:600}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled),.button:hover{filter:brightness(1.18)}.quiet{background:#242f37;border-color:var(--edge)}button[aria-pressed=true]{background:#335460;border-color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}input,select,textarea{background:#151c22;color:var(--ink);border:1px solid var(--edge);padding:6px 8px;min-height:32px;max-width:100%}textarea{resize:vertical}label{display:block;font-size:11px;color:var(--muted);margin:8px 0 4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.feedback{color:var(--cyan);font-size:12px;margin:5px 0;overflow-wrap:anywhere}.feedback.error{color:var(--amber)}.feedback:empty,#auth-description:empty{display:none}.muted,.empty{color:var(--muted);font-size:12px}.inline{display:flex;gap:6px;align-items:center}#workspace{height:calc(100dvh - 74px);min-height:420px;display:flex;flex-direction:column}.client-toolbar{display:flex;align-items:center;gap:6px;padding:8px 0;flex-wrap:wrap}.toolbar-divider{height:24px;border-left:1px solid var(--edge);margin:0 3px}.ptt{margin-left:4px;touch-action:none;user-select:none}kbd{font:10px system-ui;color:var(--muted);border:1px solid var(--edge);padding:1px 4px;border-radius:2px}.ptt[aria-pressed=true]{background:var(--cyan);color:#12272d}.client-toolbar .state{margin-left:auto}.state{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--cyan)}.state:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.state.stale{color:var(--amber)}.connection-feedback{font-size:11px}.connection-feedback .feedback{margin:0 0 6px}.client-tabs{display:flex;gap:0;border-bottom:1px solid var(--edge)}.client-tabs button{border:0;border-radius:0;background:none;color:var(--muted);padding:6px 14px;min-height:30px}.client-tabs button[aria-pressed=true]{border-bottom:2px solid var(--cyan);color:var(--ink);background:#202b33}.client-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 270px;border:1px solid var(--edge);border-top:0;background:#192127}.client-view,#admin{grid-column:1;grid-row:1;min-width:0;overflow:auto;padding:12px}.chat-pane{display:flex;flex-direction:column;padding:0}.chat-heading,.tree-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--edge);min-height:44px}.chat-heading input{width:150px;min-height:28px;font-size:12px}.chat-heading button{min-height:28px;padding:3px 8px}.messages{flex:1;min-height:100px;overflow:auto;padding:12px;background:#171e24}.message{padding:4px 0;font-size:13px;overflow-wrap:anywhere}.message strong{font-size:12px;color:var(--cyan)}.message p{white-space:pre-wrap;margin:2px 0}.message small{font-size:10px;color:var(--muted)}.composer{display:flex;gap:6px;padding:8px;border-top:1px solid var(--edge)}.composer textarea{flex:1;min-width:0;height:34px;max-height:130px}.chat-pane>.feedback{padding:0 8px}.room-tree{grid-column:2;grid-row:1;border-left:1px solid var(--edge);overflow:auto;background:#202930;min-width:0}.tree-heading button{padding:0;width:26px;min-height:26px}.tree-heading h2{font-weight:700}.room-tree select{width:calc(100% - 16px);margin:10px 8px 0;padding:0;border:0;background:none;height:44px;min-height:44px;outline-offset:0}.room-tree option{padding:6px 9px;font-weight:650;border-radius:3px}.room-tree option:checked{background:linear-gradient(#355366,#355366);color:var(--ink)}.room-tree>p,.room-tree>h3{margin:6px 14px}.room-tree>h3{margin-top:14px}.room-tree ul{list-style:none;margin:0;padding:0 12px 0 26px}.room-tree li{padding:5px 0;overflow-wrap:anywhere;font-size:12px;display:flex;align-items:center;gap:6px}.room-tree li.talking{color:var(--cyan)}.room-tree li.talking:before{content:'●';font-size:10px}.room-tree #voice-checked{font-size:10px;margin-top:14px;color:var(--muted)}.client-status{display:flex;justify-content:space-between;gap:10px;min-height:28px;align-items:center;font-size:11px;color:var(--muted);padding:4px 2px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.filters{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:end;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--edge)}.filters input,.filters select{width:100%}.filters .feedback{grid-column:1/-1}.record{padding:12px 0;border-bottom:1px solid var(--edge)}.record-head{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.speaker{font-weight:650}.timestamp{font:11px ui-monospace,monospace;color:var(--cyan)}.badge{font-size:10px;color:var(--muted);border:1px solid var(--edge);padding:1px 5px}.badge.demo{color:var(--amber)}.record p{white-space:pre-wrap;overflow-wrap:anywhere}.record audio{width:100%;height:32px;margin-top:6px}.empty{padding:12px 0}.events{margin-top:16px;font-size:12px;color:var(--muted)}summary{cursor:pointer}.event{padding:6px 0;border-bottom:1px solid var(--edge)}.components{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.component{padding:8px;border:1px solid var(--edge)}.component strong,.component small{display:block}.component small{font-size:11px;color:var(--muted)}.component .state{margin:4px 0}.notice{color:var(--muted);font-size:12px;border-left:2px solid var(--amber);padding-left:8px;margin:12px 0}#demo-section{margin-top:20px;color:var(--muted);font-size:12px}#job-summary{margin-top:8px;color:var(--muted);font-size:11px}.user{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--edge)}.user>strong{min-width:130px}.user label{display:flex;align-items:center;gap:5px;margin:0}.user input[type=checkbox]{min-height:16px;width:16px}.user .feedback{margin:0}.user-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;margin-top:12px}.user-form input,.user-form select{width:100%}.user-form>.feedback{grid-column:1/-1}.auth{max-width:350px;margin:40px auto;padding:20px;background:var(--panel);border:1px solid var(--edge)}.auth input{width:100%}.auth button{margin-top:12px}.auth label{margin-top:12px}#voice-audio{display:none}
@media(max-width:700px){.client-body{grid-template-columns:minmax(0,1fr) 175px}.room-tree ul{padding-left:16px}.client-toolbar{gap:4px}.client-toolbar button{padding:6px 8px}.client-toolbar .state{width:100%;margin:0}.filters{grid-template-columns:1fr}.filters .feedback{grid-column:auto}.header-right{gap:6px;font-size:11px}#identity{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:450px){main{padding:0 6px}.client-body{grid-template-columns:minmax(0,1fr) 130px}.chat-heading{flex-wrap:wrap}.chat-heading input{width:105px}.room-tree>p{font-size:10px}.tree-heading{padding:8px 6px}.tree-heading h2{font-size:11px}.room-tree li{font-size:11px}.client-tabs button{padding:6px 9px;font-size:11px}.user-form{grid-template-columns:1fr}.composer{gap:4px;padding:6px}.composer button{padding:6px}.client-status{font-size:10px}footer{font-size:9px;padding:6px}#workspace{min-height:500px}}
/* Compact voice and text client */
:root{--bg:#313338;--panel:#2b2d31;--edge:#232428;--ink:#f2f3f5;--muted:#a6a8b1;--cyan:#a5afff;--amber:#f0b879}body{font-size:14px}body>header{height:32px;padding:3px 14px;background:#1e1f22;border:0}.brand{font-size:13px}.brand span{font-size:10px}main{padding:0}footer{height:24px;background:#1e1f22;font-size:10px;padding:2px 12px}#workspace{height:calc(100dvh - 56px);min-height:500px;display:grid;grid-template-columns:68px 238px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 26px}.server-rail{grid-column:1;grid-row:1/3;background:#1e1f22;display:flex;align-items:center;flex-direction:column;gap:12px;padding:12px 8px}.server-rail button{width:48px;height:48px;border:0;border-radius:16px;background:#5865f2;color:white;font-weight:800}.server-rail .rail-search{border-radius:50%;background:#313338;color:#23c792;font-size:28px}.rail-line{height:2px;width:30px;background:#35363c}.channel-sidebar{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;min-height:0;background:#2b2d31}.server-heading{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-weight:750;border-bottom:1px solid #202125}.sidebar-scroll{flex:1;overflow:auto;padding:0 8px}.sidebar-scroll h3{margin:22px 8px 7px;font-size:10px;font-weight:750;letter-spacing:.5px}.channel-shortcut,.client-tabs button{justify-content:flex-start;width:100%;border:0;background:none;color:#aaacb7;padding:6px 10px;border-radius:4px;font-size:14px;font-weight:500}.channel-shortcut[aria-pressed=true],.client-tabs button[aria-pressed=true]{background:#404249;color:#fff;border:0}.channel-shortcut .hash{font-size:23px;margin-right:5px;color:#92949f}.channel-picker{font-size:12px;color:var(--muted);padding:8px}.channel-picker summary{list-style:none}.channel-picker .inline{flex-wrap:wrap;margin-top:8px}.channel-picker input{width:100%}.client-tabs{display:flex;flex-direction:column;border:0;gap:3px}.client-tabs button[data-view=chat]{display:none}#voice-channel{width:100%;height:40px;min-height:40px;border:0;background:transparent;margin:4px 0;padding:0}#voice-channel option{padding:8px 12px}#voice-channel option:checked{background:linear-gradient(#404249,#404249)}#voice-config-detail{font-size:10px;padding:0 8px}.refresh-room{font-size:10px;min-height:24px;padding:2px 8px;border:0;background:transparent;color:var(--muted)}.audio-dock{background:#232428;padding:10px 8px}.dock-identity{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;margin-bottom:8px}.avatar{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#5865f2;color:#fff;font-size:13px;font-weight:700}.client-toolbar{padding:0;gap:5px}.client-toolbar button{font-size:11px;padding:5px 8px;border:0;min-height:28px}.toolbar-divider{display:none}.client-toolbar .state{order:-1;width:100%;margin:0 0 3px;color:#51d59c}.client-toolbar .state.stale{color:var(--muted)}.ptt{width:100%;margin:0;background:#5865f2}.connection-feedback .feedback{font-size:10px;margin:6px 2px 0;line-height:1.4}.client-body{grid-column:3;grid-row:1;border:0;background:#313338;grid-template-columns:minmax(0,1fr) 212px}.client-body.members-hidden{grid-template-columns:minmax(0,1fr)}.members-hidden .room-tree{display:none}.client-view,#admin{padding:20px}.chat-pane{padding:0}.chat-heading{height:48px;min-height:48px;padding:0 18px;box-shadow:0 1px 2px #202125;border-bottom:0}.chat-heading h2{font-size:15px}.hash{color:#9497a2;font-size:22px;font-weight:400;margin-right:8px}.chat-heading button{background:transparent;border:0;color:var(--muted)}.messages{padding:14px 18px;background:transparent}.message{position:relative;padding:6px 0 6px 46px;min-height:48px}.message>.avatar{position:absolute;left:0;top:8px;width:34px;height:34px}.message strong{color:#f2f3f5;font-size:13px}.message small{margin-left:8px;font-size:10px}.message p{color:#dcdee3;font-size:14px;line-height:1.5}.message:hover{background:#2e3035}.date-divider{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:10px;color:var(--muted)}.date-divider:before,.date-divider:after{content:'';height:1px;background:#45474e;flex:1}.composer{border:0;background:#383a40;margin:0 16px 8px;border-radius:7px;padding:8px}.composer textarea{background:transparent;border:0;height:36px;min-height:36px;padding:7px}.composer button{background:#5865f2;border:0;padding:6px 14px}.chat-pane>.feedback{padding:0 18px;margin-bottom:6px}.room-tree{background:#2b2d31;border:0}.tree-heading{height:48px;border-bottom:0;padding:0 14px}.tree-heading h2{font-size:12px;color:var(--muted)}.room-tree h3{font-size:9px;margin:18px 14px 8px}.room-tree ul{padding:0 14px}.room-tree li{padding:8px 0;font-size:12px}.client-status{grid-column:3;grid-row:2;padding:4px 14px;background:#2b2d31;font-size:10px}.quiet{background:#3b3d44;border-color:transparent}input,select,textarea{background:#1e1f22;border-color:#41434a}button,.button{background:#5865f2;border-color:transparent}.components{gap:10px}.component{background:#2b2d31;border-radius:6px;padding:12px}dialog{width:440px;max-width:calc(100vw - 32px);border:1px solid #45474e;border-radius:10px;background:#2b2d31;color:var(--ink);padding:18px;box-shadow:0 18px 60px #0008}dialog::backdrop{background:#0009}#quick-search{width:100%;font-size:16px;padding:12px}#quick-results{margin-top:12px;max-height:300px;overflow:auto}#quick-results button{display:flex;justify-content:flex-start;width:100%;background:transparent;border:0;padding:10px;color:var(--muted)}#quick-results button:focus,#quick-results button:hover{background:#404249;color:white}.auth{margin:40px auto}#logout{min-height:22px;padding:2px 8px;font-size:10px}
@media(max-width:1000px){.client-body{grid-template-columns:minmax(0,1fr) 170px}#workspace{grid-template-columns:60px 210px minmax(0,1fr)}.server-rail{padding:12px 5px}.room-tree h3{font-size:8px}}
@media(max-width:760px){#workspace{grid-template-columns:52px 180px minmax(0,1fr)}.server-rail button{width:38px;height:38px;font-size:12px}.client-body{grid-template-columns:minmax(0,1fr)}.room-tree{display:none}.client-body:not(.members-hidden) .room-tree{display:block;position:absolute;right:0;top:80px;bottom:50px;width:190px;z-index:2;box-shadow:-4px 0 20px #0005}.composer{margin:0 8px 8px}.chat-heading{padding:0 10px}.filters{grid-template-columns:1fr}.client-view,#admin{padding:12px}.chat-pane{padding:0}.messages{padding:10px}.server-heading{padding:0 10px;font-size:12px}.client-status{font-size:9px}.user-form{grid-template-columns:1fr}}
@media(max-width:480px){#workspace{grid-template-columns:44px 126px minmax(0,1fr)}.server-rail{padding:10px 3px}.server-rail button{width:34px;height:34px}.sidebar-scroll{padding:0 4px}.channel-shortcut,.client-tabs button{font-size:12px;padding:5px}.sidebar-scroll h3{font-size:9px;margin-left:4px}.audio-dock{padding:7px 4px}.client-toolbar button{padding:4px;font-size:10px}.dock-identity{font-size:10px}.message{padding-left:0}.message>.avatar{display:none}.composer{flex-wrap:wrap}.composer textarea{width:100%;flex-basis:100%}.chat-heading h2{font-size:12px}.chat-heading button{font-size:10px;padding:4px}.client-status{flex-wrap:wrap;height:auto}.client-status span:last-child{display:none}}

.powered-by{font-size:10px;color:var(--muted);margin-left:auto;margin-right:20px}@media(max-width:600px){.powered-by{font-size:9px;margin-right:8px}.header-right #identity{display:none}}

#voice-channel{height:auto;min-height:40px}#voice-channel option{padding:7px 12px}
.conversation-content{display:flex;flex:1;min-height:0;min-width:0}.conversation-content>.messages{min-width:0}.chat-heading h2{margin-right:auto}.chat-heading button{flex-shrink:0}.chat-heading #transcript-toggle[aria-pressed=true]{color:#fff;background:#454957}#live-transcript-pane{width:46%;min-width:240px;max-width:420px;display:flex;flex-direction:column;border-left:1px solid #41434a;background:#2b2d31;min-height:0}.transcript-heading{padding:12px;border-bottom:1px solid #41434a}.transcript-heading h2{font-size:12px}.transcript-heading small{color:var(--muted);font-size:10px}#transcript-feedback{font-size:10px;padding:0 12px}#live-transcripts{overflow:auto;flex:1;padding:0 12px}.transcript-call{padding:12px 0;border-bottom:1px solid #41434a}.transcript-call .record-head{display:block;font-size:12px}.transcript-call small{display:block;font-size:10px}.transcript-copy{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.transcript-call audio{width:100%;height:28px}.listen-pane{padding:28px!important}.listen-pane h1{font-size:28px;margin:24px 0 8px}.listen-pane #listen-health{color:#51d59c}.listen-pane ul{list-style:none;padding:16px 0}.listen-pane li{padding:8px 0;border-bottom:1px solid #41434a}.listen-pane input{width:240px;max-width:100%}.guest-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #41434a}.guest-controls .feedback{width:100%}#audio-settings select{width:100%}#audio-settings .inline{flex-wrap:wrap;margin-top:14px}#audio-settings meter{display:block;width:100%;height:20px;margin:8px 0}#audio-settings label{margin-top:14px}#audio-settings .muted{font-size:11px;line-height:1.5}.audio-dock .client-toolbar{gap:4px}.audio-dock #spectator-open,.audio-dock #audio-settings-open{font-size:10px}.listen-pane .talking{color:#51d59c}@media(max-width:950px){#live-transcript-pane{min-width:200px}.client-body:has(#live-transcript-pane:not([hidden])){grid-template-columns:minmax(0,1fr)}.client-body:has(#live-transcript-pane:not([hidden]))>.room-tree{display:none}}@media(max-width:650px){.conversation-content:has(#live-transcript-pane:not([hidden])){flex-direction:column}.conversation-content:has(#live-transcript-pane:not([hidden]))>.messages{flex:1;min-height:80px}#live-transcript-pane{width:100%;max-width:none;flex:1;min-height:130px;border-left:0;border-top:1px solid #41434a}.chat-heading{gap:3px}.chat-heading button{font-size:10px;padding:3px}.chat-heading h2{font-size:11px}.listen-pane{padding:14px!important}.listen-pane h1{font-size:20px}}

.mic-modes{display:inline-flex;gap:2px;flex-shrink:0;padding:2px;border:1px solid #494b53;border-radius:7px}.mic-mode-wrap{position:relative;display:inline-flex}.audio-dock .mic-mode{display:grid;place-items:center;width:30px;height:30px;padding:5px;border:0;border-radius:4px;color:#b5bac1}.mic-mode svg{width:19px;height:19px}.audio-dock .mic-mode[aria-pressed=true]{background:#5865f2;color:#fff}.audio-dock #voice-mode-open[aria-pressed=true]{background:#237b54;color:#fff}.mic-mode:focus-visible{outline:2px solid #fff;outline-offset:2px}.mic-mode-tip{display:none;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);width:210px;padding:8px 10px;border-radius:5px;background:#111214;color:#f2f3f5;font-size:11px;line-height:1.4;box-shadow:0 4px 14px #0006;z-index:100;pointer-events:none}.mic-mode-wrap:hover .mic-mode-tip,.mic-mode-wrap:focus-within .mic-mode-tip{display:block}

/* TDS race control — graphite, signal yellow and precise instrument details. */
:root{--bg:#0d1015;--panel:#151a21;--edge:#2a323e;--ink:#f1f4f8;--muted:#939eaf;--cyan:#dbfb63;--amber:#ffbd79;--signal:#dbfb63}
body{background:var(--bg);-webkit-font-smoothing:antialiased}
body>header{height:36px;background:#0b0e12;border-bottom:1px solid #29303a;padding:0 18px;gap:14px}
.brand{font-size:17px;font-style:italic;letter-spacing:-.7px;display:flex;align-items:center;gap:7px}
.brand:before{content:'';width:9px;height:17px;transform:skew(-16deg);background:var(--signal);box-shadow:5px 0 0 #dbfb6333;margin-right:5px}
.brand span{font-style:normal;font-size:10px;font-weight:750;letter-spacing:2.4px;color:#a6b0bf}
.powered-by{font-size:10px;margin-right:0;letter-spacing:.2px}.header-right{font-size:10px}.header-right #identity{font-family:ui-monospace,monospace;font-size:10px}
footer{background:#0b0e12;border-color:#29303a;color:#7e8b9d;letter-spacing:.4px}
body:has(#workspace[hidden]) main{min-height:calc(100dvh - 60px);display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 50% 36%,#252e3b66,transparent 58%),linear-gradient(#798aa008 1px,transparent 1px),linear-gradient(90deg,#798aa008 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;position:relative;isolation:isolate}
body:has(#workspace[hidden]) main:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,transparent 20%,#dbfb6305 20.1%,transparent 20.3%,transparent 78%,#dbfb6308 78.1%,transparent 78.3%)}
.auth{position:relative;display:flex;flex-direction:column;width:min(100%,400px);max-width:400px;margin:20px auto;padding:29px 30px 28px;border:1px solid #343f4e;border-radius:14px;background:linear-gradient(150deg,#1d242e,#12171e 75%);box-shadow:0 24px 70px #0006,0 1px 0 #ffffff09 inset;overflow:hidden}
.auth:before{content:'PIT WALL / TEAM ACCESS';font:650 10px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:2px;color:var(--signal);margin:0 0 16px;padding-left:12px;border-left:3px solid var(--signal);order:-2}
.auth:after{content:'';position:absolute;right:25px;top:27px;width:23px;height:15px;background:repeating-conic-gradient(#77839855 0 25%,transparent 0 50%) 0/8px 8px;transform:skew(-12deg);opacity:.7;pointer-events:none}
.auth h1{font-size:30px;letter-spacing:-1px;line-height:1.12;font-weight:800;margin:0 0 20px;max-width:300px;order:0}
.auth #auth-description{order:1;font-size:12px;color:#a4afbe;line-height:1.6;margin:-7px 0 18px}
.auth form{order:3;width:100%}.auth label{font-size:11px;color:#b3bdcb;font-weight:600;margin:14px 0 6px}
.auth input{min-height:42px;border-radius:6px;border:1px solid #35404e;background:#0c1118;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}
.auth input:focus{outline:none;border-color:#c6e65c;box-shadow:0 0 0 3px #dbfb6312}
.auth button,.auth .button{width:100%;min-height:41px;margin-top:18px;border-radius:6px;font-weight:750;background:var(--signal);color:#131a08;border:1px solid transparent;transition:background .15s,transform .15s}
.auth button:hover:not(:disabled){filter:none;background:#e8ff97;transform:translateY(-1px)}
.auth button.quiet{background:#202934;border-color:#394554;color:#ccd4df}
.auth #google-sign-in{order:2;background:#f2f4f8;color:#202732;margin:0 0 2px;min-height:44px;font-size:12px;gap:11px}
.auth #google-sign-in:before{content:'G';font:bold 17px/1 Arial,sans-serif;color:#4285f4}
.auth #google-sign-in:hover{background:#fff;filter:none}
.auth:has(#google-sign-in:not([hidden])) #auth-form:before{content:'OR USE A LOCAL ACCOUNT';display:flex;align-items:center;justify-content:center;margin:21px 0 3px;font:9px/1.4 ui-monospace,monospace;letter-spacing:1.4px;color:#788698}
.auth .feedback{font-size:11px;line-height:1.6;margin:10px 0 0}.auth .feedback.error{color:#ffc28b}
.auth #remote-sign-in{order:3}.auth #remote-sign-in-feedback{order:4}.auth #client-authorize-approve{order:3}.auth #client-authorize-feedback{order:5}
#workspace{height:calc(100dvh - 60px)}
.server-rail{background:#090d12;border-right:1px solid #232c37}.server-rail .server-icon{background:var(--signal);color:#172009;font-style:italic;box-shadow:0 3px 18px #dbfb6310;border-radius:14px}.server-rail .rail-search{background:#19212b;color:var(--signal)}.rail-line{background:#2b3541}
.channel-sidebar,.room-tree{background:#141a22}.server-heading{background:#171e27;border-color:#303a48;font-size:13px;letter-spacing:.2px}.sidebar-scroll h3,.room-tree h3{font-family:ui-monospace,monospace;font-weight:600;letter-spacing:1.2px;color:#78899e}
.channel-shortcut,.client-tabs button{color:#96a5b7}.channel-shortcut[aria-pressed=true],.client-tabs button[aria-pressed=true]{background:#263229;color:#e5fac2;box-shadow:2px 0 0 var(--signal) inset}.channel-shortcut .hash{color:#768c70}#voice-channel option:checked{background:linear-gradient(#2b3628,#2b3628);color:#e5fac2}
.audio-dock{background:#10151c;border-top:1px solid #2b3441}.avatar{background:#344353;color:#dce8f5;border:1px solid #526477}.client-toolbar .state{color:#b2df70}.client-toolbar .state.stale{color:#8593a5}.client-body{background:#1b222c}.messages{background:transparent}.chat-heading{background:#1b222c;box-shadow:0 1px 0 #34404d}.room-tree{border-left:1px solid #293340}.tree-heading h2{font:600 10px ui-monospace,monospace;letter-spacing:1px}
.composer{background:#26303d;border:1px solid #354151;border-radius:9px}.composer button{background:var(--signal);color:#19220c}.message:hover{background:#222c38}.message strong{color:#ecf3fc}.message p{color:#c5d0de}.date-divider:before,.date-divider:after{background:#34404e}.client-status{background:#131a22;border-top:1px solid #2a3442;color:#91a0b3}
.quiet{background:#293441;color:#d4deeb}button,.button{background:#c8e95d;color:#19220c;border-radius:5px}button[aria-pressed=true]{background:#334232;border-color:#9db747;color:#efffc9}.ptt{background:#c8e95d;color:#19220c}.audio-dock .mic-mode[aria-pressed=true]{background:#c8e95d;color:#19220c}.audio-dock #voice-mode-open[aria-pressed=true]{background:#317957;color:#fff}
input,select,textarea{background:#101720;border-color:#354151}.components .component,dialog{background:#17202b;border-color:#364558}.component{border:1px solid #344150}.chat-heading #transcript-toggle[aria-pressed=true]{background:#334232;color:#e8ffc3}#live-transcript-pane{background:#141b24;border-color:#344150}.transcript-heading,.transcript-call{border-color:#344150}
@media(max-width:600px){body>header{padding:0 11px;gap:6px}.brand{font-size:15px}.brand span{font-size:9px;letter-spacing:1.7px}.powered-by{font-size:8px;max-width:160px;text-align:right}.auth{padding:25px 23px;width:min(100%,380px);margin:10px auto}.auth h1{font-size:28px}.auth:after{right:23px;top:25px}.auth:before{font-size:9px;letter-spacing:1.6px}body:has(#workspace[hidden]) main{padding:22px 18px}.header-right:has(#logout[hidden]){display:none}}
@media(prefers-reduced-motion:reduce){.auth button,.auth input{transition:none}.auth button:hover:not(:disabled){transform:none}}
/* Native listboxes override selected text when focused; keep room labels legible. */
#voice-channel option{color:#e6edf2;-webkit-text-fill-color:#e6edf2;background-color:#151c24}
#voice-channel option:checked,#voice-channel:focus option:checked,#voice-channel:disabled option:checked{color:#f3ffd9!important;-webkit-text-fill-color:#f3ffd9!important;background:linear-gradient(#35452b,#35452b);background-color:#35452b}
#voice-channel:disabled{opacity:1;color:#b8c7d7;-webkit-text-fill-color:#b8c7d7}
#voice-channel:focus-visible{outline:1px solid var(--signal);outline-offset:1px}
