@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.lobby-welcome{gap:65px;align-items:start;padding-top:55px;padding-bottom:55px}.lobby-welcome h1{font-size:clamp(42px,4.5vw,61px);letter-spacing:-2.8px;margin-top:22px}.lobby-welcome .intro>p{font-size:14px}.rooms-heading{display:flex;align-items:center;justify-content:space-between;margin-top:33px;margin-bottom:14px}.rooms-heading h2{display:flex;align-items:center;gap:8px;font:500 13px DM Sans,sans-serif;margin:0}.rooms-heading h2>span{font-size:10px;color:#a99dbe;background:#27222f;border:1px solid #3a3048;border-radius:5px;padding:2px 6px;margin-left:4px}.rooms-heading>.icon-button{color:#8c819f}.rooms-list{display:flex;flex-direction:column;gap:9px;max-height:345px;overflow-y:auto;padding:2px 5px 2px 0;scrollbar-width:thin;scrollbar-color:#433850 transparent}.room-card{display:flex;align-items:center;text-align:left;gap:13px;min-height:76px;width:100%;border:1px solid #2d2938;background:#19171f;border-radius:11px;padding:14px;color:#c0b9cb;flex-shrink:0}.room-card.selected{border-color:#ab91ee;background:linear-gradient(100deg,#a991ff18,#a991ff06)}.room-card-icon{background:#a991ff12;color:#aa95d1;border:1px solid #a991ff16;border-radius:10px;width:39px;height:39px;flex-shrink:0;display:grid;place-items:center}.room-card-text{flex:1;min-width:0}.room-card-text strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere;line-height:1.4}.room-card-text small{display:block;font-size:10px;font-weight:400;color:#8c819a;margin-top:5px}.room-badge{font-size:9px;font-weight:500;white-space:nowrap;border-radius:5px;padding:5px 6px;background:#b9a2ff12;color:#b5a2d5}.room-badge.open{background:#84cba812;color:#93baa7}.room-card>svg{color:#7c6d92;flex-shrink:0}.new-room-link{font-size:11px;padding:14px 0;background:transparent;color:#b19bcf}.rooms-empty{font-size:13px;color:#9790a3;padding:20px 0}.lobby-tabs{display:flex;border:1px solid #39313f;background:#15131a;border-radius:9px;padding:4px;gap:5px;margin:25px 0}.lobby-tabs button{flex:1;background:transparent;color:#8d839b;padding:9px;border-radius:6px;font-size:11px}.lobby-tabs button[aria-pressed=true]{background:#32283f;color:#d3bcfc}.chosen-room{border:1px solid #3a3047;background:#a991ff08;border-radius:9px;margin-top:22px;padding:15px}.chosen-room>small{display:block;font-size:8px;letter-spacing:1.6px;color:#8d7ca4;margin-bottom:9px}.chosen-room strong{font-size:15px;font-weight:500;display:block;overflow-wrap:anywhere}.chosen-room>span{display:block;font-size:10px;color:#90819f;margin-top:8px;line-height:1.6}.checkbox-label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;margin:24px 0 10px}.checkbox-label input{width:17px;height:17px;padding:0;flex-shrink:0;accent-color:#b8a1ff;margin:1px 0}.checkbox-label>span{display:block;margin:0;font-size:12px;color:#ccc2d8;font-weight:400;line-height:1.5}.checkbox-label small{display:block;font-size:10px;color:#8d829b;margin-top:5px}.lobby-welcome .join-card{position:sticky;top:25px}.lobby-welcome .features{margin-top:10px}.lobby-welcome .join-card>p{margin-bottom:0}@media(max-width:1000px){.lobby-welcome{gap:35px;padding-left:30px;padding-right:30px}.room-card{gap:9px;padding:12px}.room-card-icon{width:32px;height:32px}.room-badge{font-size:8px}.room-card>svg{display:none}.lobby-welcome .join-card{padding:26px}}@media(max-width:720px){.lobby-welcome{padding:36px 22px;gap:28px}.lobby-welcome h1{font-size:49px}.lobby-welcome .join-card{position:static}.rooms-list{max-height:300px}.room-card{min-height:72px}.lobby-welcome .features{gap:16px}.rooms-heading{margin-top:26px}}:root{font-family:DM Sans,sans-serif;color:#ececf0;background:#101116;font-synthesis:none;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;font-weight:600;transition:background .18s,transform .18s}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #b9a5ff;outline-offset:4px}button:active{transform:translateY(1px)}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c;padding:0 5.5%;gap:20px}.brand{display:flex;align-items:center;gap:0;color:#f6f5fa;text-decoration:none;font:700 25px Space Grotesk,sans-serif;letter-spacing:-1px}.brand>span:not(.brand-icon){color:#a895ff}.brand-icon{width:43px;height:43px;margin-right:11px;display:grid;place-items:center;background:#a995ff;color:#191326;border-radius:13px}.brand small{font:600 9px DM Sans,sans-serif;letter-spacing:1.2px;color:#aaa3bb;margin-left:12px;border:1px solid #35313e;border-radius:5px;padding:4px 5px}.header-note{font-size:12px;color:#9696a6;display:flex;align-items:center;gap:9px}.dot{display:inline-block;height:7px;width:7px;flex-shrink:0;border-radius:50%;background:#a996ff;box-shadow:0 0 12px #a996ff33}.landing{min-height:100dvh;background:radial-gradient(ellipse at 24% 35%,#63509b0d,transparent 55%)}.welcome{max-width:1210px;min-height:calc(100dvh - 171px);margin:auto;padding:65px 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.eyebrow{color:#b6a7df;letter-spacing:2px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:9px}.eyebrow span{height:5px;width:5px;background:#b6a7df;border-radius:50%}h1,h2{font-family:Space Grotesk,sans-serif}h1{font-size:clamp(48px,5vw,70px);line-height:1.08;letter-spacing:-3.5px;margin:25px 0 21px;font-weight:500}h1 em{font-style:normal;color:#b7a3ff}.intro>p{color:#9695a5;font-size:15px;line-height:1.8}.screen-art{margin:33px 0 25px;max-width:430px;background:#191922;border:1px solid #34303f;border-radius:12px;overflow:hidden;transform:rotate(-2deg);box-shadow:12px 15px 0 -5px #17151f,12px 15px 0 -4px #302a40}.art-top{height:35px;background:#201e2a;display:flex;align-items:center;gap:5px;padding:0 12px}.art-top i{height:5px;width:5px;background:#5b536c;border-radius:50%}.art-top span{font-size:9px;color:#8b839d;flex:1;text-align:center}.art-top b{font-size:7px;color:#c0b0ff;letter-spacing:1px}.art-content{height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#a896d8;background:radial-gradient(ellipse at center,#8068b324,transparent 80%)}.art-content span{font-size:11px;color:#b2a7c7}.art-bottom{display:flex;align-items:center;padding:12px 17px;border-top:1px solid #ffffff09}.art-bottom>span{height:25px;width:25px;display:grid;place-items:center;border-radius:50%;background:#393043;border:2px solid #191922;font-size:8px;color:#d5c4ee;margin-right:-5px}.art-bottom>span:nth-child(2){background:#2b4140}.art-bottom>span:nth-child(3){background:#3f344f}.art-bottom small{font-size:10px;color:#878090;margin-left:14px;flex:1}.art-bottom svg{color:#847695}.features{display:flex;flex-wrap:wrap;gap:17px;color:#898595;margin-top:32px}.features span{display:flex;align-items:center;gap:6px;font-size:10px}.features svg{color:#af9bd8}.join-card{border:1px solid #303039;background:linear-gradient(145deg,#202027,#19191f);border-radius:20px;padding:35px;box-shadow:0 30px 70px #0002}.card-icon{height:46px;width:46px;display:grid;place-items:center;border:1px solid #a991ff30;background:#a991ff0f;border-radius:13px;color:#b7a3ff}.join-card h2{font-size:28px;letter-spacing:-1px;font-weight:500;margin:23px 0 7px}.join-card>p{font-size:13px;color:#8f8d9c;margin:0 0 30px}label{display:block;font-size:12px;font-weight:500;margin:20px 0 9px}label span{display:block;font-size:10px;font-weight:400;color:#8a8795;margin-top:5px}input{width:100%;height:46px;border:1px solid #39363f;border-radius:8px;background:#141419;padding:0 13px;color:#ececf0;outline:none;font-size:13px}input::placeholder{color:#65616f}input:focus{border-color:#a38ade;box-shadow:0 0 0 3px #a38ade10}.password-field{position:relative}.password-field>svg{position:absolute;top:14px;left:13px;color:#797282}.password-field input{padding-left:39px}.primary{background:#b8a1ff;color:#211733;border-radius:8px;padding:13px 18px;font-size:12px}.join-button{width:100%;margin-top:25px;justify-content:space-between;height:47px}.privacy{display:flex;gap:10px;align-items:center;color:#84808e;font-size:10px;line-height:1.65;border-top:1px solid #ffffff09;margin-top:26px;padding-top:20px}.privacy svg{color:#9b8eb5;flex-shrink:0}footer{height:71px;border-top:1px solid #ffffff09;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;color:#65616f;font-size:10px}.error{background:#f2748712;color:#ffc1c8;border:1px solid #f2748730;border-radius:8px;padding:12px;font-size:12px;line-height:1.6;margin-top:15px}.secondary{background:#23232d;border:1px solid #383643;color:#d1ccdf;border-radius:8px;padding:11px 15px;font-size:12px}.room-app{min-height:100dvh;display:flex;flex-direction:column}.room-app header{height:84px;padding:0 30px}.room-title{display:flex;align-items:center;gap:10px;font-size:13px}.room-title small{color:#74717e;font-size:11px}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;flex:1}.stage-area{padding:27px 30px;min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:#aeabb9;font-size:12px}.section-title>span{display:flex;align-items:center;gap:9px}.section-title small{color:#6d697b;font-size:10px}.section-title b{background:#292632;padding:4px 7px;border-radius:5px;font-size:10px}.stage{position:relative;min-height:450px;aspect-ratio:16/9;max-height:calc(100dvh - 240px);background:#15151c;border:1px solid #2b2834;border-radius:14px;overflow:hidden;display:grid;place-items:center}.stage:fullscreen{max-height:none;border:0;border-radius:0;background:#000}.stage video{height:100%;width:100%;min-height:0;object-fit:contain;position:absolute;top:0;right:0;bottom:0;left:0}.empty-stage{text-align:center;padding:25px}.empty-icon{display:grid;place-items:center;height:90px;width:90px;background:#a995ff09;border:1px solid #a995ff20;border-radius:25px;margin:auto;color:#a38dd0}.empty-stage h2{font-size:25px;font-weight:500;letter-spacing:-1px;margin:25px 0 12px}.empty-stage p{font-size:13px;color:#8a859b;line-height:1.8;margin-bottom:26px}.empty-stage>small{display:block;color:#625d70;font-size:10px;margin-top:20px;line-height:1.6}.participants{border-left:1px solid #ffffff09;background:#14141a;padding:29px 20px;display:flex;flex-direction:column}.person{display:flex;gap:11px;align-items:center;margin:22px 0}.avatar{height:38px;width:38px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:#a38ade20;color:#c2a9f3;font-size:12px;border:1px solid #a38ade25}.avatar.speaking{border-color:#98d6b2;box-shadow:0 0 0 3px #98d6b214}.person>div{flex:1;min-width:0}.person strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.person strong small{color:#7f788e;font-weight:400}.person div>span{display:block;color:#716a81;font-size:10px;margin-top:5px}.person>svg{color:#746d83;flex-shrink:0}.aside-note{margin-top:auto;border:1px solid #302a3d;background:#a38ade06;border-radius:10px;padding:14px;color:#8e7ca8}.aside-note p{font-size:11px;line-height:1.8;margin-bottom:0}.controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff0c;min-height:92px;padding:15px 30px}.controls>div:first-child{font-size:10px;color:#827c91;display:flex;align-items:center;gap:8px}.control-buttons{display:flex;gap:10px}.controls>small{font-size:10px;color:#625c70}.leave{background:#eb76851a;color:#ec9ba7;padding:12px 16px;border:1px solid #eb768522;border-radius:8px;font-size:12px}.enabled{border-color:#a795d0}.video-label{position:absolute;bottom:12px;left:12px;right:12px;background:#101116df;border:1px solid #ffffff12;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:9px;font-size:12px;z-index:1}.video-label>button{margin-left:auto}.icon-button{color:inherit;background:transparent;padding:5px;border-radius:5px}.track-picker{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.track-picker button{color:#b9adc9;background:#211d29;border:1px solid #3a304a;border-radius:7px;padding:9px 12px;font-size:11px}.track-picker button.active{border-color:#b8a1ff}.media-error{display:flex;align-items:center;justify-content:space-between}.lk-start-audio-button{position:fixed;bottom:110px;left:30px;padding:12px 18px;background:#b8a1ff;color:#211733;border-radius:8px;z-index:5}@media(min-width:1500px){.welcome{max-width:1350px;gap:150px}.join-card{padding:45px}}@media(max-width:1000px){.welcome{gap:40px;padding:50px 35px}h1{font-size:54px}.features{gap:12px}.room-layout{grid-template-columns:minmax(0,1fr) 235px}.stage{min-height:360px}.controls>div:first-child,.controls>small{display:none}.controls{justify-content:center}}@media(max-width:720px){header{height:78px;padding:0 22px}.brand{font-size:22px}.brand-icon{width:36px;height:36px;border-radius:10px}.header-note{font-size:10px}.welcome{grid-template-columns:1fr;gap:40px;padding:45px 24px}.intro{max-width:460px;margin:auto;width:100%}h1{font-size:57px}.intro>p{font-size:14px}.screen-art{margin-right:12px}.join-card{width:100%;max-width:460px;margin:auto;padding:28px}footer{height:auto;min-height:75px;gap:10px;flex-direction:column;justify-content:center;padding:20px}.room-app header{height:auto;min-height:80px;padding:16px;flex-wrap:wrap}.room-title{order:3;width:100%;justify-content:center}.room-app header>.secondary{font-size:10px;padding:9px}.room-layout{grid-template-columns:1fr}.stage-area{padding:22px 16px}.stage{min-height:370px;max-height:none}.empty-stage{padding:20px 12px}.empty-stage h2{font-size:23px}.participants{border-left:0;border-top:1px solid #ffffff0c;padding:20px 16px}.people{display:flex;flex-wrap:wrap;gap:15px}.person{margin:0;min-width:170px}.aside-note{display:none}.controls{padding:15px 12px;position:sticky;bottom:0;background:#101116f5}.control-buttons{width:100%;justify-content:center;gap:8px}.control-buttons button{padding:12px}.control-buttons button span{font-size:10px}.section-title{margin-bottom:16px}.empty-stage>small{max-width:250px;margin:20px auto 0}}.share-settings{margin-top:25px;border:1px solid #342d40;background:#19161f;border-radius:11px;padding:16px}.share-settings h2{display:flex;align-items:center;gap:8px;font:500 12px DM Sans,sans-serif;margin:0 0 17px;color:#c4b6d8}.share-settings fieldset{padding:0;margin:0;border:0;min-width:0}.share-settings label{margin:0 0 7px;font-size:10px;color:#aca1b9;font-weight:400}.share-settings select{font:400 11px DM Sans,sans-serif;min-width:0;width:100%;height:38px;padding:0 7px;border:1px solid #40364c;border-radius:7px;background:#121015;color:#e0d7ec;outline:none;color-scheme:dark}.share-settings select:focus-visible{border-color:#b8a1ff;box-shadow:0 0 0 2px #b8a1ff20}.share-settings fieldset:disabled{opacity:.6}.quality-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px;margin-bottom:15px}.quality-recommended{font-size:10px;line-height:1.6;color:#b3a0cd;margin:12px 0 0}.quality-recommended strong{font-weight:500;color:#c6b0e6}.quality-help{font-size:10px;line-height:1.65;color:#8e829e;margin:8px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.participants .people{max-height:260px;overflow-y:auto;scrollbar-width:thin}.participants .share-settings,.participants .aside-note{margin-top:20px}.room-app .stage{width:100%;min-width:0}@media(max-width:1000px)and (min-width:721px){.share-settings{padding:12px}.quality-grid{grid-template-columns:1fr;gap:12px}}@media(max-width:720px){.participants .share-settings{width:100%;margin-top:22px}.share-settings select{height:42px;font-size:12px}.share-settings label,.quality-help,.quality-recommended{font-size:11px}}.screen-player .player-hud{transition:opacity .2s ease,visibility .2s ease}.player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-hud .fullscreen-hint{margin-left:auto;font-size:11px;color:#b1a9bf;white-space:nowrap}.player-hud .icon-button{flex-shrink:0;margin-left:auto;min-width:36px;min-height:36px}.player-hud .fullscreen-hint+.icon-button{margin-left:8px}.screen-player:focus-visible{outline:2px solid #b8a1ff;outline-offset:3px}.room-app .stage.screen-player:fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;min-width:0;min-height:0;max-width:none;max-height:none;aspect-ratio:auto;margin:0;padding:0;border:0;border-radius:0;background:#000;display:grid;overflow:hidden;outline:none}.room-app .stage.screen-player:fullscreen video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.screen-player:fullscreen::backdrop{background:#000}.screen-player:fullscreen .player-hud{bottom:0;left:0;right:0;padding:28px 24px 18px;border:0;border-radius:0;background:linear-gradient(transparent,#000c);font-size:13px}.screen-player:fullscreen.hud-hidden,.screen-player:fullscreen.hud-hidden video{cursor:none}.screen-player:fullscreen.hud-hidden .player-hud{opacity:0;visibility:hidden;pointer-events:none}@media(prefers-reduced-motion:reduce){.screen-player .player-hud{transition:none}}@media(max-width:520px){.player-hud .fullscreen-hint{display:none}}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.viewer-modes{display:flex;gap:4px;padding:4px;border:1px solid #38303f;border-radius:10px;background:#16131c}.viewer-modes button{background:transparent;color:#998ba9;padding:9px 12px;border-radius:7px;font-size:11px}.viewer-modes button[aria-pressed=true]{background:#a991ff20;color:#d9c8fa}.viewer-toolbar>span{font-size:11px;color:#8f819e}.stream-choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.stream-choices button{background:#211c29;color:#b9adc8;border:1px solid #393043;border-radius:8px;padding:10px 12px;font-size:11px}.stream-choices button[aria-pressed=true]{border-color:#a991e6;background:#a991ff15;color:#e1d2fb}.stream-choices button:disabled{opacity:1;cursor:default}.stream-check{display:grid;place-items:center;width:16px;height:16px;border:1px solid #655378;border-radius:4px;color:#20152c;flex-shrink:0}.stream-choices button[aria-pressed=true] .stream-check{background:#b8a1ff;border-color:#b8a1ff}.stream-choices .choose-all{border-style:dashed;background:transparent;color:#a996c4}.stream-grid{position:absolute;top:10px;right:10px;bottom:76px;left:10px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:10px;overflow:hidden}.stream-tile{position:relative;flex:none;overflow:hidden;min-width:0;min-height:0;background:#08090c;border:1px solid #3a3146;border-radius:9px}.stream-tile video{object-fit:contain}.stream-tile-hud{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:20px 9px 7px;background:linear-gradient(transparent,#000d);color:#e2dbe9;font-size:11px;transition:opacity .2s,visibility .2s}.stream-tile-hud>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-tile-hud button{margin-left:auto;min-width:30px;min-height:30px;flex-shrink:0}.viewer-mode-shortcut{display:none;background:#ffffff12;color:#ded4eb;border:1px solid #ffffff20;border-radius:7px;padding:7px 10px;font-size:11px}.screen-player:fullscreen .viewer-mode-shortcut{display:inline-flex}.screen-player:fullscreen .stream-grid{top:12px;right:12px;bottom:12px;left:12px}.screen-player:fullscreen.hud-hidden .stream-tile-hud{opacity:0;visibility:hidden;pointer-events:none}.screen-player:fullscreen.hud-hidden *{cursor:none}.room-app .stage.multi-player{aspect-ratio:auto;height:clamp(450px,calc(100dvh - 310px),900px);max-height:none}.room-app .stage.multi-player:fullscreen{height:100dvh}.screen-player:fullscreen .stream-tile{border-radius:5px}.player-hud:has(.viewer-mode-shortcut) .player-name{flex:1}.player-hud:has(.viewer-mode-shortcut) .fullscreen-hint{margin-left:0}@media(max-width:720px){.viewer-modes{width:100%}.viewer-modes button{flex:1}.viewer-toolbar{gap:10px}.room-app .stage.multi-player{height:clamp(440px,75dvh,800px);min-height:0}.stream-choices button{min-height:40px}.screen-player:fullscreen .player-hud{padding:20px 12px 12px}.screen-player:fullscreen .player-hud .player-name{display:none}.screen-player:fullscreen .stream-grid{top:6px;right:6px;bottom:6px;left:6px}}@media(prefers-reduced-motion:reduce){.stream-tile-hud{transition:none}}.single-stream-surface{position:absolute;top:0;right:0;bottom:0;left:0}.stream-volume-menu{position:absolute;z-index:30;width:238px;max-width:calc(100% - 16px);padding:12px;background:#211c29;border:1px solid #544563;border-radius:10px;box-shadow:0 10px 40px #0009;color:#eee6f7;outline:none}.stream-volume-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.stream-volume-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.stream-volume-menu label{display:flex;justify-content:space-between;font-size:12px}.stream-volume-menu label span{color:#c6b1ff}.stream-volume-slider{display:flex;align-items:center;gap:8px;margin:6px 0}.stream-volume-slider input{width:100%;min-width:0;accent-color:#b8a1ff}.stream-volume-menu small{font-size:10px;color:#ad9cbd}.screen-player:fullscreen.hud-hidden .stream-volume-menu,.screen-player:fullscreen.hud-hidden .stream-volume-menu *{cursor:auto}.screen-player:fullscreen.hud-hidden .stream-volume-menu input{cursor:pointer}.activity-player{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.immersive-viewer{position:absolute;top:0;right:0;bottom:0;left:0}.immersive-viewer .stage.screen-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;border:0;border-radius:0;background:#000}.immersive-player .player-hud{bottom:0;left:0;right:0;padding:28px 16px 12px;background:linear-gradient(transparent,#000e);border:0;border-radius:0;display:flex;flex-wrap:wrap;gap:8px;z-index:5}.immersive-player .player-name{flex:1}.immersive-hud-controls{order:3;width:100%;min-width:0}.immersive-hud-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.immersive-player .viewer-mode-shortcut{display:inline-flex;min-height:36px}.immersive-player .stream-choices{flex-wrap:nowrap;overflow-x:auto;margin-top:8px;padding:3px 2px 6px;max-width:100%;scrollbar-width:thin}.immersive-player .stream-choices button{flex-shrink:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:34px}.immersive-player .stream-grid{top:6px;right:6px;bottom:6px;left:6px}.immersive-player.hud-hidden,.immersive-player.hud-hidden *{cursor:none}.immersive-player.hud-hidden .player-hud,.immersive-player.hud-hidden .stream-tile-hud{opacity:0;visibility:hidden;pointer-events:none}.immersive-player .stream-volume-menu,.immersive-player .stream-volume-menu *{cursor:auto}.immersive-player .stream-volume-menu input{cursor:pointer}.activity-hud-status{font-size:11px;color:#afa4bf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto}.activity-player-error{position:absolute;top:12px;left:12px;right:12px;z-index:40;display:flex;justify-content:space-between;gap:10px;margin:0;background:#321e29ed}.immersive-player .empty-stage{max-height:100%;overflow:auto;padding-bottom:130px}.immersive-player .empty-stage>svg{color:#b8a1ff}.immersive-player .player-hud button{font-size:11px;padding:8px 10px}.immersive-player:fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh}@media(max-width:520px){.immersive-hud-actions{gap:6px}.immersive-hud-actions button{gap:5px}.activity-hud-status{width:100%;margin:0}.immersive-player .player-hud{padding:24px 10px 8px}.immersive-player .player-name{display:block}}.viewer-fit-shortcut{background:#ffffff12;color:#ded4eb;border:1px solid #ffffff20;border-radius:7px;min-height:36px;padding:7px 10px;font-size:11px}.immersive-viewer.fill-streams .relay-canvas,.immersive-viewer.fill-streams video{object-fit:cover}.stream-quality{font-size:10px;font-weight:400;color:#c2b7d0;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}.player-hud>.stream-quality{margin-left:auto}.stream-tile-hud{flex-wrap:wrap;gap:5px 8px}.stream-tile-hud>span:first-child{flex:1;min-width:40px}.stream-tile-hud>.stream-quality{order:3;flex-basis:100%;overflow:hidden;text-overflow:ellipsis}.stream-tile-hud button{margin-left:auto}.stream-tile-hud>.stream-quality{font-size:9px}.immersive-player .player-hud>.stream-quality{margin-left:auto}@media(max-width:560px){.player-hud{flex-wrap:wrap}.player-hud>.stream-quality{order:2;flex-basis:100%;margin-left:0}.player-hud .player-name{flex:1}.player-hud>.icon-button{order:1}.player-hud .immersive-hud-controls{order:3}}.immersive-player .stream-tile-hud,.screen-player:fullscreen .stream-tile-hud{top:0;bottom:auto;padding:8px 9px 20px;background:linear-gradient(#000c,transparent)}.stream-tile-hud>.stream-quality{font-size:10px}.connection-notice{font-size:11px;color:#e8cb83;white-space:nowrap}.immersive-player .connection-notice{order:4}.microphone-settings{margin-top:16px;border:1px solid #342d40;background:#19161f;border-radius:11px;padding:16px;color:#c4b6d8}.microphone-settings summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;list-style:none}.microphone-settings summary::-webkit-details-marker{display:none}.microphone-settings summary:after{content:"+";margin-left:auto;color:#a991d0}.microphone-settings[open] summary:after{content:"−"}.microphone-settings summary:focus-visible{outline:2px solid #b8a1ff;outline-offset:5px}.microphone-settings fieldset{margin:16px 0 0;padding:0;border:0;min-width:0}.microphone-settings label{display:flex;align-items:flex-start;gap:10px;margin:14px 0;cursor:pointer}.microphone-settings input{width:16px;height:16px;margin:1px 0 0;padding:0;flex-shrink:0;accent-color:#b8a1ff}.microphone-settings label span{display:block;margin:0;font-size:11px;color:#d3c8df}.microphone-settings small{display:block;font-size:10px;line-height:1.5;color:#9688a6;margin-top:4px}.microphone-settings p{font-size:10px;line-height:1.6;color:#9688a6;margin:12px 0 0}.microphone-settings fieldset:disabled{opacity:.6}@media(max-width:720px){.participants .microphone-settings{width:100%}}