.chat-panel{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border:1px solid rgba(160,207,208,.12);border-radius:21px;background:linear-gradient(155deg,#1f353de0,#192433f0)}.chat-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px 15px;border-bottom:1px solid rgba(171,207,209,.1)}.chat-panel-header h2{margin:5px 0 0;color:#eff8f6;font-size:18px}.chat-panel-actions{display:flex;align-items:center;gap:9px}.chat-connection{color:#81999f;font-size:10px;white-space:nowrap}.chat-connection--connected{color:#7fdfc1}.chat-connection--offline{color:#ffb1b3}.chat-message-list{display:flex;min-height:100px;flex:1;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain;padding:16px 13px;scrollbar-color:rgba(150,192,194,.3) transparent;scrollbar-width:thin}.chat-empty{margin:auto;max-width:230px;color:#91a9ad;font-size:12px;line-height:1.6;text-align:center}.chat-message{max-width:92%;align-self:flex-start;padding:10px 12px;border:1px solid rgba(172,211,211,.1);border-radius:14px 14px 14px 5px;background:#08151d61;color:#dce9e8}.chat-message--own{align-self:flex-end;border-color:#71dcc026;border-radius:14px 14px 5px;background:#30806f29}.chat-message-heading{display:flex;align-items:baseline;gap:10px;color:#a2c9c3;font-size:10px}.chat-message-heading time{color:#758e93;font-size:9px}.chat-message>p{margin:6px 0 0;color:#edf5f3;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.chat-message-attachments{display:grid;gap:8px;max-width:min(100%,360px);margin-top:9px}.chat-image-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chat-image-gallery--single{grid-template-columns:minmax(0,1fr)}.chat-image-card{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(165,213,207,.18);border-radius:12px;background:#0510176b}.chat-image-preview{display:grid;width:100%;min-height:80px;max-height:210px;place-items:center;overflow:hidden;padding:0;border:0;background:#050d1399;cursor:zoom-in}.chat-image-preview img{display:block;width:100%;max-height:210px;object-fit:contain}.chat-image-placeholder{display:grid;min-height:100px;place-items:center;color:#91a9ad;font-size:10px}.chat-image-card figcaption{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px;padding:5px 7px;color:#b4cbc8;font-size:10px}.chat-image-card figcaption>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-image-card figcaption button,.chat-image-lightbox header button{display:inline-grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:0;border-radius:8px;background:#92ead31a;color:#92ead3;cursor:pointer}.chat-file-card{display:flex;width:100%;min-width:0;align-items:center;gap:8px;padding:9px;overflow:hidden;border:1px solid rgba(165,213,207,.14);border-radius:10px;background:#0510175c;color:#92ead3;font:inherit;font-size:11px;text-align:left;cursor:pointer}.chat-file-card:hover,.chat-image-card figcaption button:hover{background:#92ead329}.chat-file-card:disabled,.chat-image-card figcaption button:disabled,.chat-image-lightbox header button:disabled{cursor:wait;opacity:.55}.chat-file-card__type{padding:4px 5px;border-radius:5px;background:#92ead31f;font-size:8px;font-weight:700}.chat-file-card__name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-download-all{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid rgba(146,234,211,.22);border-radius:9px;background:#92ead314;color:#a9efdd;font:inherit;font-size:10px;text-decoration:none;cursor:pointer}.chat-download-all:hover{background:#92ead329}.chat-download-all:disabled{cursor:wait;opacity:.55}.chat-image-lightbox{position:fixed;width:min(94vw,1100px);max-width:unset;max-height:94dvh;padding:10px;overflow:hidden;border:1px solid rgba(165,213,207,.24);border-radius:16px;background:#101c24;color:#edf5f3}.chat-image-lightbox::backdrop{background:#01070bd1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chat-image-lightbox header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:0 0 8px;color:#c3d9d6;font-size:12px}.chat-image-lightbox header>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-image-lightbox header>div{display:flex;flex:0 0 auto;gap:6px}.chat-image-lightbox>img{display:block;width:100%;max-height:calc(94dvh - 70px);object-fit:contain}.chat-message-state{display:block;margin-top:5px;color:#88b5b0;font-size:9px}.chat-message-state--error,.chat-error,.chat-upload-error{color:#ffb0b3}.chat-download-error{margin-top:7px;color:#ffb0b3;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.chat-error{padding:9px 11px;border-radius:10px;background:#a43d4924;font-size:11px;line-height:1.45}.chat-draft-attachments{display:flex;flex-wrap:wrap;gap:6px;padding:0 13px}.chat-draft-file{display:flex;max-width:240px;min-width:0;align-items:center;gap:8px;padding:4px 7px 4px 4px;overflow:hidden;border:1px solid rgba(114,221,195,.2);border-radius:10px;background:#0510174d;color:#a7c7c4;font-size:10px}.chat-draft-file img{display:block;width:42px;height:42px;flex:0 0 auto;border-radius:7px;background:#050d1399;object-fit:cover}.chat-draft-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-draft-file button{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border:0;border-radius:50%;background:#aad3d11a;color:#d5e6e4;font-size:16px;line-height:1;cursor:pointer}.chat-composer{display:flex;align-items:center;gap:7px;padding:12px;border-top:1px solid rgba(171,207,209,.1)}.chat-composer input{min-width:0;min-height:42px;flex:1;padding:0 12px;border:1px solid rgba(177,215,216,.16);border-radius:12px;outline:none;background:#050f1659;color:#eff7f6;font:inherit;font-size:11px}.chat-composer input:focus{border-color:#6fdfc4;box-shadow:0 0 0 2px #6fdfc41a}.chat-composer input::placeholder{color:#728c91}.chat-icon-button,.chat-send-button{display:inline-grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid rgba(170,211,209,.14);border-radius:11px;background:#aad3d112;color:#a9c6c4;cursor:pointer}.chat-icon-button svg{width:18px;height:18px}.chat-icon-button:disabled,.chat-send-button:disabled{cursor:not-allowed;opacity:.45}.chat-send-button{border-color:transparent;background:linear-gradient(140deg,#8bf0d4,#54cdb4);color:#0b2d31;font-size:22px;font-weight:700}.attachment-picker{position:relative;display:flex;align-items:center}.attachment-picker input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.chat-upload-error{display:flex;flex:none;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 12px 8px;padding:10px 12px;border:1px solid rgba(255,154,158,.38);border-radius:10px;background:#5b232b7a;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.chat-upload-error button{flex:0 0 auto;padding:0 2px;border:0;background:transparent;color:#ffd7d8;font:inherit;font-size:18px;line-height:1;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}.ended-room-layout{display:grid;min-height:0;flex:1;grid-template-columns:minmax(280px,.75fr) minmax(320px,1fr);gap:24px;padding:18px clamp(16px,5vw,64px) 28px}.ended-room-layout .ended-room-card{margin:0}.ended-room-layout .chat-panel{max-width:560px;width:100%;justify-self:end}@media(max-width:650px),(max-height:430px)and (pointer:coarse){.chat-panel{min-height:190px}.ended-room-layout{min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px;overflow:hidden;padding:10px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.ended-room-layout .chat-panel{min-width:0;min-height:0;max-width:unset;width:100%;height:100%;justify-self:stretch}.ended-room-layout .chat-message-list,.meeting-ended-layout .chat-message-list{min-height:0}.ended-room-layout .chat-composer,.meeting-ended-layout .chat-composer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.ended-room-layout .chat-icon-button,.ended-room-layout .chat-send-button,.meeting-ended-layout .chat-icon-button,.meeting-ended-layout .chat-send-button{width:44px;height:48px}.mobile-sheet.mobile-sheet--chat{bottom:var(--mobile-keyboard-offset, 0px);height:min(calc(var(--mobile-visible-height, 100dvh) - 8px - env(safe-area-inset-top)),max(calc(var(--mobile-visible-height, 100dvh) * .75),260px));max-height:min(calc(var(--mobile-visible-height, 100dvh) - 8px - env(safe-area-inset-top)),max(calc(var(--mobile-visible-height, 100dvh) * .75),260px))}.mobile-sheet--chat .mobile-sheet-body--chat{display:flex;min-height:0;flex:1;overflow:hidden;padding:0}.mobile-sheet--chat .chat-panel{width:100%;height:100%;min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;border:0;border-radius:0}.mobile-sheet--chat .chat-panel-header{min-height:37px;flex:none;justify-content:flex-end;padding:7px max(13px,env(safe-area-inset-right)) 7px max(13px,env(safe-area-inset-left))}.mobile-sheet--chat .chat-panel-header>div:first-child{display:none}.mobile-sheet--chat .chat-message-list{min-height:44px;overflow-y:auto}.mobile-sheet--chat .chat-draft-attachments{min-width:0;flex:none;flex-wrap:nowrap;overflow-x:auto;padding:4px max(13px,env(safe-area-inset-right)) 4px max(13px,env(safe-area-inset-left))}.mobile-sheet--chat .chat-draft-file{flex:none}.mobile-sheet--chat .chat-composer{min-width:0;flex:none;padding:9px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.mobile-sheet--chat .chat-composer input{min-height:48px;font-size:16px}.mobile-sheet--chat .chat-icon-button,.mobile-sheet--chat .chat-send-button{width:44px;height:48px}}@media(max-width:650px)and (max-height:430px),(max-height:430px)and (pointer:coarse){.ended-room-layout,.meeting-ended-layout{grid-template-rows:auto minmax(260px,1fr);overflow-y:auto}.ended-room-layout .chat-panel,.meeting-ended-layout .chat-panel{min-height:260px}}.livekit-room-root{width:100%;min-height:100vh}.meeting-shell{position:relative;display:flex;width:100%;height:100dvh;min-height:540px;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 24% 14%,rgba(87,185,171,.1),transparent 35%),#0d1823;color:#eff7f6}.meeting-workspace{width:100%;height:100%;min-height:0}.meeting-call-view{display:flex;width:100%;height:100%;min-height:0;flex-direction:column}.meeting-call-view[hidden]{display:none}.meeting-studio-layer{position:absolute;z-index:10;inset:0}.meeting-ended-during-call{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;background:#0d1823}.meeting-ended-layout{display:grid;min-height:0;flex:1;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:20px;padding:22px clamp(16px,4vw,56px)}.meeting-header{display:grid;min-height:72px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:12px clamp(18px,3vw,42px);border-bottom:1px solid rgba(175,212,217,.1)}.meeting-header .brand-lockup{font-size:18px}.meeting-header-center{display:flex;align-items:center;gap:9px;color:#b8cbce;font-size:13px;white-space:nowrap}.meeting-duration{flex:none;color:#e5f4f0;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:650}.recording-status{display:flex;min-height:30px;align-items:center;gap:8px;padding:5px clamp(18px,3vw,42px);border-bottom:1px solid rgba(175,212,217,.08);color:#9ae8d0;font-size:12px}.recording-status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#64dfb8;box-shadow:0 0 12px #64dfb880}.recording-status--error{color:#ffc0bd}.recording-status--error .recording-status-dot{background:#f08b8b;box-shadow:0 0 12px #f08b8b73}.ended-room-card .recording-status{padding:8px 0;border:0}.connection-dot{width:8px;height:8px;border-radius:50%;background:#f3bd72;box-shadow:0 0 14px #f3bd7266}.connection-dot.is-connected{background:#63e0bc;box-shadow:0 0 14px #63e0bc80}.participant-list-anchor{position:relative;margin-left:2px}.participant-count{display:grid;min-width:25px;height:25px;place-items:center;padding:0 6px;border:0;border-radius:9px;background:#92c0c31f;color:#d5e7e6;font:inherit;font-size:12px;cursor:pointer}.participant-count:hover,.participant-count[aria-expanded=true]{background:#92c0c338}.participant-count:focus-visible{outline:2px solid #8be4ca;outline-offset:3px}.participant-list-popover{position:absolute;z-index:10;top:calc(100% + 14px);left:50%;width:min(280px,calc(100vw - 24px));padding:16px;transform:translate(-50%);border:1px solid rgba(175,212,217,.2);border-radius:16px;background:#1b3039;box-shadow:0 18px 50px #0000005c}.participant-list-popover h2{margin:0 0 10px;color:#eff7f6;font-size:14px}.participant-list-popover ul{max-height:min(50vh,360px);margin:0;padding:0;overflow-y:auto;list-style:none;scrollbar-color:rgba(150,192,194,.3) transparent;scrollbar-width:thin}.participant-list-popover li{overflow:hidden;padding:9px 2px;border-top:1px solid rgba(175,212,217,.1);color:#d5e7e6;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.invite-area{display:flex;align-items:center;justify-content:flex-end;gap:12px}.invite-hint{color:#78939a;font-size:11px}.copy-invite-button{min-height:38px;padding:0 13px;border:1px solid rgba(114,221,195,.32);border-radius:12px;background:#44ad961f;color:#99edd7;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease}.copy-invite-button:hover{border-color:#72ddc3a6;background:#44ad9633}.meeting-content{display:grid;min-height:0;flex:1;grid-template-columns:minmax(0,1fr);gap:14px;padding:18px clamp(16px,2.4vw,34px) 14px}.meeting-layout{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) 244px;gap:14px}.meeting-layout--gallery{display:flex;min-height:0;flex-direction:column}.participant-gallery{display:grid;min-height:0;flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:minmax(150px,190px);gap:12px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-color:rgba(150,192,194,.3) transparent;scrollbar-width:thin}.participant-gallery .participant-card{min-height:0;height:100%;flex:none}.meeting-content--chat-open{grid-template-columns:minmax(0,1fr) 310px}.meeting-content--chat-open .meeting-layout{grid-template-columns:minmax(0,1fr)}.meeting-content--chat-open .participant-rail{display:none}.meeting-stage{position:relative;display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden;border:1px solid rgba(160,207,208,.12);border-radius:25px;background:radial-gradient(ellipse at 52% 44%,rgba(59,128,137,.32),transparent 45%),linear-gradient(135deg,#19313a,#172332 65%,#211f35);box-shadow:0 25px 80px #0000002e}.stage-video,.participant-video{position:absolute;width:100%;height:100%}.meeting-stage .local-camera-video,.participant-card .local-camera-video{transform:scaleX(-1)}.stage-video{inset:0;object-fit:cover}.meeting-call-view .stage-video{object-fit:contain;object-position:center}.participant-video{object-fit:cover}.stage-avatar{display:grid;width:clamp(110px,15vw,188px);aspect-ratio:1;place-items:center;border:1px solid rgba(231,255,248,.3);border-radius:38% 62% 53% 47%/45% 42% 58% 55%;background:linear-gradient(145deg,#83e4cc,#529abc 56%,#6a74bd);box-shadow:0 0 100px #72dbc533;color:#09212c;font-size:clamp(38px,7vw,82px);font-weight:750;letter-spacing:-.07em}.stage-vignette{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#030c11a6);pointer-events:none}.stage-caption{position:absolute;z-index:1;right:24px;bottom:22px;left:24px;display:flex;align-items:center;gap:9px;color:#f2fbf7;font-size:15px;font-weight:650;text-shadow:0 2px 8px rgba(0,0,0,.35)}.stage-pin-button{position:absolute;z-index:2;top:18px;right:18px;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#0612198a;color:#e5f4f0;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stage-pin-button:hover,.stage-pin-button.is-pinned{border-color:#72ddc39e;background:#44ad9647;color:#9bf1d8}.stage-pin-button:focus-visible,.participant-pin-button:focus-visible{outline:2px solid #8be4ca;outline-offset:2px}.speaker-indicator{width:9px;height:9px;border-radius:50%;background:#819ca1}.speaker-indicator.is-speaking{background:#6ce7c3;box-shadow:0 0 12px #6ce7c3b3}.screen-share-label{margin-left:auto;padding:6px 10px;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:#0c1a1f73;font-size:11px}.participant-rail{display:flex;min-height:0;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-color:rgba(150,192,194,.3) transparent;scrollbar-width:thin}.participant-card{position:relative;display:grid;min-height:150px;flex:0 0 150px;place-items:center;overflow:hidden;border:1px solid rgba(179,219,214,.13);border-radius:18px;background:linear-gradient(145deg,#243e48,#253448 58%,#37344b)}.participant-card--speaking{border-color:#6ce7c39e;box-shadow:0 0 0 1px #6ce7c329,0 12px 32px #227c6f24}.participant-card--pinned{border-color:#8be4cad1;box-shadow:0 0 0 2px #8be4ca24,0 14px 34px #227c6f33}.participant-card--1{background:linear-gradient(145deg,#284743,#263a4c 64%,#31374c)}.participant-card--2{background:linear-gradient(145deg,#443d59,#343b58 62%,#2a4748)}.participant-card--3{background:linear-gradient(145deg,#453e49,#30434c 62%,#314947)}.participant-avatar{display:grid;width:58px;aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:22px;background:linear-gradient(145deg,#aae7d9,#7bb8c1);color:#102c34;font-size:22px;font-weight:700}.participant-name{position:absolute;z-index:1;right:9px;bottom:9px;left:9px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 10px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#0711188c;color:#f3f8f6;font-size:11px;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.participant-name>span:first-child{overflow:hidden;text-overflow:ellipsis}.participant-pin-button{position:absolute;z-index:2;top:9px;right:9px;display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#07111885;color:#d7e9e5;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.participant-pin-button:hover,.participant-pin-button.is-pinned{border-color:#72ddc39e;background:#44ad9647;color:#9bf1d8}.speaking-badge{color:#75e5c4;font-size:10px}.rail-empty{display:grid;min-height:100%;align-content:center;justify-items:center;padding:24px;border:1px dashed rgba(157,203,203,.18);border-radius:20px;color:#839ca1;text-align:center}.rail-empty p{max-width:160px;font-size:12px;line-height:1.5}.rail-empty-icon,.chat-placeholder-icon{display:grid;width:42px;aspect-ratio:1;place-items:center;border-radius:14px;background:#60cfb51f;color:#82e4c6}.chat-placeholder{display:flex;min-height:0;flex-direction:column;justify-content:center;border:1px solid rgba(160,207,208,.12);border-radius:21px;background:linear-gradient(155deg,#1f353de0,#192433eb)}.chat-placeholder-content{display:grid;justify-items:center;padding:32px;color:#a8bec1;text-align:center}.chat-placeholder h2{margin:18px 0 8px;color:#eff8f6;font-size:19px}.chat-placeholder p{max-width:220px;font-size:13px;line-height:1.6}.chat-coming-soon{margin-top:15px;color:#73d8bc;font-size:11px!important}.control-bar{display:flex;min-height:86px;align-items:center;justify-content:center;gap:24px;padding:10px clamp(16px,3vw,42px) 18px}.control-cluster{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;border:1px solid rgba(166,205,210,.12);border-radius:21px;background:#1c2d38cc;box-shadow:0 12px 38px #0000002e}.control-button,.leave-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.control-button{min-width:94px;min-height:54px;flex-direction:column;gap:5px;padding:6px 12px;border-radius:15px;background:transparent;color:#a8c0c3;font-size:10px}.control-button:hover:not(:disabled),.control-button--active{background:#66dcbc21;color:#9bf1d8}.control-button:disabled{cursor:not-allowed;opacity:.45}.leave-button{min-height:46px;padding:0 16px;border:1px solid rgba(255,134,138,.2);border-radius:14px;background:#a43d4929;color:#ffb1b3;font:inherit;font-size:12px;font-weight:600}.leave-button:hover{border-color:#ff868a80;background:#a43d493d}.end-meeting-button{min-height:46px;padding:0 14px;border:1px solid rgba(255,180,122,.2);border-radius:14px;background:#955d312e;color:#ffd2a6;font:inherit;font-size:11px;font-weight:650;cursor:pointer}.end-meeting-button:hover{border-color:#ffb47a80;background:#955d3147}.meeting-action-error{z-index:31;position:absolute;right:20px;bottom:91px;max-width:min(460px,calc(100% - 40px));padding:9px 12px;border:1px solid rgba(255,134,138,.2);border-radius:11px;background:#341e26f0;color:#ffb1b3;font-size:11px;line-height:1.4}.icon-button{width:38px;height:38px;border-radius:12px;background:#b9dbd714;color:#c4d8d7}.subtle-icon-button:hover{background:#b9dbd726}.settings-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:#030a10a3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.settings-dialog{width:min(450px,100%);padding:26px;border:1px solid rgba(178,222,216,.18);border-radius:23px;background:linear-gradient(145deg,#1b3039,#172535);box-shadow:0 26px 90px #0006}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.settings-header h2{margin:5px 0 0;color:#f0f8f6;font-size:20px}.panel-eyebrow{margin:0;color:#78d9bf;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.device-field{display:grid;gap:8px;margin:16px 0;color:#c4d8d7;font-size:12px;font-weight:600}.device-field select{min-height:44px;padding:0 12px;border:1px solid rgba(177,215,216,.2);border-radius:12px;background:#040d134d;color:#eef8f5;font:inherit}.device-field--switch{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:18px}.device-field--switch input{width:44px;height:26px;margin:0;accent-color:#63d9b7;cursor:pointer}.device-field option{background:#172535}.settings-hint{margin:20px 0 0;color:#7f9ba1;font-size:11px;line-height:1.55}.ended-room-shell{align-items:stretch}.ended-room-card{display:grid;max-width:560px;align-content:center;justify-items:start;margin:auto;padding:35px}.ended-room-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.ended-board-button{min-height:38px;padding:0 14px;border:1px solid #62c5a8;border-radius:11px;background:#dff5ed;color:#176a55;font:inherit;font-size:11px;font-weight:650;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.ended-board-button:hover{border-color:#8dd8c5;background:#f4fcf9}.ended-room-card h1{margin:12px 0 4px;font-size:clamp(40px,6vw,64px)}.ended-room-card>p:not(.panel-eyebrow){color:#9db5b8;line-height:1.65}.ended-room-symbol{display:grid;width:52px;aspect-ratio:1;place-items:center;margin-bottom:24px;border-radius:18px;background:#60cfb51f;color:#82e4c6;font-size:24px}.ended-room-card .leave-button{margin-top:18px}.meeting-ended-during-call .ended-room-card .leave-button{margin-top:0}.not-found-page{display:grid;min-height:100vh;place-items:center;background:#0d1823}.not-found-page a{color:#88e6cc}@media(max-width:900px){.meeting-header{grid-template-columns:auto 1fr auto;gap:14px}.invite-hint{display:none}.meeting-layout{grid-template-columns:minmax(0,1fr) 192px}.participant-card{min-height:128px;flex-basis:128px}.control-bar{gap:12px}.control-button{min-width:74px}.end-meeting-button{padding:0 9px;font-size:10px}}@media(max-width:700px){.meeting-ended-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,1fr) minmax(250px,1fr);gap:5px;overflow:auto;padding:10px}.meeting-ended-during-call .ended-room-card{padding:12px}}.mobile-sheet-backdrop{position:fixed;z-index:30;inset:0;background:#030a10a3}.mobile-sheet{position:absolute;right:0;bottom:var(--mobile-keyboard-offset, 0px);left:0;display:flex;max-height:min(calc(var(--mobile-visible-height, 100dvh) - 20px - env(safe-area-inset-top)),80dvh);flex-direction:column;overflow:hidden;border:1px solid rgba(178,222,216,.18);border-radius:22px 22px 0 0;background:#1b3039;color:#eff7f6;box-shadow:0 -16px 55px #00000061;outline:none}.mobile-sheet-header{display:flex;min-height:58px;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:9px max(16px,env(safe-area-inset-right)) 9px max(16px,env(safe-area-inset-left));border-bottom:1px solid rgba(178,222,216,.12)}.mobile-sheet-header h2{margin:0;font-size:18px}.mobile-sheet-close{display:grid;width:44px;height:48px;flex:none;place-items:center;border:0;border-radius:12px;background:#b9dbd714;color:#c4d8d7;cursor:pointer}.mobile-sheet-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.mobile-more-actions{display:grid;gap:6px}.mobile-more-actions button{display:flex;min-height:48px;align-items:center;gap:12px;padding:8px 12px;border:1px solid rgba(178,222,216,.12);border-radius:12px;background:#b9dbd70f;color:#eff7f6;font:inherit;text-align:left;cursor:pointer}.mobile-more-actions button:disabled{opacity:.45;cursor:not-allowed}.mobile-more-actions .mobile-end-action{color:#ffd2a6}.mobile-more-hint{margin:0 4px 5px;color:#a8c0c3;font-size:12px}.meeting-workspace{--call-bg: #090909;--call-border: rgba(255, 255, 255, .16);--call-text: #f4f4f2}.meeting-workspace .meeting-shell:has(.meeting-call-view){background-color:var(--call-bg);background-image:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.5px);background-size:25px 25px;color:var(--call-text)}.meeting-call-view .meeting-header{min-height:66px;border-bottom-color:#ffffff1a}.meeting-call-view .meeting-header .brand-lockup{font-size:21px}.meeting-call-view .meeting-header-center{color:#bcbcbc}.meeting-call-view .meeting-duration{color:var(--call-text)}.meeting-call-view .connection-dot{background:#888;box-shadow:none}.meeting-call-view .connection-dot.is-connected{background:#f4f4f2;box-shadow:0 0 0 4px #ffffff1a}.meeting-call-view .participant-count{border:1px solid var(--call-border);border-radius:999px;background:#242424;color:var(--call-text)}.meeting-call-view .participant-count:hover,.meeting-call-view .participant-count[aria-expanded=true]{background:#343434}.meeting-call-view .participant-count:focus-visible,.meeting-call-view .copy-invite-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.meeting-call-view .participant-list-popover{border-color:var(--call-border);background:#1b1b1b;color:var(--call-text)}.meeting-call-view .participant-list-popover h2{color:var(--call-text)}.meeting-call-view .participant-list-popover li{border-top-color:var(--call-border);color:#d2d2d2}.meeting-call-view .invite-hint{display:none}.meeting-call-view .copy-invite-button{min-height:40px;padding:0 17px;border:1px solid #f4f4f2;border-radius:999px;background:#f4f4f2;color:#111;font-size:12px;font-weight:700;transition:box-shadow .16s ease,background .16s ease}.meeting-call-view .copy-invite-button:hover{border-color:#fff;background:#fff;box-shadow:0 0 0 4px #ffffff1a}.meeting-call-view .recording-status{border-bottom-color:#ffffff14;color:#d8d8d8}.meeting-call-view .recording-status-dot{background:#e8e8e8;box-shadow:0 0 0 3px #ffffff1a}.meeting-call-view .recording-status--error{color:#ffc0bd}.meeting-call-view .recording-status--error .recording-status-dot{background:#f08b8b;box-shadow:0 0 0 3px #f08b8b29}.meeting-call-view .meeting-content{padding-top:16px}.meeting-call-view .participant-gallery{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));grid-auto-rows:clamp(200px,42vh,380px);align-content:safe center;gap:12px;scrollbar-color:#4a4a4a transparent}.meeting-call-view .participant-gallery--solo{grid-template-columns:minmax(0,min(100%,720px));justify-content:center}.meeting-call-view .participant-gallery:has(.participant-card:nth-child(n+9)){grid-auto-rows:190px;align-content:start}.meeting-call-view .meeting-stage,.meeting-call-view .participant-card{border-color:var(--call-border);background:radial-gradient(circle at 50% 36%,#323232,#1a1a1a 66%,#131313);box-shadow:none}.meeting-call-view .meeting-stage{border-radius:22px}.meeting-call-view .participant-card{border-radius:18px}.meeting-call-view .participant-card--speaking{border-color:#ffffffe6;box-shadow:inset 0 0 0 1px #ffffffb3}.meeting-call-view .participant-card--pinned{border-color:#fff;box-shadow:inset 0 0 0 2px #fff}.meeting-call-view .participant-avatar,.meeting-call-view .stage-avatar{border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#dcdcd9;box-shadow:none;color:#191919}.meeting-call-view .participant-card:nth-child(4n+2) .participant-avatar{background:#777;color:#fff}.meeting-call-view .participant-card:nth-child(4n+3) .participant-avatar{background:#bdbdbd}.meeting-call-view .participant-card:nth-child(4n) .participant-avatar{background:#555;color:#fff}.meeting-call-view .stage-vignette{background:linear-gradient(transparent,#000000b3)}.meeting-call-view .stage-caption{color:#fff}.meeting-call-view .stage-pin-button,.meeting-call-view .participant-pin-button{border-color:#ffffff2e;border-radius:50%;background:#0c0c0cb3;color:#eee}.meeting-call-view .stage-pin-button:hover,.meeting-call-view .stage-pin-button.is-pinned,.meeting-call-view .participant-pin-button:hover,.meeting-call-view .participant-pin-button.is-pinned{border-color:#fff;background:#f4f4f2;color:#111}.meeting-call-view .stage-pin-button:focus-visible,.meeting-call-view .participant-pin-button:focus-visible{outline-color:#fff}.meeting-call-view .speaker-indicator{background:#777}.meeting-call-view .speaker-indicator.is-speaking{background:#fff;box-shadow:0 0 0 3px #ffffff2e}.meeting-call-view .participant-name{border-color:#ffffff1a;border-radius:10px;background:#000000b3;color:#f4f4f2}.meeting-call-view .speaking-badge{color:#fff}.meeting-call-view .participant-rail{scrollbar-color:#4a4a4a transparent}.meeting-call-view .rail-empty{border-color:var(--call-border);color:#aaa}.meeting-call-view .rail-empty-icon{background:#ffffff1a;color:#fff}.meeting-call-view .control-bar{width:max-content;max-width:calc(100% - 32px);min-height:72px;flex:none;gap:6px;align-self:center;margin:0 auto 10px;padding:6px;border:1px solid var(--call-border);border-radius:999px;background:#242424;box-shadow:0 12px 34px #0000004d}.meeting-call-view .control-cluster{min-width:0;gap:3px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.meeting-call-view .control-button{min-width:76px;min-height:52px;gap:4px;padding:5px 9px;border-radius:999px;color:#d2d2d2}.meeting-call-view .control-button:hover:not(:disabled){background:#363636;color:#fff}.meeting-call-view .control-button--active,.meeting-call-view .control-button--active:hover:not(:disabled){background:#f4f4f2;color:#111}.meeting-call-view .control-button:focus-visible,.meeting-call-view .leave-button:focus-visible,.meeting-call-view .end-meeting-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.meeting-call-view .leave-button{min-height:50px;padding:0 16px;border-color:#f4f4f2;border-radius:999px;background:#f4f4f2;color:#111;font-weight:700;white-space:nowrap}.meeting-call-view .leave-button:hover{border-color:#fff;background:#fff}.meeting-call-view .end-meeting-button{min-height:50px;padding:0 13px;border-color:#ffbebe33;border-radius:999px;background:#3b2626;color:#ffd3d3;white-space:nowrap}.meeting-call-view .end-meeting-button:hover{border-color:#ffbebe80;background:#513030}.meeting-call-view .meeting-action-error{border-color:#ff9a9e61;background:#321c20}.meeting-call-view .settings-backdrop{background:#000000bd}.meeting-call-view .settings-dialog{border-color:var(--call-border);background:#1a1a1a;color:var(--call-text)}.meeting-call-view .settings-header h2{color:var(--call-text)}.meeting-call-view .panel-eyebrow{color:#bdbdbd}.meeting-call-view .device-field{color:#dedede}.meeting-call-view .device-field select{border-color:var(--call-border);background:#111;color:var(--call-text)}.meeting-call-view .device-field option{background:#191919}.meeting-call-view .device-field--switch input{accent-color:#f4f4f2}.meeting-call-view .settings-hint{color:#aaa}.meeting-workspace .meeting-shell:has(.meeting-call-view) .mobile-sheet-backdrop{background:#000000c2}.meeting-workspace .meeting-shell:has(.meeting-call-view) .mobile-sheet{border-color:var(--call-border);background:#1c1c1c;color:var(--call-text)}.meeting-workspace .meeting-shell:has(.meeting-call-view) .mobile-sheet-header{border-bottom-color:var(--call-border)}.meeting-workspace .meeting-shell:has(.meeting-call-view) .mobile-sheet-close{background:#303030;color:var(--call-text)}.meeting-workspace .meeting-shell:has(.meeting-call-view) .mobile-more-actions button{border-color:var(--call-border);background:#292929;color:var(--call-text)}.meeting-workspace .meeting-shell:has(.meeting-call-view) .mobile-more-actions .mobile-end-action{background:#3b2626;color:#ffd3d3}.meeting-workspace .meeting-shell:has(.meeting-call-view) .mobile-more-hint,.meeting-workspace .meeting-shell:has(.meeting-call-view) .mobile-participant-list li{color:#c3c3c3}.meeting-workspace .meeting-shell:has(.meeting-call-view) .mobile-participant-list li{border-bottom-color:var(--call-border)}@media(min-width:651px)and (max-width:900px){.meeting-call-view .control-bar{gap:3px;padding:5px}.meeting-call-view .control-button{min-width:59px;padding-inline:5px;font-size:9px}.meeting-call-view .leave-button{padding-inline:10px}.meeting-call-view .end-meeting-button{padding-inline:9px;font-size:10px}}@media(max-width:650px),(max-height:430px)and (pointer:coarse){.meeting-shell{height:100dvh;min-height:0}.meeting-call-view{min-width:0;min-height:0}.meeting-call-view .meeting-header{min-height:62px;flex:none;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:9px max(13px,env(safe-area-inset-right)) 9px max(13px,env(safe-area-inset-left))}.meeting-call-view .meeting-header-center{min-width:0;width:100%;justify-content:flex-end;gap:5px;font-size:11px}.meeting-call-view .meeting-header-center>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis}.meeting-call-view .meeting-duration,.meeting-call-view .connection-dot,.meeting-call-view .participant-list-anchor{flex:none}.meeting-call-view .participant-count{min-width:44px;height:48px;padding:0 8px;border-radius:12px}.meeting-call-view .invite-area{display:none}.meeting-call-view .recording-status{min-height:28px;padding:4px max(13px,env(safe-area-inset-right)) 4px max(13px,env(safe-area-inset-left));font-size:11px}.meeting-call-view .meeting-content,.meeting-call-view .meeting-content--chat-open{min-width:0;min-height:0;flex:1;grid-template-columns:minmax(0,1fr);overflow-x:hidden;overflow-y:auto;padding:10px 10px 8px}.meeting-call-view .meeting-layout{min-width:0;min-height:250px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(140px,1fr) 96px;gap:8px}.meeting-call-view .meeting-layout--gallery{display:flex;min-height:0;flex-direction:column}.meeting-call-view .participant-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(130px,160px);gap:8px;overflow-x:hidden;overflow-y:auto;padding-right:0}.meeting-call-view .participant-gallery .participant-card{min-height:0;height:auto;border-radius:14px}.meeting-call-view .meeting-layout:has(.rail-empty){grid-template-rows:minmax(220px,1fr)}.meeting-call-view .meeting-content--chat-open{min-height:0;grid-template-rows:minmax(220px,1fr) minmax(220px,1fr)}.meeting-call-view .meeting-content--chat-open .meeting-layout{min-height:220px;grid-template-rows:minmax(0,1fr)}.meeting-call-view .meeting-stage{min-width:0;min-height:0;border-radius:19px}.meeting-call-view .stage-pin-button{top:12px;right:12px}.meeting-call-view .stage-caption{right:13px;bottom:11px;left:13px}.meeting-call-view .participant-rail{min-width:0;min-height:0;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 0 2px}.meeting-call-view .participant-card{width:138px;min-width:138px;min-height:0;flex:0 0 138px;border-radius:14px}.meeting-call-view .rail-empty{display:none}.meeting-call-view .chat-placeholder{min-height:180px}.meeting-call-view .chat-placeholder-content{padding:18px}.meeting-call-view .meeting-action-error{right:10px;bottom:calc(74px + env(safe-area-inset-bottom))}.mobile-controls{display:grid;width:100%;min-width:0;flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:7px max(6px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-top:1px solid rgba(166,205,210,.12);background:#152632}.mobile-controls button{position:relative;display:flex;min-width:0;min-height:48px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 0;border:0;border-radius:12px;background:transparent;color:#a8c0c3;font:inherit;font-size:10px;cursor:pointer}.mobile-controls button[aria-pressed=true],.mobile-controls button[aria-expanded=true]{background:#66dcbc21;color:#9bf1d8}.mobile-controls button:disabled{opacity:.45;cursor:not-allowed}.mobile-controls button:focus-visible,.mobile-sheet button:focus-visible{outline:2px solid #8be4ca;outline-offset:2px}.mobile-unread-count{position:absolute;top:0;right:max(2px,calc(50% - 22px));display:grid;min-width:17px;height:17px;place-items:center;padding:0 3px;border-radius:9px;background:#e9848c;color:#172535;font-size:10px;font-weight:700}.ended-room-shell,.meeting-ended-during-call{min-width:0;min-height:0}.ended-room-shell>.meeting-header,.meeting-ended-during-call>.meeting-header{min-height:58px;flex:none;padding:9px max(13px,env(safe-area-inset-right)) 9px max(13px,env(safe-area-inset-left))}.meeting-ended-layout{min-width:0;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px;overflow:hidden;padding:10px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.ended-room-shell .ended-board-button,.ended-room-shell .leave-button,.meeting-ended-during-call .ended-board-button,.meeting-ended-during-call .leave-button{min-height:48px}.ended-room-shell .ended-room-card,.meeting-ended-during-call .ended-room-card{min-width:0;max-width:none;width:100%;align-content:start;margin:0;padding:10px 2px}.ended-room-shell .ended-room-symbol,.meeting-ended-during-call .ended-room-symbol{display:none}.ended-room-shell .ended-room-card h1,.meeting-ended-during-call .ended-room-card h1{margin:3px 0;font-size:clamp(25px,7vw,34px)}.ended-room-shell .ended-room-card>p:not(.panel-eyebrow),.meeting-ended-during-call .ended-room-card>p:not(.panel-eyebrow){margin:4px 0;font-size:12px;line-height:1.4}.ended-room-shell .ended-room-actions,.meeting-ended-during-call .ended-room-actions{margin-top:7px}.meeting-ended-layout .chat-panel{min-width:0;min-height:0;height:100%}}.mobile-participant-list{margin:0;padding:0;list-style:none}.mobile-participant-list li{overflow:hidden;padding:12px 2px;border-bottom:1px solid rgba(175,212,217,.1);color:#d5e7e6;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.mobile-participant-list li:last-child{border-bottom:0}@media(max-width:350px){.meeting-call-view .brand-lockup{font-size:16px}}@media(max-width:650px),(max-height:430px)and (pointer:coarse){.meeting-call-view .meeting-header{border-bottom-color:#ffffff1a;background:#090909e6}.meeting-call-view .meeting-header .brand-lockup{font-size:18px}.meeting-call-view .participant-gallery{grid-auto-rows:clamp(150px,24vh,195px)}.meeting-call-view .participant-gallery .participant-card{width:100%;min-width:0;flex-basis:auto}.meeting-call-view .meeting-layout:not(.meeting-layout--gallery){grid-template-rows:minmax(140px,1fr) 112px}.meeting-call-view .participant-rail{height:112px}.meeting-call-view .participant-rail .participant-card{width:150px;min-width:150px;height:110px;min-height:110px;flex-basis:150px}.meeting-call-view .participant-rail .participant-avatar{width:44px;font-size:18px}.meeting-call-view .participant-rail .participant-name{padding:6px 7px;font-size:10px}.meeting-call-view .mobile-controls{border-top-color:#ffffff21;background:#171717}.meeting-call-view .mobile-controls button{color:#d0d0d0}.meeting-call-view .mobile-controls button[aria-pressed=true],.meeting-call-view .mobile-controls button[aria-expanded=true]{background:#f4f4f2;color:#111}.meeting-call-view .mobile-controls button:focus-visible,.meeting-workspace .meeting-shell:has(.meeting-call-view) .mobile-sheet button:focus-visible{outline-color:#fff}.meeting-call-view .mobile-unread-count{background:#f08b8b;color:#111}}@media(max-width:350px){.meeting-call-view .meeting-header .brand-lockup{font-size:16px}.meeting-call-view .participant-rail .participant-card{width:138px;min-width:138px;flex-basis:138px}}.ended-room-shell{isolation:isolate;background:#090909;color:#f4f4f2}.ended-room-shell:before{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(255,255,255,.16) 1px,transparent 1.4px);background-size:25px 25px;content:"";pointer-events:none}.ended-room-shell .ended-room-header{position:relative;z-index:1;display:flex;min-height:68px;flex:none;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);background:#090909db}.ended-room-shell .ended-room-header .brand-lockup{font-size:21px}.ended-room-header-note{color:#aaa;font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.ended-room-shell .ended-room-layout{position:relative;z-index:1;display:grid;width:100%;max-width:1500px;min-height:0;flex:1;grid-template-columns:minmax(0,1.14fr) minmax(310px,.86fr);align-items:stretch;gap:clamp(20px,3vw,42px);margin:0 auto;padding:clamp(24px,4vh,48px) clamp(24px,4vw,64px)}.ended-room-shell .ended-room-card{display:flex;min-width:0;max-width:none;flex-direction:column;align-items:flex-start;justify-content:center;margin:0;padding:20px clamp(0px,2vw,28px)}.ended-room-shell .ended-room-card>p.ended-room-kicker{display:flex;align-items:center;gap:10px;margin:0;color:#c9c9c9;font-size:11px;font-weight:650;letter-spacing:.13em;line-height:1.3;text-transform:uppercase}.ended-room-kicker span{width:7px;height:7px;flex:none;border-radius:50%;background:#f4f4f2}.ended-room-shell .ended-room-card h1{margin:24px 0 16px;color:#f4f4f2;font-size:clamp(48px,5.4vw,76px);font-weight:550;letter-spacing:-.075em;line-height:1.04}.ended-room-shell .ended-room-card h1 span{color:#898989}.ended-room-shell .ended-room-card>p.ended-room-description{max-width:455px;margin:0;color:#bcbcbc;font-size:14px;line-height:1.65}.ended-room-shell .ended-room-card .recording-status{max-width:455px;margin-top:14px;padding:0;border:0;color:#c8c8c8}.ended-room-shell .ended-room-card .recording-status-dot{background:#eee;box-shadow:0 0 0 3px #ffffff1a}.ended-room-shell .ended-room-card .recording-status--error{color:#ffb9b9}.ended-room-shell .ended-room-card .recording-status--error .recording-status-dot{background:#f08b8b}.ended-room-shell .ended-room-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.ended-room-shell .ended-room-actions button{display:inline-flex;min-height:48px;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:0 19px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.ended-room-shell .ended-room-actions .leave-button{border:1px solid #f4f4f2;background:#f4f4f2;color:#111}.ended-room-shell .ended-room-actions .leave-button:hover{background:#fff;box-shadow:0 0 0 4px #ffffff1a}.ended-room-shell .ended-room-actions .ended-board-button{border:1px solid rgba(255,255,255,.4);background:#242424;color:#f4f4f2}.ended-room-shell .ended-room-actions .ended-board-button:hover{border-color:#fff;background:#303030}.ended-room-shell .ended-room-actions button:focus-visible{outline:2px solid #fff;outline-offset:3px}.ended-room-shell .ended-room-card>p.ended-room-note{max-width:455px;margin:30px 0 0;color:#888;font-size:11px;line-height:1.5}.ended-room-chat{position:relative;display:flex;min-width:0;min-height:0;isolation:isolate}.ended-room-layout--initial .ended-room-chat{animation:ended-chat-rise .56s cubic-bezier(.2,.8,.2,1) both}.ended-room-layout--initial .ended-room-chat:after{position:absolute;z-index:2;right:8%;bottom:-20px;left:8%;height:90px;background-image:radial-gradient(circle,rgba(255,255,255,.42) 1.5px,transparent 2px);background-size:22px 22px;content:"";pointer-events:none;animation:ended-chat-dots .62s ease-out both;-webkit-mask-image:linear-gradient(transparent,#000 45%,transparent);mask-image:linear-gradient(transparent,#000 45%,transparent)}.ended-room-shell .ended-room-chat .chat-panel{width:100%;height:100%;min-height:0;max-width:none;border-color:#ffffff2b;border-radius:22px;background:#1b1b1b;box-shadow:0 20px 50px #00000038}.ended-room-shell .chat-panel-header{border-bottom-color:#ffffff24}.ended-room-shell .chat-panel-header h2{color:#f4f4f2}.ended-room-shell .chat-panel .panel-eyebrow,.ended-room-shell .chat-connection{color:#aaa}.ended-room-shell .chat-connection--connected{color:#dedede}.ended-room-shell .chat-empty{color:#aaa}.ended-room-shell .chat-message{border-color:#ffffff1f;background:#292929;color:#eee}.ended-room-shell .chat-message--own{border-color:#ffffff40;background:#e8e8e5;color:#111}.ended-room-shell .chat-message-heading,.ended-room-shell .chat-message-heading time{color:#aaa}.ended-room-shell .chat-message--own .chat-message-heading,.ended-room-shell .chat-message--own .chat-message-heading time{color:#555}.ended-room-shell .chat-message>p{color:inherit}.ended-room-shell .chat-message-state{color:#b5b5b5}.ended-room-shell .chat-message--own .chat-message-state{color:#555}.ended-room-shell .chat-message-state--error{color:#ff9b9b}.ended-room-shell .chat-message--own .chat-message-state--error{color:#b52f2f}.ended-room-shell .chat-composer{border-top-color:#ffffff1f}.ended-room-shell .chat-composer input{border-color:#ffffff38;border-radius:999px;background:#242424;color:#f4f4f2}.ended-room-shell .chat-composer input:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff1a}.ended-room-shell .chat-composer input::placeholder{color:#999}.ended-room-shell .chat-icon-button{border-color:#ffffff2e;background:#292929;color:#e5e5e5}.ended-room-shell .chat-send-button{border-color:#f4f4f2;background:#f4f4f2;color:#111}.ended-room-shell .chat-icon-button:focus-visible,.ended-room-shell .chat-send-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.ended-room-shell .chat-image-card,.ended-room-shell .chat-file-card,.ended-room-shell .chat-draft-file{border-color:#ffffff2e;background:#252525;color:#eee}.ended-room-shell .chat-image-preview,.ended-room-shell .chat-draft-file img{background:#171717}.ended-room-shell .chat-image-card figcaption{color:#d7d7d7}.ended-room-shell .chat-image-card figcaption button,.ended-room-shell .chat-download-all,.ended-room-shell .chat-draft-file button{border-color:#fff3;background:#343434;color:#f4f4f2}.ended-room-shell .chat-file-card:hover,.ended-room-shell .chat-image-card figcaption button:hover,.ended-room-shell .chat-download-all:hover{background:#404040}.ended-room-shell .chat-file-card__type{background:#ffffff21}.ended-room-shell .chat-message--own .chat-image-card,.ended-room-shell .chat-message--own .chat-file-card{border-color:#00000024;background:#dededb;color:#111}.ended-room-shell .chat-message--own .chat-image-card figcaption{color:#333}.ended-room-shell .chat-message--own .chat-image-card figcaption button,.ended-room-shell .chat-message--own .chat-download-all{border-color:#00000026;background:#d5d5d2;color:#111}.ended-room-shell .chat-image-lightbox{border-color:#ffffff38;background:#171717;color:#f4f4f2}.ended-room-shell .chat-image-lightbox header{color:#ddd}.ended-room-shell .chat-image-lightbox header button{background:#303030;color:#fff}.ended-room-shell .ended-room-board-layer{z-index:10;border-radius:24px 24px 0 0;background:#f4f6f8;box-shadow:0 -22px 70px #ffffff21;animation:ended-board-rise .42s cubic-bezier(.22,1,.36,1) both}.ended-room-shell .ended-room-board-layer:before{position:absolute;top:-70px;right:0;left:0;height:70px;background-image:radial-gradient(circle,rgba(255,255,255,.58) 1.5px,transparent 2px);background-size:22px 22px;content:"";pointer-events:none;animation:ended-board-dots .42s ease-out both;-webkit-mask-image:linear-gradient(transparent,#000 55%,transparent);mask-image:linear-gradient(transparent,#000 55%,transparent)}.ended-room-shell .ended-room-board-layer--closing{animation:ended-board-leave .42s cubic-bezier(.64,0,.78,0) both}.ended-room-shell .ended-room-board-layer--closing:before{animation:ended-board-dots .42s ease-in reverse both}.ended-room-shell .ended-room-board-layer .board-studio{border-radius:24px 24px 0 0}.ended-room-shell .ended-room-board-layer .board-loading{display:grid;height:100%;place-items:center;background:#f4f6f8;color:#3c4448}@keyframes ended-chat-rise{0%{opacity:0;transform:translate3d(0,72px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes ended-chat-dots{0%{opacity:0;transform:translateY(30px)}35%{opacity:.7}to{opacity:0;transform:translateY(-90px)}}@keyframes ended-board-rise{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes ended-board-leave{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}@keyframes ended-board-dots{0%{opacity:.9}to{opacity:0}}@media(max-width:760px){.ended-room-shell{min-height:0}.ended-room-shell .ended-room-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(340px,1fr);gap:20px;overflow-y:auto;padding:18px max(16px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.ended-room-shell .ended-room-card{width:100%;padding:16px 2px 4px}.ended-room-shell .ended-room-card h1{margin:16px 0 12px;font-size:clamp(43px,10vw,60px)}.ended-room-shell .ended-room-card>p.ended-room-description{font-size:13px;line-height:1.55}.ended-room-shell .ended-room-actions{margin-top:20px}.ended-room-shell .ended-room-card>p.ended-room-note{margin-top:20px}.ended-room-chat,.ended-room-shell .ended-room-chat .chat-panel{min-height:340px}}@media(max-width:390px){.ended-room-header-note{display:none}.ended-room-shell .ended-room-actions{width:100%;flex-direction:column}.ended-room-shell .ended-room-actions button{width:100%}}@media(max-height:500px)and (pointer:coarse){.ended-room-shell .ended-room-layout{grid-template-rows:auto minmax(280px,1fr)}.ended-room-chat,.ended-room-shell .ended-room-chat .chat-panel{min-height:280px}}@media(prefers-reduced-motion:reduce){.ended-room-layout--initial .ended-room-chat,.ended-room-layout--initial .ended-room-chat:after,.ended-room-shell .ended-room-board-layer,.ended-room-shell .ended-room-board-layer:before{animation:none}.ended-room-shell .ended-room-actions button{transition:none}}.meeting-call-view .meeting-content--chat-open{grid-template-columns:minmax(0,1fr) clamp(300px,27vw,350px)}.meeting-workspace .chat-panel{border:1px solid rgba(255,255,255,.17);border-radius:22px;background:#1a1a1a;box-shadow:0 18px 42px #00000040;color:#f4f4f2}.meeting-workspace .chat-panel-header{min-height:74px;padding:16px 17px 14px;border-bottom:1px solid rgba(255,255,255,.12);background:#202020}.meeting-workspace .chat-panel-header .panel-eyebrow{color:#a9a9a9;font-size:10px}.meeting-workspace .chat-panel-header h2{margin-top:5px;color:#f4f4f2;font-size:19px;font-weight:650}.meeting-workspace .chat-connection{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#bdbdbd;font-size:10px}.meeting-workspace .chat-connection:before{width:6px;height:6px;flex:none;border-radius:50%;background:#888;content:""}.meeting-workspace .chat-connection--connected{color:#e8e8e8}.meeting-workspace .chat-connection--connected:before{background:#f4f4f2;box-shadow:0 0 0 3px #ffffff17}.meeting-workspace .chat-connection--offline{color:#ffc0c0}.meeting-workspace .chat-connection--offline:before{background:#f08b8b}.meeting-workspace .chat-empty{color:#a5a5a5}.meeting-workspace .chat-message-list{padding:17px 14px;scrollbar-color:#545454 transparent}.meeting-workspace .chat-message{border-color:#ffffff1f;background:#2a2a2a;color:#f1f1f1}.meeting-workspace .chat-message--own{border-color:#f4f4f2;background:#f4f4f2;color:#111}.meeting-workspace .chat-message-heading,.meeting-workspace .chat-message-heading time{color:#aaa}.meeting-workspace .chat-message--own .chat-message-heading,.meeting-workspace .chat-message--own .chat-message-heading time{color:#555}.meeting-workspace .chat-message>p{color:inherit}.meeting-workspace .chat-message-state{color:#b5b5b5}.meeting-workspace .chat-message--own .chat-message-state{color:#555}.meeting-workspace .chat-message-state--error{color:#ff9b9b}.meeting-workspace .chat-message--own .chat-message-state--error{color:#b52f2f}.meeting-workspace .chat-composer{gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.12);background:#202020}.meeting-workspace .chat-composer input{min-height:46px;border-color:#fff3;border-radius:999px;background:#292929;color:#f4f4f2;font-size:12px}.meeting-workspace .chat-composer input::placeholder{color:#999}.meeting-workspace .chat-composer input:focus{border-color:#f4f4f2;box-shadow:0 0 0 3px #ffffff17}.meeting-workspace .chat-icon-button,.meeting-workspace .chat-send-button{width:42px;height:42px;border-radius:14px}.meeting-workspace .chat-icon-button{border-color:#fff3;background:#2d2d2d;color:#e5e5e5}.meeting-workspace .chat-icon-button:hover:not(:disabled){border-color:#ffffff73;background:#383838}.meeting-workspace .chat-send-button{border-color:#f4f4f2;background:#f4f4f2;color:#111}.meeting-workspace .chat-send-button:hover:not(:disabled){background:#fff}.meeting-workspace .chat-panel button:focus-visible,.meeting-workspace .chat-panel input:focus-visible{outline:2px solid #fff;outline-offset:2px}.meeting-workspace .chat-image-card,.meeting-workspace .chat-file-card,.meeting-workspace .chat-draft-file{border-color:#ffffff2e;background:#252525;color:#eee}.meeting-workspace .chat-image-preview,.meeting-workspace .chat-draft-file img{background:#171717}.meeting-workspace .chat-draft-file button{background:#343434;color:#f4f4f2}.meeting-workspace .chat-image-card figcaption{color:#d7d7d7}.meeting-workspace .chat-image-card figcaption button,.meeting-workspace .chat-download-all{border-color:#fff3;background:#343434;color:#f4f4f2}.meeting-workspace .chat-file-card:hover,.meeting-workspace .chat-image-card figcaption button:hover,.meeting-workspace .chat-download-all:hover{background:#404040}.meeting-workspace .chat-file-card__type{background:#ffffff21}.meeting-workspace .chat-message--own .chat-image-card,.meeting-workspace .chat-message--own .chat-file-card{border-color:#00000024;background:#dededb;color:#111}.meeting-workspace .chat-message--own .chat-image-card figcaption{color:#333}.meeting-workspace .chat-message--own .chat-image-card figcaption button,.meeting-workspace .chat-message--own .chat-download-all{border-color:#00000026;background:#d5d5d2;color:#111}.meeting-workspace .chat-image-lightbox{border-color:#ffffff38;background:#171717;color:#f4f4f2}.meeting-workspace .chat-image-lightbox header{color:#ddd}.meeting-workspace .chat-image-lightbox header button{background:#303030;color:#fff}.meeting-call-view .meeting-content--chat-open>.chat-panel,.meeting-workspace .board-chat-drawer{animation:call-chat-enter .28s cubic-bezier(.2,.8,.2,1) both}.meeting-workspace .board-chat-drawer{border-color:#ffffff38;border-radius:20px;box-shadow:0 20px 55px #00000052}.meeting-workspace .board-chat-drawer .chat-panel{height:100%;border:0;border-radius:0}.meeting-workspace .board-studio-actions .board-mobile-chat{border-color:#c9c9c9;background:#fff;color:#252525}.meeting-workspace .board-studio-actions .board-mobile-chat:hover,.meeting-workspace .board-studio-actions .board-mobile-chat.is-active{border-color:#242424;background:#242424;color:#f4f4f2}.meeting-workspace .mobile-sheet--chat{border-color:#fff3;background:#1a1a1a;color:#f4f4f2;animation:call-chat-sheet-enter .28s cubic-bezier(.2,.8,.2,1) both}.meeting-workspace .mobile-sheet--chat .mobile-sheet-header{border-bottom-color:#ffffff1f;background:#202020}.meeting-workspace .mobile-sheet--chat .mobile-sheet-header h2{color:#f4f4f2}.meeting-workspace .mobile-sheet--chat .mobile-sheet-close{background:#303030;color:#f4f4f2}.meeting-workspace .mobile-sheet--chat .chat-panel{border:0;border-radius:0;box-shadow:none}.meeting-workspace .mobile-sheet--chat button:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes call-chat-enter{0%{opacity:0;transform:translate3d(24px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes call-chat-sheet-enter{0%{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translateZ(0)}}@media(max-width:650px),(max-height:430px)and (pointer:coarse){.meeting-call-view .meeting-content--chat-open{grid-template-columns:minmax(0,1fr)}.meeting-workspace .mobile-sheet--chat .chat-panel-header{min-height:60px;padding:10px max(13px,env(safe-area-inset-right)) 10px max(13px,env(safe-area-inset-left))}.meeting-workspace .mobile-sheet--chat .chat-icon-button,.meeting-workspace .mobile-sheet--chat .chat-send-button{width:44px;height:48px}}@media(prefers-reduced-motion:reduce){.meeting-call-view .meeting-content--chat-open>.chat-panel,.meeting-workspace .board-chat-drawer,.meeting-workspace .mobile-sheet--chat{animation:none}}:root{font-family:Manrope,Segoe UI,sans-serif;color:#f4f4f2;background:#090909;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.landing-shell{position:relative;display:flex;min-height:100vh;min-height:100svh;flex-direction:column;isolation:isolate;overflow:hidden;padding:30px clamp(24px,4.3vw,68px) 27px;background:#090909;color:#f4f4f2}.landing-shell--home:before,.lobby-shell:before{position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse at 50% 46%,#090909ad,#0909096b 27%,#0909090a 72%);content:"";pointer-events:none}.landing-dot-field{position:absolute;z-index:0;inset:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.31) 1.3px,transparent 1.7px);background-size:25px 25px;pointer-events:none}.landing-dot-field--animated{background-image:none}.landing-topbar,.brand-lockup,.welcome-card,.landing-footer{position:relative;z-index:2}.landing-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-lockup{display:inline-flex;width:max-content;align-items:center;color:#f4f4f2;font-size:22px;font-weight:700;letter-spacing:-.07em}.landing-header-note{color:#9b9b9b;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.welcome-card{width:min(800px,100%);margin:auto;padding:70px 0 72px;text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:#b5b5b5;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.status-dot{width:5px;height:5px;flex:none;border-radius:50%;background:#f4f4f2}.landing-shell h1{margin:18px 0;color:#f4f4f2;font-size:clamp(53px,7vw,83px);font-weight:600;letter-spacing:-.067em;line-height:1.03}.landing-shell h1 span{color:#929292}:is(.landing-shell--home,.lobby-shell) .typewriter-heading{min-height:2.06em;transition:min-height .35s ease}:is(.landing-shell--home,.lobby-shell) .typewriter-heading--complete{min-height:1.03em}:is(.landing-shell--home,.lobby-shell) .typewriter-line{display:grid;width:max-content;max-width:100%;margin-inline:auto;text-align:left}:is(.landing-shell--home,.lobby-shell) .typewriter-line:before{grid-area:1 / 1;content:attr(data-full-text);visibility:hidden}:is(.landing-shell--home,.lobby-shell) .typewriter-line--primary{color:#f4f4f2}:is(.landing-shell--home,.lobby-shell) .typewriter-line--secondary{color:#929292}:is(.landing-shell--home,.lobby-shell) .typewriter-line-content{grid-area:1 / 1;color:inherit;white-space:nowrap}:is(.landing-shell--home,.lobby-shell) .typewriter-cursor{display:inline-block;width:2px;height:.78em;margin-left:3px;background:currentColor;vertical-align:-.06em;animation:typewriter-caret .7s step-end infinite}@keyframes typewriter-caret{50%{opacity:0}}.welcome-card>p{max-width:500px;margin:0 auto;color:#b9b9b9;font-size:15px;line-height:1.6}:is(.landing-shell--home,.lobby-shell) .typewriter-description{display:grid}:is(.landing-shell--home,.lobby-shell) .typewriter-description:before{grid-area:1 / 1;content:attr(data-full-text);visibility:hidden}:is(.landing-shell--home,.lobby-shell) .typewriter-description-content{grid-area:1 / 1}.create-room-form{display:grid;width:min(570px,100%);grid-template-columns:minmax(0,1fr) 205px;align-items:end;gap:12px;margin:35px auto 0;text-align:left}.field-label{display:block;margin-bottom:9px;color:#c3c3c3;font-size:12px;font-weight:600}.create-room-form input{display:block;width:100%;min-height:56px;padding:0 20px;border:1px solid rgba(255,255,255,.46);border-radius:20px;outline:none;background:#ffffff0e;color:#fff;font:inherit;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease}.create-room-form input::placeholder{color:#939393}.create-room-form input:focus-visible{border-color:#fff;box-shadow:0 0 0 4px #ffffff14}.create-room-form input:-webkit-autofill,.create-room-form input:-webkit-autofill:hover,.create-room-form input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #151515}.lobby-shell .create-room-form input:-webkit-autofill:focus-visible{box-shadow:inset 0 0 0 1000px #151515,0 0 0 4px #ffffff14}.primary-button{display:inline-flex;min-height:56px;align-items:center;justify-content:space-between;gap:13px;overflow:hidden;padding:0 15px 0 21px;border:1px solid #f5f5f2;border-radius:20px;background:#f5f5f2;color:#111;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.primary-button:hover:not(:disabled){transform:translateY(-2px);border-color:#fff;background:#fff;box-shadow:0 10px 30px #ffffff24}.primary-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.primary-button:disabled{cursor:not-allowed}.primary-button span{display:grid;width:29px;height:29px;flex:none;place-items:center;border-radius:50%;background:#151515;color:#fff;font-size:18px;font-weight:400;line-height:1;transition:transform .22s ease}.primary-button:hover:not(:disabled) span{transform:translate(2px,-2px)}.create-room-form .primary-button{grid-column:2;grid-row:1;width:100%}.form-error{grid-column:1 / -1;grid-row:2;margin:0;color:#ffb1b3;font-size:13px}.landing-shell--home .create-room-form{display:block;width:min(600px,100%);margin-top:36px}.landing-shell--home .field-label{margin-bottom:10px;animation:connect-label-arrive .4s .55s both}.create-room-capsule{position:relative;min-height:68px;padding:5px;border:1px solid rgba(255,255,255,.46);border-radius:34px;background:#ffffff0e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:connect-shell-arrive .7s .18s both;transition:border-color .2s ease,box-shadow .2s ease}.create-room-capsule:focus-within{border-color:#fff;box-shadow:0 0 0 4px #ffffff14}.landing-shell--home .create-room-capsule input{width:calc(100% - 225px);height:56px;min-height:0;padding:0 20px;border:0;border-radius:0;background:transparent;animation:connect-input-arrive .55s .38s both}.landing-shell--home .create-room-capsule input:focus-visible{border:0;box-shadow:none}.landing-shell--home .create-room-capsule .primary-button{position:absolute;top:5px;left:calc(100% - 223px);width:218px;height:56px;min-height:0;border:0;border-radius:29px;animation:connect-button-travel .85s .16s both;transition:box-shadow .22s ease,background .22s ease}.landing-shell--home .primary-button:hover:not(:disabled){transform:none;box-shadow:0 0 0 4px #ffffff1a,0 0 30px #ffffff2e}.landing-shell--home .primary-button span,.landing-shell--home .primary-button:hover:not(:disabled) span{transform:none;transition:none}.landing-shell--home .form-error{margin-top:10px}@keyframes connect-button-travel{0%{left:5px}to{left:calc(100% - 223px)}}@keyframes connect-input-arrive{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes connect-shell-arrive{0%{border-color:transparent;background:transparent}to{border-color:#ffffff75;background:#ffffff0e}}@keyframes connect-label-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.welcome-footnote{margin-top:15px;color:#828282;font-size:11px}.welcome-footnote span{margin-right:7px;color:#c7c7c7}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#777;font-size:11px;letter-spacing:.04em}.lobby-shell .create-room-form{display:block;width:min(600px,100%);margin-top:36px}.lobby-shell .field-label{margin-bottom:10px}.lobby-shell .create-room-capsule{animation:none}.lobby-shell .create-room-capsule input{width:calc(100% - 225px);height:56px;min-height:0;padding:0 20px;border:0;border-radius:0;background:transparent}.lobby-shell .create-room-capsule input:focus-visible{border:0;box-shadow:none}.lobby-shell .create-room-capsule .primary-button{position:absolute;top:5px;left:calc(100% - 223px);width:218px;height:56px;min-height:0;margin:0;border:0;border-radius:29px;transition:box-shadow .22s ease,background .22s ease}.lobby-shell .primary-button:hover:not(:disabled){transform:none;box-shadow:0 0 0 4px #ffffff1a,0 0 30px #ffffff2e}.lobby-shell .primary-button span,.lobby-shell .primary-button:hover:not(:disabled) span{transform:none;transition:none}.lobby-shell .form-error{margin-top:10px}@media(max-width:700px){.landing-shell{padding:24px}.landing-header-note{display:none}.welcome-card{padding:60px 0 65px}.landing-shell h1{font-size:clamp(46px,10.8vw,69px)}.landing-shell--home .create-room-form{margin-top:30px}.landing-shell--home .field-label{animation:none}.landing-shell--home .create-room-capsule{display:grid;gap:11px;padding:0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}.landing-shell--home .create-room-capsule:focus-within{border:0;box-shadow:none}.landing-shell--home .create-room-capsule input{width:100%;height:57px;padding:0 18px;border:1px solid rgba(255,255,255,.46);border-radius:26px;background:#ffffff0e;animation:none}.landing-shell--home .create-room-capsule input:focus-visible{border:1px solid #fff;box-shadow:0 0 0 4px #ffffff14}.landing-shell--home .create-room-capsule .primary-button{position:relative;top:auto;left:auto;grid-column:auto;grid-row:auto;width:100%;height:57px;border-radius:26px;animation:none}.lobby-shell .create-room-capsule{display:grid;gap:11px;padding:0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.lobby-shell .create-room-capsule:focus-within{border:0;box-shadow:none}.lobby-shell .create-room-capsule input{width:100%;height:57px;padding:0 18px;border:1px solid rgba(255,255,255,.46);border-radius:26px;background:#ffffff0e}.lobby-shell .create-room-capsule input:focus-visible{border:1px solid #fff;box-shadow:0 0 0 4px #ffffff14}.lobby-shell .create-room-capsule .primary-button{position:relative;top:auto;left:auto;grid-column:auto;grid-row:auto;width:100%;height:57px;border-radius:26px}}@media(max-width:390px){.landing-shell h1{font-size:45px}.welcome-card>p{font-size:14px}.landing-footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.landing-shell--home .field-label,.create-room-capsule,.landing-shell--home .create-room-capsule input,.landing-shell--home .create-room-capsule .primary-button{animation:none}:is(.landing-shell--home,.lobby-shell) .typewriter-heading{transition:none}:is(.landing-shell--home,.lobby-shell) .typewriter-cursor{animation:none}.primary-button,.primary-button span{transition:none}}.landing-shell--home .create-room-capsule input:-webkit-autofill,.landing-shell--home .create-room-capsule input:-webkit-autofill:hover,.landing-shell--home .create-room-capsule input:-webkit-autofill:focus{box-shadow:inset 0 0 0 1000px #151515}@media(max-width:700px){.landing-shell--home .create-room-capsule input:-webkit-autofill:focus-visible{box-shadow:inset 0 0 0 1000px #151515,0 0 0 4px #ffffff14}}