:root{--bg-page: #111827;--bg-surface: #1f2937;--bg-elevated: #374151;--bg-tile: #000;--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-blue: #3b82f6;--accent-red: #ef4444;--accent-green: #22c55e;--accent-yellow: #eab308;--accent-screen: #60a5fa;--radius-tile: 12px;--radius-toolbar: 16px;--radius-button: 8px;--radius-sm: 4px;--transition-layout: .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s ease;--gap-tiles: 8px;--toolbar-height: 72px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-page);color:var(--text-primary);overflow:hidden;height:100vh}.prejoin{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-page)}.prejoin__card{background:var(--bg-surface);border-radius:16px;padding:32px;width:420px;max-width:95vw;display:flex;flex-direction:column;align-items:center;gap:20px}.prejoin__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.prejoin__preview{width:100%;aspect-ratio:16 / 9;background:var(--bg-tile);border-radius:var(--radius-tile);overflow:hidden;position:relative}.prejoin__preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.prejoin__preview-controls{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px}.prejoin__preview-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--bg-overlay);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.prejoin__preview-btn:hover{background:var(--bg-elevated)}.prejoin__preview-btn--muted{background:var(--accent-red)}.prejoin__preview-btn--muted:hover{background:#dc2626}.prejoin__avatar{width:100%;aspect-ratio:16 / 9;background:var(--bg-tile);border-radius:var(--radius-tile);display:flex;align-items:center;justify-content:center}.prejoin__avatar-initials{width:80px;height:80px;border-radius:50%;background:var(--accent-blue);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:#fff}.prejoin__form{width:100%;display:flex;flex-direction:column;gap:12px}.prejoin__field{display:flex;flex-direction:column;gap:4px}.prejoin__label{font-size:.8rem;color:var(--text-secondary)}.prejoin__input,.prejoin__select{background:var(--bg-elevated);border:1px solid #4b5563;border-radius:var(--radius-button);color:var(--text-primary);padding:8px 12px;font-size:.9rem;outline:none;transition:border-color var(--transition-fast)}.prejoin__input:focus,.prejoin__select:focus{border-color:var(--accent-blue)}.prejoin__room-info{font-size:.85rem;color:var(--text-secondary);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.prejoin__copy-link{display:inline-flex;align-items:center;gap:6px;background:var(--bg-elevated);border:1px solid #4b5563;border-radius:var(--radius-button);color:var(--accent-blue);padding:6px 14px;font-size:.8rem;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.prejoin__copy-link:hover{background:var(--bg-surface);border-color:var(--accent-blue)}.prejoin__join-btn{width:100%;padding:12px;border:none;border-radius:var(--radius-button);background:var(--accent-blue);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.prejoin__join-btn:hover{background:#2563eb}.prejoin__join-btn:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.prejoin__desktop-download{gap:8px}.prejoin__download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;border:1px solid #4b5563;border-radius:var(--radius-button);background:var(--bg-elevated);color:var(--text-primary, #e5e7eb);font-size:.9rem;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.prejoin__download-btn:hover{background:var(--bg-surface);border-color:var(--accent-blue)}.prejoin__download-other-toggle{background:none;border:none;color:var(--accent-blue);font-size:.8rem;cursor:pointer;align-self:flex-start;padding:2px 0}.prejoin__download-other-toggle:hover{text-decoration:underline}.prejoin__download-other-list{display:flex;flex-direction:column;gap:4px;margin-top:4px}.prejoin__download-other-link{background:none;border:none;text-align:left;color:var(--text-muted, #9ca3af);font-size:.85rem;padding:4px 0;cursor:pointer}.prejoin__download-other-link:hover{color:var(--accent-blue);text-decoration:underline}.desktop-download-link{position:fixed;right:12px;bottom:12px;z-index:10;font-size:.75rem;color:var(--text-muted, #9ca3af);background:#111827cc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-button);padding:4px 10px;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color var(--transition-fast),border-color var(--transition-fast)}.desktop-download-link:hover{color:var(--accent-blue);border-color:var(--accent-blue)}body.is-electron .desktop-download-link{display:none!important}.prejoin__permission-banner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:1;padding:16px;text-align:center}.prejoin__permission-icon{color:var(--text-secondary)}.prejoin__permission-icon svg{width:48px;height:48px}.prejoin__permission-text{color:var(--text-secondary);font-size:.85rem;max-width:280px;line-height:1.4}.prejoin__permission-btn{padding:8px 20px;border:none;border-radius:var(--radius-button);background:var(--accent-blue);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.prejoin__permission-btn:hover{background:#2563eb}.prejoin__permission-btn:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.prejoin__audio-meter{position:absolute;bottom:56px;left:8px;right:8px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;z-index:1}.prejoin__audio-meter-fill{height:100%;width:0;border-radius:2px;transition:width 80ms ease-out;background:#22c55e}.prejoin__test-speaker-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-elevated);border:1px solid #4b5563;border-radius:var(--radius-button);color:var(--accent-blue);padding:4px 12px;font-size:.75rem;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);margin-top:4px}.prejoin__test-speaker-btn:hover{background:var(--bg-surface);border-color:var(--accent-blue)}.prejoin__test-speaker-btn:disabled{color:var(--text-muted);cursor:not-allowed}.leave-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-page)}.leave-screen__card{background:var(--bg-surface);border-radius:16px;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.leave-screen__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.leave-screen__rejoin{padding:10px 24px;border:none;border-radius:var(--radius-button);background:var(--accent-blue);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.leave-screen__rejoin:hover{background:#2563eb}.conference{display:flex;flex-direction:column;height:100vh;overflow:hidden}.conference[hidden]{display:none}.stage{flex:1;overflow:hidden;position:relative;padding:8px;padding-bottom:calc(var(--toolbar-height) + 16px)}.videos{width:100%;height:100%;position:relative}.videos.layout-gallery .main-stage{display:none}.videos.layout-gallery .filmstrip{display:grid;grid-template-columns:repeat(var(--grid-cols, 1),1fr);gap:var(--gap-tiles);width:100%;height:100%;align-content:center;overflow:hidden}.videos.layout-gallery .filmstrip .tile{max-height:100%;overflow:hidden}.videos.layout-speaker{display:flex;gap:var(--gap-tiles)}.videos.layout-speaker .main-stage{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.videos.layout-speaker .main-stage .tile{width:100%;height:100%;max-height:100%;aspect-ratio:auto}.videos.layout-speaker .main-stage .tile video{width:100%;height:100%;object-fit:contain}.videos.layout-speaker .filmstrip{flex:0 0 200px;display:flex;flex-direction:column;gap:var(--gap-tiles);overflow-y:auto;overflow-x:hidden;max-height:100%}.videos.layout-speaker .filmstrip .tile{width:100%;flex-shrink:0}.videos.layout-screen-share{display:flex;gap:var(--gap-tiles)}.videos.layout-screen-share .main-stage{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;overflow-y:auto}.videos.layout-screen-share .main-stage .tile{width:100%;flex:1;min-height:0;aspect-ratio:auto}.videos.layout-screen-share .main-stage .tile video{width:100%;height:100%;object-fit:contain}.videos.layout-screen-share .filmstrip{flex:0 0 200px;display:flex;flex-direction:column;gap:var(--gap-tiles);overflow-y:auto;overflow-x:hidden;max-height:100%}.videos.layout-screen-share .filmstrip .tile{width:100%;flex-shrink:0}@media(max-width:1200px){.videos.layout-speaker{flex-direction:column-reverse}.videos.layout-speaker .filmstrip{flex:0 0 auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;max-width:100%;height:120px}.videos.layout-speaker .filmstrip .tile{width:160px;height:100%;flex-shrink:0}.videos.layout-screen-share{flex-direction:column-reverse}.videos.layout-screen-share .filmstrip{flex:0 0 auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;max-width:100%;height:120px}.videos.layout-screen-share .filmstrip .tile{width:160px;height:100%;flex-shrink:0}}@keyframes tile-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tile{position:relative;background:var(--bg-tile);border-radius:var(--radius-tile);overflow:hidden;aspect-ratio:16 / 9;transition:outline var(--transition-fast),opacity .15s ease,transform .15s ease;animation:tile-enter .2s cubic-bezier(.4,0,.2,1) both}.tile--removing{opacity:0;transform:scale(.95);pointer-events:none}.tile video{width:100%;height:100%;object-fit:contain;background:#000;display:block;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.tile video.tile__video--mirrored{transform:scaleX(-1)}.tile video.tile__video--contain{object-fit:contain}.tile video.tile__video--cover{object-fit:cover}.tile--local{position:fixed;bottom:calc(var(--toolbar-height) + 24px);right:16px;width:200px;height:auto;aspect-ratio:16 / 9;z-index:100;border-radius:var(--radius-tile);box-shadow:0 4px 16px #00000080;cursor:move}.tile--local.tile--local-alone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:640px;max-height:100%;box-shadow:none;cursor:default}@media(max-width:768px){.tile--local{width:140px;bottom:calc(var(--toolbar-height) + 12px);right:8px}}.tile--active-speaker{outline:3px solid var(--accent-green);outline-offset:-3px}.tile--pinned{outline:3px solid var(--accent-blue);outline-offset:-3px}.tile--screen{border:2px solid var(--accent-screen)}.tile--screen video{object-fit:contain;cursor:pointer}.videos.layout-gallery .tile--screen{grid-column:1 / -1}.tile__overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;background:linear-gradient(transparent,#00000080)}.tile__name-badge{display:flex;align-items:center;gap:4px;background:var(--bg-overlay);border-radius:var(--radius-sm);padding:2px 8px;max-width:80%}.tile__name{font-size:.75rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile__mic-icon{display:flex;align-items:center;color:var(--text-primary);flex-shrink:0}.tile__mic-icon--muted{color:var(--accent-red)}.tile__pin-btn{pointer-events:auto;background:var(--bg-overlay);border:none;border-radius:var(--radius-sm);color:var(--text-primary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast)}.tile:hover .tile__pin-btn{opacity:1}.tile__pin-btn:hover{background:var(--bg-elevated)}.tile__pin-btn--active{opacity:1;color:var(--accent-blue)}.tile__avatar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-surface)}.tile__avatar[hidden]{display:none}.tile__initials{width:64px;height:64px;border-radius:50%;background:var(--accent-blue);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff}.tile__audio-meter{position:absolute;bottom:0;left:0;right:0;height:4px;background:transparent;overflow:hidden}.tile__audio-meter-fill{height:100%;width:0%;border-radius:2px;transition:width .15s ease-out,background-color .15s ease-out}.toolbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;background:var(--bg-surface);border-radius:var(--radius-toolbar);padding:8px 12px;z-index:1000;box-shadow:0 4px 24px #0006}.toolbar__group{display:flex;align-items:center;gap:2px}.toolbar__separator{width:1px;height:36px;background:var(--bg-elevated);margin:0 6px}.toolbar__btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border:none;border-radius:var(--radius-button);background:transparent;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);position:relative;min-width:56px}.toolbar__btn:hover{background:var(--bg-elevated)}.toolbar__btn-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toolbar__btn-label{font-size:.65rem;color:var(--text-secondary);white-space:nowrap}.toolbar__btn--muted{background:#ef444426;color:var(--accent-red)}.toolbar__btn--muted:hover{background:#ef444440}.toolbar__btn--muted .toolbar__btn-label{color:var(--accent-red)}.toolbar__btn--active{background:#3b82f626;color:var(--accent-blue)}.toolbar__btn--active:hover{background:#3b82f640}.toolbar__btn--leave{background:var(--accent-red);color:#fff}.toolbar__btn--leave:hover{background:#dc2626}.toolbar__btn--leave .toolbar__btn-label{color:#fff}.toolbar__btn-with-dropdown{display:flex;align-items:center;gap:0}.toolbar__dropdown-trigger{display:flex;align-items:center;justify-content:center;width:20px;height:100%;padding:4px 2px;border:none;border-left:1px solid var(--bg-elevated);background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:0 var(--radius-button) var(--radius-button) 0;transition:background var(--transition-fast)}.toolbar__dropdown-trigger:hover{background:var(--bg-elevated)}.device-dropdown{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-surface);border:1px solid var(--bg-elevated);border-radius:var(--radius-button);padding:4px;min-width:240px;max-width:320px;z-index:1001;box-shadow:0 4px 16px #0006}.device-dropdown[hidden]{display:none}.device-dropdown__header{font-size:.7rem;color:var(--text-muted);padding:6px 8px 2px;text-transform:uppercase;letter-spacing:.05em}.device-dropdown__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:none;background:transparent;color:var(--text-primary);font-size:.8rem;cursor:pointer;border-radius:var(--radius-sm);text-align:left;transition:background var(--transition-fast)}.device-dropdown__item:hover{background:var(--bg-elevated)}.device-dropdown__item--active{color:var(--accent-blue)}.device-dropdown__item-check{width:16px;flex-shrink:0;text-align:center}.device-dropdown__item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar__badge{position:absolute;top:2px;right:4px;min-width:18px;height:18px;border-radius:9px;background:var(--accent-blue);color:#fff;font-size:.6rem;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px}.participant-panel{position:fixed;top:0;right:0;width:300px;height:100vh;background:var(--bg-surface);border-left:1px solid var(--bg-elevated);z-index:999;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-layout);pointer-events:none}.participant-panel--open{transform:translate(0);pointer-events:auto}.participant-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--bg-elevated)}.participant-panel__title{font-size:1rem;font-weight:600}.participant-panel__close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:4px}.participant-panel__list{flex:1;overflow-y:auto;padding:8px}.participant-panel__item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-button)}.participant-panel__item:hover{background:var(--bg-elevated)}.participant-panel__avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-blue);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#fff;flex-shrink:0}.participant-panel__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.participant-panel__you{color:var(--text-muted);font-size:.75rem}.participant-panel__status{display:flex;align-items:center;gap:4px;flex-shrink:0;color:var(--text-secondary)}.participant-panel__mic-muted{color:var(--accent-red)}@media(max-width:768px){.toolbar__btn-label{display:none}.toolbar__btn{min-width:44px;padding:8px}.participant-panel{width:100%}.prejoin__card{padding:20px}.tile__initials{width:48px;height:48px;font-size:1.1rem}}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-button);padding:10px 20px;font-size:.85rem;box-shadow:0 4px 16px #0006;pointer-events:auto;cursor:pointer;opacity:0;transform:translateY(-10px);transition:opacity var(--transition-fast),transform var(--transition-fast);max-width:500px;text-align:center}.toast--visible{opacity:1;transform:translateY(0)}.toast--error{background:var(--accent-red);color:#fff}.toast--info{background:var(--bg-elevated);border:1px solid var(--bg-surface)}.toast__text{display:inline}.tech-stats-panel{position:fixed;top:0;right:0;width:480px;height:100vh;background:#0f0f14f2;color:#d4d4d4;font-family:Consolas,Menlo,Monaco,monospace;font-size:11px;z-index:999;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-layout);pointer-events:none;border-left:1px solid #333;box-shadow:-4px 0 16px #00000080}.tech-stats-panel--open{transform:translate(0);pointer-events:auto}.tech-stats-panel__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#1e1e2e;border-bottom:1px solid #333;flex-shrink:0}.tech-stats-panel__title{font-weight:700;font-size:12px;color:#89b4fa}.tech-stats-panel__close{background:transparent;border:none;color:#6c7086;cursor:pointer;padding:2px;line-height:1}.tech-stats-panel__close:hover{color:#cdd6f4}.tech-stats-panel__content{flex:1;overflow-y:auto;padding:8px}.tsp-summary{display:flex;gap:12px;align-items:center;padding:6px 8px;background:#1e1e2e;border-radius:4px;margin-bottom:8px;border:1px solid #333}.tsp-summary__label{color:#89b4fa;font-weight:700}.tsp-summary__item{color:#a6adc8}.tsp-summary__encoder{margin-left:auto;font-size:.85em;font-family:var(--font-mono, monospace)}.tsp-empty{color:#6c7086;padding:16px 0;text-align:center}.tsp-peer{margin-bottom:8px;border:1px solid #333;border-radius:4px;overflow:hidden}.tsp-peer__header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#1e1e2e;border-bottom:1px solid #333}.tsp-peer__name{font-weight:700;color:#cdd6f4}.tsp-peer__meta{color:#6c7086;font-size:10px}.tsp-section{padding:4px 8px;border-bottom:1px solid #2a2a3a}.tsp-section:last-child{border-bottom:none}.tsp-section__title{color:#89b4fa;font-weight:700;margin-bottom:2px;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.tsp-grid{display:flex;flex-direction:column;gap:1px}.tsp-row{color:#a6adc8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tsp-stream{margin-bottom:4px}.tsp-stream__header{color:#cdd6f4;font-weight:700;margin-bottom:1px}.tsp-stream__details{display:flex;flex-wrap:wrap;gap:4px 10px;color:#a6adc8}.tsp-val--good{color:#a6e3a1}.tsp-val--warn{color:#f9e2af}.tsp-val--bad{color:#f38ba8}@supports (height: 100dvh){body,.prejoin,.conference,.leave-screen{height:100dvh}}body{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}body.is-touch .tile__pin-btn{opacity:.85}@media(max-width:640px){:root{--toolbar-height: 64px}.toolbar{left:0;right:0;transform:none;bottom:0;border-radius:0;padding:8px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom,0)) max(8px,env(safe-area-inset-right));justify-content:space-around;width:100%;gap:0;box-shadow:0 -4px 16px #0006}.toolbar__group{flex:1;justify-content:space-around;gap:0}.toolbar__separator{display:none}.toolbar__btn{min-width:48px;min-height:48px;padding:6px 4px}.toolbar__btn-label,.toolbar__dropdown-trigger{display:none}.stage{padding:4px;padding-bottom:calc(var(--toolbar-height) + env(safe-area-inset-bottom,0) + 8px)}.tile--local{width:90px;aspect-ratio:9 / 16;height:auto;bottom:calc(var(--toolbar-height) + 8px + env(safe-area-inset-bottom,0));right:8px;touch-action:none;box-shadow:0 4px 12px #0009}.tile--local.tile--dragging{opacity:.9;transition:none}.tile--local.tile--local-alone{max-width:90vw;max-height:calc(100dvh - var(--toolbar-height) - 32px)}.videos.layout-gallery .filmstrip{grid-auto-rows:minmax(120px,1fr);align-content:start;overflow-y:auto}.videos.layout-gallery .filmstrip .tile{aspect-ratio:auto;min-height:120px}.videos.layout-gallery .filmstrip .tile--screen,.videos.layout-gallery .main-stage .tile--screen{grid-column:1 / -1;aspect-ratio:16 / 9;min-height:200px;width:100%}.participant-panel,.tech-stats-panel{width:100%;max-width:100%}.participant-panel__close,.tech-stats-panel__close{font-size:1.6rem;padding:8px 12px;min-width:44px;min-height:44px}.prejoin{align-items:stretch}.prejoin--mobile .prejoin__card{width:100%;max-width:100%;min-height:100dvh;border-radius:0;padding:16px max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-right));justify-content:flex-start}.prejoin--mobile .prejoin__preview{aspect-ratio:9 / 16;max-height:40dvh}.prejoin__advanced-summary{font-size:.85rem;color:var(--accent-blue);cursor:pointer;padding:8px 0}.prejoin__advanced[open] .prejoin__advanced-summary{margin-bottom:8px}.desktop-download-link{display:none}}@media(max-width:640px)and (orientation:portrait){.videos.layout-speaker,.videos.layout-screen-share{flex-direction:column-reverse}.videos.layout-speaker .filmstrip,.videos.layout-screen-share .filmstrip{flex:0 0 auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;height:96px}.videos.layout-speaker .filmstrip .tile,.videos.layout-screen-share .filmstrip .tile{width:120px;height:100%;flex-shrink:0;aspect-ratio:3 / 4}.videos.layout-speaker .main-stage,.videos.layout-screen-share .main-stage{flex:1 1 auto;min-height:0;width:100%}.videos.layout-screen-share .main-stage .tile--screen{width:100%;height:100%;aspect-ratio:auto}}.more-sheet{position:fixed;inset:0;z-index:1050}.more-sheet[hidden]{display:none}.more-sheet__backdrop{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .2s ease}.more-sheet--open .more-sheet__backdrop{opacity:1}.more-sheet__panel{position:absolute;left:0;right:0;bottom:0;background:var(--bg-surface);border-top-left-radius:16px;border-top-right-radius:16px;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0));transform:translateY(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 -8px 24px #00000080}.more-sheet--open .more-sheet__panel{transform:translateY(0)}.more-sheet__handle{width:40px;height:4px;background:var(--bg-elevated);border-radius:2px;margin:0 auto 12px}.more-sheet__item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:none;background:transparent;color:var(--text-primary);font-size:.95rem;cursor:pointer;border-radius:var(--radius-button);text-align:left;min-height:44px}.more-sheet__item:hover,.more-sheet__item:active{background:var(--bg-elevated)}.more-sheet__icon{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;color:var(--text-secondary)}.more-sheet__section-title{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:12px 8px 4px}.more-sheet__field{display:flex;flex-direction:column;gap:4px;padding:6px 8px}.more-sheet__field-label{font-size:.75rem;color:var(--text-secondary)}.more-sheet__select{background:var(--bg-elevated);border:1px solid #4b5563;border-radius:var(--radius-button);color:var(--text-primary);padding:10px 12px;font-size:.95rem;min-height:44px}
/*# sourceMappingURL=styles.css.map */