: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}.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}.session-clock small,.participant-list small,.session-meta span,.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}.room-shell .workspace{flex:1 1 auto;grid-template-columns:minmax(0,1fr) minmax(300px,340px);margin:0;max-width:none;min-height:0}.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-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.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}.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.read-only{cursor:default;pointer-events:none}.annotation-toolbar{align-items:center;background:#0f1417e0;border:1px solid rgba(255,255,255,.1);border-radius:10px;bottom:16px;display:flex;gap:8px;left:16px;padding:8px;position:absolute;z-index:5}.color-swatches{display:flex;gap:6px}.color-swatch,.tool-button{border:0;cursor:pointer}.color-swatch{border-radius:999px;box-shadow:inset 0 0 0 1px #00000038;height:28px;width:28px}.color-swatch.selected{outline:2px solid #edf2f4;outline-offset:2px}.tool-button{background:#273036;border-radius:8px;color:#edf2f4;font-size:13px;font-weight:800;min-height:32px;padding:0 10px}.tool-button.selected{background:#2b8a65}.tool-button.danger{background:#6f2d2d}.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;gap:10px;justify-content:center;margin-top:12px}.room-shell .control-bar{flex:0 0 auto}.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}.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;padding:18px}.room-shell .side-panel{max-height:100%;overflow:auto}.settings-launch-button{align-items:center;background:#273036;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#edf2f4;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:44px;width:100%}.settings-launch-button:hover,.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.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%)}.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}.poll-actions .primary-mini,.poll-visibility{background:#2b8a65}.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:#63d3a647}.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;max-height:172px}.participant-tile.compact .tile-preview{aspect-ratio:4 / 3;max-height:92px}.tile-preview video{height:100%;object-fit:cover;width:100%}.tile-preview audio{display:none}.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-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}.session-meta{border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:14px}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:1fr}.room-shell .screen-layer{aspect-ratio:16 / 9;min-height:360px}.room-shell .side-panel{max-height:none;overflow:visible}}@media(max-width:920px){.app-shell{padding:12px}.topbar{align-items:flex-start;flex-direction:column;gap:10px}.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{bottom:10px;flex-wrap:wrap;left:10px;max-width:calc(100% - 20px)}}@media(max-width:520px){.modal-backdrop{align-items:stretch;padding:10px}.settings-modal{max-height:calc(100vh - 20px)}.modal-tabs{grid-template-columns:1fr 1fr}.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%}.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}}