:root{--bg: #0c0f14;--panel: #151a22;--panel-2: #1b2230;--border: #262f40;--text: #e8edf5;--muted: #8b97a8;--accent: #3b82f6;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--focus: #7dd3fc;font-size:15px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Avenir Next,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{text-wrap:balance;letter-spacing:-.03em;line-height:1.15}p{text-wrap:pretty;max-width:65ch;line-height:1.55}a{color:var(--accent);text-decoration:none}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:9px 14px;min-height:44px;cursor:pointer;box-shadow:inset 0 1px #ffffff14}button:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.danger{color:var(--red)}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:9px 10px;min-height:44px}input:focus,select:focus{outline:none;border-color:var(--accent)}.shell{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:20px;padding:10px 18px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar .brand{font-weight:700;letter-spacing:.4px}.topbar .brand span{color:var(--accent)}.topbar nav{display:flex;gap:4px}.topbar nav a{color:var(--muted);padding:6px 12px;border-radius:4px}.topbar nav a.active{color:var(--text);background:var(--panel-2)}.topbar .spacer{flex:1}.topbar .stat{color:var(--muted);font-size:13px}.page{padding:18px;max-width:1600px;width:100%;margin:0 auto}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.war-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:14px}.war-head h1{margin:0;font-size:clamp(28px,4vw,42px)}.lede{margin:8px 0 0;color:var(--muted)}.war-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.tile{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:4px;overflow:hidden;aspect-ratio:16/10;cursor:pointer;transition:border-color .15s}.tile:hover{border-color:var(--accent)}.tile.hand-raised{border-color:var(--amber)}.tile video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.tile.offline{cursor:default}.screen-share-stage{position:absolute;top:0;right:0;bottom:0;left:0;background:#070b12;z-index:1}.screen-share-stage.hidden{display:none}.screen-share-stage video{width:100%;height:100%;object-fit:contain}.screen-share-label{position:absolute;top:8px;left:8px;z-index:2;color:#fff;background:#070b12db;border-left:3px solid var(--accent);padding:4px 8px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tile-camera-pip{position:absolute;right:8px;bottom:34px;z-index:3;width:30%!important;height:30%!important;object-fit:cover!important;border:1px solid rgba(232,237,245,.7);border-radius:6px}.screen-share-mark{color:#fff;background:var(--accent);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;letter-spacing:.04em}.tile .placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--muted);gap:8px}.tile .avatar{width:52px;height:52px;border-radius:4px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;border:1px solid var(--border)}.tile .bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;padding:6px 10px;background:linear-gradient(transparent,#000000bf);font-size:13px}.tile .bar .name{font-weight:600;text-shadow:0 1px 2px #000}.tile .bar .time{color:#cbd5e1;margin-left:auto;font-variant-numeric:tabular-nums}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.live{background:var(--green);box-shadow:0 0 6px var(--green)}.dot.off{background:#475569}.rec{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#fff;background:var(--red);border-radius:4px;padding:1px 6px}.rec:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1.4s infinite}@keyframes blink{50%{opacity:.3}}.eye{font-size:11px;color:#cbd5e1;background:#00000080;border-radius:4px;padding:1px 6px}.hand-flag{color:#fff7ed;background:#9a3412;border-radius:4px;padding:3px 7px;font-size:11px;font-weight:700;white-space:nowrap}.hand-flag.acknowledged{background:#166534}.hand-actions{position:absolute;left:8px;bottom:42px;display:flex;gap:6px;z-index:2}.hand-actions button{min-height:34px;padding:5px 9px;font-size:12px;background:#0c0f14eb}.focus-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:50;display:flex;align-items:center;justify-content:center;padding:30px}.focus-box{width:min(1100px,95vw);background:var(--panel);border-radius:4px;overflow:hidden;border:1px solid var(--border)}.focus-media{position:relative;background:#000}.focus-media>video{width:100%;max-height:70vh;background:#000;display:block}.focus-screen-stage{position:absolute;top:0;right:0;bottom:0;left:0;background:#070b12}.focus-screen-stage video{width:100%;height:100%;max-height:70vh;object-fit:contain;display:block}.focus-camera-pip{position:absolute!important;z-index:3;right:16px;bottom:16px;width:20%!important;height:20%!important;max-height:none!important;object-fit:cover!important;border:1px solid rgba(232,237,245,.8)}.focus-head{display:flex;align-items:center;gap:12px;padding:12px 16px}.focus-head .name{font-weight:700;font-size:17px}.focus-head .spacer{flex:1}.audio-note{color:var(--muted);font-size:13px}.screen-share-control{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.pill.warning{color:var(--amber)}.wallboard-audio-sinks{display:none}.agent-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.agent-card{width:min(720px,100%);background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:26px;display:flex;flex-direction:column;gap:16px}.agent-card h1{margin:0;font-size:22px}.agent-card .sub{color:var(--muted);margin-top:-10px}.agent-video{width:100%;aspect-ratio:16/9;background:#000;border-radius:4px;object-fit:cover}.agent-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.live-pill{display:inline-flex;align-items:center;gap:8px;background:#22c55e1f;color:var(--green);font-weight:700;border-radius:999px;padding:6px 14px}.live-pill.rec{background:#ef44441f;color:var(--red)}.hand-button{border-color:var(--amber);color:#fed7aa}.hand-button.raised{background:#9a3412;border-color:#fb923c;color:#fff}.err{color:var(--red);font-size:14px}.ok{color:var(--green);font-size:14px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:360px;background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:28px;display:flex;flex-direction:column;gap:14px}.login-card h1{margin:0 0 4px;font-size:20px}table.data{width:100%;border-collapse:collapse;background:var(--panel);border-radius:4px;overflow:hidden}table.data th,table.data td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);font-size:14px}table.data th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}table.data tr:last-child td{border-bottom:none}.row-actions{display:flex;gap:8px}.filters{display:flex;gap:10px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:18px}.form-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}h2.section{font-size:16px;margin:22px 0 10px}.pill{font-size:12px;border-radius:999px;padding:2px 10px;background:var(--panel-2);color:var(--muted)}.pill.on{color:var(--green)}.pill.attention{color:#fed7aa;background:#7c2d12}code.k{background:var(--panel-2);border-radius:6px;padding:2px 8px;font-size:13px}@media(max-width:720px){.war-head{align-items:start;flex-direction:column}.war-stats{justify-content:start}.topbar{gap:10px;padding:10px 12px;flex-wrap:wrap}.topbar nav{order:3;width:100%;overflow-x:auto}.page{padding:14px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.breakout-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:18px}.breakout-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.breakout-header h2{margin:3px 0 4px;font-size:19px;letter-spacing:-.02em}.breakout-header p{margin:0;color:var(--muted);font-size:13px;max-width:58ch}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.breakout-create{justify-content:flex-end}.breakout-create input{min-width:180px}.breakout-error{margin-top:12px}.breakout-empty{color:var(--muted);padding:18px 0 2px;font-size:14px}.breakout-list{margin-top:16px}.breakout-room{border-top:1px solid var(--border);padding:14px 0 4px}.breakout-room:first-child{border-top:0;padding-top:0}.breakout-room-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.breakout-room-head strong{display:block;font-size:15px}.breakout-room-meta{color:var(--muted);font-size:12px;margin-left:10px}.breakout-members{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0}.breakout-member{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:13px}.breakout-member-state{color:var(--muted);font-size:12px}.breakout-member button{padding:2px 7px;font-size:12px}.breakout-assign{color:var(--muted);font-size:13px}.breakout-assign select{min-width:190px}.breakout-tag{color:#bfdbfe;font-size:11px;background:#3b82f629;border-radius:4px;padding:2px 6px}.agent-breakout-notice{display:flex;flex-direction:column;gap:2px;color:var(--text);min-width:200px}.agent-breakout-notice span{color:var(--muted);font-size:12px}.breakout-monitor{width:min(1100px,95vw)}.breakout-monitor-grid{min-height:240px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;padding:16px;background:#080a0e}.breakout-monitor-video{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:#000}.breakout-monitor-audio{display:none}.breakout-monitor-error{padding:0 16px 12px}.breakout-monitor-roster{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 16px 16px;color:var(--muted);font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}@media(max-width:700px){.breakout-header,.breakout-room-head{flex-direction:column;align-items:stretch}.breakout-create{justify-content:stretch}.breakout-create input{flex:1;min-width:0}.breakout-room-meta{display:block;margin:4px 0 0}.breakout-room-head .row-actions{flex-wrap:wrap}}