.call-wb{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;width:var(--icon-btn-size);height:var(--icon-btn-size);padding:0;border:none;border-radius:50%;cursor:pointer;font:inherit;line-height:0;flex-shrink:0;transition:background .12s ease,color .12s ease,transform .08s ease}.call-wb:focus-visible{outline:2px solid var(--c-white);outline-offset:2px}.call-wb:active:not(:disabled){transform:scale(.97)}.call-wb:disabled{opacity:.45;cursor:not-allowed}.call-wb__icon,.call-icon-img{width:var(--icon-btn-icon);height:var(--icon-btn-icon);flex-shrink:0;display:block;object-fit:contain}.call-wb:has(.call-wb__text){width:auto;min-width:108px;height:var(--icon-btn-size);border-radius:var(--btn-border-radius-pill);padding-left:16px;padding-right:14px;gap:8px;flex-direction:row}.call-wb__text{font-size:14px;font-weight:600;line-height:1.2}.call-wb--secondary-filled{background:var(--btn-secondary-filled-bg);color:var(--btn-secondary-filled-text)}.call-wb--secondary-filled:hover:not(:disabled){background:var(--btn-secondary-filled-bg-hover)}.call-wb--secondary-filled:active:not(:disabled){background:var(--btn-secondary-filled-bg-pressed)}.call-wb--secondary-filled.call-wb--pressed{background:var(--btn-secondary-filled-bg-pressed)}.call-wb--secondary-filled-white{background:var(--btn-secondary-filled-white-bg);color:var(--btn-secondary-filled-white-text)}.call-wb--secondary-filled-white:hover:not(:disabled){background:var(--c-purple-gray-30)}.call-wb--destructive-filled{background:var(--btn-destructive-bg);color:var(--btn-destructive-text)}.call-wb--destructive-filled:hover:not(:disabled){background:var(--btn-destructive-bg-hover)}.call-layout-menu{position:relative}.call-layout-menu__trigger{list-style:none;cursor:pointer}.call-layout-menu__trigger::-webkit-details-marker{display:none}.call-layout-menu__icon{display:flex;width:var(--icon-btn-size);height:var(--icon-btn-size);border-radius:50%;background:var(--btn-secondary-filled-bg);align-items:center;justify-content:center;color:var(--btn-secondary-filled-text)}.call-layout-menu__icon svg{width:var(--icon-btn-icon);height:var(--icon-btn-icon)}.call-layout-menu__trigger:hover .call-layout-menu__icon{background:var(--btn-secondary-filled-bg-hover)}.call-layout-menu[open] .call-layout-menu__icon{outline:2px solid var(--c-informative-50)}.call-layout-menu__list{position:absolute;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--c-purple-gray-90);border:1px solid var(--c-purple-gray-80);border-radius:10px;min-width:180px;z-index:20;box-shadow:0 8px 24px #00000059}.call-layout-menu--above .call-layout-menu__list{top:auto;bottom:calc(100% + 6px)}.call-layout-menu__list button{width:100%;text-align:left;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--c-white);cursor:pointer;font:inherit}.call-layout-menu__list button:hover:not(:disabled){background:var(--c-purple-gray-80)}.call-layout-menu__list button.is-active{color:var(--c-informative-50);font-weight:600}.call-layout-menu__list button:disabled{opacity:.35;cursor:not-allowed}.call-top-bar{display:flex;align-items:center;gap:16px;padding:16px 24px 12px;flex-shrink:0}.call-top-bar__left{display:flex;align-items:center;gap:16px;min-width:0}.call-top-bar__avatars{display:flex;flex-direction:row-reverse;justify-content:flex-end}.call-top-bar__avatar{width:32px;height:32px;border-radius:50%;background:var(--c-purple-gray-90);border:2px solid var(--c-bg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;margin-left:-10px;color:var(--c-caption)}.call-top-bar__avatar:first-child{margin-left:0}.call-top-bar__titles{min-width:0}.call-top-bar__name{font-size:16px;font-weight:600;color:var(--c-soft-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-top-bar__duration{font-size:12px;color:var(--c-call-duration);margin-top:2px}.call-top-bar__spacer{flex:1}.call-top-bar__right{display:flex;align-items:center;gap:8px}.call-top-bar__ecc{display:flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:6px;background:var(--c-purple-gray-90)}.call-top-bar__ecc .call-icon-img{width:20px;height:20px}.toggle-media{position:relative;width:var(--icon-btn-size);height:var(--icon-btn-size);flex-shrink:0}.toggle-media--hiding{opacity:.35;pointer-events:none}.toggle-media__main{position:absolute;inset:0}.toggle-media__cross{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--c-error-60);pointer-events:none;z-index:1}.toggle-media__caret{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:50%;border:none;padding:0;display:flex;align-items:center;justify-content:center;background:var(--c-bg);cursor:pointer;z-index:2;transition:background .12s ease}.toggle-media__caret:hover{background:var(--c-purple-gray-90)}.toggle-media__caret-icon{width:10px!important;height:10px!important}.call-window-buttons{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:var(--call-bar-height);padding:0 24px 12px;flex-shrink:0;gap:12px}.call-window-buttons__left{display:flex;align-items:center;gap:12px;justify-content:flex-start}.call-window-buttons__center{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.call-window-buttons__right{display:flex;justify-content:flex-end;align-items:center}.call-members{position:relative;width:var(--icon-btn-size);height:var(--icon-btn-size);border:none;border-radius:50%;padding:0;cursor:pointer;background:var(--btn-secondary-filled-bg);color:var(--btn-secondary-filled-text);display:flex;align-items:center;justify-content:center;transition:background .12s ease}.call-members:hover{background:var(--btn-secondary-filled-bg-hover)}.call-members--open{outline:2px solid var(--c-informative-50);outline-offset:0}.call-members__icon{width:var(--icon-btn-icon);height:var(--icon-btn-icon)}.call-members__badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--c-purple-gray-90);border:2px solid var(--c-bg);font-size:10px;font-weight:600;line-height:14px;color:var(--c-white);display:flex;align-items:center;justify-content:center}.gridTile{position:relative;overflow:hidden;border:1px solid #2d3640;border-radius:12px;background:#1d242d}.gridTile--me{border-color:#3d6fd4;box-shadow:0 0 0 1px #3d6fd473}.gridTile--speaking{box-shadow:0 0 0 2px #2ecc718c}.gridTile--pinned{outline:2px solid rgb(241 196 15 / 55%);outline-offset:-2px}.gridTileVideoStub{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff}.gridTileVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111827;z-index:0}.gridTileAvatarImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gridTileInitials{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#00000059;font-size:24px;font-weight:700}.gridTileOverlayTop{position:absolute;top:6px;left:6px;right:6px;z-index:2;display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px;pointer-events:none}.gridTileChip{padding:2px 6px;border-radius:6px;background:#0000008c;font-size:10px;line-height:1.2;color:#e8edf4}.gridTileChip--status{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gridTileBadges{display:flex;flex-wrap:wrap;gap:2px;margin-left:auto}.gridTileBadge{font-size:12px;line-height:1;filter:drop-shadow(0 0 1px rgb(0 0 0 / 80%))}.gridTileReaction{position:absolute;top:50%;right:8px;z-index:2;transform:translateY(-50%);font-size:28px;line-height:1;filter:drop-shadow(0 1px 2px rgb(0 0 0 / 60%));pointer-events:none}.gridTileFooter{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;border-radius:8px;padding:6px 8px;background:#00000073;font-size:12px;color:#f0f4f8}.gridTileFooterTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.gridTileMeTag{font-weight:400;opacity:.85}.gridTileFooterMeta{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:4px;font-size:10px;line-height:1.3;color:#ffffffb8;word-break:break-word}.gridTileConn{flex-basis:100%;font-family:ui-monospace,monospace;font-size:9px;opacity:.9}.gridTileVolume{height:3px;margin-top:6px;border-radius:2px;background:#ffffff26}.gridTileVolume:after{display:block;width:var(--peer-volume, 100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#5dade2,#2ecc71);content:""}.gridLayoutRoot{width:100%;height:100%}.gridLayoutContainer{display:flex;flex-flow:row wrap;justify-content:center;align-content:center;width:100%;height:100%;background:var(--c-purple-gray-100, #0f141b);border-radius:16px;overflow:hidden}.qml-analog-surface{background:var(--c-purple-gray-90);border:1px solid var(--c-purple-gray-80);border-radius:10px;color:var(--c-soft-white)}.qml-analog-popup{background:var(--c-purple-gray-90);border:1px solid var(--c-purple-gray-80);border-radius:10px;box-shadow:0 12px 40px #00000073}.qml-analog-caption{font-size:12px;color:var(--c-caption)}.qml-analog-body{font-size:14px;line-height:1.4}.qml-analog-modal-backdrop{position:fixed;inset:0;background:#121219b8;display:flex;align-items:center;justify-content:center;z-index:1000}.qml-analog-notification{padding:10px 14px;border-radius:8px;background:var(--c-bg-2);border:1px solid var(--c-purple-gray-80);font-size:13px}.qml-analog-btn-primary{padding:8px 16px;border-radius:8px;border:none;background:var(--c-informative-50);color:var(--c-white);font-weight:600;cursor:pointer}.qml-analog-btn-secondary{padding:8px 16px;border-radius:8px;border:1px solid var(--c-purple-gray-70);background:transparent;color:var(--c-soft-white);cursor:pointer}.qml-analog-btn-danger{padding:8px 16px;border-radius:8px;border:none;background:var(--btn-destructive-bg);color:var(--btn-destructive-text);font-weight:600;cursor:pointer}.overlapped-avatars{display:flex;align-items:center}.overlapped-avatars__dot,.overlapped-avatars__extra{border-radius:50%;background:var(--c-purple-gray-80);border:2px solid var(--c-bg);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--c-caption);flex-shrink:0}.overlapped-avatars__extra{background:var(--c-purple-gray-70);color:var(--c-soft-white)}.call-window-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.call-window-badge__bg{position:absolute;inset:0;border-radius:50%;background:var(--c-bg-2);opacity:.35}.call-window-badge__img,.call-window-badge__emoji{position:relative;z-index:1}.screen-sharing-status{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:24px;min-height:48px}.call-window-grid-fill{flex:1;min-height:0;width:100%}.draggable-float{position:absolute;z-index:3;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;max-width:min(96%,calc(100% - 16px));padding:8px 10px;border-radius:12px;background:#12161ae0;border:1px solid var(--c-purple-gray-80);box-shadow:0 8px 28px #00000073}.draggable-float:active{cursor:grabbing}.draggable-float--strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.draggable-float--pip{min-width:120px;max-width:160px;padding:10px 12px;font-size:13px;font-weight:600}.draggable-float__grip{position:absolute;top:4px;left:50%;transform:translate(-50%);width:28px;height:4px;border-radius:2px;background:var(--c-purple-gray-70);opacity:.65;pointer-events:none}.draggable-float--pip .draggable-float__grip{left:8px;top:8px;transform:none}.speaker-stage{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;width:100%;height:100%}.speaker-stage--empty{min-height:160px}.speaker-stage__hero{flex:1;min-height:180px;min-width:0;display:flex;flex-direction:column}.speaker-stage__hero .gridTile{flex:1;min-height:160px}.speaker-stage__thumb{flex:0 1 auto;min-width:88px;min-height:64px}.speaker-stage__pip-tile{min-width:200px}:root{--c-bg: #1d2226;--c-bg-2: #2a3137;--c-purple-gray-100: #121219;--c-purple-gray-90: #21222a;--c-purple-gray-80: #34343f;--c-purple-gray-70: #4d4d58;--c-purple-gray-50: #888796;--c-white: #ffffff;--c-error-50: #fa5555;--c-error-40: #ff7a7a;--c-error-60: #da1e1e;--c-informative-50: #4b90ec;--c-caption: #b2b8bd;--c-call-duration: #d2d4d6;--c-soft-white: #f3f3f3;--btn-secondary-filled-bg: var(--c-purple-gray-90);--btn-secondary-filled-bg-hover: var(--c-purple-gray-80);--btn-secondary-filled-bg-pressed: var(--c-purple-gray-70);--btn-secondary-filled-text: var(--c-white);--btn-secondary-filled-white-bg: var(--c-white);--btn-secondary-filled-white-bg-hover: var(--c-purple-gray-30);--btn-secondary-filled-white-text: var(--c-error-60);--btn-destructive-bg: var(--c-error-50);--btn-destructive-bg-hover: var(--c-error-40);--btn-destructive-text: #131618;--icon-btn-size: 40px;--icon-btn-icon: 20px;--btn-border-radius-pill: 16px;--call-bar-height: 64px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--c-purple-gray-100);color:var(--c-soft-white);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-shell{display:flex;flex-direction:column;height:100%;max-width:1200px;margin:0 auto;background:var(--c-bg);border:1px solid var(--c-purple-gray-80);border-radius:12px;overflow:hidden;min-height:520px}.app-shell--max{max-width:none;border-radius:0;min-height:100vh}.main-row{flex:1;display:flex;min-height:0;padding:0 24px 8px;gap:16px}.stage-wrap{flex:1;display:flex;min-width:0;min-height:280px;background:var(--c-bg-2);border-radius:10px;overflow:hidden}.screen-col{flex-shrink:0;min-width:32px;background:var(--c-purple-gray-100)}.screen-share-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--c-purple-gray-50);font-size:14px;padding:12px;text-align:center}.screen-share-placeholder small{font-size:11px;opacity:.8}.splitter{flex-shrink:0;width:8px;cursor:col-resize;background:var(--c-bg-2);display:flex;align-items:center;justify-content:center}.splitter:hover,.splitter:focus-visible{background:#4b90ec1f}.splitter__grip{width:4px;height:32px;border-radius:2px;background:var(--c-purple-gray-70)}.video-stage{flex:1;min-width:0;padding:12px;overflow:auto}.video-stage--grid{display:flex;flex-direction:column;padding:8px;overflow:hidden;min-height:0}.video-stage--grid .app-video-grid{flex:1;min-height:0}.video-stage--speaker{display:flex;flex-direction:column;padding:8px;overflow:hidden;min-height:0}.video-stage-grid-wrap{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.grid-page-bar{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 8px 2px;z-index:2}.grid-page-bar .layout-navigation-arrows{pointer-events:auto}.grid-page-bar__meta{font-size:12px;color:var(--c-purple-gray-50);-webkit-user-select:none;user-select:none}.tile{background:var(--c-purple-gray-90);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;color:var(--c-purple-gray-50);border:1px solid rgba(255,255,255,.06)}.tile--thumb{min-height:72px;font-size:13px}.members-panel{width:280px;flex-shrink:0;background:var(--c-purple-gray-90);border-radius:10px;border:1px solid var(--c-purple-gray-80);display:flex;flex-direction:column;overflow:hidden}.members-panel__head{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 16px}.members-panel__head h2{margin:0;font-size:18px;font-weight:600;color:var(--c-soft-white)}.members-panel__close{width:var(--icon-btn-size);height:var(--icon-btn-size);border:none;border-radius:50%;background:var(--btn-secondary-filled-bg);color:var(--btn-secondary-filled-text);font-size:20px;line-height:1;cursor:pointer}.members-panel__close:hover{background:var(--btn-secondary-filled-bg-hover)}.members-search{margin:0 16px 12px;padding:10px 12px;border-radius:8px;border:1px solid var(--c-purple-gray-80);background:var(--c-bg);color:var(--c-soft-white);font:inherit}.members-list{list-style:none;margin:0;padding:0 8px 12px;overflow:auto;flex:1}.members-list__row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:8px}.members-list__row:hover{background:#ffffff0a}.members-list__av{width:36px;height:36px;border-radius:50%;background:var(--c-purple-gray-80);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--c-caption)}.members-list__name{flex:1;min-width:0;color:var(--c-soft-white)}.members-list__you{font-size:12px;color:var(--c-purple-gray-50)}.dev-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 24px 14px;font-size:12px;color:var(--c-purple-gray-50);border-top:1px solid var(--c-purple-gray-80)}.dev-toolbar label{display:flex;align-items:center;gap:8px}.dev-toolbar input[type=range]{width:120px}.dev-toolbar__check{-webkit-user-select:none;user-select:none}.home-screen,.mesh-room-screen{min-height:100vh;padding:24px}.home-screen{display:grid;place-content:center;gap:12px;text-align:center;max-width:560px;margin:0 auto}.hint{color:var(--c-purple-gray-50)}.mesh-room-screen{color:var(--c-soft-white)}.btn{border:1px solid var(--c-purple-gray-80);background:var(--c-purple-gray-90);color:var(--c-soft-white);padding:10px 14px;border-radius:8px;cursor:pointer;font:inherit}.btn:hover{background:var(--c-purple-gray-80)}.btn.primary{background:#2563eb;border-color:#2563eb}.btn.primary:hover{background:#1d4ed8}.btn--inline{padding:6px 12px;font-size:12px}.mesh-meta-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:4px 24px 8px;font-size:12px;color:var(--c-purple-gray-50)}.mesh-meta-bar__status{font-variant-numeric:tabular-nums}.mesh-error-banner{margin:0 24px 8px;padding:8px 12px;border-radius:8px;background:#dc26262e;color:#fecaca;font-size:13px}.mesh-waiting-placeholder{display:grid;place-content:center;flex:1;min-height:200px;text-align:center;color:var(--c-purple-gray-50);gap:8px;padding:24px}.mesh-waiting-placeholder__hint{margin:0;font-size:13px;opacity:.85}