*{box-sizing:border-box}[hidden]{display:none!important}:root{color:#f4f3fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#a4a5b6;--line:#ffffff12;--accent:#b899ff;--panel:#11121c;background:#090a10;font-family:Inter,Segoe UI,system-ui,sans-serif}body{-webkit-font-smoothing:antialiased;background:radial-gradient(at 12% 30%,#6640b30d,#0000 50%);margin:0;font-size:14px}button,input,select{font:inherit}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}button{touch-action:manipulation;cursor:pointer;color:#171021;background:#b89aff;border:1px solid #0000;border-radius:9px;min-height:46px;padding:13px 19px;font-size:14px;font-weight:650;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:#c8afff;box-shadow:0 3px 15px #a780ff16}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #c0a2ff}.secondary{color:#e4dfef;background:#ffffff05;border-color:#ffffff1c}.secondary:hover:not(:disabled){background:#ffffff0d}.danger{color:#f2a7b6;background:#d65c7510;border-color:#d65c7526}.danger:hover:not(:disabled){background:#d65c7520}main{max-width:1360px;margin:0 auto;padding:0 48px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:100px;display:flex}.brand-lockup{align-items:center;gap:19px;display:flex}.brand-logo{mix-blend-mode:screen;width:222px;height:auto;display:block}.product-name{letter-spacing:3px;color:#d4c7ef;border-left:1px solid #ffffff2b;padding:8px 0 8px 22px;font-size:12px;font-weight:600}.pill{color:#c0bdce;border:1px solid var(--line);background:#ffffff02;border-radius:40px;align-items:center;gap:9px;padding:8px 12px;font-size:12px;display:flex}.pill i{background:#b99aff;border-radius:50%;width:6px;height:6px}body[data-connected=true] .pill i{background:#82d6b1}#lobby{grid-template-columns:minmax(0,1fr) 410px;align-items:center;gap:clamp(40px,6vw,90px);min-height:calc(100svh - 230px);padding:56px 0 36px;display:grid}.eyebrow{letter-spacing:2px;color:#bea8ef;margin:0 0 21px;font-size:10px;font-weight:650}h1{letter-spacing:-2.8px;margin:0 0 22px;font-size:clamp(42px,4.6vw,64px);font-weight:600;line-height:1.13}em{color:#0000;background:linear-gradient(100deg,#b994ff 10%,#8ebcff 58%,#e5a0d5);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-description{color:var(--muted);margin:0 0 30px;font-size:16px;line-height:1.85}.product-preview{background:#10111c;border:1px solid #ffffff18;border-radius:13px;max-width:540px;overflow:hidden;box-shadow:0 16px 50px #0003}.mini-bar{color:#9795ae;border-bottom:1px solid var(--line);align-items:center;gap:16px;height:35px;padding:0 14px;font-size:9px;display:flex}.window-dots{letter-spacing:3px;color:#595466;font-size:7px}.mini-private{color:#b8a4dc;background:#b899ff0e;border-radius:4px;margin-left:auto;padding:4px 7px;font-size:8px}.mini-body{gap:12px;padding:12px;display:flex}.mini-screen{background:radial-gradient(at 25% 100%,#7350ca38,#0000 70%),radial-gradient(at 100% 10%,#2c579945,#0000 60%),#111326;border:1px solid #9f7cdb25;border-radius:7px;flex:1;justify-content:center;align-items:center;height:149px;display:flex;position:relative;overflow:hidden}.orbit{border:1px solid #9b84e648;border-radius:50%;width:260px;height:100px;position:absolute;top:39px;left:25px;transform:rotate(-30deg)}.orbit-two{border-color:#549de44a;top:53px;left:48px;transform:rotate(22deg)}.screen-symbol{color:#b49af5;font-size:45px;line-height:1;transform:translateY(-8px)}.mini-caption{color:#c2bad9;font-size:10px;position:absolute;bottom:28px}.mini-live{letter-spacing:1.2px;color:#c0b2e0;font-size:6px;position:absolute;top:10px;left:10px}.mini-people{flex-direction:column;gap:7px;width:65px;padding:7px 0;display:flex}.mini-people span{background:#ffffff0b;border-radius:3px;width:40px;height:11px;margin-left:19px;position:relative}.mini-people span:before{content:"";background:#9774d04a;border-radius:4px;width:12px;height:12px;position:absolute;left:-19px}.mini-people span:nth-child(3n):before{background:#5489ce4a}.mini-people span:nth-child(3n+2):before{background:#c77dba4a}.mini-bottom{color:#908ba2;justify-content:space-between;gap:10px;padding:0 14px 12px;font-size:8px;display:flex}.lobby-features{color:#a7a3ba;flex-wrap:wrap;gap:20px;margin:25px 0 0;font-size:11px;display:flex}.lobby-features>span{align-items:center;gap:7px;display:flex}.lobby-features b{color:#b5a0d7;border:1px solid #b5a0d74a;border-radius:4px;place-items:center;width:16px;height:16px;font-size:10px;font-weight:500;display:grid}.entry-card{background:linear-gradient(150deg,#b899ff05,#0000 40%),#11121b;border:1px solid #ffffff16;border-radius:17px;padding:30px;box-shadow:0 20px 65px #0002}.card-heading{letter-spacing:1.6px;color:#aaa2bf;align-items:center;gap:10px;margin-bottom:22px;font-size:9px;font-weight:600;display:flex}.card-icon{color:#bba1f2;background:#b899ff0d;border:1px solid #b899ff1a;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.card-icon svg{width:20px;height:20px}.entry-card h2{letter-spacing:-1px;margin:0 0 9px;font-size:26px;font-weight:600}.entry-intro{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.entry-tabs{background:#090a11;border:1px solid #ffffff0a;border-radius:9px;gap:4px;margin-top:26px;padding:4px;display:flex}.entry-tabs button{color:#a5a1b6;background:0 0;border-radius:6px;flex:1;min-height:36px;padding:8px 5px;font-size:12px;font-weight:550}.entry-tabs button[aria-selected=true]{color:#eee6ff;background:#242132;box-shadow:0 1px 5px #0003}.entry-tabs button:hover{box-shadow:none}form{gap:9px;margin:22px 0;display:grid}label{color:#d7d2e3;font-size:12px;font-weight:500}input,select{color:#f2edf9;background:#0b0c13;border:1px solid #ffffff18;border-radius:8px;min-width:0;padding:13px 12px;font-size:13px}input{width:100%;height:46px;margin-bottom:9px}input::placeholder{color:#79798d}.field-hint{color:#9090a5;margin:-5px 0 9px;font-size:11px;line-height:1.5}form>button{justify-content:space-between;align-items:center;width:100%;min-height:47px;display:flex}form>button span{font-size:19px;line-height:1}.entry-footnote{border-top:1px solid var(--line);color:#a996d0;align-items:flex-start;gap:9px;padding-top:19px;display:flex}.entry-footnote svg{width:17px;height:17px;margin-top:2px}.entry-footnote p{color:#bbb4cb;margin:0;font-size:11px;line-height:1.8}.entry-footnote p span{color:#828298}.preview-link{color:#b3a3d5;background:0 0;width:100%;min-height:30px;margin:18px 0 0;padding:0;font-size:12px;font-weight:500}.preview-link:hover:not(:disabled){box-shadow:none;color:#d0b9ff;background:0 0}.room-top{justify-content:space-between;align-items:center;gap:22px;padding:32px 0 25px;display:flex}.room-top .eyebrow{margin-bottom:10px;font-size:9px}.room-top h1{letter-spacing:-1.1px;margin:0 0 10px;font-size:31px}.room-top p:not(.eyebrow){color:var(--muted);margin:0;font-size:13px}.room-top button{white-space:nowrap;font-size:12px}.layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px;display:grid}#stage{background:#0c0d15;border:1px solid #ffffff16;border-radius:12px;flex-direction:column;min-width:0;min-height:420px;display:flex;overflow:hidden}.stage-heading{border-bottom:1px solid var(--line);color:#72768e;letter-spacing:1px;flex:none;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 17px;font-size:8px;display:flex}.stage-heading>span:first-child{letter-spacing:0;color:#b5afc8;align-items:center;gap:8px;font-size:11px;display:flex}.stage-heading i{background:#7c758d;border-radius:50%;width:6px;height:6px}#empty{text-align:center;margin:auto;padding:45px 25px}.empty-icon{color:#b299dc;background:#b899ff08;border:1px solid #b899ff20;border-radius:19px;place-items:center;width:66px;height:66px;margin:0 auto 21px;display:grid}.empty-icon svg{width:30px;height:30px}#empty h2{letter-spacing:-.5px;margin:0 0 12px;font-size:20px;font-weight:500}#empty p{color:#9997af;margin:0;font-size:13px;line-height:1.8}#empty strong{color:#c2b4dc;font-weight:500}.empty-detail{color:#75738b;margin-top:24px;font-size:10px;display:inline-block}#screens{gap:12px;min-width:0;display:grid}#screens:not(:empty){flex:1}figure{flex-direction:column;justify-content:center;min-width:0;margin:0;padding:10px;display:flex}figure video{background:#000;border-radius:5px;flex:1;width:100%;min-height:0;max-height:65vh;display:block}figcaption{color:#a7a0bb;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 2px;font-size:11px;display:flex}figcaption button{min-height:32px;padding:7px 11px;font-size:11px}figure:fullscreen{background:#07080c;justify-content:center;padding:15px;display:flex}figure:fullscreen video{object-fit:contain;max-height:90vh}aside{background:#11121b;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;padding:21px 18px;display:flex}.people-heading{justify-content:space-between;align-items:center;display:flex}.people-heading h2{margin:0;font-size:14px;font-weight:600}#count{color:#c3a6f7;background:#b899ff10;border-radius:5px;padding:5px 8px;font-size:10px}.aside-description{color:#88849d;margin:13px 0 18px;font-size:10px;line-height:1.6}ul{margin:0;padding:0;list-style:none}li{overflow-wrap:anywhere;align-items:center;gap:10px;min-width:0;padding:10px 0;font-size:12px;display:flex}li:before{content:attr(data-initial);color:#c1a4ec;background:#b897ff10;border:1px solid #b897ff25;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;display:grid}li:nth-child(3n+2):before{color:#95b6eb;background:#689de410;border-color:#689de425}li:nth-child(3n+3):before{color:#dba4cc;background:#db95c810;border-color:#db95c825}li>span{color:#d9d4e7;min-width:0}li small{color:#837d97;margin-top:4px;font-size:10px;display:block}li.transmitting small{color:#9ed8bc}li.transmitting:before{border-color:#9ed8bc55}.discord-note{border-top:1px solid var(--line);align-items:flex-start;gap:9px;margin-top:auto;padding-top:25px;display:flex}.discord-icon{color:#a5a7e7;font-size:20px;line-height:1}.discord-note strong{color:#c3bfd7;font-size:11px;font-weight:500}.discord-note p{color:#817d96;margin:6px 0 0;font-size:10px;line-height:1.8}.controls{border:1px solid var(--line);background:#11121b;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding:15px;display:flex}.controls button{min-height:42px;padding:11px 15px;font-size:12px}.controls label{color:#9290a6;align-items:center;gap:10px;font-size:11px;font-weight:400;display:flex}.controls select{padding:10px;font-size:11px}.controls #leave{margin-left:auto}.fine{color:#848196;margin:13px 2px;font-size:11px;line-height:1.8}.preview-note{color:#aba2c3;background:#b899ff08;border:1px solid #b899ff25;border-radius:7px;margin:0 0 18px;padding:11px 14px;font-size:11px;line-height:1.5}.preview-note>span{letter-spacing:1.2px;color:#bda2f2;margin-right:10px;font-size:8px}.preview-screen{text-align:center;background:radial-gradient(at 20% 100%,#6541a933,#0000 60%),radial-gradient(at 100% 0,#3262a124,#0000 60%),#111323;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:340px;display:flex;position:relative;overflow:hidden}.preview-screen:before{content:"";border:1px solid #b899ff25;border-radius:50%;position:absolute;inset:15% -10%;transform:rotate(-25deg)}.preview-screen>span{letter-spacing:3px;color:#aa92da;z-index:1;margin-bottom:25px;font-size:9px}.preview-screen strong{letter-spacing:-1px;z-index:1;max-width:390px;font-size:32px;font-weight:500;line-height:1.2}.preview-screen p{color:#9591ae;z-index:1;max-width:290px;font-size:12px;line-height:1.8}#status{color:#9690aa;min-height:18px;margin:22px 0 24px;font-size:11px;line-height:1.7}#status.error{color:#f3aaba}footer{border-top:1px solid var(--line);color:#706e81;justify-content:space-between;gap:15px;padding:22px 0 25px;font-size:10px;line-height:1.6;display:flex}footer a{color:#9d94b0}.footer-dot{color:#b899ff;padding:0 7px}@media (width>=1500px){#stage{min-height:510px}}@media (width<=1100px){main{padding:0 30px}#lobby{grid-template-columns:1fr 375px;gap:40px}h1{letter-spacing:-2.2px;font-size:49px}.lobby-features{gap:12px;font-size:10px}.entry-card{padding:26px}.layout{grid-template-columns:minmax(0,1fr) 220px}.mini-screen{height:135px}.controls{gap:9px}.controls button{padding:11px 13px}}@media (width<=800px){main{padding:0 22px}header{height:84px}.brand-logo{width:180px}.product-name{letter-spacing:2px;padding-left:15px;font-size:10px}.brand-lockup{gap:12px}.pill{padding:7px 9px;font-size:10px}#lobby{grid-template-columns:1fr;gap:30px;max-width:520px;margin:auto;padding:36px 0 25px}.lobby-story{text-align:center}h1{letter-spacing:-2px;font-size:48px}.eyebrow{font-size:9px}.hero-description{margin-bottom:0;font-size:14px}.product-preview{display:none}.lobby-features{justify-content:center;margin-top:20px;font-size:10px}.entry-card{text-align:left;width:100%;padding:27px}.entry-card h2{font-size:25px}.layout{grid-template-columns:1fr}.room-top{align-items:flex-start;padding:25px 0 20px}.room-top .eyebrow{font-size:8px}.room-top h1{letter-spacing:-.8px;font-size:26px}.room-top p:not(.eyebrow){max-width:240px;font-size:11px;line-height:1.6}.room-top button{min-height:38px;padding:10px;font-size:11px}.stage-heading{padding:0 13px;font-size:7px}.stage-heading>span:first-child{font-size:10px}#stage{min-height:360px}aside{padding:19px}aside ul{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.aside-description{margin-bottom:10px}.discord-note{margin-top:16px;padding-top:16px}.controls #share,.controls #audio{flex:1}.controls label{border-top:1px solid var(--line);order:3;justify-content:space-between;width:100%;margin-top:2px;padding-top:12px}.controls #leave{margin-left:0}.controls select{width:150px}.preview-screen{min-height:300px;padding:30px 20px}.preview-screen strong{font-size:27px}.preview-screen>span{font-size:8px}footer{font-size:9px}.fine{font-size:10px}#status{margin:17px 0 22px;font-size:10px}}@media (width<=420px){main{padding:0 16px}.brand-logo{width:150px}.product-name{letter-spacing:1.5px;padding-left:10px;font-size:9px}.brand-lockup{gap:7px}.pill{gap:5px;padding:6px 8px;font-size:9px}h1{font-size:41px}.entry-card{padding:23px}.lobby-features{gap:10px;font-size:9px}.room-top h1{font-size:23px}.controls{gap:8px;padding:11px}.controls button{padding:10px 9px;font-size:11px}footer{flex-direction:column;gap:7px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}body[data-view=room] header{height:76px}body[data-view=room] .brand-logo{width:185px}body[data-view=room] .room-top{padding:23px 0 20px}body[data-view=room] .room-top h1{font-size:28px}body[data-view=room] .room-top .eyebrow{margin-bottom:8px}.layout{height:clamp(330px,100svh - 305px,650px)}#stage,aside{min-height:0}aside ul{scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.discord-note{flex:none;margin-top:15px;padding-top:17px}.preview-screen{min-height:0;padding:25px}.controls{z-index:3;position:sticky;bottom:14px;box-shadow:0 8px 25px #0003}.preview-note{margin-bottom:15px}body[data-view=room]:has(#preview-note:not([hidden])) .layout{height:clamp(310px,100svh - 355px,600px)}figure video{object-fit:contain;max-height:calc(100svh - 400px)}figure:fullscreen video{max-height:90vh}.preview-screen:fullscreen{min-height:80vh}@media (width<=800px){body[data-view=room] header{height:74px}body[data-view=room] .brand-logo{width:160px}body[data-view=room] .room-top h1{font-size:23px}.layout{height:auto}body[data-view=room]:has(#preview-note:not([hidden])) .layout{height:auto}#stage{min-height:320px}aside ul{overflow:visible}.preview-screen{min-height:290px}figure video{max-height:60vh}.controls{bottom:8px}body[data-view=room] .room-top p:not(.eyebrow){max-width:210px}}