:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#000;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#000;width:100%;min-height:100%;margin:0}body{overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #ffffffdb}button:disabled{cursor:not-allowed;opacity:.48}.glass-panel{-webkit-backdrop-filter:blur(24px)saturate(125%);background:linear-gradient(145deg,#232328c2,#0c0c0ea3);border:1px solid #ffffff1f;box-shadow:0 22px 80px #0000006b,inset 0 1px #ffffff0f}.eyebrow{color:#ffffff80;letter-spacing:.18em;font-size:.68rem;font-weight:800;display:inline-block}.button{cursor:pointer;border:0;border-radius:14px;min-height:48px;padding:0 22px;font-weight:750;transition:transform .16s,background .16s,box-shadow .16s}.button:hover:not(:disabled){transform:translateY(-2px)}.button.primary{color:#070707;background:#fff;box-shadow:0 14px 34px #ffffff21}.button.primary:hover:not(:disabled){background:#ededed;box-shadow:0 18px 42px #ffffff2e}.button.secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff1a}.button.compact{color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;min-height:38px;padding:0 15px}.button.wide{width:100%}.text-button{color:#ffffffc2;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.text-button:hover{color:#fff}.text-button.danger:hover{color:#ff9b9b}.landing-shell{background:radial-gradient(circle at 15% 10%,#62458a2e,#0000 34%),radial-gradient(circle at 85% 78%,#2b5d6829,#0000 32%),#030303;min-height:100vh;padding:30px clamp(24px,5vw,76px) 24px;position:relative;overflow:hidden}.landing-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:68px 68px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000080,#0000 85%);mask-image:linear-gradient(#00000080,#0000 85%)}.landing-glow{filter:blur(90px);opacity:.12;pointer-events:none;border-radius:50%;width:38vw;height:38vw;position:absolute}.landing-glow-one{background:#945ec1;top:-16vw;right:-9vw}.landing-glow-two{background:#3a8f99;bottom:-22vw;left:-12vw}.brand-row{z-index:2;letter-spacing:-.02em;align-items:center;gap:12px;font-size:.92rem;font-weight:800;display:flex;position:relative}.brand-mark{object-fit:cover;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;width:34px;height:34px}.hero-card{z-index:2;grid-template-columns:minmax(0,1.15fr) minmax(330px,.72fr);align-items:center;gap:clamp(48px,8vw,128px);width:min(1180px,100%);min-height:calc(100vh - 160px);margin:0 auto;display:grid;position:relative}.hero-card>.eyebrow,.hero-card>h1,.hero-card>p{grid-column:1}.hero-card>.eyebrow{align-self:end;margin-bottom:-30px}.hero-card h1{letter-spacing:-.075em;margin:0;font-size:clamp(3.8rem,7vw,7.3rem);line-height:.91}.hero-card h1 span{color:#ffffff52}.hero-card>p{color:#ffffff8c;align-self:start;max-width:620px;margin:-16px 0 0;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.65}.status-card{border-radius:28px;grid-area:1/2/span 3;width:100%;padding:30px}.status-card h2{letter-spacing:-.045em;margin:20px 0 8px;font-size:clamp(1.7rem,3vw,2.4rem)}.status-card p{color:#ffffff80;margin:0 0 24px;line-height:1.55}.live-row{color:#ffffff70;justify-content:space-between;align-items:center;font-size:.77rem;font-weight:650;display:flex}.live-pill,.offline-pill{letter-spacing:.12em;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:7px 10px;font-size:.66rem;font-weight:850;display:inline-flex}.live-pill{color:#ffb9b9;background:#cc232326;border:1px solid #ff63632e}.live-pill i{background:#ff5959;border-radius:50%;width:7px;height:7px;animation:1.7s infinite live-pulse;box-shadow:0 0 14px #ff4141e6}.offline-pill{color:#ffffff85;background:#ffffff0f;border:1px solid #ffffff12}.reconnect-card{border-radius:18px;align-items:center;gap:22px;padding:14px 16px 14px 20px;display:flex;position:absolute;bottom:42px;right:0}.reconnect-card div{gap:3px;display:grid}.reconnect-card strong{font-size:.84rem}.reconnect-card span{color:#ffffff6b;font-size:.72rem}.landing-footer{z-index:2;color:#ffffff40;text-align:center;font-size:.7rem;position:relative}.skeleton-card{color:#ffffff73;animation:1.8s ease-in-out infinite skeleton-breathe}.lobby-shell{background:#030303;place-items:center;min-height:100vh;padding:30px 18px;display:grid;position:relative;overflow:hidden}.lobby-backdrop{filter:blur(30px);background:radial-gradient(circle at 35% 35%,#6c508c38,#0000 30%),radial-gradient(circle at 72% 64%,#4169752e,#0000 28%);position:absolute;inset:-20%}.lobby-card{z-index:1;border-radius:30px;width:min(560px,100%);padding:clamp(26px,5vw,44px);position:relative}.lobby-card h1{letter-spacing:-.055em;margin:10px 0 8px;font-size:clamp(2rem,5vw,3.1rem)}.lobby-brand{color:#ffffffdb;align-items:center;gap:10px;margin-bottom:22px;font-size:.84rem;font-weight:800;display:flex}.lobby-brand img{object-fit:cover;border:1px solid #ffffff24;border-radius:10px;width:32px;height:32px}.stream-mode-fieldset{border:0;min-width:0;margin:0;padding:0}.stream-mode-fieldset legend{color:#ffffffab;margin-bottom:8px;font-size:.76rem;font-weight:700}.stream-mode-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stream-mode-picker button{color:#ffffffb3;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff17;border-radius:15px;gap:5px;min-height:86px;padding:14px;transition:border .16s,background .16s,transform .16s;display:grid}.stream-mode-picker button:hover{border-color:#fff3;transform:translateY(-1px)}.stream-mode-picker button.selected{color:#fff;background:#ffffff17;border-color:#ffffff57}.stream-mode-picker strong{font-size:.82rem}.stream-mode-picker small{color:#fff6;font-size:.68rem;line-height:1.35}.muted-copy{color:#ffffff80;margin:0 0 28px;line-height:1.55}.lobby-form{gap:18px;display:grid}.lobby-form label,.device-picker{gap:8px;display:grid}.lobby-form label>span,.device-picker>span{color:#ffffffab;font-size:.76rem;font-weight:700}.lobby-form input,.device-picker select,.chat-composer input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;width:100%;transition:border .16s,background .16s}.lobby-form input,.device-picker select{border-radius:14px;height:50px;padding:0 15px}.lobby-form input:focus,.device-picker select:focus,.chat-composer input:focus{background:#00000070;border-color:#ffffff54;outline:none}.lobby-form input:disabled{color:#ffffff80}.slug-preview{color:#ffffff47;font-size:.68rem}.microphone-setup{background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;gap:14px;padding:18px;display:grid}.setup-heading{justify-content:space-between;align-items:center;display:flex}.setup-heading>div{gap:2px;display:grid}.setup-heading strong{font-size:.83rem}.setup-heading small{color:#ffffff59;font-size:.68rem}.permission-dot{background:#6a6a6a;border-radius:50%;width:9px;height:9px}.permission-dot.requesting{background:#c3a960;animation:1.2s infinite live-pulse}.permission-dot.ready{background:#67bd8b;box-shadow:0 0 12px #67bd8b8c}.permission-dot.error{background:#d36f6f}.audio-meter{background:#ffffff14;border-radius:999px;height:7px;position:relative;overflow:hidden}.audio-meter-fill{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg,#708d8a,#9ea97c,#b88787);transition:transform 60ms linear;position:absolute;inset:0}.inline-error,.form-error{color:#ffc0c0;background:#7016162e;border:1px solid #ff6c6c2e;font-size:.75rem}.inline-error{border-radius:11px;justify-content:space-between;gap:10px;padding:10px 12px;display:flex}.form-error{border-radius:12px;padding:12px 14px;line-height:1.45}.headphones-note{color:#ffffff7a;background:#ffffff09;border-radius:15px;align-items:flex-start;gap:12px;padding:14px;font-size:.73rem;line-height:1.45;display:flex}.headphones-note p{margin:0}.headphones-note strong{color:#ffffffc7}.lobby-actions{justify-content:flex-end;gap:12px;margin-top:4px;display:flex}.owner-reconnect-floating{z-index:5;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#161618d6;border:1px solid #ffffff1f;border-radius:999px;padding:12px 17px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.center-screen{color:#ffffff94;text-align:center;background:#030303;place-items:center;min-height:100vh;padding:24px;display:grid}.spinner{border:2px solid #ffffff1f;border-top-color:#fff;border-radius:50%;width:35px;height:35px;margin:0 auto 12px;animation:.85s linear infinite spin}.empty-state{border-radius:28px;width:min(480px,100%);padding:38px}.empty-state h1{color:#fff;letter-spacing:-.05em;margin:18px 0 10px;font-size:2.4rem}.empty-state p{margin:0 0 24px}.live-room{background:#000;position:fixed;inset:0;overflow:hidden}.screen-video{object-fit:contain;opacity:0;background:#000;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.screen-video.visible{opacity:1}.cinema-vignette{pointer-events:none;background:linear-gradient(#00000057,#0000 18% 75%,#0006),radial-gradient(#0000 45%,#00000042 100%);position:absolute;inset:0}.audio-elements{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.stream-placeholder{text-align:center;background:radial-gradient(circle,#403d4b40,#0000 33%),#030303;place-content:center;justify-items:center;padding:24px;display:grid;position:absolute;inset:0}.stream-placeholder h1{letter-spacing:-.06em;margin:26px 0 8px;font-size:clamp(2rem,5vw,4rem)}.stream-placeholder p{color:#ffffff70;max-width:560px;margin:0 0 22px;line-height:1.55}.projector-orbit{border:1px solid #ffffff17;border-radius:50%;place-items:center;width:82px;height:82px;animation:5s linear infinite orbit;display:grid;position:relative}.projector-orbit:after{content:"";background:#ffffffb8;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;box-shadow:0 0 18px #ffffffa6}.projector-orbit span{background:#ffffff24;border-radius:50%;width:16px;height:16px;box-shadow:0 0 45px #ffffff29}.compact-error{max-width:560px;margin-top:14px}.obs-setup{gap:13px;width:min(720px,100vw - 36px);margin-top:22px;display:grid}.obs-setup h1{margin:0}.obs-setup>p{margin:0 0 5px}.obs-credential{text-align:left;background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.obs-credential>span{color:#ffffff7a;font-size:.68rem;font-weight:750}.obs-credential code{color:#ffffffd6;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.74rem;overflow:hidden}.obs-credential button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;min-height:34px;padding:0 11px;font-size:.68rem;font-weight:750}.obs-private-note{color:#ffffff57;font-size:.67rem;line-height:1.45}.room-title-overlay{text-shadow:0 2px 12px #000;align-items:center;gap:12px;display:flex;position:absolute;top:24px;left:24px}.room-title-overlay strong{font-size:.84rem}.quality-control{z-index:7;position:absolute;top:22px;right:22px}.quality-button,.quality-label{color:#ffffffc7;border-radius:12px;min-width:84px;height:38px;padding:0 12px;font-size:.74rem;font-weight:750}.quality-button{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:flex}.quality-label{place-items:center;display:grid}.quality-menu{border-radius:16px;width:170px;padding:7px;display:grid;position:absolute;top:46px;right:0}.quality-menu button{color:#ffffff9e;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 11px;display:flex}.quality-menu button:hover,.quality-menu button.selected{color:#fff;background:#ffffff14}.quality-menu small{color:#ffffff4d;font-size:.63rem}.screen-audio-warning,.connection-error,.connecting-chip,.enable-audio-button{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;font-size:.72rem;position:absolute;left:50%;transform:translate(-50%)}.screen-audio-warning,.connection-error{text-align:center;max-width:min(540px,72vw);padding:11px 16px;top:23px}.screen-audio-warning{color:#ffe6ae;background:#62470fb8;border:1px solid #ffd97d2b}.connection-error{color:#ffc1c1;background:#651717c2;border:1px solid #ff737333}.connecting-chip,.enable-audio-button{color:#ffffffb8;background:#101012c2;border:1px solid #ffffff1a;padding:9px 14px;top:24px}.enable-audio-button{cursor:pointer}.floating-controls{z-index:6;pointer-events:none;align-items:flex-end;gap:14px;transition:opacity .28s,transform .28s;display:flex;position:absolute;bottom:22px;left:22px;right:92px}.floating-controls.shown{opacity:1;transform:translateY(0)}.floating-controls.hidden{opacity:0;transform:translateY(16px)}.mute-bubble,.room-action-cluster,.participant-island{pointer-events:auto}.mute-bubble{cursor:pointer;border-radius:18px;flex:none;place-items:center;width:54px;height:54px;padding:0;transition:transform .16s,background .16s;display:grid}.mute-bubble:hover{transform:translateY(-2px)}.mute-bubble.muted{background:#741b1bbd}.mute-bubble svg,.room-action svg,.chat-fab svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.room-action-cluster{flex:none;align-items:flex-end;gap:8px;display:flex}.room-action{color:#ffffffd1;cursor:pointer;white-space:nowrap;border-radius:18px;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:0 15px;font-size:.72rem;font-weight:760;transition:transform .16s,background .16s;display:flex}.room-action:hover:not(:disabled){background:#37373cdb;transform:translateY(-2px)}.room-action.danger{color:#ffd1d1;background:linear-gradient(145deg,#5b1e22d1,#301215c2);border-color:#ff717829}.room-action svg{flex:none;width:19px;height:19px}.participant-island{scrollbar-width:none;border-radius:24px;flex:0 auto;align-items:flex-start;gap:clamp(12px,2vw,22px);min-height:88px;padding:12px 16px 10px;display:flex;overflow-x:auto}.participant-island::-webkit-scrollbar{display:none}.participant-token{justify-items:center;gap:4px;min-width:58px;transition:opacity .18s;display:grid}.participant-token.disconnected{opacity:.34}.avatar-ring{--aura:#879ec4;border:2px solid var(--aura);width:45px;height:45px;box-shadow:0 0 0 0 color-mix(in srgb, var(--aura) 42%, transparent);border-radius:50%;place-items:center;transition:transform .1s,box-shadow .1s;display:grid;position:relative}.avatar-ring.speaking{box-shadow:0 0 0 7px color-mix(in srgb, var(--aura) 24%, transparent), 0 0 24px color-mix(in srgb, var(--aura) 28%, transparent);animation:.72s ease-in-out infinite alternate aura-breathe;transform:scale(1.09)}.avatar-core{color:#ffffffd1;background:#ffffff16;border-radius:50%;place-items:center;width:35px;height:35px;font-size:.83rem;font-weight:800;display:grid}.participant-name{color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:.62rem;overflow:hidden}.voice-volume{accent-color:#ffffff9e;cursor:pointer;width:50px;height:10px}.voice-volume:disabled{opacity:.18}.chat-fab{z-index:12;color:#050505;cursor:pointer;background:#f2f2f2;border:1px solid #ffffff24;border-radius:19px;place-items:center;width:56px;height:56px;padding:0;transition:transform .16s,background .16s;display:grid;position:absolute;bottom:22px;right:22px;box-shadow:0 18px 42px #0000006b}.chat-fab:hover{transform:translateY(-2px)}.chat-fab.active{color:#fff;background:#2a2a2ef0}.ambient-message-stack{z-index:9;pointer-events:none;flex-direction:column-reverse;align-items:flex-end;gap:9px;width:min(330px,100vw - 44px);display:flex;position:absolute;bottom:92px;right:22px}.ambient-message{border-radius:15px 15px 4px;gap:3px;max-width:100%;padding:11px 14px;animation:6s forwards message-birth;display:grid}.ambient-message strong{font-size:.68rem}.ambient-message span{color:#ffffffad;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.chat-sidebar{z-index:11;opacity:0;pointer-events:none;border-radius:26px;grid-template-rows:auto 1fr auto;width:min(390px,100vw - 24px);transition:opacity .26s,transform .32s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:12px;bottom:90px;right:12px;overflow:hidden;transform:translate(calc(100% + 30px))}.chat-sidebar.open{opacity:1;pointer-events:auto;transform:translate(0)}.chat-sidebar header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:14px;padding:22px;display:flex}.chat-sidebar header h2{letter-spacing:-.035em;margin:4px 0 0;font-size:1.22rem}.chat-feed{flex-direction:column;gap:18px;padding:20px 22px;display:flex;overflow-y:auto}.empty-chat{color:#ffffff52;text-align:center;margin:auto;font-size:.8rem}.chat-message>div{align-items:baseline;gap:8px;display:flex}.chat-message strong{font-size:.78rem}.chat-message time{color:#ffffff42;font-size:.62rem}.chat-message p{color:#ffffffad;overflow-wrap:anywhere;margin:4px 0 0;font-size:.82rem;line-height:1.5}.chat-composer{border-top:1px solid #ffffff14;grid-template-columns:1fr auto;gap:8px;padding:14px;display:grid}.chat-composer input{border-radius:12px;min-width:0;height:43px;padding:0 13px}.chat-composer button{color:#050505;cursor:pointer;background:#fff;border:0;border-radius:12px;padding:0 14px;font-weight:750}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}@keyframes skeleton-breathe{0%,to{opacity:.7}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes aura-breathe{0%{transform:scale(1.05)}to{transform:scale(1.12)}}@keyframes message-birth{0%{opacity:0;transform:translate(28px,50px)scale(.72)}10%{opacity:1;transform:translate(0)scale(1)}78%{opacity:1;transform:translateY(-36px)}to{opacity:0;transform:translateY(-68px)scale(.96)}}@media (width<=900px){.hero-card{grid-template-columns:1fr;align-content:center;gap:26px;padding:70px 0}.hero-card>.eyebrow,.hero-card>h1,.hero-card>p,.status-card{grid-area:auto/1}.hero-card>.eyebrow{margin:0 0 -14px}.hero-card>p{margin:0 0 12px}.status-card{max-width:540px}.reconnect-card{grid-column:1;width:min(540px,100%);position:static}}@media (width<=640px){.landing-shell{padding:22px 18px}.hero-card h1{font-size:clamp(3.2rem,17vw,5rem)}.status-card{border-radius:24px;padding:24px}.lobby-card{border-radius:24px;padding:24px 19px}.stream-mode-picker{grid-template-columns:1fr}.obs-credential{grid-template-columns:1fr auto}.obs-credential>span{grid-column:1/-1}.lobby-actions{grid-template-columns:1fr;display:grid}.lobby-actions .button.primary{grid-row:1}.room-title-overlay{top:15px;left:14px}.room-title-overlay strong{display:none}.quality-control{top:14px;right:14px}.screen-audio-warning,.connection-error,.connecting-chip,.enable-audio-button{top:62px}.floating-controls{gap:8px;bottom:10px;left:10px;right:74px}.room-action-cluster{gap:6px;display:grid}.room-action{border-radius:13px;min-height:37px;padding:0 10px;font-size:.62rem}.room-action svg{width:16px;height:16px}.mute-bubble{border-radius:16px;width:48px;height:48px}.participant-island{border-radius:20px;flex:1;min-width:0;min-height:80px;padding:9px 11px}.avatar-ring{width:40px;height:40px}.avatar-core{width:31px;height:31px}.chat-fab{border-radius:17px;width:52px;height:52px;bottom:10px;right:10px}.ambient-message-stack{bottom:76px;right:10px}.chat-sidebar{width:calc(100vw - 16px);top:8px;bottom:72px;right:8px}}@media (width<=460px){.room-action{width:42px;padding:0}.room-action span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}