*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#1a1a2e;color:#e0e0e0;height:100vh;overflow:hidden}#root,.app-shell{height:100vh;width:100vw}.app-content{height:100%;width:100%}.desktop-shell{display:flex;flex-direction:column;width:100vw}.desktop-shell .app-content{flex:1;min-height:0;height:auto;width:100%}.desktop-titlebar{position:relative;height:34px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#141a30f2,#0c1122fa);border-bottom:1px solid rgba(174,192,255,.12);box-shadow:inset 0 -1px #0a0e1ecc;-webkit-user-select:none;user-select:none;transition:opacity .18s ease,transform .18s ease}.desktop-titlebar-drag{height:100%;flex:1;display:flex;align-items:center;padding:0 10px;-webkit-app-region:drag}.desktop-titlebar-name{position:absolute;left:50%;transform:translate(-50%);color:#c8d3ff;font-size:.72rem;letter-spacing:.04em;opacity:.95;pointer-events:none;-webkit-app-region:drag;display:inline-flex;align-items:center;gap:8px;max-width:min(48vw,320px)}.desktop-titlebar-text{display:inline-flex;align-items:baseline;gap:4px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-updater-status{position:absolute;left:12px;top:50%;transform:translateY(-50%);max-width:min(34vw,260px);padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#d9e4ff;font-size:.68rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-updater-status.checking,.desktop-updater-status.downloading{border-color:#77cbff66;background:#439dd029;color:#ccefff}.desktop-updater-status.available{border-color:#7ff5d961;background:#1a695c38;color:#bdf7eb}.desktop-updater-status.downloaded{border-color:#70eea061;background:#2a714138;color:#d6ffe5}.desktop-updater-status.error{border-color:#ff7c7c66;background:#78232338;color:#ffd2d2}.desktop-titlebar-logo{width:20px;height:20px;border-radius:4px;object-fit:contain;background:#ffffff0f;box-shadow:0 0 0 1px #c8d3ff40;image-rendering:auto}.desktop-titlebar-controls{height:100%;display:flex;-webkit-app-region:no-drag}.desktop-titlebar-btn{width:46px;height:100%;display:inline-flex;align-items:center;justify-content:center;border:none;border-left:1px solid rgba(174,192,255,.09);background:transparent;color:#e8eeff;cursor:pointer;transition:background-color .15s ease,color .15s ease}.desktop-titlebar-btn .glyph{line-height:1;font-size:.82rem;font-weight:600;opacity:.85}.desktop-titlebar-btn:hover{background:#8ca7ff24}.desktop-titlebar-btn.close:hover{background:#da3d4f;color:#fff}body.desktop-runtime.screen-share-fullscreen-active .desktop-titlebar{position:fixed;inset:0 0 auto 0;z-index:10001;opacity:0;transform:translateY(-100%);pointer-events:none}body.desktop-runtime.screen-share-fullscreen-active.screen-share-fullscreen-overlay-visible .desktop-titlebar{opacity:1;transform:translateY(0);pointer-events:auto}body.desktop-runtime{background:#070b1a}.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}.update-boot-screen{min-height:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(circle at 20% 18%,rgba(56,189,248,.16),transparent 28%),radial-gradient(circle at 82% 78%,rgba(127,245,217,.12),transparent 26%),linear-gradient(180deg,#08101f,#050914 72%)}.update-boot-card{width:min(420px,100%);padding:1.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:#090e1be6;box-shadow:0 28px 70px #00000073}.update-boot-logo{width:78px;height:78px;border-radius:18px;margin-bottom:1rem;background:#ffffff0a;box-shadow:0 12px 24px #00000047}.update-boot-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#7ff5d9;margin-bottom:.45rem}.update-boot-title{font-size:1.9rem;color:#f8fbff;margin-bottom:.45rem}.update-boot-copy{color:#9ba8cc;line-height:1.5;margin-bottom:1rem}.update-boot-progress{width:100%;height:9px;overflow:hidden;border-radius:999px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0a}.update-boot-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#10b981,#38bdf8);transition:width .22s ease}.update-boot-progress-label{margin-top:.65rem;color:#cfe6ff;font-size:.82rem}body.desktop-runtime .update-boot-screen{min-height:100%;height:100%;padding:.75rem}body.desktop-runtime .update-boot-card{width:min(360px,100%);transform:translateY(-16px)}.auth-gate-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 30%),radial-gradient(circle at bottom right,rgba(250,204,21,.12),transparent 24%),linear-gradient(180deg,#08101f,#050914 72%)}body.desktop-runtime .auth-gate-screen{min-height:100%;height:100%;width:100%;box-sizing:border-box;padding:.75rem;overflow:hidden}body.desktop-runtime .auth-gate-card{width:min(360px,100%);max-height:calc(100vh - 88px);padding:1.4rem;overflow:auto;transform:translateY(-18px)}.auth-gate-card{width:min(560px,100%);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:#090e1be6;box-shadow:0 28px 70px #00000073}.auth-gate-logo{width:82px;height:82px;border-radius:18px;margin-bottom:1rem;background:#ffffff0a;box-shadow:0 12px 24px #00000047}.auth-gate-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#7ff5d9;margin-bottom:.5rem}.auth-gate-title{font-size:2.1rem;color:#f8fbff;margin-bottom:.45rem}.auth-gate-subtitle{max-width:44ch;color:#9ba8cc;line-height:1.5;margin-bottom:1.3rem}.auth-gate-loader,.auth-gate-error{padding:.85rem 1rem;border-radius:12px;font-size:.9rem}.auth-gate-loader{background:#7ff5d914;color:#c7fff2}.auth-gate-error{margin-top:1rem;background:#8c23372e;color:#ffc9d3}.auth-gate-form{display:flex;flex-direction:column;gap:.85rem}.auth-gate-form-row{display:flex;gap:.75rem}.auth-gate-input{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#eff4ff;outline:none}.auth-gate-input:focus{border-color:#7ff5d9b3}.auth-gate-primary,.auth-gate-secondary,.paywall-card{border:none;cursor:pointer}.auth-gate-primary{padding:.95rem 1rem;border-radius:12px;background:linear-gradient(135deg,#10b981,#38bdf8);color:#03131c;font-weight:700}.auth-gate-secondary{padding:.95rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#dfe8ff;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.auth-gate-secondary:hover:not(:disabled){background:#ffffff14}.auth-gate-secondary-stack{display:inline-flex;align-items:stretch;gap:.5rem}.language-flag-toggle{display:inline-block;align-items:center}.language-flag-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.language-flag-btn.active{border-color:#8c5bffa6;background:#6f3de252}.auth-language-toggle{margin:.1rem auto .35rem}.auth-gate-secondary-stack>.auth-gate-secondary{flex:1}.auth-gate-google-icon-btn{width:46px;min-width:46px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.auth-gate-google-icon-btn:hover:not(:disabled){background:#ffffff14}.auth-gate-google-icon{width:20px;height:20px;object-fit:contain;display:block}.auth-gate-primary:disabled,.auth-gate-secondary:disabled,.auth-gate-google-icon-btn:disabled,.paywall-card:disabled{opacity:.6;cursor:not-allowed}.paywall-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem}body.desktop-runtime .paywall-grid{grid-template-columns:1fr}body.desktop-runtime .auth-gate-title{font-size:1.8rem}body.desktop-runtime .auth-gate-subtitle{margin-bottom:1rem}body.desktop-runtime .auth-gate-meta{align-items:flex-start;flex-direction:column}.paywall-card{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff08);color:#eff4ff;text-align:left}.paywall-card:hover:not(:disabled){border-color:#7ff5d96b;transform:translateY(-1px)}.auth-gate-note{padding:.85rem 1rem;border-radius:14px;background:#7ff5d917;border:1px solid rgba(127,245,217,.18);color:#bffcef;line-height:1.4}.paywall-tier{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#8fdcff}.paywall-price{font-size:1.7rem}.paywall-copy{color:#a6b3d6;line-height:1.45;min-height:42px}.paywall-cta{color:#7ff5d9;font-weight:700}.auth-gate-meta{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;color:#98a5ca;font-size:.85rem}.auth-gate-link{border:none;background:transparent;color:#8fdcff;cursor:pointer}.auth-gate-footnote{margin-top:1rem;color:#6f7ea6;font-size:.76rem;line-height:1.45}.auth-gate-refresh-row{margin-top:.9rem}.join-screen{display:flex;align-items:center;justify-content:center;height:100vh;padding:1rem}body.desktop-runtime .join-screen{height:100%;min-height:0}.rooms-home-screen{align-items:stretch;justify-content:flex-start;padding:0;background:linear-gradient(#080a19c2,#080a19e6),radial-gradient(circle at 20% 15%,rgba(82,58,204,.35),transparent 45%),radial-gradient(circle at 85% 75%,rgba(18,167,141,.2),transparent 40%),#080b18}.rooms-home-panel{width:400px;max-width:100%;height:100%}.join-card{background:#16213e;border-radius:12px;padding:2.5rem;width:360px;text-align:center;box-shadow:0 8px 32px #0000004d}.join-list-card{width:min(520px,calc(100vw - 2rem));text-align:left;padding:1.2rem}.join-list-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem}.join-list-header-copy{min-width:0}.join-list-user{margin-bottom:.85rem;color:#b7c5e7;font-size:.88rem}.join-logo{width:96px;height:96px;object-fit:contain;border-radius:18px;margin:0 auto .9rem;background:#ffffff0f;box-shadow:0 10px 22px #070c1a59;image-rendering:auto}.join-title{font-size:1.45rem;font-weight:700;color:#f8fafc;margin-bottom:.25rem;white-space:nowrap}.join-subtitle{font-size:.95rem;color:#a0a0b8;margin-bottom:1.5rem}.join-form{display:flex;flex-direction:column;gap:.75rem}.join-room-list{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.85rem}.join-room-list.simple{margin-bottom:.9rem}.join-room-row-name{font-size:.9rem}.join-room-row-meta{font-size:.76rem;color:#9eb0d6}.join-empty-state{padding:.85rem .9rem;border-radius:10px;background:#ffffff0a;color:#9eb0d6;font-size:.82rem}.join-input{padding:.7rem 1rem;border:1px solid #2a2a4a;border-radius:8px;background:#1a1a2e;color:#e0e0e0;font-size:.95rem;outline:none;transition:border-color .2s}.join-input:focus{border-color:#7c3aed}.join-input:disabled{opacity:.5}.join-button{padding:.7rem;border:none;border-radius:8px;background:#7c3aed;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.25rem}.join-button.secondary{background:#24324f}.join-button:hover:not(:disabled){background:#6d28d9}.join-button.secondary:hover:not(:disabled){background:#304369}.join-button:disabled{opacity:.5;cursor:not-allowed}.join-error{margin-top:1rem;color:#f87171;font-size:.85rem}.join-actions{display:flex;gap:.65rem;margin-bottom:0}.join-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.room-view{display:flex;flex-direction:column;height:100vh}.room-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#0f0f23;border-bottom:1px solid #2a2a4a;-webkit-app-region:drag}.room-name{font-size:1rem;font-weight:600;color:#7c3aed}.room-header-right{display:flex;align-items:center;gap:.75rem}.room-peer-count{font-size:.8rem;color:#a0a0b8}.room-body{flex:1;display:flex;overflow:hidden}.room-sidebar-left{width:180px;background:#12122a;border-right:1px solid #2a2a4a;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.sidebar-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;padding:.75rem .75rem .25rem}.peer-list{display:flex;flex-direction:column;gap:1px;padding:.25rem}.peer-item-shell{border-radius:6px;overflow:hidden}.peer-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .5rem;border:none;border-radius:4px;background:transparent;text-align:left;color:inherit;cursor:pointer;transition:background .15s}.peer-item:hover{background:#1a1a3a}.peer-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.peer-status-dot.connected{background:#34d399}.peer-status-dot.muted{background:#6b7280}.peer-name{font-size:.85rem;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peer-you{color:#a0a0b8;font-size:.75rem}.peer-item.speaking{background:#34d3991a}.peer-expand-icon{margin-left:auto;color:#6b7280;font-size:.8rem;line-height:1}.peer-audio-controls{padding:.3rem .5rem .5rem 1.35rem;background:#161631;border-radius:0 0 4px 4px;display:flex;flex-direction:column;gap:.35rem}.peer-audio-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:.4rem}.peer-audio-label{font-size:.66rem;color:#8b93a7;text-transform:uppercase;letter-spacing:.03em}.peer-volume-slider{width:100%;accent-color:#7c3aed;height:3px}.peer-audio-value{font-size:.68rem;color:#b7bbca;min-width:34px;text-align:right}.peer-mute-btn{width:100%;padding:.25rem .45rem;border:1px solid #2a2a4a;border-radius:4px;background:#1b1b35;color:#c7ccdd;font-size:.72rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.peer-mute-btn:hover{border-color:#7c3aed;color:#fff}.peer-mute-btn.active{background:#7f1d1d;border-color:#b91c1c;color:#fecaca}.room-main{flex:1;display:flex;align-items:center;justify-content:center;background:#0d0d1f;overflow:hidden;padding:.5rem}.spatial-map{position:relative;aspect-ratio:1 / 1;height:100%;width:auto;max-width:100%;max-height:100%;cursor:crosshair;overflow:hidden}.spatial-zoom-controls{position:absolute;right:8px;top:8px;z-index:6;display:inline-flex;align-items:center;gap:6px;padding:4px 6px;border-radius:8px;background:#0a0e1cb8;border:1px solid rgba(255,255,255,.14)}.spatial-zoom-btn{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#dbe3ff;cursor:pointer;font-size:14px;line-height:1}.spatial-zoom-btn:hover{background:#7b51f242;border-color:#9978ffa6}.spatial-zoom-level{min-width:46px;text-align:center;font-size:.68rem;color:#bbc5e6;font-weight:600}.spatial-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 50% 50%,rgba(124,58,237,.08) 0%,transparent 70%),linear-gradient(rgba(42,42,74,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(42,42,74,.3) 1px,transparent 1px);background-size:100% 100%,10% 10%,10% 10%;pointer-events:none}.spatial-map.drawing-mode{cursor:crosshair}.spatial-map.panning{cursor:grabbing}.spatial-zone{position:absolute;border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:0}.spatial-zone-delete{position:absolute;top:4px;right:4px;width:18px;height:18px;border:none;border-radius:50%;background:#ffffff14;color:#ffffff4d;font-size:14px;line-height:1;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .15s,background .15s,color .15s}.spatial-zone:hover .spatial-zone-delete{opacity:1}.spatial-zone-delete:hover{background:#f43f5e99;color:#fff}.spatial-zone-preview{position:absolute;border:2px dashed rgba(124,58,237,.5);background:#7c3aed0d;pointer-events:none;z-index:0}.spatial-zone-label{position:absolute;top:6px;left:8px;font-size:.55rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#ffffff26;pointer-events:none;-webkit-user-select:none;user-select:none}.spatial-dead-zone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);aspect-ratio:1 / 1;border:1px dashed rgba(124,58,237,.35);border-radius:999px;background:#7c3aed14;pointer-events:none;z-index:0}.spatial-marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:1}.spatial-marker .cone-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.45)) drop-shadow(0 0 6px rgba(196,181,253,.35));transition:transform .1s}.spatial-marker.peer{cursor:grab}.spatial-marker.peer.dragging{cursor:grabbing}.spatial-marker.peer.dragging .cone-icon{transform:scale(1.2)}.spatial-label{font-size:.7rem;color:#a0a0b8;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.8);pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:-2px}.spatial-marker.self{cursor:pointer;z-index:3}.spatial-marker.self.rotating{cursor:crosshair}.spatial-marker.self .spatial-label{color:#c4b5fd;font-weight:600}.controls{padding:.5rem 1rem;background:#0f0f23;border-top:1px solid #2a2a4a}.input-meter{width:100%;height:3px;background:#2a2a4a;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.input-meter-fill{height:100%;background:#34d399;transition:width .05s linear;border-radius:2px}.controls-row{display:flex;align-items:center;justify-content:center;gap:1rem}.input-mode-selector{display:flex;flex-wrap:wrap;gap:.35rem}.mode-btn{min-width:88px;padding:.35rem .65rem;border:1px solid #2a2a4a;border-radius:4px;background:transparent;color:#6b7280;font-size:.75rem;white-space:nowrap;cursor:pointer;transition:all .15s}.mode-btn:hover{color:#e0e0e0}.mode-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.control-buttons{display:flex;gap:.5rem}.control-btn{padding:.35rem .9rem;border:1px solid #2a2a4a;border-radius:6px;background:#1a1a2e;color:#e0e0e0;font-size:.8rem;cursor:pointer;transition:all .15s}.control-btn:hover{background:#2a2a4a}.control-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.control-btn.leave-btn{border-color:#dc2626;color:#f87171}.control-btn.leave-btn:hover{background:#dc2626;color:#fff}.stats-panel{background:#0f0f23;border-top:1px solid #2a2a4a;padding:.5rem;font-size:.75rem;height:100%;min-height:0;overflow:auto}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.stats-title{font-weight:600;color:#a0a0b8;font-size:.7rem}.stats-actions{display:flex;gap:.25rem}.stats-btn{padding:.15rem .4rem;border:1px solid #2a2a4a;border-radius:3px;background:transparent;color:#a0a0b8;font-size:.65rem;cursor:pointer}.stats-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.stats-empty{color:#6b7280;text-align:center;padding:.25rem}.stats-list{display:flex;flex-direction:column;gap:.55rem}.stats-item{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.7rem;background:#ffffff08}.stats-chart-wrap{margin:.35rem 0 .45rem}.stats-chart{width:100%;height:54px;display:block;border-radius:6px;background:linear-gradient(to bottom,#ffffff0a,#ffffff03),repeating-linear-gradient(to right,transparent 0,transparent 19px,rgba(255,255,255,.03) 20px)}.stats-chart-rtt,.stats-chart-jitter{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.stats-chart-rtt{stroke:#f6c453}.stats-chart-jitter{stroke:#6dd3ff}.stats-chart-legend{display:flex;gap:.35rem;margin-top:.25rem}.stats-chart-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.12rem .4rem;border-radius:999px;background:#ffffff0f;color:#cfd5ea;font-size:.62rem}.stats-chart-chip:before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:currentColor}.stats-chart-chip.rtt{color:#f6c453}.stats-chart-chip.jitter{color:#6dd3ff}.stats-peer-name{font-weight:600;color:#e0e0e0;display:block;margin-bottom:.15rem}.stats-grid{display:grid;grid-template-columns:auto 1fr;gap:.14rem .55rem}.stats-label{color:#6b7280}.stats-value{color:#a0a0b8;text-align:right}.stats-value-code{font-family:Consolas,SFMono-Regular,monospace}.stats-room-events,.stats-events-block{margin-bottom:.55rem}.stats-section-title{margin-bottom:.28rem;color:#8695bf;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase}.stats-event-list{display:flex;flex-direction:column;gap:.22rem}.stats-event-item{color:#c7d1ef;font-size:.68rem;line-height:1.4}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060812ad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20}.settings-modal{width:min(900px,calc(100vw - 1.5rem));max-height:calc(100vh - 2rem);overflow:auto;background:linear-gradient(180deg,#151832,#11142a);border:1px solid #2a2a4a;border-radius:14px;box-shadow:0 18px 40px #00000073}.audio-settings{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.audio-settings-tabs{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}.audio-settings-hint{margin-top:-.15rem;padding:.55rem .68rem;border-radius:10px;border:1px solid rgba(127,245,217,.18);background:#7ff5d914;color:#c8fff2;font-size:.78rem;line-height:1.4}.audio-settings-tab{border:1px solid #2a2a4a;border-radius:7px;background:#ffffff0a;color:#c9cedf;font-size:.72rem;padding:.3rem .55rem;cursor:pointer}.audio-settings-tab.active{border-color:#8c5bffa6;background:#6f3de252;color:#fff}.audio-settings-embedded{width:100%;height:100%;padding:0;background:transparent}.audio-settings-inline{width:100%;height:100%;max-width:none;max-height:none;overflow:auto;padding:.75rem;background:transparent;border:none;box-shadow:none}.audio-settings-inline,.settings-modal,.auth-gate-card,.al-members,.peer-list,.al-settings-content,.screen-picker-panel,.al-rooms-content,.room-sidebar-list,.al-chat-log{scrollbar-width:thin;scrollbar-color:rgba(127,245,217,.7) rgba(11,15,31,.55)}.audio-settings-inline::-webkit-scrollbar,.settings-modal::-webkit-scrollbar,.auth-gate-card::-webkit-scrollbar,.al-members::-webkit-scrollbar,.peer-list::-webkit-scrollbar,.al-settings-content::-webkit-scrollbar,.screen-picker-panel::-webkit-scrollbar,.al-rooms-content::-webkit-scrollbar,.room-sidebar-list::-webkit-scrollbar,.al-chat-log::-webkit-scrollbar{width:10px;height:10px}.audio-settings-inline::-webkit-scrollbar-track,.settings-modal::-webkit-scrollbar-track,.auth-gate-card::-webkit-scrollbar-track,.al-members::-webkit-scrollbar-track,.peer-list::-webkit-scrollbar-track,.al-settings-content::-webkit-scrollbar-track,.screen-picker-panel::-webkit-scrollbar-track,.al-rooms-content::-webkit-scrollbar-track,.room-sidebar-list::-webkit-scrollbar-track,.al-chat-log::-webkit-scrollbar-track{background:#080b18cc;border-radius:999px}.audio-settings-inline::-webkit-scrollbar-thumb,.settings-modal::-webkit-scrollbar-thumb,.auth-gate-card::-webkit-scrollbar-thumb,.al-members::-webkit-scrollbar-thumb,.peer-list::-webkit-scrollbar-thumb,.al-settings-content::-webkit-scrollbar-thumb,.screen-picker-panel::-webkit-scrollbar-thumb,.al-rooms-content::-webkit-scrollbar-thumb,.room-sidebar-list::-webkit-scrollbar-thumb,.al-chat-log::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7ff5d9e0,#48bbffd6);border:2px solid rgba(8,11,24,.9);border-radius:999px}.audio-settings-inline::-webkit-scrollbar-thumb:hover,.settings-modal::-webkit-scrollbar-thumb:hover,.auth-gate-card::-webkit-scrollbar-thumb:hover,.al-members::-webkit-scrollbar-thumb:hover,.peer-list::-webkit-scrollbar-thumb:hover,.al-settings-content::-webkit-scrollbar-thumb:hover,.screen-picker-panel::-webkit-scrollbar-thumb:hover,.al-rooms-content::-webkit-scrollbar-thumb:hover,.room-sidebar-list::-webkit-scrollbar-thumb:hover,.al-chat-log::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a0ffe8fa,#75d2fff5)}.audio-settings-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1;background:#12152cf5;border:1px solid #2a2a4a;border-radius:10px;padding:.55rem .7rem}.audio-settings-title{font-size:.8rem;color:#e5e8f8;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.audio-settings-close{border:1px solid #2a2a4a;border-radius:6px;background:#1a1a2e;color:#c9cedf;font-size:.75rem;padding:.25rem .6rem;cursor:pointer}.audio-settings-section{border:1px solid #2a2a4a;border-radius:10px;background:#101222b8;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.audio-settings-section-title{font-size:.68rem;color:#a7aec5;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.audio-settings-quick-preset-row{display:flex;flex-wrap:wrap;gap:.4rem}.audio-settings-row{display:grid;grid-template-columns:132px minmax(0,1fr) auto;align-items:center;gap:.6rem}.audio-settings-row-simple{grid-template-columns:132px minmax(0,1fr)}.audio-settings-label{font-size:.66rem;color:#9aa2b6}.audio-settings-select{width:100%;border:1px solid #2a2a4a;border-radius:6px;background:#1a1a2e;color:#e0e0e0;padding:.35rem .45rem;font-size:.72rem}.audio-settings-slider{width:100%;accent-color:#7c3aed}.audio-settings-value{font-size:.68rem;color:#b7bbca;min-width:46px;text-align:right}.audio-settings-toggle{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:#d6daea}.audio-settings-advanced{margin-top:.3rem;border:1px solid #2a2a4a;border-radius:9px;padding:.5rem .6rem;background:#080b1880}.audio-settings-advanced[open]{padding-bottom:.65rem}.audio-settings-advanced summary{cursor:pointer;color:#c9d4f7;font-size:.72rem;font-weight:600;margin-bottom:.45rem}.audio-settings-footer{display:flex;justify-content:flex-end}.audio-settings-warning{font-size:.66rem;color:#fbbf24}.audio-settings-text{font-size:.68rem;color:#aab1c9;line-height:1.35}.audio-settings-readout{border:1px dashed #39406a;border-radius:8px;padding:.55rem .65rem;font-size:.7rem;color:#e2e7fb;background:#0e1226a6}.calibration-result{border:1px solid #334155;border-radius:8px;padding:.55rem .65rem;display:grid;grid-template-columns:1fr 1fr;gap:.2rem .6rem;font-size:.67rem;color:#c8d0ea}.calibration-phase{min-width:110px}.peer-diag-list{display:flex;flex-direction:column;gap:.45rem}.peer-diag-item{border:1px solid #2e355a;border-radius:8px;padding:.45rem .55rem;background:#0c1022b3}.peer-diag-main{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.peer-diag-name{font-size:.72rem;color:#dce2fb;font-weight:600}.peer-diag-grid{display:grid;grid-template-columns:auto 1fr;gap:.1rem .5rem;font-size:.64rem;color:#9ea7c4}.peer-diag-grid strong{color:#e6ebff;font-weight:600}.mic-test-meter{width:100%;height:8px;border-radius:6px;background:#1a1a2e;border:1px solid #2a2a4a;overflow:hidden}.mic-test-meter-fill{height:100%;width:0;background:linear-gradient(90deg,#22c55e,#eab308 70%,#ef4444);transition:width .08s linear}.mic-test-status{text-align:left;min-width:90px}.gate-debug-panel{border:1px solid #2a2a4a;border-radius:6px;background:#15172a;padding:.35rem .5rem;display:grid;grid-template-columns:1fr 1fr;gap:.2rem .6rem}.gate-debug-row{display:flex;justify-content:space-between;align-items:center;font-size:.64rem;color:#aeb4ca}.gate-debug-row strong{color:#e2e7fb;font-size:.66rem}.transmit-meter{position:relative;width:100%;height:10px;border-radius:999px;border:1px solid #2a2a4a;background:#121427;overflow:hidden}.transmit-meter-fill{height:100%;width:0;background:linear-gradient(90deg,#4f46e5,#6366f1);transition:width .1s linear,background .1s linear}.transmit-meter-fill.open{background:linear-gradient(90deg,#10b981,#22c55e)}.transmit-meter-threshold{position:absolute;top:-1px;bottom:-1px;width:2px;background:#f59e0b;transform:translate(-50%)}.transmit-meter-caption{margin-top:.25rem;display:flex;justify-content:space-between;gap:.5rem;font-size:.62rem;color:#9ca4be}.basic-lab{height:100vh;width:100%;padding:1rem;background:#0b1020;color:#e6ebff;display:flex;flex-direction:column;gap:.75rem;overflow:auto}.basic-lab-header{display:flex;justify-content:space-between;align-items:center}.basic-lab-subtitle{font-size:.78rem;color:#aab2cd}.basic-lab-list{display:flex;flex-direction:column;gap:.65rem}.basic-lab-item{border:1px solid #2d3558;border-radius:10px;background:#111735;padding:.65rem;display:flex;flex-direction:column;gap:.45rem}.basic-lab-row{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.basic-lab-grid{display:grid;grid-template-columns:auto 1fr;gap:.15rem .55rem;font-size:.67rem;color:#b8c0dc}.basic-lab-empty{font-size:.75rem;color:#9aa3c2}@media(max-width:640px){.audio-settings{padding:.75rem}.settings-modal{width:calc(100vw - .6rem);max-height:calc(100vh - .6rem)}.calibration-result,.audio-settings-row{grid-template-columns:1fr}.audio-settings-value{text-align:left}}body{background:linear-gradient(#080a19c2,#080a19e6),radial-gradient(circle at 20% 15%,rgba(82,58,204,.35),transparent 45%),radial-gradient(circle at 85% 75%,rgba(18,167,141,.2),transparent 40%),#080b18}.overlay-scene{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:.625rem}.overlay-shell{display:flex;width:min(1400px,calc(100vw - 1.25rem));height:calc(100vh - 1.25rem);border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:#0b0e1fd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 48px #00000073}.overlay-panel{width:420px;min-width:380px;display:flex;flex-direction:column;background:#0c0f22e6}.overlay-body{flex:1;min-height:0;display:flex}.overlay-map-panel{flex:1;display:flex;flex-direction:column;min-width:420px;border-left:1px solid rgba(255,255,255,.08);background:#090c1c99}.overlay-map-header{min-height:52px;display:flex;align-items:center;padding:.7rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);color:#ecebff;font-size:.95rem;letter-spacing:.02em;font-weight:700}.overlay-map-footer{min-height:56px;border-top:1px solid rgba(255,255,255,.1);background:#121428a6}.room-header{min-height:52px;background:#121428e0;border-bottom:1px solid rgba(255,255,255,.1);padding:.7rem 1rem}.room-name{color:#ecebff;font-size:1.05rem;letter-spacing:.02em}.room-brand{display:flex;align-items:center;gap:.55rem}.room-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:#afb6d1}.room-status-dot{width:7px;height:7px;border-radius:50%;background:#31d18f}.room-peer-count{color:#aeb4d2;font-size:.78rem}.room-body{background:transparent}.room-sidebar-left{width:100%;background:#0f1224eb;border-right:none;min-height:0}.sidebar-section-title{color:#8d97bb;padding:.8rem .85rem .35rem}.peer-list{padding:.35rem;gap:.25rem}.peer-item-shell{border:1px solid transparent}.peer-item{border-radius:8px;padding:.42rem .55rem;gap:.55rem}.peer-item:hover{background:#ffffff0f}.peer-item.speaking{background:#27cca626;border:1px solid rgba(39,204,166,.35)}.peer-status-dot.connected{background:#3dd6a7}.peer-avatar-wrap{position:relative;width:30px;height:30px;flex-shrink:0}.peer-avatar{width:30px;height:30px;border-radius:999px;background:linear-gradient(135deg,#4d5a86,#2b3457);border:1px solid rgba(255,255,255,.15);color:#e7ebff;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.peer-avatar-image{width:100%;height:100%;object-fit:cover;display:block}.peer-avatar.speaking{box-shadow:0 0 0 2px #3dd6a7b3}.peer-status-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid rgba(15,18,36,.95)}.peer-meta{display:flex;flex-direction:column;min-width:0;gap:.1rem}.peer-name{color:#e8ecff;font-size:.76rem;line-height:1.15}.peer-you{color:#b3b9d3}.peer-subline{color:#8d97bb;font-size:.69rem;line-height:1}.peer-audio-controls{background:#090d1dd1;border:1px solid rgba(255,255,255,.08);border-top:none;border-radius:0 0 8px 8px}.room-main{flex:1;min-height:0;background:#0a0c1dad;padding:2rem 1.3rem}.overlay-map-panel .spatial-map{width:min(100%,760px);height:auto;max-height:none;aspect-ratio:1 / 1;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#080a1899;box-shadow:inset 0 0 0 1px #ffffff05}.controls{background:#121428db;border-top:1px solid rgba(255,255,255,.1)}.input-meter{background:#ffffff24;height:4px;border-radius:999px}.input-meter-fill{background:linear-gradient(90deg,#44c4ff,#37d5a8)}.controls-row{justify-content:space-between;gap:.8rem}.control-buttons{flex-wrap:wrap;justify-content:flex-end}.mode-btn{border-color:#ffffff29;border-radius:7px;color:#bec5e2}.mode-btn.active{background:linear-gradient(135deg,#6f3de2,#8754f1);border-color:#8c5bff}.control-btn{border-color:#ffffff24;background:#ffffff0a}.control-btn:hover{background:#ffffff1c}.control-btn.active{background:linear-gradient(135deg,#6f3de2,#8754f1);border-color:#8c5bff}@media(max-width:980px){.overlay-scene{padding:0}.overlay-shell{width:100vw;height:100vh;margin:0;border:none;border-radius:0}.overlay-panel{width:100%;min-width:0}.overlay-map-panel{min-width:0}.controls-row{flex-direction:column;align-items:stretch;gap:.55rem}.control-buttons{justify-content:flex-start}}.nc-scene{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.nc-shell{width:800px;max-width:calc(100vw - 2rem);height:min(600px,calc(100vh - 2rem));display:grid;grid-template-columns:400px 400px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0e1124d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 44px #0006}.nc-shell.map-open{width:min(800px,calc(100vw - 2rem));grid-template-columns:minmax(320px,1fr) minmax(320px,1fr)}.nc-shell.map-closed{width:min(400px,calc(100vw - 2rem));grid-template-columns:1fr}.nc-left{display:flex;flex-direction:column;min-width:0;height:100%;background:#121428e6;border-right:1px solid rgba(255,255,255,.08)}.nc-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:.8rem .9rem;border-bottom:1px solid rgba(255,255,255,.08)}.nc-brand{display:flex;align-items:center;gap:.45rem}.nc-title{font-size:2.25rem;font-weight:700;color:#ecebff;letter-spacing:-.01em;line-height:1}.nc-status{display:inline-flex;align-items:center;gap:.35rem;color:#aab2d1;font-size:.92rem}.nc-status-dot{width:7px;height:7px;border-radius:50%;background:#37d999}.nc-header-meta{color:#9ba4c6;font-size:.78rem;max-width:150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nc-header-actions{display:inline-flex;gap:.35rem}.nc-icon-btn{width:32px;height:32px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff08;color:#b9c2e0;font-size:.95rem;line-height:1;cursor:pointer}.nc-icon-btn.active{background:#8558f13d;color:#efe9ff;border-color:#b187ffa6}.nc-members{flex:1 1 auto;min-height:0;height:0;overflow:auto;padding:.55rem .55rem .2rem}.nc-members-title{font-size:.74rem;color:#8f98bc;text-transform:uppercase;letter-spacing:.08em;margin:.1rem .25rem .35rem}.nc-controls{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:.45rem .55rem;background:#0f1223e6}.nc-bottom-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem}.nc-bottom-left{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0508168c}.nc-menu-wrap{position:relative}.nc-quick-menu{position:absolute;left:0;bottom:calc(100% + 6px);min-width:140px;border:1px solid rgba(255,255,255,.14);background:#101428f5;border-radius:8px;padding:.25rem;display:flex;flex-direction:column;gap:.2rem;z-index:40}.nc-quick-item{border:1px solid transparent;background:transparent;color:#d4daf0;border-radius:6px;font-size:.73rem;padding:.33rem .45rem;text-align:left;cursor:pointer}.nc-quick-item:hover{background:#ffffff14}.nc-quick-item.active{border-color:#8c5bffa6;background:#6f3de252}.nc-quick-item.leave{color:#ff9cad}.nc-mic-mid{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.nc-mic-glyph{font-size:.78rem;color:#aeb6d7}.nc-meter{width:80px;height:5px;border-radius:999px;background:#ffffff1f;overflow:hidden}.nc-meter-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#45c4ff,#37d999);transition:width .08s linear}.nc-map-toggle{width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0a;color:#c5cce7;cursor:pointer;font-size:.9rem}.nc-map-toggle.active{border:1px solid rgba(75,215,180,.55);background:#0c2022b8;color:#7ff5d9;box-shadow:inset 0 0 0 1px #7ff5d959}.nc-map-panel{display:flex;flex-direction:column;min-width:0;height:100%}.nc-map-header{min-height:56px;display:flex;align-items:center;padding:.7rem .9rem;border-bottom:1px solid rgba(255,255,255,.08);color:#ecebff;font-size:.95rem;font-weight:700;letter-spacing:0}.nc-map-body{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:.85rem;background:#0a0c1ca3}.nc-map-body .spatial-map{width:100%;max-width:360px;height:auto;max-height:none;aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden}.nc-left .peer-list{gap:.3rem;padding:0}.nc-left .peer-item-shell{border:none}.nc-left .peer-item{border-radius:8px;padding:.52rem .55rem;background:transparent}.nc-left .peer-item:hover{background:#ffffff0f}.nc-left .peer-avatar-wrap{width:34px;height:34px}.nc-left .peer-avatar{width:34px;height:34px;font-size:.86rem}.nc-left .peer-name{font-size:.98rem;color:#f0f2ff}.nc-left .peer-you{font-size:.8rem}.nc-left .peer-subline{font-size:.82rem}.nc-left .peer-expand-icon{font-size:1rem}.peer-right{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;min-width:0}.peer-latency{font-size:.88rem;min-width:48px;text-align:right;font-weight:600}.peer-latency.good{color:#4ade80}.peer-latency.ok{color:#facc15}.peer-latency.bad{color:#f87171}.peer-latency.unknown{color:#94a3b8}.peer-mic-btn{min-width:28px;width:28px;height:28px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:transparent;color:#aeb6d7;font-size:.74rem;padding:0;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.peer-mic-btn:hover{background:#ffffff14;color:#e3e8ff}.peer-mic-btn.active{border-color:#ff7989b3;color:#ff9cad;background:#5f192480}.peer-mic-icon{width:14px;height:14px}.peer-more-wrap{position:relative}.peer-more-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--muted-foreground, #888);font-size:1rem;letter-spacing:-.05em;cursor:pointer;transition:background-color .15s ease,color .15s ease;opacity:0;pointer-events:none}.peer-row:hover .peer-more-btn,.peer-more-btn:focus-visible{opacity:1;pointer-events:auto}.peer-more-btn:hover{background:#ffffff14;color:#fff}.peer-more-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:50;min-width:130px;background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #0006;padding:4px;animation:peer-menu-in .1s ease}.peer-more-menu-floating{position:fixed;right:auto;top:auto;z-index:2000}@keyframes peer-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.peer-more-menu-item{display:block;width:100%;padding:6px 10px;border:none;border-radius:5px;background:transparent;text-align:left;font-size:.8rem;cursor:pointer;transition:background-color .12s ease,color .12s ease}.peer-more-kick{color:#ffb3b3}.peer-more-kick:hover{background:#ff525238;color:#ffd6d6}.peer-hover-volume{width:84px;visibility:hidden;opacity:0;transition:opacity .15s ease,visibility .15s ease;pointer-events:none}.group:hover .peer-hover-volume,.group:focus-within .peer-hover-volume,.peer-row:hover .peer-hover-volume,.peer-row:focus-within .peer-hover-volume{visibility:visible;opacity:1;pointer-events:auto}.peer-hover-slider{width:100%;accent-color:#7ff5d9;height:4px}.nc-map-footer{min-height:52px;border-top:1px solid rgba(255,255,255,.08);background:#101325e0}@media(max-width:980px){.nc-scene{padding:0}.nc-shell{width:100vw;height:100vh;max-height:100vh;border:none;border-radius:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.nc-map-panel{max-height:46vh;min-height:220px;border-top:1px solid rgba(255,255,255,.08)}.nc-map-header{min-height:42px;font-size:.9rem;padding:.5rem .75rem}.nc-map-body{padding:.45rem}.nc-map-body .spatial-map{width:100%;max-width:100%}.nc-map-footer{display:none}.nc-bottom-row{grid-template-columns:auto minmax(0,1fr) auto;gap:.45rem}.nc-mic-mid .nc-meter{width:64px}.nc-quick-menu{left:0;right:auto;min-width:132px}.peer-right{gap:.28rem}.peer-latency{min-width:42px;font-size:.78rem}.peer-mic-btn{min-width:26px;width:26px;height:26px}.peer-hover-volume{width:64px}}@media(hover:none),(pointer:coarse){.peer-hover-volume{visibility:visible;opacity:1;pointer-events:auto}}.al-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(#080a19c2,#080a19e6),radial-gradient(circle at 20% 15%,rgba(82,58,204,.35),transparent 45%),radial-gradient(circle at 85% 75%,rgba(18,167,141,.2),transparent 40%),#080b18}.al-card{display:flex;background:#0b0e1fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 48px #00000073;overflow:hidden;color:#e8ecff}.al-rooms-shell{overflow:hidden;transition:width .2s ease,opacity .16s ease;opacity:1}.al-rooms-shell.open{width:400px}.al-rooms-shell.closed{width:0;opacity:0}.al-rooms-panel{width:100%;height:min(600px,90vh);display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);overflow:hidden}.al-rooms-title{height:65px;min-height:65px;flex:0 0 65px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1);font-size:.95rem;font-weight:700}.al-rooms-actions{display:inline-flex;align-items:center;gap:.4rem}.al-rooms-content{flex:1;min-height:0;overflow:auto;background:#0b0e1fb8}.room-create-form,.room-join-id-form{display:flex;flex-direction:column;gap:.6rem;padding:.55rem;border-bottom:1px solid rgba(255,255,255,.08)}.room-create-input{width:100%;padding:.6rem .7rem;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#eef3ff;outline:none}.room-create-check{display:inline-flex;align-items:center;gap:.45rem;color:#c8d3f2;font-size:.78rem}.room-create-actions{display:inline-flex;align-items:center;gap:.45rem}.room-access-modal{padding:.55rem;border-bottom:1px solid rgba(255,255,255,.08)}.room-access-card{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#080b18d1}.room-access-title{font-size:.9rem;font-weight:700;color:#eef3ff}.room-access-copy{font-size:.78rem;color:#9eb0d6}.room-create-status{display:flex;align-items:center;gap:.55rem;padding:.65rem .75rem;border-radius:10px;font-size:.78rem;line-height:1.4}.room-create-status.busy{background:#439dd01f;border:1px solid rgba(119,203,255,.22);color:#d8f3ff}.room-create-status.error{background:#7823232e;border:1px solid rgba(255,124,124,.22);color:#ffd2d2}.room-create-status-dot{width:8px;height:8px;border-radius:999px;flex:0 0 auto;background:currentColor;opacity:.9}.room-create-status.busy .room-create-status-dot{animation:room-create-pulse 1s ease-in-out infinite}@keyframes room-create-pulse{0%,to{transform:scale(.8);opacity:.55}50%{transform:scale(1.15);opacity:1}}.room-access-error{font-size:.74rem;color:#ffb4b4}.al-rooms-footer{min-height:69px;padding:.72rem .55rem .4rem;border-top:1px solid rgba(255,255,255,.1);background:#0f1223e6}.al-rooms-footer .al-controls-row{width:100%;grid-template-columns:1fr 1fr auto;align-items:end}.al-rooms-footer-actions{display:inline-flex;align-items:end;gap:.4rem}.room-settings-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#d4daf0;cursor:pointer}.room-settings-btn:hover,.room-settings-btn.active{border-color:#7ff5d961;background:#7ff5d91f;color:#effbff}.room-profile-trigger{display:inline-flex;align-items:center;gap:.7rem;min-width:0;padding:0;border:none;background:transparent;color:#edf3ff;text-align:left;cursor:pointer}.room-profile-trigger.active .room-profile-avatar,.room-profile-trigger:hover .room-profile-avatar{border-color:#7ff5d96b}.room-profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#f5f8ff;font-size:.86rem;font-weight:700;flex:0 0 auto;overflow:hidden}.room-profile-avatar-image{width:100%;height:100%;object-fit:cover;display:block}.room-profile-avatar.large{width:42px;height:42px;font-size:1rem}.room-profile-summary,.room-profile-meta{display:flex;flex-direction:column;min-width:0}.room-profile-name{font-size:.84rem;font-weight:700;color:#f5f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-profile-license,.room-profile-email{font-size:.72rem;color:#9eb0d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-profile-card{margin-top:.75rem;padding:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#090c1aeb;display:flex;flex-direction:column;gap:.75rem}.room-profile-card-head{display:flex;align-items:center;gap:.7rem;min-width:0}.room-profile-field{display:flex;flex-direction:column;gap:.35rem;font-size:.72rem;color:#9eb0d6}.room-profile-field strong{font-size:.82rem;color:#edf3ff;font-weight:600}.room-profile-actions{display:inline-flex;justify-content:flex-end;gap:.45rem}.room-sidebar{width:100%;height:100%;display:flex;flex-direction:column;min-height:0;background:transparent}.room-sidebar-signout{border-radius:7px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#edf3ff;cursor:pointer}.room-sidebar-signout:disabled{opacity:.5;cursor:not-allowed}.room-sidebar-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.2rem;padding:.35rem}.room-sidebar-item{position:relative;display:flex;align-items:center;gap:.5rem;padding:.2rem;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit}.room-sidebar-item:hover{background:#ffffff0f}.room-sidebar-item.active{border-color:#7ff5d952;background:#ffffff14}.room-sidebar-select{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.15rem;padding:.4rem .45rem;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.room-sidebar-item-name{font-size:.84rem;color:#e8ecff}.room-sidebar-enter-row{flex:0 0 auto;padding:.38rem .62rem;border-radius:7px;border:1px solid rgba(127,245,217,.32);background:#1247408a;color:#eafff7;cursor:pointer;opacity:1;pointer-events:auto;transform:translate(0);transition:border-color .16s ease,background .16s ease,color .16s ease}.room-sidebar-enter-row:disabled{opacity:.55;cursor:default;border-color:#ffffff1a;background:#ffffff0f;color:#a8b4d2}.room-sidebar-item:hover .room-sidebar-enter-row:not(:disabled),.room-sidebar-item:focus-within .room-sidebar-enter-row:not(:disabled),.room-sidebar-item.active .room-sidebar-enter-row:not(:disabled){border-color:#7ff5d97a;background:#1b5e54b8}.room-sidebar-menu-anchor{position:relative;flex:0 0 auto}.room-sidebar-more{min-width:34px;padding:.38rem .45rem;border-radius:7px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#dbe6ff;cursor:pointer}.room-sidebar-menu{min-width:172px;padding:.3rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#070b23f5;box-shadow:0 16px 30px #00000052}.room-sidebar-menu-floating{position:fixed;z-index:2000}.room-sidebar-menu-label{padding:.2rem .35rem .4rem;font-size:.68rem;color:#8f9bc0;word-break:break-all}.room-sidebar-menu-item{width:100%;padding:.52rem .65rem;border:none;border-radius:7px;background:transparent;color:#dbe6ff;text-align:left;cursor:pointer}.room-sidebar-menu-item:hover{background:#ffffff14}.room-sidebar-menu-item.danger{color:#ffb3b3}.room-sidebar-item-meta,.room-sidebar-status{font-size:.72rem;color:#94a2ca}.room-sidebar-signout{padding:.45rem .7rem;font-size:.74rem;flex:0 0 auto}.al-left-panel{width:400px;height:min(600px,90vh);display:flex;flex-direction:column}.al-header{min-height:65px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1)}.al-header-left{display:flex;align-items:center;gap:.45rem;min-width:0;flex:1 1 auto}.al-brand-stack{display:flex;flex-direction:column;gap:.2rem;min-width:0}.al-status-row{display:inline-flex;align-items:center;gap:.42rem;min-width:0}.al-room-status{border:0;background:transparent;padding:0;color:#b2b8d4;font-size:.74rem;letter-spacing:.02em;opacity:.82;min-width:0;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.al-online{display:inline-flex;align-items:center;gap:.3rem;color:#b2b8d4;font-size:.72rem;letter-spacing:.02em;opacity:.78;flex:0 0 auto}.al-online-dot{width:7px;height:7px;border-radius:50%;background:#35d494}.al-online-dot.reconnecting{background:#f4c430}.al-reconnect-spinner{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(244,196,48,.35);border-top-color:#f4c430;animation:al-spin .8s linear infinite}.al-call-quality-badge{width:7px;height:7px;border-radius:50%;flex-shrink:0;animation:al-quality-pulse 2s ease-in-out infinite}.al-call-quality-badge.al-call-quality-degraded{background:#f4c430}.al-call-quality-badge.al-call-quality-poor{background:#e05252}@keyframes al-quality-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes al-spin{to{transform:rotate(360deg)}}.al-brand-logo{width:40px;height:40px;border-radius:8px;object-fit:contain;background:#ffffff0f;box-shadow:0 8px 18px #070c1a59;image-rendering:auto}.brand-duck{color:#f4c430}.al-brand{font-size:1.6rem;line-height:1;white-space:nowrap;overflow:visible;text-overflow:clip}.al-header-right{display:inline-flex;align-items:center;gap:.55rem;min-width:0;max-width:none;flex:0 0 auto}.al-leave-btn{border:1px solid rgba(230,80,100,.7);color:#ff9cad;background:#5f192452;border-radius:7px;padding:.25rem .5rem;font-size:.72rem;cursor:pointer}.al-leave-btn.icon-only{width:32px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center}.al-leave-btn:hover{background:#5f192485}.al-members{flex:1;min-height:0;overflow:auto;padding:.65rem .6rem .2rem}.al-members-title{color:#8f98bc;font-size:.74rem;letter-spacing:.08em;margin-bottom:.4rem}.al-controls{min-height:69px;border-top:1px solid rgba(255,255,255,.1);padding:.72rem .55rem .4rem;background:#0f1223e6}.al-controls-row{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:.55rem}.al-right-actions{display:inline-flex;align-items:center;gap:.4rem}.al-left-controls{display:inline-flex;gap:.3rem}.al-mini-btn,.al-map-btn{width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:#c4cbe7;cursor:pointer}.al-mini-btn.active{border-color:#8c5bffbf;background:#6f3de259;color:#fff}.al-map-btn.active{border-color:#4bd7b48c;background:#0c2022b8;color:#7ff5d9}.al-menu-anchor{position:relative}.al-menu{position:absolute;left:0;bottom:calc(100% + 6px);min-width:130px;display:flex;flex-direction:column;gap:.2rem;padding:.25rem;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#101428f5;z-index:50}.al-menu button{border:none;background:transparent;color:#d4daf0;border-radius:6px;font-size:.73rem;padding:.33rem .45rem;text-align:left;cursor:pointer}.al-menu button:hover{background:#ffffff14}.al-transport-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:18px;padding:0 .35rem;border-radius:999px;background:#ffffff14;color:#d4daf0;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}.al-transport-badge.sfu{background:#6366f140;color:#a5b4fc}.al-transport-badge.relay{background:#eab30833;color:#fde047}.al-transport-badge.srflx{background:#22c55e26;color:#86efac}.al-transport-badge.host{background:#6366f126;color:#c7d2fe}.al-mic{display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.al-mic-toggle{flex:0 0 auto}.al-mic-bar{width:76px;height:5px;border-radius:999px;background:#ffffff1f;overflow:hidden}.al-mic-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#45c4ff,#37d999)}.al-map-shell{overflow:hidden;transition:opacity .2s ease}.al-map-shell.dragging{transition:none}.al-panel-resizer{width:0;opacity:0;background:#91a4f029;cursor:col-resize;transition:width .2s ease,opacity .2s ease,background-color .2s ease}.al-panel-resizer.open{width:6px;opacity:1}.al-panel-resizer.open:hover,.al-panel-resizer.dragging{background:#91a4f05c}.al-map-shell.open{width:400px;opacity:1}.al-card.settings-layout .al-map-shell.open{width:min(620px,100vw)}.al-map-shell.closed{width:0;opacity:0}.al-map-panel{width:100%;height:min(600px,90vh);display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.1);overflow:hidden}.al-map-title{height:65px;min-height:65px;flex:0 0 65px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1);font-size:.95rem;font-weight:700}.al-title-actions{position:relative;display:inline-flex;align-items:center;gap:.45rem}.al-map-zone-btn{border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#ffffff0a;color:#d4daf0;padding:.3rem .55rem;font-size:.73rem;cursor:pointer}.al-map-zone-btn.active{border-color:#8c5bffa6;background:#6f3de252;color:#fff}.al-map-content{flex:1;min-height:0;padding:.9rem 1rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0c1dad}.al-settings-content{flex:1;min-height:0;overflow:hidden;background:#0b0e1fb8}.al-map-shell.admin-open .al-settings-content{display:flex;flex-direction:column;overflow:auto}.al-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:.9rem 1rem 0;flex:0 0 auto}.al-admin-card{min-width:0;padding:.85rem .9rem;border-radius:12px;border:1px solid rgba(127,245,217,.14);background:#0b1020d1;box-shadow:0 12px 28px #00000029}.al-admin-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.al-chat-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;color:#dbe3ff;text-align:center;padding:1.25rem}.al-chat-placeholder-title{font-size:1rem;font-weight:700}.al-chat-placeholder-copy{font-size:.78rem;color:#95a4cc}.al-chat-panel{display:flex;flex-direction:column;height:100%;min-height:0;padding:.9rem}.al-chat-log{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column;gap:.55rem;padding:.15rem 2.2rem}.al-chat-empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;text-align:center;color:#dbe3ff;padding:1.25rem}.al-chat-message{align-self:flex-start;max-width:90%;padding:.65rem .75rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d}.al-chat-message.mine{align-self:flex-end;border-color:#7ff5d93d;background:#18584e47}.al-chat-message-head{display:flex;align-items:baseline;justify-content:space-between;gap:.65rem;margin-bottom:.25rem}.al-chat-message-name{font-size:.76rem;color:#dfe8ff;font-weight:700}.al-chat-message-time{font-size:.68rem;color:#8b97bb}.al-chat-message-body{white-space:pre-wrap;word-break:break-word;color:#f3f6ff;line-height:1.45}.al-chat-message-body a{color:#7fe8ff;text-decoration:underline;text-underline-offset:2px}.al-chat-message-body a:hover{color:#b6f3ff}.al-chat-message.grouped{margin-top:-.35rem;padding-top:.3rem}.al-chat-message-time.al-chat-message-time-inline{display:block;font-size:.62rem;color:transparent;margin-top:.15rem;text-align:right;transition:color .15s}.al-chat-message:hover .al-chat-message-time-inline{color:#8b97bb}.al-chat-message{position:relative}.al-chat-reply-btn{position:absolute;top:.4rem;right:-2rem;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#a0aec0;font-size:.75rem;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;padding:0}.al-chat-message:hover .al-chat-reply-btn{opacity:1}.al-chat-reply-btn:hover{background:#ffffff24;color:#e2e8f0}.al-chat-message.mine .al-chat-reply-btn{right:auto;left:-2rem}.al-chat-avatar{width:1.6rem;height:1.6rem;border-radius:50%;object-fit:cover;flex-shrink:0}.al-chat-avatar-initial{display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;-webkit-user-select:none;user-select:none}.al-chat-reply-quote{display:flex;flex-direction:column;gap:.1rem;padding:.3rem .5rem;margin-bottom:.35rem;border-left:2px solid rgba(127,245,217,.5);background:#ffffff0a;border-radius:0 6px 6px 0;max-width:100%;overflow:hidden}.al-chat-reply-quote-sender{font-size:.7rem;font-weight:700;color:#7ff5d9}.al-chat-reply-quote-text{font-size:.75rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-chat-reply-preview{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#ffffff0d;border-left:2px solid rgba(127,245,217,.5);border-radius:0 6px 6px 0;flex:0 0 100%;order:-1}.al-chat-reply-preview-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.al-chat-reply-preview-sender{font-size:.7rem;font-weight:700;color:#7ff5d9}.al-chat-reply-preview-text{font-size:.73rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-chat-reply-preview-close{background:none;border:none;color:#64748b;font-size:.75rem;cursor:pointer;padding:.1rem .25rem;border-radius:4px;flex-shrink:0}.al-chat-reply-preview-close:hover{color:#cbd5e1;background:#ffffff12}.al-chat-compose{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.al-chat-compose-row{display:flex;align-items:flex-end;gap:.6rem;width:100%;min-width:0}.al-chat-compose-footer{height:auto;min-height:69px;padding:.72rem .75rem .4rem;border-top:none;align-items:flex-end;align-content:flex-start;box-sizing:border-box}.al-chat-compose-footer .al-chat-compose-row{flex:1 1 auto}.al-chat-info-card{position:absolute;top:calc(100% + 10px);right:0;z-index:20;width:min(320px,calc(100vw - 48px));padding:.75rem .85rem;border-radius:12px;border:1px solid rgba(127,245,217,.18);background:#0b1020d1;box-shadow:0 12px 28px #00000038}.al-chat-info-title{color:#eff4ff;font-size:.8rem;font-weight:700;margin-bottom:.4rem}.al-chat-info-copy{color:#9eb0d6;font-size:.76rem;line-height:1.45}.al-chat-info-copy+.al-chat-info-copy{margin-top:.35rem}.al-chat-input{flex:1 1 auto;width:100%;min-width:0;padding:.85rem .95rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#eff4ff;resize:none;min-height:42px;max-height:96px;font:inherit;line-height:1.4}.al-map-viewport{width:min(100%,460px);aspect-ratio:1 / 1;max-height:100%;min-width:0;min-height:0;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#090c1ceb;box-shadow:inset 0 0 0 1px #ffffff08;flex:0 0 auto}.al-map-viewport .spatial-map{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0;min-height:0;aspect-ratio:1 / 1!important;box-sizing:border-box;border-radius:10px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.al-map-footer{min-height:69px;height:auto;flex:0 0 auto;border-top:1px solid rgba(255,255,255,.1);background:#0f1223e6}body.desktop-runtime .al-map-shell.open:not(.screen-share-open) .al-map-content{padding:1rem 1.15rem;align-items:center;justify-content:center}body.desktop-runtime .al-map-shell.open:not(.screen-share-open) .al-map-viewport{width:min(100%,calc(100vh - 190px),calc(100vw - 470px));height:auto;max-height:min(calc(100vh - 190px),calc(100vw - 470px));margin:auto;aspect-ratio:1 / 1;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#080a1899;box-shadow:inset 0 0 0 1px #ffffff05}body.desktop-runtime .al-root{height:100%;min-height:100%;padding:0;align-items:stretch;justify-content:stretch;overflow:hidden}body.desktop-runtime .rooms-home-screen,body.desktop-runtime .rooms-home-panel{min-height:0}body.desktop-runtime .al-card{display:flex;position:relative;width:100%;height:100%;border-radius:0;border:none;box-shadow:none}body.desktop-runtime .al-left-panel{flex:0 0 400px;width:400px;min-width:400px;max-width:400px;height:100%}body.desktop-runtime .room-sidebar,body.desktop-runtime .al-rooms-panel{height:100%}body.desktop-runtime .al-rooms-shell{display:none}body.desktop-runtime .al-left-panel{position:relative;z-index:1}body.desktop-runtime .al-card.map-layout .al-left-panel,body.desktop-runtime .al-card.screen-share-layout .al-left-panel,body.desktop-runtime .al-card.chat-layout .al-left-panel,body.desktop-runtime .al-card.rooms-side-layout .al-left-panel{flex:0 0 400px;width:400px;min-width:400px;max-width:400px}body.desktop-runtime .al-map-shell.open{width:clamp(420px,46vw,760px)}body.desktop-runtime .al-map-shell{transition:width .2s ease,opacity .16s ease}body.desktop-runtime .al-rooms-panel{transition:opacity .12s ease}body.desktop-runtime .al-map-panel{width:100%;height:100%}body.desktop-runtime .al-card.screen-share-layout .al-panel-resizer,body.desktop-runtime .al-card.map-layout .al-panel-resizer,body.desktop-runtime .al-card.chat-layout .al-panel-resizer,body.desktop-runtime .al-card.rooms-side-layout .al-panel-resizer{display:none}body.desktop-runtime .al-card.screen-share-layout .al-map-shell.screen-share-open,body.desktop-runtime .al-card.map-layout .al-map-shell.map-open,body.desktop-runtime .al-card.chat-layout .al-map-shell.chat-open{flex:1 1 auto;width:auto;min-width:0}body.desktop-runtime .al-card.settings-layout .al-panel-resizer{display:none}body.desktop-runtime .al-card.settings-layout .al-map-shell.open{flex:1 1 auto;width:auto;min-width:0}body.desktop-runtime .al-card.settings-layout .al-map-panel,body.desktop-runtime .al-card.settings-layout .al-settings-content{flex:1 1 auto;min-width:0}body.desktop-runtime .al-card.rooms-side-layout .al-map-shell.rooms-open{flex:1 1 auto;width:auto;min-width:0}body.desktop-runtime .al-card.screen-share-layout .al-map-panel,body.desktop-runtime .al-card.screen-share-layout .al-settings-content,body.desktop-runtime .al-card.screen-share-layout .screen-share-view,body.desktop-runtime .al-card.map-layout .al-map-panel,body.desktop-runtime .al-card.map-layout .al-map-content,body.desktop-runtime .al-card.chat-layout .al-map-panel,body.desktop-runtime .al-card.chat-layout .al-settings-content,body.desktop-runtime .al-card.chat-layout .al-chat-placeholder{flex:1 1 auto;min-width:0}body.desktop-runtime .al-card.chat-layout .al-settings-content{display:flex;flex-direction:column;overflow:hidden}body.desktop-runtime .al-card.chat-layout .al-chat-panel{flex:1 1 auto;min-height:0;padding-bottom:.4rem}body.desktop-runtime .al-card.chat-layout .al-map-footer{height:auto;min-height:0;padding-bottom:.5rem}body.desktop-runtime .al-card.chat-layout .al-chat-compose-footer{display:flex;flex-direction:column;align-items:stretch;gap:.55rem}body.desktop-runtime .al-card.chat-layout .al-chat-compose-row{align-items:stretch}body.desktop-runtime .al-card.chat-layout .al-chat-input{min-height:46px}body.desktop-runtime .al-card.rooms-side-layout .al-map-panel,body.desktop-runtime .al-card.rooms-side-layout .al-rooms-panel{flex:1 1 auto;min-width:0}@media(max-width:980px){.auth-gate-card{padding:1.4rem}.auth-gate-form-row{flex-direction:column}.paywall-grid{grid-template-columns:1fr}body:not(.desktop-runtime) .room-sidebar{display:none}body:not(.desktop-runtime) .al-rooms-shell{display:none}.join-list-card{width:calc(100vw - 1rem);padding:1rem}.al-root{padding:0}.al-left-panel,.al-map-panel{height:100vh}.al-card{width:100vw;height:100vh;border:none;border-radius:0}.al-map-shell.open{width:min(400px,100vw)}.al-panel-resizer{display:none}.al-left-panel{width:min(400px,100vw)}.al-admin-grid{grid-template-columns:1fr}}.peer-sharing-icon{display:inline-flex;align-items:center;margin-left:.3rem;color:#7c3aed;vertical-align:middle}.peer-owner-badge{margin-left:.35rem;padding:.08rem .36rem;border:1px solid rgba(120,203,255,.45);border-radius:999px;font-size:.6rem;letter-spacing:.03em;color:#9fe4ff;background:#3da5de1f;vertical-align:middle}.screen-picker-panel{height:100%;padding:.9rem;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem;background:linear-gradient(180deg,#121831fa,#0b0f1ffa),radial-gradient(circle at top right,rgba(84,190,216,.14),transparent 38%)}.screen-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.screen-picker-title{font-size:.98rem;font-weight:700;color:#eef2ff}.screen-picker-subtitle{margin-top:.2rem;font-size:.76rem;color:#99a6cf}.screen-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,280px));justify-content:flex-start;align-items:start;gap:.75rem}.screen-picker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.screen-picker-select-group{display:flex;flex-direction:column;gap:.35rem;min-width:0}.screen-picker-option-label{font-size:.75rem;color:#9ca9cf}.screen-picker-select{width:100%;min-width:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff0d;color:#eef3ff;padding:.5rem .65rem;font-size:.78rem;outline:none;color-scheme:dark}.screen-picker-select:focus{border-color:#7ff5d999;box-shadow:0 0 0 2px #7ff5d929}.screen-picker-select option{background:#0f1428;color:#eef3ff}.screen-picker-source{cursor:pointer;width:100%;max-width:280px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;padding:.55rem;display:flex;flex-direction:column;gap:.4rem;align-items:stretch;text-align:left;min-width:0;overflow:hidden;transition:border-color .15s,background .15s,transform .15s}.screen-picker-source:hover{border-color:#7ff5d98c;background:#7ff5d91a;transform:translateY(-1px)}.screen-picker-source img{width:100%;height:clamp(92px,16vh,148px);max-height:148px;border-radius:8px;display:block;object-fit:contain;object-position:center;background:#0b0e1a;aspect-ratio:16/9;image-rendering:auto;box-shadow:inset 0 0 0 1px #ffffff0f}.screen-picker-source-name{display:block;width:100%;min-width:0;font-size:.73rem;color:#dbe3ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-share-view{display:flex;flex-direction:column;height:100%;position:relative}.screen-share-stage{position:relative;height:100%}.screen-share-chat-overlay{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;flex-direction:column;height:min(42%,320px);border-top:1px solid rgba(127,245,217,.24);background:linear-gradient(180deg,#070a14eb,#070a14f7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.screen-share-chat-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .75rem;border-bottom:1px solid rgba(255,255,255,.08);color:#e8efff;font-size:.78rem;font-weight:700}.screen-share-chat-overlay .al-chat-panel{flex:1;min-height:0;padding:.65rem .75rem .5rem}.screen-share-chat-compose{display:flex;gap:.6rem;align-items:center;padding:.6rem .75rem;border-top:1px solid rgba(255,255,255,.08)}.screen-share-view.fallback-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;height:100vh}.screen-share-banner{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#7c3aed33;border-bottom:1px solid rgba(124,58,237,.3);font-size:.8rem;color:#d4d0f0;gap:.5rem}.screen-share-view:not(.fallback-fullscreen) .screen-share-banner{position:absolute;inset:0 0 auto 0;z-index:2;background:linear-gradient(180deg,#050812eb,#05081247);border-bottom:none;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}.screen-share-view:not(.fallback-fullscreen):hover .screen-share-banner,.screen-share-view:not(.fallback-fullscreen):focus-within .screen-share-banner{opacity:1;transform:translateY(0)}.screen-share-view.fallback-fullscreen .screen-share-banner{position:absolute;inset:0 0 auto 0;z-index:2;background:linear-gradient(180deg,#050812eb,#0508123d);border-bottom:none;opacity:0;transform:translateY(-10px);padding-top:.95rem;padding-bottom:.65rem;transition:opacity .18s ease,transform .18s ease}.screen-share-view.fallback-fullscreen.overlay-visible .screen-share-banner{opacity:1;transform:translateY(0)}.screen-share-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-share-actions{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}.screen-share-volume-control{display:inline-flex;align-items:center;justify-content:center;min-width:108px;height:34px;padding:0 .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0d1120b8}.screen-share-volume-control input{width:100%;accent-color:#85adff}.screen-share-actions-overlay{opacity:.98}.screen-share-view.fallback-fullscreen .screen-share-actions-overlay{margin-top:1.35rem}.screen-share-icon-btn.active{background:#253056eb;border-color:#85adff8c}.screen-share-muted-badge{position:absolute;right:.9rem;bottom:.9rem;z-index:2;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:999px;border:1px solid rgba(255,136,158,.36);background:#26070fd1;color:#ffd2dc;font-size:.76rem;line-height:1;pointer-events:none}.screen-share-view.fallback-fullscreen .screen-share-muted-badge{bottom:3.4rem}.screen-share-muted-badge svg{width:15px;height:15px}.screen-share-stats-panel{position:absolute;left:.9rem;bottom:.9rem;z-index:2;min-width:210px;padding:.7rem .8rem;border-radius:12px;border:1px solid rgba(135,156,255,.22);background:#080b18db;box-shadow:0 18px 44px #00000047;color:#eef3ff}.screen-share-view.fallback-fullscreen .screen-share-stats-panel{bottom:3.4rem}.screen-share-stats-title{font-size:.78rem;font-weight:700;letter-spacing:.02em;margin-bottom:.5rem}.screen-share-stats-grid{display:grid;grid-template-columns:auto auto;gap:.32rem .8rem}.screen-share-stats-label{color:#9ca9cf;font-size:.73rem}.screen-share-stats-value{color:#f4f7ff;font-size:.73rem;text-align:right}.screen-share-icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0d1120b8;color:#eef3ff;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.screen-share-icon-btn:hover:not(:disabled){background:#253056e0;border-color:#85adff8c;transform:translateY(-1px)}.screen-share-icon-btn:disabled{opacity:.45;cursor:default}.screen-share-icon-btn svg{width:18px;height:18px}.screen-share-video{flex:1;width:100%;height:100%;object-fit:contain;background:#000;display:block;min-height:0}.screen-share-view.fallback-fullscreen .screen-share-video{height:calc(100vh - 52px)}.screen-share-empty-state{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:.9rem;padding:1.4rem;color:#eef3ff}.screen-share-empty-state h3{margin:0;font-size:1.05rem}.screen-share-empty-state p{max-width:32ch;margin:0;color:#aeb8d7;line-height:1.45}.screen-share-empty-kicker{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#85adff}@media(max-width:980px){.screen-picker-panel{padding:.7rem}.screen-picker-options,.screen-picker-grid{grid-template-columns:1fr}}