:root{--bg: #0f172a;--card: #111827;--text: #e5e7eb;--muted: #9ca3af;--primary: #3b82f6;--danger: #ef4444;--ok: #22c55e}*{box-sizing:border-box}body,html,#app{height:100%}html,body{margin:0}#app,.container{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#0b1220,#0f172a);color:var(--text);padding:16px 16px 96px;min-height:100%}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.header h1{margin:0;font-size:20px;font-weight:600;letter-spacing:.3px}.myid{display:flex;align-items:center;gap:8px;color:var(--muted);flex-wrap:wrap}.myid code{background:#ffffff0f;padding:4px 8px;border-radius:6px;color:var(--text);max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text);padding:6px 10px;border-radius:6px;cursor:pointer}.ghost.flashed{background:var(--primary);color:#fff;transition:background-color .2s ease}.ghost:disabled{opacity:.6;cursor:default}.layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;max-width:1200px;margin:0 auto}.section{padding:8px 0;min-width:0}.section h2{margin:0 0 10px;font-size:16px;font-weight:600;opacity:.9}.row{display:flex;gap:10px;align-items:center}.col{display:flex;gap:10px;flex-direction:column}.space-between{justify-content:space-between}input{flex:1;padding:10px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--text);border-radius:8px;outline:none}button{padding:10px 14px;border:none;border-radius:8px;cursor:pointer;background:#ffffff1a;color:var(--text)}button.primary{background:var(--primary);color:#fff}button.danger{background:var(--danger);color:#fff}button:disabled{opacity:.6;cursor:not-allowed}.status{font-size:12px;color:var(--muted)}.status.granted{color:var(--ok)}.status.off,.status.denied,.error{color:var(--danger)}.muted{color:var(--muted);font-size:12px}.list{display:flex;flex-direction:column;gap:8px;min-width:0}.participants{max-height:40vh;overflow:auto}.member{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px}.member .id{display:flex;align-items:center;gap:8px}.member .actions{display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:var(--danger);display:inline-block}.dot.on{background:var(--ok)}.dot.off{background:var(--danger)}.audios{display:flex;gap:12px;margin-top:12px}.audio-box{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:8px}.audio-box h3{margin:0 0 6px;font-size:14px;color:var(--muted)}.eq{display:flex;gap:4px;align-items:flex-end;height:36px;margin-bottom:8px}.eq span{width:6px;background:#ffffff80;display:inline-block;border-radius:2px;transition:height .08s linear,background-color .2s ease}.eq span:nth-child(2){background:#ffffffb3}.eq span:nth-child(3){background:#ffffffe6}.screens{margin-top:12px}.spotlight{width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.spotlight video{width:100%;height:100%;object-fit:contain}.spotlight-btn{position:absolute;left:8px;bottom:8px;background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.spotlight-full{position:fixed;inset:0;z-index:50;background:#000000f2;display:flex;align-items:center;justify-content:center}.spotlight-full video{width:100%;height:100%;object-fit:contain}.spotlight-close{position:fixed;right:16px;top:16px;background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.thumb-expand{position:absolute;left:6px;bottom:6px;width:24px;height:24px;border-radius:4px;background:#00000073;border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.thumb{width:160px;height:90px;background:#000;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;position:relative}.thumb.active{border-color:var(--primary)}.thumb video{width:100%;height:100%;object-fit:cover}.thumb .label{position:absolute;left:6px;bottom:4px;font-size:12px;background:#00000080;padding:2px 6px;border-radius:4px}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal{background:var(--card);border:1px solid rgba(255,255,255,.12);padding:20px;border-radius:12px;width:320px}.modal h3{margin-top:0}.bottom-controls{position:fixed;left:0;right:0;bottom:16px;display:flex;justify-content:center;pointer-events:none}.fab{width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;box-shadow:0 8px 20px #00000059;display:inline-flex;align-items:center;justify-content:center;color:#fff;pointer-events:auto}.fab.on{background:var(--primary)}.fab.off{background:var(--danger)}.fab .icon{display:block;width:28px;height:28px}.fab:active{transform:translateY(1px)}@media (max-width: 640px){.layout{grid-template-columns:1fr}.thumb{width:120px;height:68px}.participants{max-height:none}}