@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans,sans-serif;color:#eff3fb;background:#0c101b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}.shell{max-width:1600px;margin:auto;min-height:100vh;display:flex;flex-direction:column}.topbar{height:82px;display:flex;align-items:center;padding:0 4.5%;border-bottom:1px solid #252a36;gap:36px}.brand{font-family:Space Grotesk,sans-serif;font-size:25px;font-weight:700;letter-spacing:-1.7px;display:flex;align-items:center;gap:10px}.brand-icon{width:30px;height:30px;border-radius:9px;background:#c9ff59;color:#11180d;display:grid;place-items:center;font-size:24px;font-weight:500}.brand-dot,.accent{color:#c9ff59}.top-label,.top-status,.section-kicker,.eyebrow,.card-number,.sidebar-foot,.footer,.live-pill{font-size:10px;font-weight:700;letter-spacing:1.8px}.top-label{color:#697284;margin-right:auto}.label-dash{margin:0 12px;color:#39404c}.top-status{color:#acb5c6;display:flex;align-items:center;gap:9px}.top-status i,.live-pill i{width:7px;height:7px;border-radius:50%;background:#c9ff59;box-shadow:0 0 12px #c9ff59}.main{display:grid;grid-template-columns:minmax(300px,34%) 1fr;flex:1}.sidebar{padding:85px 12% 40px 13.2%;border-right:1px solid #252a36;background:radial-gradient(circle at 0 0,#18231e 0,transparent 44%);display:flex;flex-direction:column}.eyebrow{color:#c9ff59;display:flex;align-items:center;gap:11px;white-space:nowrap}.eyebrow-line{width:21px;height:1px;background:#c9ff59}.sidebar h1{font-family:Space Grotesk,sans-serif;font-size:clamp(43px,4.5vw,70px);line-height:1.03;letter-spacing:-4px;margin:38px 0 28px}.sidebar h1 em{font-style:normal;color:#c9ff59}.intro{font-size:15px;line-height:1.8;color:#a3acbc;max-width:330px;margin:0}.side-divider{height:1px;background:#303744;margin:57px 0 30px}.steps{display:grid;gap:23px}.step{display:flex;align-items:center;gap:19px}.step span{font-family:Space Grotesk;font-size:12px;color:#c9ff59;border:1px solid #35433a;border-radius:8px;min-width:33px;height:33px;display:grid;place-items:center}.step p{margin:0;color:#aab3c2;font-size:13px}.sidebar-foot{margin-top:auto;padding-top:60px;color:#6f7b89;display:flex;justify-content:space-between}.sidebar-foot span{color:#c9ff59;font-size:17px}.workspace{padding:83px 6.7% 60px;min-width:0}.workspace-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:43px}.section-kicker{color:#c9ff59}.workspace h2{font-family:Space Grotesk;font-size:clamp(31px,3vw,46px);letter-spacing:-2.4px;margin:12px 0 0}.live-pill{border:1px solid #34453b;color:#b8d8aa;border-radius:100px;padding:11px 14px;display:flex;gap:10px;align-items:center;white-space:nowrap}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.action-card{border:1px solid #303645;background:#151b27;border-radius:17px;padding:25px;min-height:480px;display:flex;flex-direction:column;overflow:hidden;position:relative}.action-card.primary{background:linear-gradient(145deg,#1d2a23,#161e25 65%);border-color:#41543a}.card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.card-number{color:#a8b1bd}.card-symbol{font-size:24px;color:#c9ff59}.card-visual{height:200px;display:grid;place-items:center;position:relative}.visual-window{height:125px;width:175px;border:2px solid #c9ff59;border-radius:10px;transform:rotate(-7deg);position:relative;background:#17251d;box-shadow:15px 15px #293c2d}.visual-window i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c9ff59;margin:10px 1px 0 8px}.visual-window i+i{margin-left:2px}.visual-window b{position:absolute;inset:38px 0 0;text-align:center;color:#c9ff59;font-size:31px}.visual-rings{position:absolute;width:235px;height:160px;border:1px solid #344a38;border-radius:50%;transform:rotate(-20deg);z-index:-1}.play-circle{width:106px;height:106px;border:1px solid #68748b;border-radius:50%;display:grid;place-items:center;color:#eaf1f6;font-size:28px;padding-left:5px;box-shadow:0 0 0 19px #242c3a,0 0 0 20px #3c4556;z-index:1}.visual-bars{position:absolute;width:200px;height:100px;border-left:2px solid #465064;border-right:2px solid #465064;transform:skewY(-9deg);opacity:.4}.action-card h3{font-family:Space Grotesk;font-size:26px;letter-spacing:-1px;margin:5px 0 8px}.action-card p{font-size:14px;color:#9faab9;line-height:1.6;margin:0 0 22px;max-width:240px}.button{border-radius:8px;padding:13px 17px;font-size:13px;font-weight:700;border:1px solid transparent;display:inline-flex;justify-content:space-between;align-items:center;gap:20px;transition:transform .15s,filter .15s}.button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.button-primary{background:#c9ff59;color:#11190e}.button-outline{background:transparent;border-color:#414c5c;color:#e9eff7}.action-card>.button,.join-form{margin-top:auto;width:100%}.join-form{display:flex;gap:8px}.join-form input{min-width:0;width:100%;background:#101722;border:1px solid #424c5b;border-radius:8px;color:#fff;padding:12px}.join-form input::placeholder{color:#717d8f}.join-form button{white-space:nowrap}.notice{min-height:26px;margin-top:15px;color:#f2c582;font-size:13px}.info-strip{margin-top:17px;background:#161d29;border:1px solid #29323e;border-radius:10px;padding:16px 19px;display:flex;align-items:flex-start;gap:13px}.info-strip p{margin:0;color:#98a5b5;font-size:12px;line-height:1.65}.info-strip strong{color:#d8e0ea}.info-icon{color:#c9ff59;font-size:18px}.footer{border-top:1px solid #252a36;display:flex;justify-content:space-between;gap:20px;padding:25px 4.5%;color:#5f6b7d;font-size:9px}.room-card{background:linear-gradient(135deg,#1d2b22,#17202a);border:1px solid #40553b;border-radius:18px;padding:36px}.room-code{font-family:Space Grotesk;font-size:clamp(23px,3vw,40px);letter-spacing:2px;font-weight:700;overflow-wrap:anywhere;margin:16px 0}.room-card p{color:#a7b3c3;font-size:14px;line-height:1.6}.room-actions{display:flex;gap:12px;margin-top:30px}.player,.host-preview{aspect-ratio:16/9;max-height:600px;background:#070b12;border:1px solid #303a47;border-radius:16px;position:relative;overflow:hidden;display:grid;place-items:center}.player img,.host-preview video{width:100%;height:100%;object-fit:contain;position:absolute}.player-empty,#preview-empty{text-align:center;color:#a8b2c0;padding:20px}.player-empty[hidden],#preview-empty[hidden],.player-live[hidden]{display:none}.empty-icon,#preview-empty>span{font-size:50px;color:#c9ff59}.player-empty h3,#preview-empty h3{font-family:Space Grotesk;font-size:24px;color:#e9eff6;margin:14px 0 8px}.player-empty p,#preview-empty p{font-size:13px}.player-live{position:absolute;top:18px;left:18px;background:#d33939;color:#fff;padding:8px 11px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:1.2px}.player-bottom,.host-controls{display:flex;align-items:center;gap:28px;margin-top:22px;flex-wrap:wrap}.player-bottom>div,.host-controls>div{display:grid;gap:5px}.player-bottom strong,.host-controls strong{font-family:Space Grotesk;font-size:17px}.text-link{margin-left:auto;background:none;border:0;color:#c9ff59;font-size:12px;font-weight:700}.host-preview video{background:#070b12}@media(max-width:1000px){.sidebar{padding:60px 9%}.workspace{padding:60px 5%}.action-grid{grid-template-columns:1fr}.action-card{min-height:360px}.card-visual{height:130px}.sidebar h1{font-size:48px}}@media(max-width:700px){.topbar{height:66px;padding:0 5%}.top-label{display:none}.top-status{margin-left:auto;font-size:9px}.main{display:block}.sidebar{border-right:0;border-bottom:1px solid #252a36;padding:42px 6%}.sidebar h1{margin:22px 0;font-size:44px}.side-divider,.steps,.sidebar-foot{display:none}.intro{max-width:500px}.workspace{padding:40px 6%}.workspace-head{align-items:flex-start;flex-direction:column;margin-bottom:28px}.action-grid{grid-template-columns:1fr}.action-card{min-height:370px}.room-actions{flex-direction:column}.footer{padding:20px 5%;flex-wrap:wrap}.footer span:last-child{display:none}.host-controls .button-primary{margin-left:0}}.topbar{height:58px;min-height:58px;padding:0 3%;gap:18px}.brand{font-size:20px}.brand-icon{width:26px;height:26px;font-size:20px}.main{grid-template-columns:minmax(230px,27%) 1fr}.sidebar{padding:34px 9% 26px}.sidebar h1{font-size:clamp(31px,3.2vw,48px);letter-spacing:-2px;margin:22px 0 16px}.intro{font-size:13px;line-height:1.55}.side-divider,.steps,.sidebar-foot{display:none}.workspace{padding:32px 4% 36px}.workspace-head{margin-bottom:20px;align-items:center}.workspace h2{font-size:clamp(24px,2.4vw,34px);letter-spacing:-1.4px;margin-top:5px}.action-card{min-height:275px;padding:23px}.card-visual{height:78px}.visual-window{transform:scale(.55) rotate(-7deg)}.visual-rings,.visual-bars{display:none}.play-circle{transform:scale(.55)}.action-card h3{font-size:22px}.action-card p{font-size:13px;line-height:1.45;margin-bottom:14px}.footer{padding:14px 3%}body:has(.player) .main,body:has(.host-preview) .main{display:block}body:has(.player) .sidebar,body:has(.host-preview) .sidebar,body:has(.player) .footer,body:has(.host-preview) .footer{display:none}body:has(.player) .workspace,body:has(.host-preview) .workspace{padding:18px 3% 24px}body:has(.player) .workspace-head,body:has(.host-preview) .workspace-head{margin-bottom:15px}.owner-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#1c2a22;border:1px solid #506b42;border-radius:12px;padding:14px 18px;margin-bottom:14px}.owner-panel strong{color:#e9f9da}.owner-panel p{font-size:12px;color:#abb9ae;margin:5px 0 0;line-height:1.45}.owner-panel .button{white-space:nowrap}.player,.host-preview{width:100%;aspect-ratio:auto;height:min(52vw,calc(100vh - 230px));min-height:220px;border-color:#40505d}body:has(.owner-panel) .player{height:min(52vw,calc(100vh - 310px))}.player-bottom,.host-controls{gap:14px;margin-top:14px}.player-bottom>div:first-child{margin-right:auto}.player-bottom strong{font-size:15px}.player-bottom .button{padding:9px 12px;white-space:nowrap}.host-controls .button-primary{margin-left:auto}@media(max-width:1000px){.main{grid-template-columns:minmax(200px,29%) 1fr}.action-grid{grid-template-columns:1fr 1fr}.action-card{min-height:270px}.workspace{padding:26px 3%}.sidebar{padding:30px 8%}}@media(max-width:700px){.main{display:block}.sidebar{padding:20px 5%;border-right:0;border-bottom:1px solid #252a36}.sidebar h1{font-size:32px;margin:9px 0}.intro{display:none}.workspace{padding:20px 5%}.workspace-head{flex-direction:row;align-items:center}.action-grid{grid-template-columns:1fr}.action-card{min-height:220px}.card-visual{display:none}.owner-panel{align-items:stretch;flex-direction:column}.player,.host-preview{height:56vw;min-height:180px;max-height:none}body:has(.owner-panel) .player{height:56vw;max-height:none}.player-bottom{gap:12px}.player-bottom .button{flex:1}.footer{display:none}}.focus-exit{position:absolute;z-index:3;top:16px;right:16px;padding:9px 13px;border:1px solid #89939f;border-radius:8px;background:#101722e8;color:#fff;font-size:12px;font-weight:700}.focus-exit[hidden]{display:none}body.focus-mode{overflow:hidden}body.focus-mode .shell{max-width:none;height:100dvh;min-height:0}body.focus-mode .topbar,body.focus-mode .sidebar,body.focus-mode .footer,body.focus-mode .workspace-head,body.focus-mode .owner-panel,body.focus-mode .player-bottom,body.focus-mode .notice,body.focus-mode .player-live{display:none}body.focus-mode .main{display:block;flex:1;min-height:0}body.focus-mode .workspace{height:100%;padding:0}body.focus-mode .player,body.focus-mode:has(.owner-panel) .player{width:100%;height:100dvh;min-height:0;max-height:none;margin:0;border:0;border-radius:0}body.focus-mode .player img{object-fit:contain}.player video{width:100%;height:100%;object-fit:contain;position:absolute;background:#070b12}body.focus-mode .player video{object-fit:contain}.legal-links{display:flex;align-items:center;gap:16px;white-space:nowrap}.legal-links a,.footer a{color:#aab6c5;text-decoration:none;font-size:11px;font-weight:700}.legal-links a:hover,.footer a:hover{color:#c9ff59;text-decoration:underline}@media(max-width:700px){.legal-links{gap:10px;margin-left:auto}.legal-links a{font-size:10px}.top-status{display:none}.footer span:last-child{display:block}}:root{color:#f4f6ff;background:#050712}body{background:#050712}.shell{background:radial-gradient(ellipse at 78% 28%,#10163a 0,#070914 36%,#050712 70%)}.topbar,.footer{border-color:#202946;background:#060914e8}.brand{font-size:17px;letter-spacing:-.7px;white-space:nowrap;color:#f4f6ff}.brand-icon{width:34px;height:34px;border-radius:10px;background:#050712;box-shadow:0 0 0 1px #536cf660,0 0 20px #5265ff36;object-fit:cover}.brand-dot,.accent{color:#9c82ff}.top-label{color:#8999d0}.top-status i,.live-pill i{background:#73c6ff;box-shadow:0 0 14px #6e9bff}.legal-links a:hover,.footer a:hover{color:#b6a5ff}.sidebar{border-color:#24345c;background:linear-gradient(180deg,#050711a8,#070a18e0 55%,#050711f5),url(/brand/vortex-hero.png) 70% center / auto 100% no-repeat;background-color:#070a18}.eyebrow,.section-kicker,.step span,.sidebar-foot span,.card-symbol,.info-icon,.text-link{color:#8cc7ff}.eyebrow-line{background:#8cc7ff}.sidebar h1{color:#f8f9ff;text-shadow:0 2px 25px #050712}.sidebar h1 em{color:#a996ff;text-shadow:0 0 35px #6553ff80}.intro,.step p{color:#c0cbea}.side-divider{background:#6374b050}.step span{border-color:#6275c066;background:#151c3a9c}.workspace{background:radial-gradient(ellipse at 75% 0,#171b48 0,transparent 40%)}.workspace h2{color:#f4f6ff}.live-pill{color:#b9d9ff;border-color:#4d6ebb;background:#151d3b}.action-card{border-color:#33426e;background:linear-gradient(155deg,#141a36,#0d1324 75%);box-shadow:0 14px 48px #0005}.action-card.primary{border-color:#6462d7;background:linear-gradient(95deg,#101636e8,#11153ec9),url(/brand/vortex-hero.png) 67% 46% / cover no-repeat;box-shadow:0 0 42px #5b64e31a}.card-number{color:#bcc9ee}.feature-orbit{height:124px;width:124px;object-fit:cover;border-radius:26px;box-shadow:0 0 42px #606dff8c,0 0 0 1px #9db4ff66}.visual-watch{background:radial-gradient(ellipse,#3d57b929 0,transparent 60%)}.play-circle{border-color:#88a6ff;color:#dce8ff;box-shadow:0 0 0 19px #27325e,0 0 0 20px #5f72c2,0 0 50px #5a6bff55}.action-card h3{color:#f4f6ff}.action-card p,.info-strip p{color:#b4c1e0}.button-primary{color:#080b1b;background:linear-gradient(100deg,#8dc9ff,#9e83ff);box-shadow:0 5px 26px #617dff3a}.button-outline{border-color:#516397;background:#111832;color:#e5ecff}.join-form input{border-color:#52649a;background:#080d22}.info-strip{border-color:#354777;background:#111938}.info-strip strong{color:#e7eeff}.owner-panel,.room-card{border-color:#5363b4;background:linear-gradient(135deg,#161d49,#101932)}.owner-panel strong{color:#f1f2ff}.owner-panel p,.room-card p{color:#bcc8e8}.player,.host-preview{border-color:#40548e;background:#03050c;box-shadow:0 0 40px #5563e01a}.empty-icon,#preview-empty>span{color:#94a5ff}.focus-exit{border-color:#748ad2;background:#101732eb}@media(max-width:700px){.brand{font-size:13px}.brand-icon{width:29px;height:29px}.sidebar{background-position:75% 35%;background-size:auto 125%}.feature-orbit{width:92px;height:92px}.legal-links a{font-size:10px}}body.discord-embedded .shell{max-width:none;min-height:100dvh}body.discord-embedded .topbar{height:44px;min-height:44px;padding:0 16px}body.discord-embedded .brand{font-size:15px}body.discord-embedded .brand-icon{width:29px;height:29px}body.discord-embedded .top-label,body.discord-embedded .legal-links,body.discord-embedded .sidebar,body.discord-embedded .footer,body.discord-embedded .info-strip{display:none}body.discord-embedded .top-status{display:flex;margin-left:auto;font-size:9px}body.discord-embedded .main{display:block}body.discord-embedded:not(.focus-mode) .workspace{padding:14px 18px 18px}body.discord-embedded .workspace-head{margin-bottom:12px;align-items:center}body.discord-embedded .workspace h2{font-size:22px;letter-spacing:-.7px;margin-top:3px}body.discord-embedded .workspace-head .live-pill{display:none}body.discord-embedded .action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.discord-embedded .action-card{min-height:185px;padding:17px 19px;border-radius:12px}body.discord-embedded .card-visual{display:none}body.discord-embedded .action-card h3{font-size:19px;margin:19px 0 6px}body.discord-embedded .action-card p{font-size:12px;margin-bottom:10px;max-width:none}body.discord-embedded .action-card .button,body.discord-embedded .join-form .button{padding:10px 12px}body.discord-embedded .join-form input{padding:9px 10px;font-size:12px}body.discord-embedded .notice{margin-top:9px;font-size:12px;min-height:18px}body.discord-embedded:not(.focus-mode) .player{height:clamp(180px,calc(100dvh - 168px),65vh);min-height:0}body.discord-embedded:not(.focus-mode):has(.owner-panel) .player{height:clamp(150px,calc(100dvh - 235px),55vh)}body.discord-embedded .owner-panel{padding:9px 12px;margin-bottom:8px}body.discord-embedded .owner-panel p{display:none}body.discord-embedded .player-bottom{gap:9px;margin-top:10px}body.discord-embedded .player-bottom .button{padding:7px 9px;font-size:11px}body.discord-embedded .player-bottom strong{font-size:13px}@media(max-width:600px){body.discord-embedded .action-grid{grid-template-columns:1fr}body.discord-embedded .action-card{min-height:145px}body.discord-embedded .action-card p{display:none}body.discord-embedded .action-card h3{margin:10px 0}body.discord-embedded .workspace h2{font-size:19px}}.broadcast-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;color:#b9c8e8;font-size:12px}.broadcast-bar .button{padding:8px 12px;font-size:12px;gap:5px;white-space:nowrap;box-shadow:none}.stream-switcher{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}.stream-switcher[hidden]{display:none}.stream-choice{padding:6px 9px;border:1px solid #6d7dad;border-radius:7px;background:#10162ddc;color:#dbe5ff;font-size:11px;white-space:nowrap}.stream-choice.selected{border-color:#a3aeff;background:#5b65b7;color:#fff}.stream-name-label{display:grid;gap:5px;font-size:11px;color:#b5c5e8}.stream-name-label input{max-width:170px;border:1px solid #506397;border-radius:7px;background:#0b1125;color:#fff;padding:7px 9px}body.discord-embedded:not(.focus-mode) .player{height:clamp(170px,calc(100dvh - 160px),65vh)}@media(max-width:600px){.broadcast-bar span{display:none}.broadcast-bar{justify-content:flex-end}}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}.studio-grid .host-preview,.studio-grid .player{height:clamp(260px,38vw,520px);max-height:none;aspect-ratio:auto}.host-watch{min-width:0;border:1px solid #40548e;border-radius:14px;background:#0b1024;padding:10px;display:flex;flex-direction:column}.host-watch .player{width:100%;flex:1}.host-watch-head,.host-watch-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#bccbf0;font-size:12px}.host-watch-head{padding:2px 4px 9px}.host-watch-head strong{font-size:14px;color:#f4f6ff}.host-watch-actions{justify-content:flex-end;padding-top:9px}.host-watch-actions .button{padding:8px 10px;font-size:11px}.host-watch .notice{margin-top:6px;min-height:18px}.studio-grid+.host-controls{margin-top:13px}body.focus-mode .host-preview,body.focus-mode .host-controls,body.focus-mode .host-watch-head,body.focus-mode .host-watch-actions{display:none}body.focus-mode .studio-grid{display:block;height:100dvh}body.focus-mode .host-watch{height:100%;padding:0;border:0;border-radius:0}body.focus-mode .host-watch .player{height:100dvh;max-height:none}@media(max-width:900px){.studio-grid{grid-template-columns:1fr}.studio-grid .host-preview{height:180px}.studio-grid .player{height:min(56vw,420px)}}.button[hidden]{display:none}.player-empty .button{margin-top:12px;justify-content:center}.room-switch{margin-top:12px}.room-switch-form{margin-top:10px;padding:14px;border:1px solid #40548e;border-radius:10px;background:#101831;max-width:570px}.room-switch-form[hidden]{display:none}.room-switch-form>label,.media-control{font-size:12px;color:#c9d6f2}.room-switch-form>div{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.room-switch-form input,.media-control select{min-width:0;border:1px solid #506397;border-radius:7px;background:#0b1125;color:#fff;padding:9px 10px}.room-switch-form input{flex:1 1 190px}.room-switch-form .button{padding:9px 13px}.room-switch-form .notice{margin:7px 0 0;min-height:0}.media-control{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.media-control input[type=range]{width:95px;accent-color:#9e83ff}.media-control output{min-width:36px;text-align:right}.host-controls .media-control{display:grid;gap:5px}.host-controls .button-primary{margin-left:0}.host-watch-actions{flex-wrap:wrap}.audio-input-controls{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.audio-input-controls .button{padding:9px 12px}.audio-input-controls label{display:flex;align-items:center;gap:8px;font-size:12px;color:#c9d6f2}.audio-input-controls label[hidden]{display:none}.audio-input-controls select{min-width:150px;max-width:260px;border:1px solid #506397;border-radius:7px;background:#0b1125;color:#fff;padding:9px 10px}body.focus-mode .room-switch{display:none}@media(max-width:600px){.media-control{width:100%;justify-content:space-between}.host-controls .media-control{width:auto;flex:1 1 190px}.room-switch-form>div .button{flex:1}}.host-preview #preview-empty,.host-watch .player-empty{position:relative;z-index:1}.host-controls{display:grid;grid-template-columns:minmax(190px,auto) minmax(300px,1fr) auto;gap:18px;align-items:end;padding:18px;margin-top:16px;border:1px solid #344675;border-radius:16px;background:linear-gradient(130deg,#101832,#0c1126)}.host-room-meta,.host-settings,.host-actions{display:flex;align-items:end;gap:12px;min-width:0}.host-controls>.host-room-meta,.host-controls>.host-settings,.host-controls>.host-actions{display:flex;gap:12px}.host-room-meta>div{display:grid;gap:6px;min-width:0}.host-room-meta strong{overflow:hidden;text-overflow:ellipsis;font-size:14px}.host-settings{align-items:stretch;flex-wrap:wrap}.host-settings .stream-name-label,.host-settings .media-control{display:grid;gap:7px;flex:1 1 155px;min-width:0;font-size:12px;font-weight:700;color:#cbd8f3}.host-settings input,.host-settings select{width:100%;max-width:none;height:42px;border:1px solid #52669c;border-radius:9px;background:#090f23;color:#fff;padding:9px 11px;outline:none}.host-settings input:focus,.host-settings select:focus{border-color:#a58dff;box-shadow:0 0 0 3px #8068f533}.host-actions{flex-wrap:wrap;justify-content:flex-end}.host-actions .button,.host-secondary .button{min-height:42px;padding:10px 15px;justify-content:center;white-space:nowrap;border-radius:10px}.host-actions .button-primary{box-shadow:0 8px 24px #6579fb30}.button:disabled{opacity:.58;box-shadow:none}.host-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}body.focus-mode .host-secondary{display:none}.host-secondary .audio-input-controls,.host-secondary .room-switch{margin:0}.audio-input-controls[hidden]{display:none}.host-watch-actions .button{min-height:37px;justify-content:center;border-radius:9px}@media(max-width:1200px){.host-controls{grid-template-columns:1fr 1.5fr}.host-actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:700px){.host-controls{grid-template-columns:1fr;padding:14px}.host-room-meta{justify-content:space-between}.host-actions{grid-column:auto}.host-actions .button{flex:1 1 170px}.host-secondary{align-items:stretch}.host-secondary .room-switch{flex:1}.host-secondary #switch-room{width:100%;justify-content:center}}