.settings{flex-direction:row;height:min(640px,100vh - 32px)}.settings-nav{background:var(--surface-2);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:2px;width:220px;padding:20px 12px;display:flex;overflow:auto}.settings-nav h2{padding:0 10px 14px;font-size:18px}.settings-tab{border-radius:var(--radius-sm);color:var(--text-2);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:9px 10px;font-weight:500;display:flex}.settings-tab:hover{background:var(--surface-3);color:var(--text)}.settings-tab[aria-current=page]{background:var(--blue);color:#fff}.settings-content{flex:1;min-width:0;padding:24px 28px;position:relative;overflow:auto}.settings-close{position:absolute;top:14px;right:14px}.settings-section+.settings-section{margin-top:22px}.settings-section h3{margin-bottom:10px;font-size:15px}.settings-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:14px 16px}.settings-card>.field+.switch-row{margin-top:6px}.settings-preview{aspect-ratio:16/9;border-radius:var(--radius);background:#0f1012;margin-bottom:20px;position:relative;overflow:hidden}.settings-preview video{width:100%;height:100%;display:block}.preview-placeholder{text-align:center;color:#aab1bc;place-items:center;height:100%;padding:16px;display:grid}.preview-res{color:#fff;background:#0000008c;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;bottom:10px;right:10px}.theme-picker{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-option{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);color:var(--text-2);flex-direction:column;align-items:flex-start;gap:8px;padding:10px;font-weight:600;display:flex}.theme-option[aria-checked=true]{border-color:var(--blue);color:var(--text)}.theme-swatch{border:1px solid var(--border);border-radius:6px;width:100%;height:54px;display:flex;overflow:hidden}.theme-swatch span{flex:1}.theme-light .theme-swatch span{background:#f4f6f9}.theme-light .theme-swatch span:last-child{background:#fff}.theme-dark .theme-swatch span{background:#1c1f24}.theme-dark .theme-swatch span:last-child{background:#121417}.theme-system .theme-swatch span:first-child{background:#f4f6f9}.theme-system .theme-swatch span:last-child{background:#1c1f24}.shortcuts{border-collapse:collapse;width:100%}.shortcuts td{border-bottom:1px solid var(--border);padding:8px 4px}.shortcuts tr:last-child td{border-bottom:0}.shortcuts td:first-child{width:160px}@media (width<=720px){.settings{flex-direction:column;height:calc(100vh - 32px)}.settings-nav{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;width:auto;padding:10px;overflow-x:auto}.settings-nav h2{display:none}.settings-tab{flex:none}.settings-tab span{white-space:nowrap}.settings-content{padding:20px 16px}.settings-close{top:8px;right:8px}.theme-picker{grid-template-columns:1fr}}.home{flex-direction:column;min-height:100%;display:flex}.topnav{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:16px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:10px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#2d8cff,#0b5cff);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.brand small{color:var(--text-3);font-weight:600}.topnav-tabs{gap:4px;margin-left:12px;display:flex}.topnav-tab{border-radius:var(--radius-sm);height:36px;color:var(--text-2);background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:flex}.topnav-tab[aria-current=page]{color:var(--blue);background:var(--blue-soft)}.topnav-spacer{flex:1}.topnav-user{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:10px;padding:4px 4px 4px 10px;display:flex}.topnav-user span{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:600;overflow:hidden}.home-main{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:40px;width:min(1120px,100%);margin:0 auto;padding:40px 24px;display:grid}.home-greeting h1{letter-spacing:-.02em;font-size:28px}.home-greeting p{color:var(--text-3);margin:6px 0 28px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;display:grid}.action-tile{color:var(--text);background:0 0;border:0;flex-direction:column;align-items:center;gap:12px;padding:0;font-weight:600;display:flex}.action-icon{background:var(--blue);color:#fff;width:84px;height:84px;transition:transform .15s var(--ease), background .15s;border-radius:24px;place-items:center;display:grid;box-shadow:0 8px 18px #0e72ed47}.action-tile:hover .action-icon{background:var(--blue-hover);transform:translateY(-2px)}.action-tile.orange .action-icon{background:var(--orange);box-shadow:0 8px 18px #ff742e4d}.action-tile.orange:hover .action-icon{background:var(--orange-hover)}.action-tile:disabled{opacity:.6;cursor:progress}.action-tile span.sub{color:var(--text-3);margin-top:-8px;font-size:12px;font-weight:500}.side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.clock-hero{color:#fff;background:radial-gradient(120% 140% at 100% 0,#ffffff2e,#0000 55%),linear-gradient(135deg,#1f6fe5 0%,#0b4fcf 60%,#183b9e 100%);padding:28px 24px}.clock-hero .time{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:700}.clock-hero .date{opacity:.85}.clock-hero .date:first-letter{text-transform:uppercase}.side-section{padding:18px 20px}.side-section+.side-section{border-top:1px solid var(--border)}.side-section h2{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.meeting-row{border-radius:var(--radius);align-items:center;gap:14px;padding:12px;transition:background .15s;display:flex}.meeting-row:hover{background:var(--surface-2)}.meeting-row+.meeting-row{margin-top:4px}.meeting-when{width:78px;color:var(--text-2);flex:none;font-size:12px;font-weight:700}.meeting-when.live{color:var(--green)}.meeting-info{flex:1;min-width:0}.meeting-info strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.meeting-info span{color:var(--text-3);font-size:12px}.meeting-actions{align-items:center;gap:4px;display:flex}.empty{text-align:center;color:var(--text-3);flex-direction:column;align-items:center;gap:10px;padding:24px 12px;display:flex}.empty svg{color:var(--text-3);opacity:.7}.recent-list{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);max-width:100%;color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.chip:hover{border-color:var(--blue);color:var(--blue)}.chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-callout{margin-bottom:24px}.share-address{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text-2);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;margin:32px 0 0;padding:12px 14px;font-size:13px;display:flex}.invite-box{white-space:pre-wrap;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);-webkit-user-select:text;user-select:text;max-height:220px;padding:12px;font-size:13px;overflow:auto}@media (width<=900px){.home-main{grid-template-columns:1fr;gap:28px;padding:24px 16px}.topnav{padding:0 16px}.topnav-tabs{display:none}}@media (width<=480px){.action-grid{gap:22px 12px}.action-icon{border-radius:20px;width:72px;height:72px}.topnav-user span{display:none}.grid-2{grid-template-columns:1fr}.meeting-row{flex-wrap:wrap}}.center-screen{background:var(--bg);min-height:100%;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px 16px;display:flex}.center-brand{position:absolute;top:18px;left:24px}.center-card{text-align:center;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);width:min(480px,100%);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:14px;padding:36px 28px;display:flex}.center-card h1{font-size:20px}.center-card p{margin:0}.center-card>svg{color:var(--blue)}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.prejoin{background:var(--bg);min-height:100%;color:var(--text);place-items:center;padding:24px 16px;display:grid}.prejoin-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);width:min(1040px,100%);box-shadow:var(--shadow-lg);grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:28px;padding:24px;display:grid}.prejoin-preview{aspect-ratio:16/9;border-radius:var(--radius);background:#000;align-self:start;position:relative;overflow:hidden}.prejoin-preview video{width:100%;height:100%;display:block}.prejoin-avatar{height:100%;color:var(--text-3);background:var(--tile);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.prejoin-name{border-radius:var(--radius-sm);background:#0000008c;padding:3px 10px;font-size:13px;font-weight:600;position:absolute;top:12px;left:12px}.prejoin-toggles{gap:12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.round-btn{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e2024bf;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .15s;display:grid}.round-btn:hover:not(:disabled){background:#3c4046e6}.round-btn.off{background:var(--red);border-color:#0000}.round-btn:disabled{opacity:.5;cursor:not-allowed}.prejoin-side{flex-direction:column;gap:14px;min-width:0;display:flex}.prejoin-title{overflow-wrap:anywhere;font-size:22px}.prejoin-side p{margin:4px 0 0}.prejoin-status{color:var(--text-2);align-items:center;gap:6px;font-size:13px;display:flex}.prejoin-status svg{color:var(--amber)}.prejoin-actions{justify-content:flex-end;gap:8px;margin-top:auto;padding-top:8px;display:flex}.room{background:var(--bg);color:var(--text);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.room.sharing-border:after{content:"";border:4px solid var(--green);pointer-events:none;z-index:50;position:fixed;inset:0}.room-body{min-height:0;display:flex}.stage{flex:1;min-width:0;padding:8px;display:flex;position:relative}.topbar{align-items:center;gap:10px;height:48px;padding:0 12px;display:flex}.topbar-btn{border-radius:var(--radius-sm);height:32px;color:var(--text-2);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.topbar-btn:hover{background:var(--surface-2);color:var(--text)}.topbar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.topbar-spacer{flex:1}.quality{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.quality span{background:var(--surface-3);border-radius:1px;width:3px}.quality span:first-child{height:5px}.quality span:nth-child(2){height:9px}.quality span:nth-child(3){height:13px}.quality.good span{background:var(--green)}.quality.fair span:nth-child(-n+2){background:var(--amber)}.quality.poor span:first-child{background:var(--red)}.timer{font-variant-numeric:tabular-nums;color:var(--text-2);font-size:13px}.info-popover{flex-direction:column;gap:10px;min-width:300px;padding:10px;display:flex}.info-popover dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13px;display:grid}.info-popover dt{color:var(--text-3)}.info-popover dd{overflow-wrap:anywhere;margin:0}.banner{z-index:30;box-shadow:var(--shadow-lg);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;max-width:calc(100% - 16px);padding:6px 8px 6px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.banner-share{background:var(--green);color:#fff}.banner-share .btn{border-radius:999px;height:28px}.banner-warn{background:var(--amber);color:#1d1d1d;padding:8px 16px;top:auto;bottom:8px}.banner-error{background:var(--red);color:#fff;padding:8px 16px;top:auto;bottom:8px}.banner .live-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulse}.gallery{flex-wrap:wrap;flex:1;place-content:center;gap:8px;min-width:0;display:flex}.speaker-layout,.share-layout{flex:1;gap:8px;min-width:0;display:flex}.speaker-layout{flex-direction:column}.share-layout{flex-direction:row}.main-tile{flex:1;place-items:center;min-width:0;min-height:0;display:grid}.main-tile>.tile{width:100%;height:100%}.filmstrip{flex:none;gap:8px;display:flex;overflow:auto}.speaker-layout .filmstrip{justify-content:center;height:112px}.speaker-layout .filmstrip .tile{flex:none;width:199px;height:112px}.share-layout .filmstrip{flex-direction:column;width:220px}.share-layout .filmstrip .tile{flex:none;width:220px;height:124px}.tile{border-radius:var(--radius);background:var(--tile);outline-offset:-2px;outline:2px solid #0000;transition:outline-color .15s;position:relative;overflow:hidden}.tile.speaking{outline:3px solid var(--green);outline-offset:-3px}.tile video{width:100%;height:100%;position:absolute;inset:0}.tile.screen{background:#000}.tile-avatar{place-items:center;display:grid;position:absolute;inset:0}.tile-name{z-index:2;border-radius:var(--radius-sm);color:#fff;background:#0009;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:3px 8px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px}.tile-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile-name .mic-off{color:#ff6b6b;flex:none}.tile-badges{z-index:2;gap:6px;display:flex;position:absolute;top:8px;right:8px}.tile-badge{color:#fff;background:#0009;border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 6px;font-size:14px;display:grid}.tile-badge.warn{color:var(--amber)}.tile-menu-btn{z-index:3;opacity:0;color:#fff;background:#0009;transition:opacity .15s;position:absolute;top:8px;left:8px}.tile-menu-btn:hover{color:#fff;background:#000c}.tile:hover .tile-menu-btn,.tile-menu-btn:focus-visible,.tile-menu-btn[aria-expanded=true]{opacity:1}.tile-overlay{z-index:1;color:#fff;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.tile-overlay .spinner{border-width:2px;width:22px;height:22px}.tile-reaction{z-index:4;pointer-events:none;font-size:44px;animation:4s ease-out forwards float-up;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}@keyframes float-up{0%{opacity:0;transform:translate(-50%,20px)scale(.6)}12%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60px)}}.self-share{text-align:center;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0}.self-share video{aspect-ratio:16/9;border-radius:var(--radius-sm);border:2px solid var(--green);width:min(360px,70%);height:auto;position:static}.toolbar{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:4px;height:72px;padding:0 12px;display:flex}.toolbar-group{align-items:center;gap:2px;display:flex}.toolbar-center{flex:1;justify-content:center;min-width:0}.tb-split{align-items:stretch;display:flex}.tb-btn{border-radius:var(--radius-sm);min-width:64px;height:58px;color:var(--text);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;display:flex;position:relative}.tb-btn:hover{background:var(--surface-2)}.tb-btn.active{color:var(--blue)}.tb-btn.off svg{color:var(--red)}.tb-btn.share{color:#fff}.tb-btn.share .tb-icon{background:var(--green);border-radius:6px;place-items:center;width:34px;height:26px;display:grid}.tb-btn.share.active .tb-icon{background:var(--red)}.tb-btn.share span:last-child{color:var(--text)}.tb-caret{border-radius:var(--radius-sm);width:18px;height:58px;color:var(--text-3);background:0 0;border:0;place-items:center;margin-left:-6px;display:grid}.tb-caret:hover{background:var(--surface-2);color:var(--text)}.tb-count{background:var(--surface-3);min-width:18px;height:18px;color:var(--text);border-radius:999px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:4px;left:calc(50% + 8px)}.tb-count.alert{background:var(--red);color:#fff}.tb-end{border-radius:var(--radius-sm);height:38px;padding:0 18px}.reaction-row{gap:4px;padding:4px;display:flex}.reaction-row button{border-radius:var(--radius-sm);background:0 0;border:0;width:42px;height:42px;font-size:24px}.reaction-row button:hover{background:var(--surface-2)}.side-panels{flex-direction:column;flex:none;gap:8px;width:340px;padding:8px 8px 8px 0;display:flex}.panel{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:48px;padding:0 8px 0 16px;font-weight:700;display:flex}.panel-body{flex:1;min-height:0;padding:8px;overflow:auto}.panel-footer{border-top:1px solid var(--border);gap:6px;padding:10px;display:flex}.panel-footer .btn{flex:1}.panel-search{padding:8px 8px 0}.panel-search .input{background:var(--surface-2);height:34px}.plist-group{color:var(--text-3);text-transform:uppercase;letter-spacing:.02em;justify-content:space-between;align-items:center;padding:10px 8px 6px;font-size:12px;font-weight:700;display:flex}.plist-row{border-radius:var(--radius-sm);align-items:center;gap:10px;min-height:44px;padding:6px 8px;display:flex}.plist-row:hover{background:var(--surface-2)}.plist-name{flex:1;min-width:0}.plist-name strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.plist-name small{color:var(--text-3)}.plist-icons{color:var(--text-3);align-items:center;gap:8px;display:flex}.plist-icons .off{color:var(--red)}.plist-actions{gap:4px;display:none}.plist-row:hover .plist-actions,.plist-row:focus-within .plist-actions,.plist-actions.open{display:flex}.plist-row:hover .plist-icons.hide-on-hover,.plist-row:focus-within .plist-icons.hide-on-hover{display:none}.waiting-row .plist-actions{display:flex}.chat-list{flex-direction:column;gap:12px;padding:8px 8px 4px;display:flex}.chat-empty{text-align:center;color:var(--text-3);margin:auto;padding:24px}.chat-msg{flex-direction:column;gap:3px;max-width:88%;display:flex}.chat-msg.mine{align-self:flex-end;align-items:flex-end}.chat-meta{color:var(--text-3);font-size:11px}.chat-meta strong{color:var(--text-2)}.chat-meta .private{color:var(--orange);font-weight:700}.chat-bubble{background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;padding:8px 12px}.chat-msg.mine .chat-bubble{background:var(--blue);color:#fff}.chat-msg.private .chat-bubble{box-shadow:inset 0 0 0 1px var(--orange)}.chat-compose{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:10px;display:flex}.chat-to{color:var(--text-3);align-items:center;gap:8px;font-size:12px;display:flex}.chat-to select{background:var(--surface-2);width:auto;max-width:220px;height:28px;padding:0 8px;font-size:12px}.chat-input-row{align-items:flex-end;gap:6px;display:flex}.chat-input-row .textarea{background:var(--surface-2);min-height:40px;max-height:120px}.chat-input-row .icon-btn{background:var(--blue);color:#fff;width:40px;height:40px}.chat-input-row .icon-btn:disabled{opacity:.4;cursor:not-allowed}.host-pick{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:2px;max-height:240px;padding:4px;display:flex;overflow:auto}.host-pick label{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:6px 8px;display:flex}.host-pick label:hover{background:var(--surface-2)}@media (width<=1000px){.side-panels{z-index:40;background:0 0;padding:8px;position:absolute;top:48px;bottom:72px;right:0}.panel{box-shadow:var(--shadow-lg)}}@media (width<=760px){.tb-btn{min-width:46px;padding:0 4px}.tb-label{display:none}.tb-btn,.tb-caret{height:48px}.toolbar{height:60px;padding:0 6px}.hide-narrow{display:none!important}.side-panels{width:auto;bottom:60px;left:0}.share-layout{flex-direction:column}.share-layout .filmstrip{flex-direction:row;width:auto;height:90px}.share-layout .filmstrip .tile,.speaker-layout .filmstrip .tile{width:160px;height:90px}.speaker-layout .filmstrip{justify-content:flex-start;height:90px}.prejoin-card{grid-template-columns:1fr;gap:18px;padding:16px}.topbar .hide-narrow{display:none}.tb-end{padding:0 12px}}@media (width>=761px){.only-narrow{display:none!important}}body.in-room .toasts{flex-direction:column-reverse;inset:auto auto 84px 16px}@media (width<=760px){body.in-room .toasts{width:auto;bottom:68px;left:8px;right:8px}}.share-bar{z-index:30;border:1px solid var(--border);max-width:calc(100% - 16px);box-shadow:var(--shadow-lg);background:#1f2125;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.share-status{background:var(--green);color:#fff;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.share-status.paused{background:var(--amber);color:#1d1d1d}.share-status .live-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulse}.share-tag{background:#ffffff38;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:600}.share-bar-btn{height:34px;color:var(--text);white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.share-bar-btn:hover{background:var(--surface-3)}.share-bar-btn.stop{background:var(--red);color:#fff}.share-bar-btn.stop:hover{background:var(--red-hover)}.tile-overlay.paused{text-align:center;background:#000000a6;padding:16px}.share-tabs{align-self:center}.share-layout-dialog{grid-template-columns:minmax(0,1fr) 260px;gap:20px;display:grid}.share-surfaces{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.share-surface{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface-2);color:var(--text);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:22px 12px 18px;transition:border-color .15s,background .15s;display:flex}.share-surface:hover:not(:disabled){border-color:var(--blue)}.share-surface[aria-checked=true]{border-color:var(--blue);background:var(--blue-soft)}.share-surface:disabled{opacity:.45;cursor:not-allowed}.share-surface span:last-child{color:var(--text-3);font-size:12px}.share-surface-icon{background:var(--surface-3);width:64px;height:48px;color:var(--blue);border-radius:8px;place-items:center;margin-bottom:4px;display:grid}.share-surface[aria-checked=true] .share-surface-icon{background:var(--blue);color:#fff}.share-options{border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:8px;padding:14px;display:flex}.share-options h3{margin-bottom:4px;font-size:14px}.share-options .hint{margin:-4px 0 4px 26px}.share-files{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:12px;padding:28px 16px;display:flex}.share-files svg{color:var(--blue)}@media (width<=760px){.share-layout-dialog,.share-surfaces{grid-template-columns:1fr}.share-surface{text-align:left;flex-direction:row;padding:12px}.share-bar{top:4px}}.floating-body{color:#f2f4f7;background:#121316;margin:0;overflow:hidden}.floating-root,.fl{height:100vh}.fl{flex-direction:column;gap:8px;padding:8px;display:flex}.fl-head{background:#23252a;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.fl-head.live{background:var(--green)}.fl-head.paused{background:var(--amber);color:#1d1d1d}.fl-head strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fl-dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.fl-count{opacity:.85;white-space:nowrap;font-size:11px}.fl-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-auto-rows:minmax(0,1fr);gap:6px;min-height:0;display:grid}.fl-tile{outline-offset:-2px;background:#232428;border-radius:8px;outline:2px solid #0000;place-items:center;min-height:70px;display:grid;position:relative;overflow:hidden}.fl-tile.speaking{outline-color:var(--green)}.fl-tile video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fl-name{white-space:nowrap;text-overflow:ellipsis;background:#0009;border-radius:4px;align-items:center;gap:4px;max-width:calc(100% - 12px);padding:2px 6px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:6px;left:6px;overflow:hidden}.fl-more{background:#232428;border-radius:8px;place-items:center;font-weight:700;display:grid}.fl-chat{white-space:nowrap;text-overflow:ellipsis;background:#23252a;border-radius:8px;padding:8px 32px 8px 10px;font-size:12px;position:relative;overflow:hidden}.fl-badge{background:var(--red);color:#fff;text-align:center;border-radius:999px;min-width:18px;padding:0 5px;font-size:11px;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.fl-bar{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.fl-btn{color:#fff;min-width:36px;height:36px;font:600 12px var(--font);cursor:pointer;background:#2d3035;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.fl-btn:hover{background:#3a3e45}.fl-btn.off{color:#ff6b6b}.fl-btn.stop{background:var(--red)}.fl-ended{text-align:center;place-items:center;height:100vh;padding:16px;display:grid}.desktop-floating{color:#f2f4f7;-webkit-user-select:none;user-select:none;background:0 0;margin:0;overflow:hidden}.desktop-floating .floating-root{height:auto}.desktop-floating button,.desktop-floating video{-webkit-app-region:no-drag}.dfl-bar{white-space:nowrap;-webkit-app-region:drag;cursor:grab;background:#1f2125;border:1px solid #3a3e45;border-radius:12px;align-items:center;gap:6px;padding:6px;display:inline-flex}.dfl-grip{color:#8d96a3;place-items:center;width:18px;height:36px;display:grid}.dfl-status{max-width:240px;height:36px;font:700 13px var(--font);text-overflow:ellipsis;background:#2d3035;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex;overflow:hidden}.dfl-status.live{background:var(--green);color:#fff}.dfl-status.paused{background:var(--amber);color:#1d1d1d}.dfl-cams{background:#121316;border:1px solid #3a3e45;border-radius:12px;flex-direction:column;gap:6px;height:100vh;padding:6px;display:flex}.dfl-cams-head{color:#c6cad1;font:600 12px var(--font);-webkit-app-region:drag;cursor:grab;align-items:center;gap:6px;padding:2px 4px;display:flex}.dfl-cams .fl-grid{grid-template-columns:1fr;grid-auto-rows:minmax(110px,1fr);overflow-y:auto}.desk-picker{flex-direction:column;gap:16px;max-height:min(56vh,520px);padding:2px;display:flex;overflow-y:auto}.desk-section h3{color:var(--text-2);margin-bottom:8px;font-size:13px;font-weight:600}.desk-sources{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.desk-source{border-radius:var(--radius);min-width:0;color:var(--text);text-align:left;background:0 0;border:2px solid #0000;flex-direction:column;gap:6px;padding:6px;display:flex}.desk-source:hover{background:var(--surface-2)}.desk-source[aria-checked=true]{border-color:var(--blue);background:var(--blue-soft)}.desk-thumb{aspect-ratio:16/10;background:var(--surface-3);color:var(--text-3);border-radius:6px;place-items:center;display:grid;overflow:hidden}.desk-thumb img{object-fit:contain;width:100%;height:100%}.desk-name{align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:600;display:flex}.desk-name span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.desk-name img{flex:none}.desk-permission{align-items:center}.stage-bars{z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:6px;max-width:calc(100% - 16px);display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.stage-bars>*{pointer-events:auto}.stage-bars .share-bar{max-width:100%;position:static;transform:none}.stage-bars:empty{display:none}.breakout-bar{border:1px solid var(--border);box-shadow:var(--shadow-lg);background:#1f2125;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:4px;display:flex}.bo-here{background:var(--blue);color:#fff;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.breakout-bar .share-bar-btn.primary{background:var(--blue);color:#fff}.bo-pick{width:auto;max-width:200px;height:34px}.bo-create{flex-direction:column;gap:12px;padding:14px;display:flex}.bo-modes{flex-direction:column;gap:6px;display:flex}.bo-mode{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:10px;padding:10px;display:flex}.bo-mode:has(input:checked){border-color:var(--blue);background:var(--blue-soft)}.bo-mode input{accent-color:var(--blue);margin-top:3px}.bo-mode span{flex-direction:column;display:flex}.bo-mode small{color:var(--text-3);font-size:12px}.bo-status{border-radius:var(--radius-sm);background:var(--surface-2);margin:4px 4px 8px;padding:8px 10px;font-size:13px;font-weight:600}.bo-status.open{color:#4ade80;background:#12a1502e}.bo-status.closing{color:var(--amber);background:#f5a5242e}.bo-room{border-radius:var(--radius);border:1px solid var(--border);margin:0 0 8px;padding:6px}.bo-room-head{align-items:center;gap:6px;padding:2px 2px 4px;display:flex}.bo-room-name{min-width:0;height:30px;color:var(--text);font:700 14px var(--font);background:0 0;border:1px solid #0000;border-radius:6px;flex:1;align-items:center;padding:0 6px;display:flex}input.bo-room-name:hover,input.bo-room-name:focus{border-color:var(--border);background:var(--surface-2);outline:none}.bo-count{background:var(--surface-3);text-align:center;border-radius:999px;min-width:22px;padding:0 6px;font-size:12px;font-weight:700}.bo-empty{padding:2px 8px 6px}.bo-person{min-height:38px;padding:4px 6px}.bo-move{width:auto;max-width:150px;height:30px;padding:0 6px;font-size:12px}.bo-tools{flex-wrap:wrap;gap:6px;padding:2px 4px 8px;display:flex}.bo-options{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 6px;font-size:13px;display:flex}.bo-countdown .select{height:34px}.bo-broadcast{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:10px 6px 4px;display:flex}.bo-broadcast .row{gap:6px}.rec-dot{background:#ff4d4f;border-radius:50%;flex:none;width:9px;height:9px;animation:1.4s infinite pulse;display:inline-block}.rec-badge{color:#ff8a8b;white-space:nowrap;background:#ff4d4f29;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.rec-badge.paused,.rec-status.paused{color:var(--amber)}.rec-badge.paused .rec-dot,.rec-status.paused .rec-dot{background:var(--amber);animation:none}.recording-bar{border:1px solid var(--border);box-shadow:var(--shadow-lg);background:#1f2125;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex}.rec-status{color:#ff8a8b;white-space:nowrap;background:#ff4d4f24;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.rec-time{font-variant-numeric:tabular-nums;color:var(--text)}.tb-btn.recording .tb-icon{color:#ff4d4f}@media (width>=761px) and (width<=1000px){.tb-btn{min-width:52px;padding:0 3px;font-size:11px}.toolbar{gap:2px;padding:0 8px}.tb-end{padding:0 12px}}@media (width<=430px){.tb-btn{min-width:40px;padding:0 2px}.tb-caret{width:16px}.toolbar{gap:0;padding:0 4px}.tb-end{padding:0 10px;font-size:13px}}:root{--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--blue:#0e72ed;--blue-hover:#0b5fcc;--blue-soft:#0e72ed1f;--orange:#ff742e;--orange-hover:#f0621a;--red:#e02828;--red-hover:#c71f1f;--green:#12a150;--green-hover:#0e8a44;--amber:#f5a524;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #1018280f;--shadow:0 8px 24px #1018281f;--shadow-lg:0 20px 48px #1018283d;--ease:cubic-bezier(.2, .8, .2, 1);--bg:#f4f6f9;--surface:#fff;--surface-2:#f0f2f5;--surface-3:#e4e7ec;--border:#e1e4ea;--text:#1d2939;--text-2:#475467;--text-3:#667085;--focus:0 0 0 3px #0e72ed59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#121417;--surface:#1c1f24;--surface-2:#24282e;--surface-3:#2e333a;--border:#30353d;--text:#f2f4f7;--text-2:#c3c9d2;--text-3:#8d96a3;--blue-soft:#0e72ed33;--shadow:0 8px 24px #0006;--shadow-lg:0 20px 48px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.meeting-theme,body.in-room{--bg:#0f1012;--surface:#1a1c1f;--surface-2:#232529;--surface-3:#2d3035;--border:#33363c;--text:#f2f4f7;--text-2:#c6cad1;--text-3:#8f96a1;--tile:#232428;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--blue)}:focus-visible{box-shadow:var(--focus);outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3{margin:0;line-height:1.25}.muted{color:var(--text-3)}.btn{border-radius:var(--radius-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:30px;padding:0 10px;font-size:13px}.btn-lg{height:46px;padding:0 22px;font-size:15px}.btn-block{width:100%}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-hover)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:var(--red-hover)}.btn-success{background:var(--green);color:#fff}.btn-success:hover:not(:disabled){background:var(--green-hover)}.icon-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-2);background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.field{flex-direction:column;gap:6px;display:flex}.field>span,.label{color:var(--text-2);font-size:13px;font-weight:600}.input,.select,.textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;height:40px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.textarea{resize:none;height:auto;padding:10px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);box-shadow:var(--focus);outline:none}.input[aria-invalid=true]{border-color:var(--red)}.hint{color:var(--text-3);font-size:12px}.error-text{color:var(--red);font-size:13px}.row{align-items:center;gap:12px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.check input{width:16px;height:16px;accent-color:var(--blue)}.switch-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.switch-row:last-child{border-bottom:0}.switch-row .switch-text{flex-direction:column;gap:2px;display:flex}.switch{background:var(--surface-3);border:0;border-radius:999px;flex:none;width:38px;height:22px;transition:background .2s;position:relative}.switch:after{content:"";width:16px;height:16px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]{background:var(--blue)}.switch[aria-checked=true]:after{transform:translate(16px)}.switch:disabled{opacity:.5}.segmented{background:var(--surface-2);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--text-2);background:0 0;border:0;border-radius:5px;padding:6px 12px;font-weight:600}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.modal-backdrop{z-index:100;background:#0a0c108c;place-items:center;padding:16px;animation:.15s fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(460px,100%);max-height:calc(100vh - 32px);color:var(--text);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop-in .18s var(--ease);flex-direction:column;display:flex;overflow:hidden}.modal-wide{width:min(860px,100%)}.modal-header{justify-content:space-between;align-items:center;padding:18px 20px 6px;display:flex}.modal-header h2{font-size:18px}.modal-body{flex-direction:column;gap:14px;padding:12px 20px 20px;display:flex;overflow:auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.menu{z-index:120;background:var(--surface);min-width:220px;max-width:min(340px,100vw - 16px);max-height:min(70vh,520px);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:pop-in .12s var(--ease);padding:6px;position:fixed;overflow:auto}.menu-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.02em;padding:8px 10px 4px;font-size:12px;font-weight:700}.menu-item{border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--text);background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-2);box-shadow:none}.menu-item[aria-checked=true]{color:var(--blue);font-weight:600}.menu-item.danger{color:var(--red)}.menu-item .check-slot{flex:none;width:16px}.menu-note{max-width:280px;color:var(--text-3);padding:8px 10px;font-size:12px}.menu-sep{background:var(--border);height:1px;margin:6px 4px}.toasts{z-index:200;pointer-events:none;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.toast{border-radius:var(--radius);color:#f2f4f7;box-shadow:var(--shadow-lg);border-left:4px solid var(--blue);pointer-events:auto;animation:toast-in .2s var(--ease);background:#23262b;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.toast-success{border-left-color:var(--green)}.toast-warning{border-left-color:var(--amber)}.toast-error{border-left-color:var(--red)}.toast-text{word-break:break-word;flex:1}.toast .btn{height:28px;padding:0 10px;font-size:13px}.toast .icon-btn{color:#aab1bc;width:24px;height:24px}.toast .icon-btn:hover{color:#fff;background:#ffffff14}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}}.avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.badge{background:var(--surface-3);height:18px;color:var(--text-2);border-radius:999px;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.badge-blue{background:var(--blue-soft);color:var(--blue)}.level-bar{align-items:stretch;gap:3px;height:10px;display:flex}.level-bar span{background:var(--surface-3);border-radius:2px;flex:1;transition:background 80ms}.level-bar span.on{background:var(--green)}.spinner{border:3px solid var(--surface-3);border-top-color:var(--blue);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.callout{border-radius:var(--radius-sm);background:var(--blue-soft);color:var(--text);gap:10px;padding:10px 12px;font-size:13px;display:flex}.callout-warning{background:#f5a52424}.callout-error{background:#e028281f}.callout svg{flex:none;margin-top:1px}.kbd{border:1px solid var(--border);color:var(--text-3);border-radius:4px;padding:0 5px;font-size:11px;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.rec-ready-card{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:90;border-radius:var(--radius-lg);background:var(--surface);width:min(420px,100vw - 24px);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:14px 16px;position:fixed;transform:translate(-50%)}.rec-ready-card header{align-items:center;gap:10px;display:flex}.rec-ready-card header svg{color:var(--blue);flex:none}.rec-ready-card h2{flex:1;margin:0;font-size:16px}.rec-ready-card p{margin:8px 0 0;font-size:14px}.rec-ready-name{word-break:break-word;color:var(--text-2)}.rec-ready-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}