:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#090b10;color:#f3f5f8;--panel:#12151d;--panel-soft:#171b25;--border:#272c39;--muted:#929bad;--accent:#7c5cff;--accent-hover:#9279ff;--danger:#e85d70}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0,#1c1638 0,transparent 34%),#090b10}button,a,input{font:inherit}button,a{transition:background-color .18s,border-color .18s,transform .18s}button{cursor:pointer}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(100%,420px);padding:2.5rem;text-align:center;background:#12151de0;border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 70px #00000061;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card h1{margin:1rem 0 .4rem}.auth-card p{color:var(--muted);margin:0 0 1.5rem}.brand-mark{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#8c6cff,#5334d5);font-weight:800;box-shadow:0 10px 30px #7c5cff4d}.brand-mark.small{width:34px;height:34px;border-radius:11px;font-size:.75rem}.app-shell{height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr) 300px;overflow:hidden}.rooms-panel,.members-panel{background:#0f1219f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rooms-panel{display:flex;flex-direction:column;border-right:1px solid var(--border);padding:1rem}.members-panel{border-left:1px solid var(--border);padding:1.2rem;overflow:auto}.brand{display:flex;align-items:center;gap:.7rem;font-weight:750;padding:.15rem .25rem 1.25rem}.panel-heading{display:flex;align-items:center;justify-content:space-between;color:#dce0e8;font-size:.82rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.icon-button{width:32px;height:32px;border:1px solid var(--border);border-radius:10px;background:var(--panel-soft);color:#fff;font-size:1.3rem;line-height:1}.icon-button:hover{background:#242a38;border-color:#3c4456}.room-list,.member-list{list-style:none;margin:.8rem 0;padding:0;display:grid;gap:.4rem}.room-list{overflow:auto}.room-button{width:100%;display:flex;align-items:center;gap:.7rem;padding:.62rem;border:1px solid transparent;border-radius:13px;background:transparent;color:#c8ced9;text-align:left}.room-button:hover{background:#1a1f2a;color:#fff}.room-button.selected{background:linear-gradient(100deg,#7c5cff3d,#7c5cff14);border-color:#7c5cff59;color:#fff}.room-icon,.user-avatar,.member-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#282e3c;color:#fff;font-weight:750}.room-icon{width:34px;height:34px}.user-card{margin-top:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.75rem;background:var(--panel-soft);border:1px solid var(--border);border-radius:14px}.user-avatar{width:34px;height:34px;background:#5c46bc}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:650}.room-panel{min-width:0;display:flex;flex-direction:column;background:#0a0c11b8}.room-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:#0f1219b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.room-header h1{font-size:1.15rem;margin:0}.room-header p{font-size:.8rem;color:var(--muted);margin:.25rem 0 0}.header-actions,.media-controls,.dialog-actions{display:flex;align-items:center;gap:.6rem}.room-content{min-height:0;flex:1;display:flex;flex-direction:column;padding:1.25rem;gap:1rem;overflow:auto}.video-stage{position:relative;min-height:320px;flex:1;display:grid;place-items:center;padding:1rem;background:#05070a;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:inset 0 0 80px #0000005c}video{position:relative;z-index:2;width:100%;max-height:70vh;border-radius:14px;background:#020304;object-fit:contain}.remote-videos{position:relative;z-index:2;width:100%;display:grid;gap:1rem}.stage-placeholder{position:absolute;display:grid;gap:.4rem;text-align:center;color:#9aa3b5}.stage-placeholder span{font-weight:700;color:#cbd1dc}.media-controls{justify-content:center}.primary-button,.secondary-button,.danger-button,.quiet-button{display:inline-flex;justify-content:center;align-items:center;padding:.62rem .9rem;border-radius:11px;border:1px solid transparent;text-decoration:none;font-weight:650}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.primary-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.secondary-button{background:#202533;border-color:#333a4a;color:#eef0f5}.secondary-button:hover{background:#292f3e}.danger-button{background:#e85d701f;border-color:#e85d704d;color:#ff9baa}.danger-button:hover{background:#e85d7033}.quiet-button{padding:.45rem .6rem;background:transparent;color:var(--muted)}.quiet-button:hover{color:#fff;background:#242936}.notice,.invite-banner{margin:1rem 1.5rem 0;padding:.85rem 1rem;border-radius:13px;border:1px solid rgba(124,92,255,.28);background:#7c5cff1a}.notice[data-tone=error]{border-color:#e85d7059;background:#e85d701a;color:#ffb0bb}.invite-banner{display:flex;align-items:center;gap:.7rem}.invite-banner div{display:grid;gap:.2rem;margin-right:auto}.invite-banner span{color:var(--muted);font-size:.85rem}.empty-state{margin:auto;padding:2rem;text-align:center;color:var(--muted)}.empty-state h2{color:#eef0f5;margin:.7rem 0 .25rem}.empty-state p{margin:0}.empty-icon{font-size:2.8rem;color:#8c70ff}.panel-hint{font-size:.76rem;line-height:1.45;color:var(--muted)}.member-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:center;padding:.65rem;border-radius:13px}.member-row:hover{background:#181c26}.member-avatar{position:relative;width:38px;height:38px}.presence{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border:2px solid var(--panel);border-radius:50%}.presence.online{background:#47c985}.presence.offline{background:#596172}.member-copy{min-width:0;display:grid}.member-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.member-copy small{color:var(--muted);font-size:.73rem}.permission-badge{grid-column:2;font-size:.68rem;color:#8e98aa}.count-badge{padding:.18rem .45rem;border-radius:8px;background:#242a37;color:#cdd3de}.diagnostics{border:1px solid var(--border);border-radius:13px;background:var(--panel);color:var(--muted)}.diagnostics summary{cursor:pointer;padding:.8rem 1rem}.diagnostics dl{display:grid;grid-template-columns:7rem 1fr;gap:.4rem;padding:0 1rem}.diagnostics dd{margin:0}.diagnostics pre{max-height:10rem;overflow:auto;margin:0;padding:1rem;border-top:1px solid var(--border);background:#090b0f;white-space:pre-wrap;font-size:.75rem}dialog{width:min(92vw,460px);padding:0;border:1px solid var(--border);border-radius:18px;background:#151922;color:#f3f5f8;box-shadow:0 25px 80px #0000008c}dialog::backdrop{background:#030407b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog form,dialog>div{display:grid;gap:1rem;padding:1.5rem}dialog h2,dialog p{margin:0}dialog p{color:var(--muted)}dialog label{display:grid;gap:.45rem;color:#cbd1dc;font-size:.86rem}dialog input{width:100%;padding:.72rem .8rem;border:1px solid #343b4b;border-radius:10px;background:#0d1016;color:#fff;outline:none}dialog input:focus{border-color:var(--accent)}.dialog-actions{justify-content:flex-end}@media(max-width:980px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.members-panel{position:fixed;right:0;bottom:0;z-index:5;width:100%;max-height:34vh;border-top:1px solid var(--border);border-left:0}.room-content{padding-bottom:36vh}}@media(max-width:680px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.rooms-panel{padding:.65rem}.brand span:last-child,.panel-heading>span,.room-button>span:last-child,.user-name,.user-card .quiet-button{display:none}.brand,.panel-heading{justify-content:center}.room-button{justify-content:center;padding:.5rem}.user-card{display:flex;justify-content:center;padding:.5rem}.room-header{padding:.8rem 1rem;align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}.room-content{padding:.75rem;padding-bottom:36vh}.video-stage{min-height:240px}.notice,.invite-banner{margin:.75rem 1rem 0}.invite-banner{align-items:flex-start;flex-wrap:wrap}.members-panel{max-height:32vh}.room-header h1{font-size:1rem}.secondary-button,.danger-button{padding:.5rem .65rem;font-size:.8rem}}[hidden]{display:none!important}.brand-logo{display:block;object-fit:contain;filter:drop-shadow(0 10px 26px rgba(56,190,183,.18))}.auth-logo{width:116px;height:116px;margin:0 auto}.nav-logo{width:38px;height:38px}.member-avatar.has-image{overflow:visible;background:transparent}.member-avatar img,.user-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.member-row{grid-template-columns:auto minmax(0,1fr) auto}.member-row .permission-badge{grid-column:2}.remove-member{grid-column:3;grid-row:1 / span 2;align-self:center;padding:.4rem .55rem;border:1px solid rgba(232,93,112,.28);border-radius:9px;background:transparent;color:#f094a2;font-size:.72rem}.remove-member:hover{background:#e85d7024;color:#ffc0c9}.media-status{color:var(--muted);font-size:.8rem}body{overflow:hidden}.app-shell{height:100dvh}.rooms-panel,.room-panel,.members-panel{min-height:0;min-width:0;overflow:hidden}.room-list{flex:1 1 auto;min-height:0;overflow-y:auto}.room-header{flex:0 0 auto}.room-content{min-height:0;overflow-y:auto}.members-panel{display:flex;flex-direction:column}.member-list{flex:1 1 auto;min-height:0;overflow-y:auto}.stream-card{position:relative;width:100%;display:grid;place-items:center;border-radius:14px;overflow:hidden;background:#020304}.stream-card video{width:100%;height:100%;max-height:70vh;object-fit:contain}.stream-card:fullscreen{background:#000}.stream-card:fullscreen video{max-height:100vh}.stream-action{position:absolute;z-index:4;right:.65rem;bottom:.65rem;padding:.45rem .65rem;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:#080a0ec7;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stream-action:hover{background:#202533f0}.activate-audio{right:auto;left:50%;bottom:50%;transform:translate(-50%,50%)}.remote-media-status{position:absolute;z-index:3;left:.65rem;bottom:.65rem;padding:.35rem .55rem;border-radius:8px;background:#080a0eb8;color:#d9dee8;font-size:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:680px){body{overflow:auto}.nav-logo{width:42px;height:42px}.remove-member{padding:.35rem;font-size:0}.remove-member:after{content:"×";font-size:1rem}}