:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08080b;--bg-elevated:#0f0f16;--panel:#ffffff0a;--panel-strong:#08080bd9;--border:#ffffff1a;--border-strong:#ffffff29;--text:#fff;--muted:#b4b4c7;--muted-soft:#8f8fa1;--accent:#8b5cf6;--accent-strong:#7c3aed;--accent-soft:#8b5cf62e;--ok:#22c55e;--warning:#f59e0b;--danger:#ef4444;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#08080b 0%,#0d0d14 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}.shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:28px 0}.login-view{place-content:center;gap:24px;min-height:calc(100vh - 56px);display:grid}.brand{align-items:center;gap:16px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:56px;height:56px;font-weight:900;display:grid}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.05}h2{font-size:28px}h3{font-size:18px}.brand p,.eyebrow,small{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:800}.login-form,.panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;box-shadow:0 24px 60px #00000061}.login-form{gap:16px;width:min(440px,100vw - 32px);padding:22px;display:grid}label{color:var(--muted);gap:8px;font-size:14px;font-weight:700;display:grid}.field-help{color:var(--muted);font-size:12px;font-weight:600;line-height:1.35}input,select{border:1px solid var(--border);width:100%;color:var(--text);background:#00000047;border-radius:6px;outline:none;min-height:42px;padding:0 12px}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option,select optgroup{background:var(--bg-elevated);color:var(--text)}select option:disabled{color:var(--muted-soft)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.primary-button,.secondary-button,.danger-button,.ghost-button,.icon-button,.icon-only,.group-row{min-height:40px;color:var(--text);border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-button{background:var(--accent);color:#fff;font-weight:900}.secondary-button{background:var(--accent-strong);font-weight:800}.danger-button{background:#b91c1c;font-weight:800}.ghost-button,.icon-button,.icon-only{background:#ffffff14}.icon-button.active{background:#6d28d9}.icon-only{width:40px;padding:0}svg{flex:none;width:18px;height:18px}.error-text{color:#fca5a5;min-height:20px;font-size:14px}.topbar,.topbar-right,.control-strip,.panel-heading,.peer-row,.player-row,.group-row{align-items:center;display:flex}.topbar{justify-content:space-between;gap:16px;padding:12px 0 20px}.topbar-right{flex-wrap:wrap;justify-content:flex-end;gap:10px}.status-line{color:var(--muted);align-items:center;gap:8px;font-weight:800;display:inline-flex}.status-dot{background:var(--muted-soft);border-radius:50%;width:10px;height:10px}.status-dot.online{background:var(--ok)}.status-dot.connecting{background:var(--warning)}.control-strip{border:1px solid var(--border);background:var(--panel-strong);border-radius:8px;gap:10px;padding:12px}.device-select{flex:1;grid-template-columns:auto 1fr;align-items:center;min-width:190px}.volume-control{grid-template-columns:auto 1fr;align-items:center;width:160px}.workspace{grid-template-columns:minmax(280px,380px) minmax(360px,1fr);grid-template-areas:"groups voice""players voice";gap:16px;margin-top:16px;display:grid}.group-panel{grid-area:groups}.voice-panel{grid-area:voice}.players-panel{grid-area:players;min-height:260px}.panel{min-height:420px;padding:16px}.panel-heading{justify-content:space-between;gap:12px;margin-bottom:16px}.compact-form{border-top:1px solid var(--border);gap:10px;padding:12px 0;display:grid}.inline-fields{grid-template-columns:1fr 86px;gap:8px;display:grid}.groups-list,.peers-list,.players-list{gap:8px;margin-top:12px;display:grid}.group-row{text-align:left;background:#ffffff0e;justify-content:space-between;width:100%;padding:10px 12px}.group-row.active{background:var(--accent-soft);outline:1px solid #8b5cf66b}.group-row.selected{outline:1px solid #b4b4c780}.group-row span,.group-row small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.group-row span{flex:0 auto}.group-row small{text-align:right;flex:auto;margin-left:12px}.group-details{border:1px solid var(--border);background:#ffffff0b;border-radius:8px;gap:12px;margin-top:12px;padding:12px;display:grid}.group-details div{gap:4px;display:grid}.detail-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.manage-form{border-top:1px solid var(--border);gap:10px;padding-top:12px;display:grid}.checkbox-line{border:1px solid var(--border);background:#00000038;border-radius:6px;align-items:center;gap:8px;min-height:42px;padding:0 10px;font-size:12px;display:flex}.checkbox-line input{width:16px;min-height:16px;padding:0}.members-manage{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:grid}.admin-only{display:none}.is-admin .admin-only{display:inline-flex}.peer-row{background:#ffffff0e;border-radius:8px;justify-content:space-between;gap:12px;padding:12px}.peer-info,.peer-row div{gap:4px;min-width:0;display:grid}.peer-row strong,.peer-row small,.player-row span,.player-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.signal-meter{background:#ffffff1a;border-radius:999px;width:118px;height:10px;overflow:hidden}.signal-meter span{width:calc(max(.06, var(--signal)) * 100%);border-radius:inherit;background:var(--signal-color);height:100%;transition:width .24s,background-color .24s;display:block}.peer-volume{width:130px;color:var(--muted);grid-template-columns:42px 1fr;align-items:center;font-size:12px}.peer-volume input{min-height:26px;padding:0}.player-row{background:#ffffff0e;border-radius:8px;justify-content:space-between;gap:10px;padding:10px 12px}.member-row{background:#ffffff0e;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.member-row div{min-width:0}.member-row strong,.member-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.danger-icon{background:#ef444424}.player-row.online{outline:1px solid #22c55e38}.player-row.offline{opacity:.62}.pill{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.pill.ok{color:#04130a;background:var(--ok)}.pill.warning{color:#211800;background:var(--warning)}.pill.admin{color:#fff;background:var(--accent)}.empty-state{min-height:180px;color:var(--muted);border:1px dashed var(--border-strong);text-align:center;border-radius:8px;place-items:center;display:grid}.empty-state.compact{min-height:90px}[hidden]{display:none!important}@media (width<=920px){.shell{width:min(100vw - 20px,640px);padding:10px 0}.topbar,.control-strip{flex-direction:column;align-items:stretch}.topbar-right{justify-content:flex-start}.workspace{grid-template-columns:1fr;grid-template-areas:"groups""voice""players"}.device-select,.volume-control,.peer-volume{grid-template-columns:1fr;width:100%}.peer-row{flex-direction:column;align-items:stretch}.signal-meter{width:100%}.detail-actions{grid-template-columns:1fr}h1{font-size:28px}}