:root{--bg:#0b1524;--panel:#0e1c2f;--line:#26384d;--text:#f8fafc;--muted:#93a4b8;--accent:#8bd3ff;--caption-scale:1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.shell{max-width:1100px;margin:auto;padding:22px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--accent)}h1{margin:8px 0 20px;font-size:30px}h2{font-size:18px;margin:0 0 14px}.status{border:1px solid #52657c;border-radius:999px;padding:10px 16px;font-size:12px;letter-spacing:.08em}.status.live{border-color:#42d392;color:#42d392}.status.busy{border-color:#e5b100;color:#ffd85c}.status.error{border-color:#ef5b5b;color:#ff8e8e}.panel,.service-meta,.public-controls{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin:14px 0}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#cbd5e1}input,select,textarea,button{font:inherit;color:var(--text);background:#0b1727;border:1px solid #31445b;border-radius:12px;padding:11px 13px}button{cursor:pointer;background:#f8fafc;color:#07111f;font-weight:700}button.secondary{background:#101d2c;color:var(--text)}button.danger{background:#32151a;color:#ffc3c3}button:disabled{opacity:.45}.notice{color:#7dd3fc;margin:12px 0}.captions{background:#07101b;border:1px solid var(--line);border-radius:20px;min-height:300px;max-height:610px;overflow:auto;padding:16px}.caption-card{padding:18px 12px;border-bottom:1px solid #1b2b3d}.caption-card.previous{opacity:.62}.caption-ja{font-size:calc(29px * var(--caption-scale));font-weight:700;line-height:1.65}.caption-en{font-size:calc(26px * var(--caption-scale));line-height:1.55;margin-top:8px}.placeholder{color:#60748a;padding:24px}.public-controls{display:flex;gap:10px;align-items:end}.public-controls label{min-width:170px}.service-meta{display:flex;gap:18px;align-items:center}.public-footer{color:var(--muted);font-size:12px;padding:8px}.sharebox{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:10px;align-items:end;margin-top:14px}.sharebox img{width:180px;max-width:100%;background:white;border-radius:12px}.small{font-size:12px;color:var(--muted);grid-column:1/-1}.tablewrap{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse}th,td{padding:7px;border-bottom:1px solid var(--line);text-align:left}td input,td select{width:100%;min-width:120px}.priority{min-width:70px!important;width:70px!important}details{margin:12px 0}summary{cursor:pointer;font-weight:700}@media(max-width:700px){.shell{padding:12px}.grid2{grid-template-columns:1fr}.topbar h1{font-size:24px}.public-controls{position:sticky;top:0;z-index:2;margin-top:0}.caption-ja{font-size:calc(24px * var(--caption-scale))}.caption-en{font-size:calc(23px * var(--caption-scale))}.sharebox{grid-template-columns:1fr}.service-meta{flex-direction:column;align-items:flex-start}}
.vad{display:inline-block;border:1px solid #52657c;border-radius:999px;padding:9px 12px;font-size:12px;color:#9fb0c4}.vad.speaking{border-color:#42d392;color:#72e8b2;background:#0b241c}
.live-cluster{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.broadcast-lamp{display:flex;align-items:center;gap:9px;border:1px solid #52657c;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800;letter-spacing:.1em;color:#9fb0c4}.lamp-dot{width:12px;height:12px;border-radius:50%;background:#52657c;box-shadow:0 0 0 3px rgba(82,101,124,.12)}.broadcast-lamp.on{border-color:#ff4b4b;color:#fff;background:#2a1014}.broadcast-lamp.on .lamp-dot{background:#ff3434;box-shadow:0 0 10px 4px rgba(255,52,52,.55)}
.toggle-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.control-toggle{min-width:220px;display:flex;align-items:center;gap:12px;text-align:left;background:#101d2c;color:var(--text);border:1px solid #41536a}.control-toggle .toggle-knob{width:42px;height:24px;border-radius:999px;background:#31445b;position:relative;flex:none}.control-toggle .toggle-knob:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#d8e1eb;transition:.15s}.control-toggle.on{border-color:#42d392;background:#0c281f}.control-toggle.on .toggle-knob{background:#20a86d}.control-toggle.on .toggle-knob:after{transform:translateX(18px);background:#fff}.control-toggle small{display:block;margin-top:2px;color:#8fa2b8}.control-toggle.on small{color:#72e8b2}.tunnelbox{border:1px dashed #41536a;border-radius:12px;padding:12px;margin-top:14px}.small-inline{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.help-link{font-size:12px;color:#8bd3ff}.tunnel-on{border-color:#42d392!important;color:#72e8b2!important}.caption-card.hide-ja .caption-ja,.caption-card.hide-en .caption-en{display:none!important}
.control-deck{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.control-card{border:1px solid #d8dde6;border-radius:14px;padding:16px;background:#fff}.primary-control{box-shadow:inset 4px 0 0 #55657a}.secondary-control{background:#fafbfc}.control-title{font-weight:800;margin-bottom:10px}.compact{margin-left:8px}.spread{justify-content:space-between}.church-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.church-card{text-align:left;border:1px solid #d8dde6;border-radius:14px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:6px}.church-card:hover{border-color:#8492a6}.console-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.subpanel{border:1px solid #e1e5eb;border-radius:14px;padding:16px;background:#fbfcfd}.subpanel h3{margin-top:0}.checkline{display:flex;gap:8px;align-items:center;margin:10px 0}.dangerline{color:#a11}.language-row{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eee}.metric-list>div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #eee}@media(max-width:760px){.control-deck,.console-grid{grid-template-columns:1fr}.language-row{grid-template-columns:1fr 1fr}.control-card{padding:12px}}
.church-card,.console-grid .subpanel{color:#172033}.church-card strong,.console-grid .subpanel h3{color:#111827}.console-grid .subpanel label,.church-card small,.console-grid .subpanel .small,.console-grid .subpanel .small-inline{color:#556274}.console-grid .subpanel input,.console-grid .subpanel select{background:#fff;color:#172033;border-color:#cbd3de}.console-grid .subpanel .language-row{border-bottom-color:#e4e8ee}.console-grid .subpanel .metric-list>div{border-bottom-color:#e4e8ee}
.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.usage-card{border:1px solid var(--line);background:#0b1727;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:7px}.usage-card>span{font-size:12px;color:var(--muted)}.usage-card>strong{font-size:21px}.usage-card>small{color:#9eb0c5}.usage-card.emphasis{border-color:#4c7398}.operator-language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:12px}.operator-language-row{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px}.operator-language-row label{flex-direction:row;align-items:center;margin:0}.operator-language-row input{width:auto;padding:0}.caption-en small{display:inline-block;margin-right:8px;color:var(--accent);font-size:12px;font-weight:700}
@media(max-width:760px){.usage-grid{grid-template-columns:1fr}.operator-language-row{grid-template-columns:1fr 1fr}}
.speaker-item,.speaker-candidate{display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:.7rem .8rem;border:1px solid #d7dde5;border-radius:10px;margin:.45rem 0;background:#fff;color:#1d2733}.speaker-item.inactive{opacity:.65}.speaker-candidate .meta{font-size:.8rem;color:#667085}.cloudbox{background:#eef6ff;border-color:#b8d7ff}.pill{display:inline-block;padding:.15rem .45rem;border-radius:999px;background:#eef2f6;font-size:.75rem}
.language-group-title{font-weight:800;margin:1rem 0 .4rem;padding:.35rem .55rem;background:#f3f6f9;border-radius:8px;color:#344054}.language-row{display:grid;grid-template-columns:minmax(160px,1fr) auto auto minmax(130px,auto);gap:.55rem;align-items:center;padding:.55rem .2rem;border-bottom:1px solid #eaecf0}
@media(max-width:760px){.language-row{grid-template-columns:1fr 1fr}.language-row strong{grid-column:1/-1}}
.settings-panel{background:#0e1c2f;color:var(--text);border-color:#31445b;box-shadow:0 18px 48px rgba(0,0,0,.35)}
.settings-panel .subpanel{background:#0b1727;color:var(--text);border-color:#31445b;margin-top:12px}.settings-panel .subpanel h3,.settings-panel .subpanel strong{color:var(--text)}.settings-panel .subpanel .small,.settings-panel .subpanel .small-inline,.settings-panel .subpanel small{color:#a8b7c8}.settings-panel .subpanel button.secondary{background:#142338;color:var(--text);border-color:#41536a}.settings-panel .subpanel input,.settings-panel .subpanel select{background:#091321;color:var(--text);border-color:#31445b}.mode-quick-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.personal-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#personalHubUrl{font-weight:700}#personalHubPanel,#personalDataPanel{border-color:#3d6387}#adminContent>#languagePanel,#adminContent>#liveControlPanel,#adminContent>#glossaryPanel{color:var(--text)}#adminContent .control-card{background:#0b1727;color:var(--text);border-color:#31445b}
.hub-compact-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hub-compact-copy{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;max-width:260px}.hub-compact-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.hub-compact-copy span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.hub-compact-header button{padding:8px 10px;font-size:12px;margin-left:0}
@media(max-width:760px){.personal-data-grid{grid-template-columns:1fr}.mode-quick-nav button{flex:1 1 160px}.topbar{align-items:flex-start}.hub-compact-copy{align-items:flex-start;max-width:180px}.hub-compact-copy strong,.hub-compact-copy span{max-width:180px}.hub-compact-header{justify-content:flex-end}}

/* Listener controls: captions are multi-select; audio is independently single-select. */
.listener-controls{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(170px,1fr) auto auto;gap:10px;align-items:end;position:sticky;top:0;z-index:4;overflow:visible}.listener-picker{position:relative;margin:0;min-width:0}.listener-picker>summary{list-style:none;display:flex;flex-direction:column;gap:4px;min-height:46px;padding:8px 12px;border:1px solid #31445b;border-radius:12px;background:#0b1727;color:var(--text);cursor:pointer}.listener-picker>summary::-webkit-details-marker{display:none}.listener-picker>summary span,.listener-audio-select>span{font-size:11px;color:var(--muted)}.listener-picker>summary strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listener-choice-list{position:absolute;left:0;top:calc(100% + 6px);width:min(320px,calc(100vw - 32px));max-height:52vh;overflow:auto;padding:8px;background:#0b1727;border:1px solid #41536a;border-radius:12px;box-shadow:0 14px 30px rgba(0,0,0,.35);z-index:10}.listener-choice{display:flex;flex-direction:row;align-items:center;gap:10px;padding:9px 7px;min-width:0}.listener-choice input{width:auto;margin:0;padding:0;flex:none}.listener-choice span{overflow-wrap:anywhere}.listener-audio-select{min-width:0}.listener-audio-select select{width:100%;min-width:0}.audio-play-toggle{min-width:138px;background:#32151a;color:#ffd4d4;border-color:#77404a;white-space:nowrap}.audio-play-toggle.on{background:#0c281f;color:#8ff0bf;border-color:#42d392}.audio-play-toggle:disabled{background:#111a26;color:#718096;border-color:#31445b}.listener-audio-status{grid-column:1/-1;min-width:0}.listener-font-controls{display:flex;gap:6px}.listener-font-controls button{min-width:54px}.caption-ja small,.caption-en small{display:block;margin:0 0 3px;color:var(--accent);font-size:11px;font-weight:700}.caption-ja span,.caption-en span{overflow-wrap:anywhere;word-break:normal}
@media(max-width:700px){.public-shell{width:100%;max-width:100%;padding:8px;overflow-x:hidden}.public-page .topbar{gap:8px;align-items:center}.public-page .topbar h1{font-size:20px;margin-bottom:10px}.listener-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:10px;margin:8px 0;width:100%;max-width:100%;align-items:stretch}.listener-picker,.listener-audio-select,.audio-play-toggle,.listener-font-controls{width:100%;min-width:0}.audio-play-toggle{min-width:0}.listener-font-controls button{flex:1;min-width:0}.listener-audio-status{grid-column:1/-1}.listener-choice-list{width:min(300px,calc(100vw - 32px));max-width:calc(100vw - 32px)}.service-meta{margin-left:0;margin-right:0}.captions{width:100%;max-width:100%;padding:10px;overflow-x:hidden}.caption-card{padding:14px 6px}.caption-ja,.caption-en{max-width:100%;overflow-wrap:anywhere}.public-controls label{min-width:0}.public-controls select,.public-controls button{max-width:100%}}


/* Keep diagnostics legible in both the Personal and Organization HUB themes. */
#latencyPanel{background:#f8fafc;color:#172033;border-color:#cbd5e1}
#latencyPanel summary,#latencyPanel label{color:#172033}
#latencyPanel .small{color:#475569}
#latencyPanel select,#latencyPanel button.secondary{background:#fff;color:#172033;border-color:#94a3b8}
#latencyPanel table{font-variant-numeric:tabular-nums;color:#172033;background:#fff}
#latencyPanel th{background:#e2e8f0;color:#172033;white-space:nowrap}
#latencyPanel th,#latencyPanel td{border-bottom-color:#cbd5e1}
#latencyPanel tbody tr:nth-child(even){background:#f1f5f9}
#latencyPanel td:last-child{font-weight:700;color:#173e77}
#latencyPanel ::selection{background:#bfdbfe;color:#172033}