:root{color-scheme:dark;--bg:#090b10;--panel:#11151e;--panel2:#171c27;--line:#252c39;--muted:#929bad;--text:#f4f6fb;--lime:#c5f36a;--blue:#8c7bff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;min-height:100vh;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none}.ambient-a{width:420px;height:420px;background:#6b57ff;top:-200px;left:18%}.ambient-b{width:360px;height:360px;background:#b5e85e;right:-180px;bottom:-180px;opacity:.06}.topbar{height:76px;padding:0 clamp(22px,6vw,96px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:1}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font:700 19px "Space Grotesk",sans-serif;letter-spacing:-.8px}.brand-light{color:#a5adbd;font-weight:500}.brand-mark{width:27px;height:27px;display:flex;gap:3px;align-items:center;justify-content:center;border:1px solid #414758;border-radius:9px}.brand-mark i{width:3px;border-radius:4px;background:var(--lime)}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:10px}.top-note{font-size:12px;color:#aab2c1;display:flex;align-items:center;gap:9px}.live-dot,.status-pill i,.stage-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #c5f36a88}.home-layout{position:relative;max-width:1120px;min-height:calc(100vh - 76px);margin:auto;padding:90px 30px 75px;display:grid;grid-template-columns:1fr 420px;align-items:center;gap:80px}.intro{padding-bottom:26px}.eyebrow,.mini-label{font:600 10px "Space Grotesk",sans-serif;letter-spacing:1.8px;color:#a2aabc}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:23px}.eyebrow span{color:var(--lime)}h1{font:600 clamp(44px,6vw,68px)/1.04 "Space Grotesk",sans-serif;letter-spacing:-3.5px;margin:0}.gradient-text{background:linear-gradient(100deg,#c8f574,#9ae1b5 55%,#a895ff);background-clip:text;color:transparent}.intro>p{font-size:15px;color:#a6aebe;line-height:1.75;max-width:425px;margin:22px 0 36px}.feature-list{display:grid;gap:19px}.feature-list>div{display:flex;gap:13px;align-items:center}.feature-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #272d3a;background:#121721;border-radius:11px;color:var(--lime);font-size:18px}.feature-list b,.feature-list small{display:block}.feature-list b{font-size:12px;font-weight:600}.feature-list small{font-size:11px;color:#8e97a8;margin-top:3px}.entry-card{position:relative;overflow:hidden;padding:30px;border:1px solid #292f3d;border-radius:18px;background:linear-gradient(145deg,#151a24,#10131a);box-shadow:0 26px 80px #0006}.card-orb{position:absolute;top:-150px;right:-100px;width:250px;height:250px;border-radius:50%;background:#8471ff;filter:blur(100px);opacity:.12}.card-heading{position:relative;display:flex;align-items:center;gap:14px;margin-bottom:26px}.spark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#25283a;color:var(--lime);font-size:21px}.card-heading h2{font:600 20px "Space Grotesk",sans-serif;margin:0 0 4px}.card-heading p,.invite-card>p{font-size:12px;color:#9ca5b5;margin:0}.field-label{display:block;font-size:11px;color:#bcc3cf;margin-bottom:8px}.text-input{width:100%;height:45px;border:1px solid #303746;background:#0d1017;border-radius:9px;padding:0 13px;color:white;font:500 13px "DM Sans",sans-serif;outline:none;transition:.2s}.text-input:focus{border-color:#a5d95c;box-shadow:0 0 0 3px #b8eb5b17}.text-input::placeholder{color:#687182}.button{height:46px;border:0;border-radius:9px;padding:0 15px;font:600 12px "DM Sans",sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:transform .16s,filter .16s}.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:wait;transform:none}.button-primary{background:var(--lime);color:#11150b}.button-primary b,.button-secondary b{font-size:16px}.entry-card>.button-primary{width:100%;margin-top:13px}.divider{display:flex;align-items:center;gap:10px;margin:20px 0 15px}.divider span{height:1px;background:#2a303c;flex:1}.divider small{font-size:10px;color:#838c9d}.join-row{display:flex;gap:9px}.room-input{font:600 13px "Space Grotesk",sans-serif;letter-spacing:2px}.button-secondary{background:#1d2330;color:#ecf0f7;border:1px solid #343c4c}.join-row .button-secondary{min-width:107px}.privacy-note{font-size:10px;color:#838d9e;margin:17px 0 0;display:flex;align-items:center;gap:7px}.privacy-note span{color:var(--lime);font-size:15px}.error-text{font-size:11px;min-height:14px;color:#ff8e8e;margin:8px 0 -10px}.page-foot{position:absolute;bottom:27px;left:30px;color:#788193;font-size:10px}.page-foot span{color:var(--lime);margin-left:5px}.hidden{display:none!important}
.room-layout{position:relative;max-width:1240px;margin:auto;padding:30px clamp(18px,4vw,50px) 60px}.room-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-button{background:none;border:0;color:#a7b0c0;font:500 12px "DM Sans";cursor:pointer;padding:8px 0}.back-button:hover{color:white}.status-pill{display:flex;align-items:center;gap:9px;background:#141a22;border:1px solid #29313e;border-radius:100px;padding:8px 12px;color:#aab3c2;font-size:10px}.status-pill i{width:6px;height:6px}.status-pill.is-waiting i{background:#f3c56a;box-shadow:0 0 10px #f3c56a88}.room-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.screen-panel,.invite-card,.people-card{background:#11151e;border:1px solid #242b38;border-radius:14px}.screen-panel{padding:20px}.screen-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 15px}.screen-head h2{font:600 18px "Space Grotesk";margin:5px 0 0}.watcher-count{font-size:10px;color:#b7c0cf;background:#1b212c;border:1px solid #2a3240;border-radius:20px;padding:7px 10px}.screen-stage{position:relative;aspect-ratio:16/9;background:#080a0e;border:1px solid #232a36;border-radius:10px;overflow:hidden;display:grid;place-items:center}.screen-stage video{width:100%;height:100%;object-fit:contain;background:#050608}.stage-empty{text-align:center}.screen-icon{width:50px;height:38px;border:1px solid #47505f;border-radius:7px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;gap:3px;position:relative}.screen-icon:after{content:"";position:absolute;bottom:-7px;width:15px;height:1px;background:#6c7482}.screen-icon span:first-child{width:3px;height:13px;border-radius:3px;background:#bce964}.screen-icon span:nth-child(2){width:3px;height:21px;border-radius:3px;background:#8475ff}.stage-empty h3{font:600 14px "Space Grotesk";margin:0 0 6px}.stage-empty p{font-size:11px;color:#868fa0;margin:0}.stage-badge{position:absolute;top:12px;left:12px;border-radius:5px;background:#e45255;color:white;padding:5px 8px;font:700 9px "Space Grotesk";letter-spacing:.8px}.stage-badge i{width:6px;height:6px;background:white;box-shadow:none;margin-right:4px}.screen-actions{display:flex;gap:9px;margin-top:13px}.screen-actions .button-primary{flex:1}.button-stop{background:#382126;color:#ffabb0;border:1px solid #66383d}.button-quiet{background:#1b212d;color:#d7dce6;border:1px solid #313948}.browser-hint{text-align:center;color:#747e90;font-size:10px;margin:10px 0 0}.side-panel{display:flex;flex-direction:column;gap:13px}.invite-card,.people-card{padding:17px}.invite-icon{width:35px;height:35px;display:grid;place-items:center;background:#26243c;border-radius:10px;color:#b6a9ff;font-size:18px;margin-bottom:15px}.invite-card h3,.people-head h3{font:600 14px "Space Grotesk";margin:5px 0 6px}.invite-card>p{font-size:10px;line-height:1.5;margin:0 0 13px}.code-box{height:48px;border:1px dashed #586044;background:#1c211b;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:9px}.code-box span{font:700 20px "Space Grotesk";letter-spacing:4px;color:var(--lime)}.code-box button{background:none;border:0;color:#c4cbd4;font-size:18px;cursor:pointer}.full-width{width:100%;height:40px}.copy-feedback{height:13px;margin-top:5px;font-size:9px;color:var(--lime);text-align:center}.people-head{display:flex;justify-content:space-between;align-items:center}.people-head h3{margin:0}.people-head>span{font-size:10px;color:#a8b1c0;background:#252c38;border-radius:12px;padding:3px 7px}.people-list{margin-top:11px}.person{display:flex;align-items:center;gap:9px;border-top:1px solid #252c37;padding:10px 0 2px;font-size:10px;color:#d8dce4}.avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#30304a;color:#c2b9ff;font-size:11px;font-weight:700}.person small{margin-left:auto;color:#929bad;font-size:9px}.room-tip{display:flex;gap:10px;padding:12px 13px;border-radius:9px;background:#161b24;color:#979faf}.room-tip>span{color:var(--lime)}.room-tip p{font-size:9px;line-height:1.6;margin:0}.room-tip b{color:#d7dce5;font-size:10px}
@media(max-width:850px){.home-layout{grid-template-columns:1fr 380px;gap:38px;padding-top:60px}.room-grid{grid-template-columns:minmax(0,1fr) 260px}}@media(max-width:700px){.topbar{height:62px;padding:0 20px}.top-note{font-size:10px}.home-layout{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding:55px 22px 75px}.intro{padding:0}.intro>p{font-size:13px;margin:17px 0 24px}.feature-list{grid-template-columns:1fr 1fr;gap:14px}.feature-list>div:last-child{display:none}.feature-list small{font-size:9px}.feature-list b{font-size:10px}.feature-icon{width:31px;height:31px}.entry-card{padding:23px}.page-foot{left:22px}.room-layout{padding:18px 14px 40px}.room-grid{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1fr 1fr}.room-tip{grid-column:1/-1}.screen-panel{padding:12px}.screen-head h2{font-size:15px}.screen-actions{flex-wrap:wrap}.screen-actions .button-primary{flex-basis:100%}.button-stop,.button-quiet{flex:1;justify-content:center}.stage-empty p{font-size:9px}.stage-empty h3{font-size:12px}}@media(max-width:390px){.side-panel{grid-template-columns:1fr}.room-tip{grid-column:auto}h1{font-size:46px}}
.fullscreen-button{position:absolute;right:12px;bottom:12px;width:38px;height:34px;border:1px solid #ffffff40;border-radius:7px;background:#080a0ebd;color:#fff;font-size:21px;cursor:pointer;z-index:2}.fullscreen-button:hover{background:#222a38}.quality-select{height:40px;max-width:165px;border:1px solid #343c4c;border-radius:8px;background:#1b212d;color:#d7dce6;padding:0 9px;font:500 10px "DM Sans",sans-serif;outline:none}.quality-select:focus{border-color:#a5d95c}.screen-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0}.screen-stage:fullscreen video{object-fit:contain}@media(max-width:700px){.quality-select{flex:1;max-width:none}.screen-actions .button-primary{flex-basis:calc(100% - 130px)}.screen-actions .quality-select{flex-basis:120px}}