:root{color:#edf2f4;background:#121417;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh;background:radial-gradient(circle at 9% 92%,rgba(35,133,104,.18),transparent 36%),radial-gradient(circle at 78% 6%,rgba(75,112,130,.16),transparent 38%),linear-gradient(135deg,#071114,#10171b 46%,#111417),#121417;padding:18px}.preflight-shell,.waiting-shell{align-items:center;display:flex;flex-direction:column}.preflight-shell{justify-content:flex-start;overflow-x:hidden;padding:clamp(18px,3vw,38px)}.waiting-shell{justify-content:center;min-height:100dvh;padding-bottom:max(18px,env(safe-area-inset-bottom))}.host-login-shell{display:flex;flex-direction:column;gap:28px;justify-content:center;overflow-x:hidden;padding:clamp(22px,4vw,54px)}.topbar{align-items:center;background:#121417f0;border:1px solid rgba(255,255,255,.06);border-radius:8px;display:flex;justify-content:space-between;margin:0 auto 14px;max-width:1480px;padding:12px 14px;position:sticky;top:0;width:100%;z-index:20}.preflight-topbar{background:transparent;border:0;border-radius:0;margin-bottom:20px;max-width:1480px;padding:0;position:relative}.login-topbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1180px;width:100%}.eyebrow{color:#63d3a6;font-size:13px;font-weight:700;margin:0 0 4px;text-transform:uppercase}.product-mark{align-items:center;display:flex;flex-wrap:wrap;gap:9px}.brand-orb{align-items:center;background:#63d3a61f;border-radius:999px;color:#071114;display:inline-flex;height:28px;justify-content:center;overflow:hidden;width:28px}.live-brand-icon{display:block;height:100%;object-fit:cover;width:100%}.product-mark strong{color:#63d3a6;font-weight:900}.version-pill{background:#63d3a61f;border:1px solid rgba(99,211,166,.28);border-radius:999px;color:#c8f4df;font-size:11px;font-weight:800;line-height:1;padding:4px 7px;text-transform:none}h1{font-size:clamp(34px,4vw,46px);letter-spacing:0;line-height:1.05;margin:0}.preflight-topbar h1{margin-top:28px}.room-subtitle{color:#c4ced2;font-size:14px;margin:7px 0 0}.session-clock{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.session-clock>span{color:#f3b23b;font-size:28px;font-variant-numeric:tabular-nums;font-weight:800}.header-rec{align-items:center;color:#ff5b5b;display:inline-flex;font-size:11px;font-weight:950;gap:5px;line-height:1}.header-rec span{animation:recPulse 1.1s ease-in-out infinite;background:#ff2f2f;border-radius:999px;box-shadow:0 0 0 4px #ff2f2f24;height:8px;width:8px}.session-clock small,.participant-list small,.device-state{color:#aeb8bd}.workspace{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 340px;margin:0 auto;max-width:1480px;width:100%}.room-shell{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden;padding:8px}.room-shell .topbar{flex:0 0 auto;margin-bottom:8px;max-width:none;position:relative;transition:margin .18s ease,min-height .18s ease,padding .18s ease}.room-title-group{min-width:0}.room-shell .room-title-group,.room-shell .product-mark,.room-shell .brand-orb,.room-shell .version-pill,.room-shell h1,.room-shell .session-clock,.room-shell .session-clock>span,.room-shell .session-clock small,.room-shell .control-bar,.room-shell .control-bar .icon-button{transition:font-size .18s ease,gap .18s ease,height .18s ease,margin .18s ease,padding .18s ease,width .18s ease}.room-shell.meeting-active .topbar{margin-bottom:6px;min-height:42px;padding:6px 10px}.room-shell.meeting-active .room-title-group{align-items:center;display:flex;gap:12px;min-width:0}.room-shell.meeting-active .product-mark{flex:0 0 auto;flex-wrap:nowrap;gap:6px}.room-shell.meeting-active .brand-orb{height:22px;width:22px}.room-shell.meeting-active .product-mark strong{font-size:12px}.room-shell.meeting-active .version-pill{font-size:9px;padding:3px 6px}.room-shell.meeting-active h1{font-size:clamp(20px,1.55vw,26px);line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-shell.meeting-active .session-clock{flex:0 0 auto}.room-shell.meeting-active .session-clock>span{font-size:22px;line-height:1}.room-shell.meeting-active .session-clock small{font-size:11px;line-height:1}.room-shell .workspace{flex:1 1 auto;grid-template-columns:minmax(0,1fr) 52px minmax(300px,340px);margin:0;max-width:none;min-height:0;transition:grid-template-columns .18s ease}.room-shell.side-panel-collapsed .workspace{grid-template-columns:minmax(0,1fr) 52px 0}.room-shell.focus-mode .workspace{gap:10px}.overtime-panel{align-items:center;background:#33271b;border:1px solid rgba(243,178,59,.4);border-radius:8px;color:#fff3d8;display:flex;gap:12px;justify-content:space-between;margin:0 auto 14px;max-width:1480px;padding:12px;position:sticky;top:82px;z-index:19}.overtime-panel>div{align-items:center;display:flex;gap:10px;min-width:0}.overtime-panel strong,.overtime-panel span{display:block}.overtime-panel span{color:#f7d99c;font-size:13px;margin-top:2px}.overtime-panel button{background:#2b8a65;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:800;min-height:38px;padding:0 12px;white-space:nowrap}.overtime-panel button.danger{background:#b63d3d}.preflight-card,.waiting-card{background:#1a1f23;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:grid;gap:18px;margin:0 auto;max-width:1120px;padding:18px;width:100%}.host-login-card{align-items:stretch;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(340px,470px);margin:0 auto;max-width:1180px;width:100%}.host-login-hero,.host-login-form{background:linear-gradient(180deg,#1a2328bd,#0f1518eb);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 24px 70px #0000003d}.host-login-hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:520px;overflow:hidden;padding:clamp(28px,5vw,56px);position:relative}.host-login-hero:before{background:linear-gradient(135deg,rgba(99,211,166,.2),transparent 44%),radial-gradient(circle at 70% 30%,rgba(84,168,143,.3),transparent 32%),linear-gradient(160deg,#0b181af5,#060b0db8);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.host-login-hero>*{position:relative;z-index:1}.host-login-hero h1{max-width:580px}.host-login-hero p:not(.eyebrow){color:#c4ced2;font-size:16px;line-height:1.5;margin:14px 0 0;max-width:580px}.login-glow{align-items:center;background:#63d3a614;border:1px solid rgba(99,211,166,.28);border-radius:999px;color:#63d3a6;display:inline-flex;height:78px;justify-content:center;margin-bottom:auto;overflow:hidden;width:78px}.host-login-form{align-content:start;display:grid;gap:14px;padding:28px}.host-login-form label{color:#c4ced2;font-size:14px}.host-login-form input{background:#101315ad;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#edf2f4;font-size:17px;min-height:56px;padding:0 16px}.host-login-form input:focus{border-color:#63d3a685;outline:2px solid rgba(99,211,166,.16)}.preflight-card{align-items:start;background:transparent;border:0;grid-template-areas:"preview panel" "invite panel";grid-template-columns:minmax(520px,1fr) minmax(360px,505px);max-width:1480px;padding:0}.waiting-card{align-items:start;grid-template-columns:minmax(260px,460px) minmax(320px,1fr)}.closed-room-card{align-items:center;background:#1a1f23;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:grid;gap:18px;grid-template-columns:auto minmax(0,1fr);margin:0 auto;max-width:720px;padding:28px;width:100%}.closed-status-icon{align-items:center;background:#ff9b8a1a;border:1px solid rgba(255,155,138,.24);border-radius:999px;color:#ff9b8a;display:inline-flex;height:76px;justify-content:center;overflow:hidden;width:76px}.closed-status-icon.neutral{background:#63d3a61a;border-color:#63d3a63d;color:#63d3a6}.closed-room-copy{min-width:0}.closed-action{margin-top:18px}.closed-recording-card{background:#63d3a612;border:1px solid rgba(99,211,166,.22);border-radius:8px;display:flex;flex-direction:column;gap:6px;margin-top:16px;padding:12px}.closed-recording-card strong{color:#edf2f4}.closed-recording-card span,.closed-recording-card small{color:#b8c3c8;font-size:13px}.preflight-preview,.waiting-preview{aspect-ratio:16 / 9;background:#101315;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;position:relative}.preflight-preview{border-color:#ffffff24;border-radius:12px;box-shadow:0 24px 70px #00000047;grid-area:preview;min-height:380px}.waiting-preview{min-height:0;min-width:0;width:100%}.waiting-panel{min-width:0}.waiting-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.waiting-actions button{align-items:center;background:#252c31;border:1px solid #414b52;border-radius:8px;color:#edf2f4;cursor:pointer;display:inline-flex;flex:1 1 130px;gap:8px;justify-content:center;min-height:44px;padding:10px 12px}.waiting-actions button:hover{background:#303940}.waiting-actions button:focus-visible{outline:2px solid #63d3a6;outline-offset:2px}.waiting-panel h1{font-size:clamp(24px,3vw,34px);overflow-wrap:anywhere}.preflight-preview video,.waiting-preview video{height:100%;object-fit:cover;width:100%}.camera-video{transform:scaleX(-1)}.preflight-invite-card{align-items:center;background:linear-gradient(180deg,#181f23b8,#0c1215db);border:1px solid rgba(255,255,255,.12);border-radius:12px;display:grid;gap:22px;grid-area:invite;grid-template-columns:auto minmax(0,1fr);padding:22px 24px}.invite-icon,.preflight-room-icon{align-items:center;background:#63d3a61f;border-radius:12px;color:#63d3a6;display:inline-flex;flex:0 0 auto;justify-content:center}.invite-icon{height:64px;width:64px}.preflight-invite-card strong{color:#edf2f4;display:block;font-size:20px;margin-bottom:4px}.preflight-invite-card p,.preflight-invite-card small{color:#b8c3c8;display:block;margin:0}.preflight-invite-card small{color:#f3b23b;margin-top:8px}.invite-copy-row{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;margin-top:16px}.invite-copy-row code{align-items:center;background:#101315b8;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#63d3a6;display:flex;min-height:52px;overflow:hidden;padding:0 16px;text-overflow:ellipsis;white-space:nowrap}.invite-copy-row button{align-items:center;background:transparent;border:1px solid rgba(99,211,166,.7);border-radius:8px;color:#63d3a6;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:52px;padding:0 20px}.preflight-room-head{align-items:center;display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr)}.preflight-room-icon{height:56px;width:56px}.preflight-room-head h2{color:#edf2f4;font-size:26px;line-height:1.1;margin:0 0 8px}.room-title-input{background:transparent;border:0;border-radius:0;color:#edf2f4;font-size:26px;font-weight:900;line-height:1.1;margin:0 0 8px;padding:0}.room-title-input:focus{outline:2px solid rgba(99,211,166,.32);outline-offset:4px}.preflight-panel{background:linear-gradient(180deg,#1a2328bd,#0f1518eb);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 24px 70px #0000003d;grid-area:panel;align-self:stretch;align-content:start;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:24px}.preflight-panel>.role-pill,.preflight-panel>.preflight-room-head,.preflight-panel>.field-stack,.preflight-panel>label,.preflight-panel>input,.preflight-panel>.locked-name,.preflight-panel>.device-settings,.preflight-panel>.device-actions,.preflight-panel>.meter-row,.preflight-panel>.preflight-health-card,.preflight-panel>.device-state,.preflight-panel>.permission-help,.preflight-panel>.enter-button,.preflight-panel>.privacy-note,.preflight-panel>.waiting-note{grid-column:1 / -1}.preflight-panel>.device-settings{grid-template-columns:1fr}.preflight-panel>.device-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.preflight-panel>label{color:#c4ced2;font-size:14px;margin-top:2px}.preflight-panel>input:not(.room-title-input){background:#101315ad;border-color:#ffffff1f;border-radius:10px;font-size:17px;min-height:56px;padding:0 16px}.preflight-panel>input:focus,.preflight-panel select:focus{border-color:#63d3a685;outline:2px solid rgba(99,211,166,.16)}.field-stack{display:flex;flex-direction:column;gap:7px}.role-pill,.locked-name{align-items:center;display:inline-flex;gap:7px}.role-pill{background:#63d3a61a;border:1px solid rgba(99,211,166,.28);border-radius:999px;color:#63d3a6;font-size:13px;font-weight:800;margin-bottom:0;padding:6px 11px;width:fit-content}.locked-name,.waiting-note,.waiting-copy{color:#aeb8bd;font-size:13px;line-height:1.4;margin:0}.share-card{background:#63d3a60f;border:1px solid rgba(99,211,166,.22);border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:12px}.share-card span{align-items:center;color:#63d3a6;display:inline-flex;font-size:13px;font-weight:800;gap:7px}.share-card code{color:#edf2f4;display:block;font-size:12px;margin-top:6px}.share-card small{color:#aeb8bd;display:block;font-size:12px;line-height:1.35;margin-top:6px}.share-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr}.share-actions.single{grid-template-columns:1fr}.share-actions button{align-items:center;background:#273036;border:0;border-radius:8px;color:#edf2f4;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:38px;padding:0 10px}.share-actions button:first-child{background:#2b8a65}.share-actions button:disabled{cursor:not-allowed;opacity:.58}.share-feedback{color:#f3b23b!important;margin-top:0!important}.room-share-card{margin-bottom:12px}.room-share-card .share-actions{grid-template-columns:1fr}.room-share-card .share-actions button:first-child{background:#273036}.primary-button.enter-button{background:linear-gradient(180deg,#1e5d49b8,#051415e6),linear-gradient(90deg,#2bc28b33,#63d3a661);border:1px solid rgba(99,211,166,.62);border-radius:999px;box-shadow:0 0 0 1px #63d3a614 inset,0 -3px 18px #2bc28b52 inset,0 18px 42px #0c7e5a47;display:grid;font-size:19px;font-weight:900;gap:14px;grid-template-columns:auto minmax(0,1fr) auto;letter-spacing:0;margin-top:18px;min-height:56px;overflow:hidden;padding:7px 22px 7px 10px;position:relative;text-transform:uppercase;width:100%}.primary-button.enter-button:after{background:linear-gradient(90deg,transparent,rgba(99,211,166,.2),transparent);content:"";height:1px;inset:auto 8% 0;position:absolute}.primary-button.enter-button:hover:not(:disabled){border-color:#63d3a6e6;box-shadow:0 0 0 1px #63d3a629 inset,0 -4px 20px #2bc28b61 inset,0 20px 48px #0c7e5a57;transform:translateY(-1px)}.primary-button.enter-button:active:not(:disabled){transform:translateY(0)}.primary-button.enter-button:disabled{filter:grayscale(.35)}.primary-button.enter-button .enter-button-brand{align-items:center;background:#06141657;border:1px solid rgba(99,211,166,.2);border-radius:999px;box-shadow:0 0 0 5px #63d3a60d;display:inline-flex;height:42px;justify-content:center;overflow:hidden;width:42px}.primary-button.enter-button .enter-button-text{color:#f2f5f4;line-height:1;min-width:0;overflow-wrap:anywhere;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.45),0 8px 18px rgba(0,0,0,.34)}.primary-button.enter-button .enter-button-arrow{color:#48d29b;filter:drop-shadow(0 0 14px rgba(72,210,155,.38));min-width:26px}.privacy-note{align-items:center;color:#aeb8bd;display:inline-flex;gap:8px;justify-content:center;margin:2px 0 0}.preflight-health-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:grid;gap:12px;margin-top:4px;padding:16px}.health-row{align-items:center;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr)}.health-row p{color:#c9d2d6;font-size:14px;margin:0}.health-row .meter-row{grid-column:2;grid-template-columns:minmax(0,1fr) 38px}.health-row button{align-items:center;background:#273036d1;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#edf2f4;cursor:pointer;display:inline-flex;font-size:12px;font-weight:800;gap:6px;justify-content:center;min-height:32px;padding:0 10px}.health-dot{background:#7d878c;border-radius:999px;height:12px;width:12px}.health-dot.ready,.health-dot.connected{background:#4fcd8b;box-shadow:0 0 0 5px #4fcd8b14}.health-dot.testing,.health-dot.connecting,.health-dot.idle{background:#f3b23b;box-shadow:0 0 0 5px #f3b23b14}.health-dot.blocked,.health-dot.denied,.health-dot.busy,.health-dot.missing,.health-dot.constraints,.health-dot.publishFailed,.health-dot.unavailable,.health-dot.failed,.health-dot.unsupported{background:#ff6f73;box-shadow:0 0 0 5px #ff6f7314}.preflight-panel .device-select{align-items:center;background:#10131585;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:grid;gap:0;grid-template-columns:64px minmax(0,1fr);min-height:70px;overflow:hidden;position:relative}.preflight-panel .device-select>span{align-items:center;align-self:stretch;border-right:1px solid rgba(255,255,255,.08);color:#63d3a6;display:inline-flex;font-size:0;justify-content:center}.preflight-panel .device-select>span svg{height:26px;width:26px}.preflight-panel .device-select select{background:#0b1013;border:0;color:#edf2f4;color-scheme:dark;font-size:14px;min-height:68px;padding:20px 40px 6px 14px}.preflight-panel .device-select:after{color:#aeb8bd;content:attr(data-label);font-size:13px;left:78px;pointer-events:none;position:absolute;top:13px}.stage{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}.stage.expanded{background:linear-gradient(180deg,#1a2328f5,#121417),#121417;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;padding:12px;position:fixed;z-index:35}.stage.expanded .screen-layer{aspect-ratio:auto;flex:1 1 auto;min-height:0}.stage.expanded .control-bar{display:none}.screen-layer{aspect-ratio:16 / 9;background:#1c2327;border:1px solid rgba(255,255,255,.08);border-radius:8px;min-height:clamp(300px,38vw,430px);overflow:hidden;position:relative}.room-shell .screen-layer{aspect-ratio:auto;flex:1 1 auto;min-height:0}.screen-layer .self-view-card{display:none!important}.floating-self-view{position:absolute;right:12px;top:12px;width:clamp(132px,14vw,190px);z-index:12}.floating-self-view .participant-tile{box-shadow:0 14px 32px #00000057}.floating-self-view .tile-preview{min-height:78px}.floating-self-view .tile-actions,.participant-dock{display:none}.room-shell.focus-mode .participant-dock{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(130px,170px));justify-content:center;margin-top:8px;min-height:0}.room-shell.focus-mode .participant-dock .participant-tile{min-width:0}.room-shell.focus-mode .participant-dock .tile-preview{min-height:74px}.room-shell.focus-mode .participant-dock .tile-footer{padding:7px}.preview-empty{align-items:center;background:#101315;color:#aeb8bd;display:flex;flex-direction:column;font-size:13px;gap:8px;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;text-align:center}.screen-placeholder{align-items:center;color:#d9e5e8;display:flex;flex-direction:column;gap:12px;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;text-align:center}.screen-share-layer{align-items:center;background:#0f1315;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.screen-share-video{height:100%;object-fit:contain;width:100%}.screen-share-label{background:#0c0f11c7;border-radius:999px;bottom:18px;color:#edf2f4;font-size:12px;font-weight:800;left:18px;padding:5px 8px;position:absolute;z-index:1}.annotation-canvas{cursor:crosshair;height:100%;top:0;right:0;bottom:0;left:0;position:absolute;touch-action:none;width:100%;z-index:2}.annotation-canvas.eraser{cursor:cell}.annotation-canvas.arrow,.annotation-canvas.rectangle{cursor:crosshair}.annotation-canvas.read-only{cursor:default;pointer-events:none}.annotation-toolbar{position:absolute;z-index:5;top:76px;left:16px;display:flex;flex-direction:column;gap:10px;width:94px;padding:11px 9px;border:1px solid #d4d6d5;border-radius:8px;background:#eeefec;color:#343b3e;box-shadow:0 4px 16px #0000002e}.annotation-palette-heading{display:flex;flex-direction:column;gap:3px;text-align:center}.annotation-palette-heading strong{font-size:12px;font-weight:650;letter-spacing:.2px}.annotation-palette-heading span{color:#697275;font-size:10px}.annotation-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.annotation-tool{display:flex;align-items:center;justify-content:center;width:34px;height:35px;border:1px solid transparent;border-radius:5px;background:transparent;color:#4e575b;cursor:pointer}.annotation-tool:hover{background:#dde1de}.annotation-tool.selected{background:#f5dfab;border-color:#bda471;color:#594421}.annotation-toolbar button:focus-visible{outline:2px solid #2d738a;outline-offset:2px}.annotation-toolbar .color-swatches{display:grid;grid-template-columns:repeat(3,18px);justify-content:center;gap:7px;padding:12px 0 3px;border-top:1px solid #d4d8d4}.annotation-toolbar .color-swatch{width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff40}.annotation-toolbar .color-swatch.selected{outline:2px solid #58666b;outline-offset:2px}.annotation-palette-actions{display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid #d4d8d4}.annotation-palette-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:4px 2px;border:0;border-radius:4px;background:transparent;color:#505b5e;font-size:11px;cursor:pointer}.annotation-palette-actions button:hover{background:#dde1de}.annotation-palette-actions .clear-board{color:#985247}.annotation-palette-actions .clear-board:hover{background:#eedcd7}.live-pill{align-items:center;background:#0f1c18e0;border:1px solid rgba(99,211,166,.4);border-radius:999px;color:#63d3a6;display:flex;gap:7px;left:18px;padding:8px 12px;position:absolute;top:18px;z-index:4}.stage-expand-button{align-items:center;background:#0f1417e6;border:1px solid rgba(255,255,255,.12);border-radius:8px;bottom:16px;color:#edf2f4;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;min-height:38px;padding:0 12px;position:absolute;right:16px;z-index:6}.stage-expand-button:hover{border-color:#63d3a66b;color:#63d3a6}.chat-balloons{bottom:76px;display:flex;flex-direction:column;gap:10px;max-width:min(360px,calc(100% - 32px));pointer-events:none;position:absolute;right:16px;z-index:7}.chat-balloon{background:#fff7d7;border:2px solid #101315;border-radius:14px;box-shadow:4px 4px #0000004d;color:#172025;cursor:pointer;display:flex;flex-direction:column;gap:3px;line-height:1.28;min-width:190px;padding:10px 12px;pointer-events:auto;position:relative;text-align:left}.chat-balloon:after{background:inherit;border-bottom:2px solid #101315;border-right:2px solid #101315;bottom:-8px;content:"";height:14px;position:absolute;right:22px;transform:rotate(45deg);width:14px}.chat-balloon.local{background:#d9fbe9}.chat-balloon strong{font-size:12px;font-weight:900}.chat-balloon span{font-size:14px;overflow-wrap:anywhere}.chat-modal{max-width:560px}.chat-history{display:flex;flex-direction:column;gap:10px;max-height:min(46vh,360px);overflow:auto;padding-right:4px}.chat-message{align-self:flex-start;background:#253036;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#edf2f4;display:flex;flex-direction:column;gap:4px;max-width:86%;padding:10px 12px}.chat-message.local{align-self:flex-end;background:#63d3a629;border-color:#63d3a647}.chat-message strong{color:#63d3a6;font-size:12px}.chat-message span{overflow-wrap:anywhere}.chat-form{display:grid;gap:10px;grid-template-columns:1fr auto;margin-top:12px}.chat-form input{background:#101315;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#edf2f4;font:inherit;min-height:42px;min-width:0;padding:0 12px}.control-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.room-shell .control-bar{flex:0 0 auto}.room-shell.meeting-active .control-bar{gap:8px;margin-top:8px}.room-shell.meeting-active .control-bar .icon-button{font-size:14px;gap:7px;height:40px;min-height:40px;width:40px}.room-shell.meeting-active .control-bar .icon-button svg{height:18px;width:18px}.room-shell.meeting-active .control-bar .icon-button.wide{padding:0 12px;width:auto}.room-shell.meeting-active .control-bar .icon-button.compact-label{padding:0;width:40px}.room-shell.meeting-active .control-bar .icon-button.compact-label>span{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.control-button-wrap{display:inline-flex;position:relative}.icon-button.poll-attention{animation:pollNervous 1.15s ease-in-out infinite;background:#f3b23b2e;border:1px solid rgba(243,178,59,.62);box-shadow:0 0 0 5px #f3b23b14;color:#ffd98a}.poll-reminder-balloon{background:#fff7d7;border:2px solid #101315;border-radius:12px;bottom:calc(100% + 12px);box-shadow:4px 4px #0000004d;color:#172025;cursor:pointer;font-size:13px;font-weight:900;left:50%;line-height:1.25;min-width:220px;padding:9px 11px;position:absolute;text-align:center;transform:translate(-50%);z-index:16}.poll-reminder-balloon:after{background:inherit;border-bottom:2px solid #101315;border-right:2px solid #101315;bottom:-8px;content:"";height:14px;left:calc(50% - 7px);position:absolute;transform:rotate(45deg);width:14px}@keyframes pollNervous{0%,to{transform:translate(0) rotate(0)}12%{transform:translate(-2px) rotate(-1.4deg)}24%{transform:translate(2px) rotate(1.4deg)}36%{transform:translate(-1px) rotate(-.9deg)}48%{transform:translate(1px) rotate(.9deg)}62%{transform:translate(0) rotate(0)}}@media(prefers-reduced-motion:reduce){.icon-button.poll-attention{animation:none}}.icon-button,.primary-button,.compact-actions button,.device-actions button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center}.icon-button{background:#273036;color:#edf2f4;height:48px;width:48px}.icon-button.wide{padding:0 16px;width:auto}.icon-button.danger{background:#b63d3d}.icon-button.active{background:#63d3a62e;border:1px solid rgba(99,211,166,.36);color:#63d3a6}.icon-button.active.poll-attention{background:#f3b23b2e;border-color:#f3b23b9e;color:#ffd98a}.icon-button.recording-active{background:#b53a3a33;border:1px solid rgba(255,84,84,.52);color:#ffefef}.rec-indicator{align-items:center;color:#ff5b5b;display:inline-flex;font-size:11px;font-weight:950;gap:5px;letter-spacing:0;line-height:1}.rec-indicator span{animation:recPulse 1.1s ease-in-out infinite;background:#ff2f2f;border-radius:999px;box-shadow:0 0 0 4px #ff2f2f29;height:9px;width:9px}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.side-panel{background:#1a1f23;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;flex-direction:column;gap:14px;min-width:0;opacity:1;padding:18px;transition:border-color .18s ease,opacity .16s ease,padding .18s ease}.room-shell .side-panel{max-height:100%;overflow:auto}.room-shell.side-panel-collapsed .side-panel{border-color:transparent;opacity:0;overflow:hidden;padding-left:0;padding-right:0;pointer-events:none}.side-rail{align-items:center;align-self:stretch;background:#1a1f23d6;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;flex-direction:column;gap:8px;min-height:0;padding:8px 6px}.rail-button{align-items:center;background:#273036d6;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#edf2f4;cursor:pointer;display:inline-flex;height:40px;justify-content:center;position:relative;width:40px}.rail-button:hover,.rail-button.active{background:#63d3a629;border-color:#63d3a666;color:#63d3a6}.rail-badge{align-items:center;background:#ff5b5b;border:2px solid #1a1f23;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:900;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-5px}.modal-tabs button:hover,.modal-close:hover{border-color:#63d3a66b}.panel-section{display:flex;flex-direction:column;gap:10px}.participants-section{min-height:0}.panel-section label,.section-title{color:#edf2f4;font-size:14px;font-weight:800}.section-title{align-items:center;display:flex;gap:8px}.join-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}input{background:#101315;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#edf2f4;min-width:0;padding:12px}textarea{background:#101315;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#edf2f4;font:inherit;min-width:0;padding:10px;resize:vertical}select{background:#101315;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#edf2f4;color-scheme:dark;min-width:0;padding:10px;width:100%}select option{background:#101315;color:#edf2f4}select option:checked{background:#2b8a65;color:#fff}select option:disabled{background:#101315;color:#7d878c}.primary-button{background:#2b8a65;color:#fff;min-height:44px;padding:0 14px}.device-state{font-size:13px;margin:0}.device-state.ready,.device-state.connected{color:#63d3a6}.device-state.blocked,.device-state.denied,.device-state.busy,.device-state.missing,.device-state.constraints,.device-state.publishFailed,.device-state.unavailable,.device-state.failed{color:#ff9b8a}.device-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px}.panel-preview{aspect-ratio:16 / 9;background:#101315;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-height:150px;overflow:hidden;position:relative}.panel-preview.ready{border-color:#63d3a66b}.panel-preview video{height:100%;object-fit:cover;width:100%}.device-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr}.device-actions button{background:#273036;color:#edf2f4;min-height:40px;padding:0 10px}.device-settings{display:grid;gap:10px;grid-template-columns:1fr}.device-settings.compact{gap:8px}.modal-backdrop{align-items:center;background:#05080abd;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:40}.settings-modal{background:#1a1f23;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 24px 80px #0000006b;display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden;width:min(780px,100%)}.confirm-modal,.transfer-modal{background:#1a1f23;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 24px 80px #0000006b;color:#edf2f4;width:min(520px,100%)}.transfer-modal{display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden;width:min(620px,100%)}.confirm-modal{padding:24px;text-align:center}.confirm-icon{align-items:center;border-radius:999px;display:inline-flex;height:58px;justify-content:center;margin-bottom:14px;width:58px}.confirm-icon.danger{background:#ff6f6f24;color:#ff8d86}.confirm-modal h2{color:#edf2f4;font-size:26px;margin:0 0 8px}.confirm-modal p,.transfer-copy{color:#c8d3d8;line-height:1.45;margin:0}.confirm-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:22px}.confirm-actions button,.transfer-list button{align-items:center;background:#273036;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#edf2f4;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:42px;padding:0 14px}.confirm-actions button.danger{background:#b53a3a;border-color:#ff8d8673;color:#fff}.poll-modal{max-width:680px}.modal-header{align-items:center;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;padding:16px 18px}.modal-header h2{color:#edf2f4;font-size:24px;margin:2px 0 0}.modal-close{align-items:center;background:#273036;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#edf2f4;cursor:pointer;display:inline-flex;height:40px;justify-content:center;width:40px}.modal-tabs{border-bottom:1px solid rgba(255,255,255,.08);display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));padding:12px 18px}.modal-tabs button{align-items:center;background:#22292e;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#c8d3d8;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:40px}.modal-tabs button.active{background:#63d3a624;border-color:#63d3a66b;color:#63d3a6}.modal-body{display:flex;flex-direction:column;gap:14px;overflow:auto;padding:18px}.modal-body .panel-section{border-top:0;padding-top:0}.modal-device-status,.device-select{display:grid;gap:6px}.device-select span{align-items:center;color:#c8d3d8;display:inline-flex;font-size:12px;font-weight:800;gap:6px}.host-controls{border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.moderation-actions,.poll-actions{display:grid;gap:8px;grid-template-columns:1fr}.moderation-actions button,.poll-actions button,.poll-visibility{background:#273036;color:#edf2f4;min-height:38px;padding:0 10px}.moderation-actions button:disabled,.transfer-list button:disabled{cursor:not-allowed;opacity:.55}.poll-actions .primary-mini,.poll-visibility{background:#2b8a65}.transfer-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.transfer-list li{align-items:center;background:#22292e;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr auto;padding:10px}.transfer-list li>div{align-items:center;display:flex;gap:10px;min-width:0}.transfer-preview{align-items:center;background:#11171a;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:inline-flex;flex:0 0 82px;height:54px;justify-content:center;overflow:hidden;width:82px}.transfer-preview video{height:100%;object-fit:cover;width:100%}.transfer-preview.camera-off{color:#aab8bf}.transfer-preview .avatar{height:34px;width:34px}.transfer-list strong,.transfer-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-list small{color:#aab8bf}.empty-transfer-list{background:#ffffff0a;border:1px dashed rgba(255,255,255,.12);border-radius:8px;color:#c8d3d8;padding:16px;text-align:center}.moderation-list,.poll-answers{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.moderation-list li,.poll-answers li{background:#22292e;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;padding:9px}.moderation-list small{color:#aeb8bd;display:block;font-size:12px;margin-top:2px}.moderation-inline{display:flex;gap:5px}.moderation-inline button{background:#303941;color:#edf2f4;height:30px;padding:0;width:30px}.moderation-inline .danger{background:#8a3333}.poll-panel{border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.poll-builder,.active-poll,.poll-results,.poll-options{display:flex;flex-direction:column;gap:8px}.poll-options button{background:#273036;color:#edf2f4;justify-content:flex-start;min-height:38px;padding:0 12px}.poll-options button.selected{background:#2b8a6552;border:1px solid rgba(99,211,166,.46)}.poll-result{display:flex;flex-direction:column;gap:5px}.poll-result>div:first-child{align-items:center;color:#c8d3d8;display:flex;font-size:12px;justify-content:space-between}.poll-bar{background:#101315;border-radius:999px;height:8px;overflow:hidden}.poll-bar span{background:#3bb4f2;display:block;height:100%}.poll-answers li{align-items:center;color:#c8d3d8;font-size:12px}.poll-answers strong{color:#edf2f4;text-align:right}.meter-row{align-items:center;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) 42px}.meter-row span,.meter-row strong{color:#aeb8bd;font-size:12px}.meter-track{background:#101315;border-radius:999px;height:9px;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#2b8a65,#f3b23b);border-radius:inherit;height:100%;transition:width .12s ease}.permission-help{background:#ff9b8a1a;border:1px solid rgba(255,155,138,.26);border-radius:8px;color:#ffb5a8;font-size:13px;line-height:1.35;margin:0;padding:10px}.participant-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.participant-list li{align-items:center;background:#22292e;border-radius:8px;display:flex;gap:10px;padding:10px}.waiting-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.waiting-list li{align-items:center;background:#22292e;border:1px solid rgba(243,178,59,.22);border-radius:8px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;padding:10px}.waiting-list strong,.participant-tile strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-actions{display:flex;gap:6px}.approval-actions button{align-items:center;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.approval-actions .approve{background:#2b8a65}.approval-actions .reject{background:#8a3333}.video-tile-grid{display:flex;flex-direction:column;gap:10px;min-height:0}.participant-strip{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.participant-tile{background:#22292e;border:1px solid rgba(255,255,255,.08);border-radius:8px;min-width:0;overflow:hidden}.participant-tile.camera-on{border-color:#ffffff1f}.tile-preview{align-items:center;aspect-ratio:16 / 9;background:#101315;display:flex;justify-content:center;overflow:hidden;position:relative}.participant-tile.featured .tile-preview{aspect-ratio:16 / 9;min-height:150px;max-height:min(240px,32dvh)}.participant-tile.compact .tile-preview{aspect-ratio:4 / 3;min-height:104px;max-height:min(118px,22dvh)}.tile-preview video{height:100%;background:#101315;object-fit:contain;width:100%}.tile-preview audio{display:none}.remote-audio-mixer{height:0;overflow:hidden;position:fixed;width:0}.camera-signal{align-items:center;color:#63d3a6;display:flex;flex-direction:column;font-size:12px;font-weight:800;gap:6px;top:0;right:0;bottom:0;left:0;justify-content:center;line-height:1.2;padding:10px;position:absolute;text-align:center}.camera-signal span{display:block;max-width:100%;overflow-wrap:anywhere}.muted-signal{color:#aeb8bd}.tile-footer{align-items:center;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);padding:9px}.participant-tile.compact .tile-footer{gap:6px;padding:8px}.participant-tile.compact .tile-footer.has-actions{grid-template-columns:auto minmax(0,1fr)}.tile-footer.has-actions{grid-template-columns:auto minmax(0,1fr) auto}.tile-footer>div{min-width:0}.tile-footer small{color:#aeb8bd;display:block;font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-tile.compact .avatar{font-size:11px;height:30px;width:30px}.participant-tile.compact .tile-actions{grid-column:1 / -1;justify-content:flex-end}.participant-tile.compact .tile-actions button{height:28px;width:28px}.participant-pager{align-items:center;color:#aeb8bd;display:flex;font-size:12px;gap:8px;justify-content:center}.participant-pager button{align-items:center;background:#273036;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#edf2f4;cursor:pointer;display:inline-flex;height:30px;justify-content:center;width:34px}.tile-actions{display:flex;gap:5px}.tile-actions button{align-items:center;background:#303941;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#edf2f4;cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;width:30px}.tile-actions .danger{background:#8a3333}.avatar{align-items:center;background:#2b8a65;border-radius:50%;color:#fff;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:800;height:34px;justify-content:center;width:34px}.avatar.muted{background:#58636a}.compact-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr}.compact-actions button{background:#273036;color:#edf2f4;min-height:44px}.compact-actions button.active{background:#63d3a629;color:#63d3a6}.recording-files.compact-actions{grid-template-columns:1fr}.recording-files h3,.recording-files .recording-status{margin:0}.recording-status{color:#b8c3c8;font-size:12px;line-height:1.4;margin:-6px 0 0}.recording-status.recording{color:#63d3a6}.recording-status.paused,.recording-status.processing,.recording-status.starting{color:#f3b23b}.recording-status.failed{color:#ff9b8a}code{color:#f3b23b;overflow-wrap:anywhere}@media(max-width:1180px){.workspace{grid-template-columns:1fr}.side-panel{width:100%}.room-shell{height:auto;min-height:100dvh;overflow:visible}.room-shell .workspace{grid-template-columns:minmax(0,1fr) 52px}.room-shell .screen-layer{aspect-ratio:16 / 9;min-height:360px}.room-shell .side-panel{grid-column:1 / -1;max-height:none;overflow:visible}.room-shell.side-panel-collapsed .side-panel{display:none}.participant-tile.featured .tile-preview{min-height:170px;max-height:260px}.participant-tile.compact .tile-preview{min-height:118px;max-height:150px}}@media(max-width:920px){.app-shell{padding:12px}.topbar{align-items:flex-start;flex-direction:column;gap:10px}.room-shell.meeting-active .topbar{align-items:center;flex-direction:row;gap:10px}.room-shell.meeting-active .session-clock{align-items:flex-end}.session-clock{align-items:flex-start}.overtime-panel{align-items:stretch;flex-direction:column;top:126px}.preflight-card,.waiting-card,.host-login-card{grid-template-columns:1fr}.host-login-hero{min-height:340px}.preflight-card{grid-template-areas:"preview" "panel" "invite"}.preflight-panel{padding:20px}.preflight-preview{min-height:280px}.primary-button.enter-button{font-size:17px;gap:12px;min-height:52px;padding:6px 18px 6px 9px}.primary-button.enter-button .enter-button-brand{height:38px;width:38px}.closed-room-card{justify-items:start;grid-template-columns:1fr;padding:22px}.screen-layer{min-height:300px}.annotation-toolbar{top:68px;bottom:auto;left:10px;width:calc(100% - 20px);max-width:420px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;padding:8px}.annotation-palette-heading{flex:1 1 100%;flex-direction:row;justify-content:space-between;text-align:left}.annotation-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.annotation-tool{width:30px;height:32px}.annotation-toolbar .color-swatches{grid-template-columns:repeat(5,16px);border-top:0;padding:0 7px;border-left:1px solid #d4d8d4;gap:5px}.annotation-toolbar .color-swatch{width:16px;height:16px}.annotation-palette-actions{flex-direction:row;padding:0 0 0 5px;border-top:0;border-left:1px solid #d4d8d4}.annotation-palette-actions button{width:29px;min-height:32px}.annotation-palette-actions span{display:none}}@media(max-width:520px){.room-shell .workspace,.room-shell.side-panel-collapsed .workspace{grid-template-columns:1fr}.side-rail{flex-direction:row;justify-content:center;width:100%}.modal-backdrop{align-items:stretch;padding:10px}.settings-modal{max-height:calc(100vh - 20px)}.modal-tabs{grid-template-columns:1fr 1fr}.transfer-list li{align-items:stretch;grid-template-columns:1fr}.transfer-list button{width:100%}.control-bar{flex-wrap:wrap}.primary-button.enter-button{font-size:19px;gap:10px;min-height:66px;padding:8px 18px 8px 10px}.primary-button.enter-button .enter-button-brand{box-shadow:none;height:48px;width:48px}.primary-button.enter-button .enter-button-arrow{min-width:28px;width:28px}.chat-balloons{bottom:70px;left:10px;max-width:calc(100% - 20px);right:10px}.chat-balloon{min-width:0}.chat-form{grid-template-columns:1fr}.icon-button{flex:1 1 56px}.icon-button.wide{flex-basis:100%}.room-shell.meeting-active .control-bar .icon-button{flex:0 1 40px}.room-shell.meeting-active .control-bar .icon-button.wide{flex:0 1 auto}.join-row,.compact-actions,.device-actions,.share-actions{grid-template-columns:1fr}.preflight-preview,.waiting-preview{min-height:220px}.preflight-invite-card,.preflight-room-head,.invite-copy-row{grid-template-columns:1fr}.preflight-panel .device-select{grid-template-columns:54px minmax(0,1fr)}.preflight-panel .device-select:after{left:68px}}.people-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:14px;padding:18px 18px 64px;overflow:auto;background:#1b2024}.people-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.people-toolbar>strong{font-size:15px;margin-right:auto}.people-count{color:#aeb8bd;font-weight:500;margin-left:5px}.people-mode{display:inline-flex;flex-wrap:wrap;padding:3px;border:1px solid #394147;border-radius:7px;background:#171c20;gap:3px}.people-mode button,.quiet-button,.sharing-notices button,.meeting-dialog-actions button{border:1px solid transparent;border-radius:5px;background:transparent;color:#cbd3d7;padding:7px 10px;cursor:pointer;font-size:12px}.people-mode button.selected{color:#fff;background:#343c42;border-color:#49535a}.quiet-button:hover,.people-mode button:hover{background:#30383e}.people-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:14px;flex:1 0 auto}.people-gallery.people-count-1{grid-template-columns:minmax(0,760px);justify-content:center}.people-gallery.people-count-2,.people-gallery.people-count-3,.people-gallery.people-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-tile.gallery .tile-preview{aspect-ratio:16 / 9;min-height:0;max-height:none}.participant-tile.speaking{border-color:#67e5a4;box-shadow:inset 0 0 0 1px #67e5a4,0 0 12px #67e5a440}.participant-tile{transition:border-color .16s ease,box-shadow .16s ease}.people-focus{display:flex;flex-direction:column;flex:1 0 auto;gap:14px;min-height:0}.people-focus>.participant-tile{width:min(100%,1000px);margin:auto}.people-focus-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.people-empty-hint{margin:0;color:#aeb8bd;text-align:center;font-size:13px}.tile-meeting-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.pin-person{width:28px;height:28px;border:1px solid #444d54;border-radius:5px;background:#252c32;color:#c4cdd2;cursor:pointer}.pin-person.active{color:#67e5a4;border-color:#67e5a4}.people-panel-heading{flex-wrap:wrap;gap:8px}.people-panel-heading .quiet-button{margin-left:auto}.sharing-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sharing-video-grid>.participant-tile:first-child:last-child{grid-column:1 / -1}.sharing-video-grid .tile-footer{gap:5px;flex-wrap:wrap;padding:8px}.sharing-video-grid .tile-footer>.avatar{display:none}.sharing-video-grid .tile-footer>div:not(.tile-meeting-actions){flex:1;min-width:0}.sharing-video-grid .tile-meeting-actions{flex:1 1 100%;justify-content:flex-end}.people-name-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.people-name-list li{display:flex;align-items:center;gap:9px;font-size:13px;min-width:0}.people-name-list li>span:nth-child(2){overflow-wrap:anywhere}.people-name-list li small{margin-left:auto;color:#67e5a4}.people-name-list .avatar{flex:0 0 28px;width:28px;height:28px;font-size:10px}.sharing-setting{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#cbd3d7;margin-top:16px;line-height:1.5;cursor:pointer}.sharing-setting input{accent-color:#63d3a6;margin-top:3px}.sharing-notices:empty{display:none}.sharing-notices{display:flex;flex-direction:column;gap:6px}.sharing-notices>p,.sharing-request{margin:0;border:1px solid #414c54;border-radius:7px;background:#252d33;padding:9px 12px;font-size:13px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sharing-request>span{margin-right:auto}.sharing-notices button,.meeting-dialog-actions button{background:#34483f;border-color:#577667;color:#e2f3eb}.sharing-notices button.quiet-button,.meeting-dialog-actions button.quiet-button{background:#30383e;border-color:#48535a;color:#cbd3d7}.sharing-notices .sharing-feedback{border-color:#aa7e40;color:#f2d5ab}.meeting-help-modal{width:min(580px,100%);padding:20px}.meeting-help-modal p{line-height:1.6;font-size:14px;color:#cbd3d7}.meeting-help-modal .modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.meeting-help-modal h2{margin:0;font-size:18px}.meeting-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.room-help-button{flex-shrink:0}.annotation-surface.hidden{visibility:hidden;pointer-events:none}.annotation-surface.hidden .annotation-toolbar{display:none}@media(min-width:761px)and (max-width:1180px){.room-shell .workspace{grid-template-columns:minmax(0,1fr) 46px minmax(240px,280px)}.room-shell .side-panel{grid-column:auto;max-height:80dvh;overflow:auto;padding:12px}.room-shell.side-panel-collapsed .workspace{grid-template-columns:minmax(0,1fr) 46px 0}.room-shell .screen-layer{aspect-ratio:auto;min-height:520px}.people-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.people-stage{position:relative;min-height:460px;padding:14px 10px 64px}.room-shell .screen-layer{aspect-ratio:auto;min-height:460px}.people-gallery,.people-gallery.people-count-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.people-gallery.people-count-1{grid-template-columns:1fr}.people-toolbar{gap:8px}.people-toolbar>strong{width:100%}.people-mode{width:100%}.people-mode button{flex:1}.participant-tile.gallery .tile-footer{padding:8px;gap:5px;flex-wrap:wrap}.participant-tile.gallery .tile-footer>.avatar{display:none}.participant-tile.gallery .tile-footer>div:not(.tile-meeting-actions){min-width:0;flex:1}.participant-tile.gallery .tile-meeting-actions{flex:1 1 100%;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.participant-tile{transition:none}}.people-gallery{flex:1 1 0;min-height:0;align-content:stretch;grid-auto-rows:minmax(0,1fr)}.people-gallery>.participant-tile{display:flex;flex-direction:column;min-height:0}.people-gallery .participant-tile.gallery .tile-preview{flex:1 1 auto;aspect-ratio:auto;min-height:0}.people-gallery .tile-footer.has-actions{display:flex;flex:0 0 auto}.people-gallery .tile-footer>div:not(.tile-meeting-actions){flex:1}.sharing-video-grid .participant-tile.compact .tile-footer.has-actions{display:flex}.annotation-surface>.screen-share-label{top:26px;left:150px;bottom:auto}@media(max-width:760px){.people-gallery{flex:1 0 auto;grid-auto-rows:auto}.people-gallery .participant-tile.gallery .tile-preview{flex:none;aspect-ratio:16 / 9}.room-shell.meeting-active .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.room-shell.meeting-active .room-title-group{flex-wrap:wrap;gap:6px}.room-shell.meeting-active .product-mark{flex:1 1 120px;min-width:0;flex-wrap:wrap}.room-shell.meeting-active .version-pill{flex-basis:auto}.room-shell.meeting-active h1{display:block;order:3;flex-basis:100%;font-size:16px;line-height:1.2;margin:4px 0 0}.room-shell.meeting-active .session-clock{min-width:74px;padding-top:4px}.room-shell.meeting-active .session-clock>span{font-size:18px}.room-help-button{width:30px;height:30px}}.speaking-badge{position:absolute;top:8px;left:8px;z-index:2;padding:4px 7px;border-radius:5px;background:#163a2b;color:#94f2bd;font-size:11px;border:1px solid #56ba85}.recording-controls{display:flex;align-items:center;gap:6px;padding:3px 6px;border:1px solid #ffffff18;border-radius:12px;background:#151b1dcc}.recording-clock{display:flex;align-items:center;gap:7px;padding:0 8px;font-size:11px;color:#c7ccce;white-space:nowrap}.recording-clock strong{font-size:13px;font-variant-numeric:tabular-nums}.recording-dot{width:7px;height:7px;border-radius:50%;background:#d59a52}.recording-controls.recording .recording-dot{background:#ef6868;box-shadow:0 0 8px #ef68684d}.recording-controls.available .recording-dot{background:#63c49a}@media(max-width:700px){.recording-controls{flex-wrap:wrap;justify-content:center}.recording-clock{padding:6px}}.chat-attachments{display:flex;align-items:center;gap:10px;margin-top:12px}.file-picker{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px}.file-picker input{position:absolute;width:1px;height:1px;opacity:0}.file-picker:focus-within{outline:2px solid #63d3a6;outline-offset:2px}.file-picker.disabled{opacity:.55;cursor:default}.room-file-card{display:flex;flex-direction:column;gap:7px;min-width:0;max-width:100%}.room-file-card img{display:block;max-width:100%;width:260px;max-height:180px;object-fit:contain;background:#151a1d;border-radius:6px}.room-file-card a{color:#c9e6dc;text-decoration:none}.room-file-card a span{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:12px}.room-file-card .file-name{text-align:left;display:flex;gap:8px;align-items:center;overflow-wrap:anywhere}.room-file-card .file-meta{font-size:12px;color:#aebcc3;overflow-wrap:anywhere}.room-file-card .quiet-button{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:12px}.room-file-list{display:flex;flex-direction:column;gap:12px;max-height:50vh;overflow:auto;margin-top:16px}.room-file-list article{padding:12px;background:#242c31;border:1px solid #384147;border-radius:8px}.room-file-list article>strong{display:block;color:#a9d6c6;font-size:12px;margin-bottom:8px}.files-modal{width:min(560px,calc(100vw - 24px))}.room-file-card .file-name{background:#1d2529;color:#e1e8eb;border:1px solid #414c52;border-radius:6px;padding:8px;font:inherit;cursor:pointer}.chat-message{flex-shrink:0}.files-modal{min-height:0;height:auto;max-height:calc(100dvh - 24px)}.files-modal .modal-body{overflow:auto}