@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf1fd;background:#080c16;font-synthesis:none;font-weight:400;--muted:#8b94aa;--line:#20283a;--panel:#101622;--violet:#8d80ff;--blue:#5865ff;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button,input{outline:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #9e91ff;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.035em}h1{font-size:34px;font-weight:750;line-height:1.3}h2{font-size:21px;font-weight:700}h3{font-size:15px;letter-spacing:-.015em}p{color:var(--muted);font-size:14px;line-height:1.7}svg{flex-shrink:0}label{display:block;font-size:12px;font-weight:600;color:#c6cce0;margin-bottom:10px}input:not([type=range]){width:100%;background:#0b101d;border:1px solid #273048;border-radius:9px;padding:13px 14px;color:#edf1fd;font-size:13px;min-width:0}input::placeholder{color:#66728b}input:not([type=range]):focus{border-color:#8072ff;box-shadow:0 0 0 3px #7667ff15}button{border:0}::selection{background:#6955c7;color:#fff}.app-shell{display:flex;min-height:100vh}.sidebar{width:226px;flex-shrink:0;background:linear-gradient(180deg,#0d1220,#0b101b);border-right:1px solid var(--line);padding:30px 17px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;gap:9px;align-items:center}.brand>span{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1.2px;font-weight:800}.brand-dot{color:#8f83ff}.brand-link{display:block;margin:0 11px 45px}.nav-label{color:#525f77;font-size:9px;font-weight:700;letter-spacing:1.7px;padding:0 15px 14px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:13px;color:#939db3;font-size:13px;padding:13px 15px;border-radius:9px;border:1px solid transparent;transition:background .18s,color .18s}.sidebar nav a:hover{color:#e8e8ff;background:#151c2c}.sidebar nav a.active{background:linear-gradient(105deg,#5850d428,#6346ef17);border-color:#7361ff3a;color:#bcb4ff}.nav-count{margin-left:auto;font-size:10px;padding:2px 6px;border-radius:4px;background:#7865fa26}.sidebar-bottom{margin-top:auto;padding:30px 5px 0}.privacy-note{border:1px solid #232b40;background:linear-gradient(145deg,#171b30,#0d1421);padding:17px 14px;border-radius:12px}.privacy-note svg{color:#9d8cff;margin-bottom:11px}.privacy-note strong{display:block;font-size:11px;font-weight:600;margin-bottom:8px}.privacy-note p{font-size:10px;line-height:1.8;color:#7f8ba6}.version{display:flex;align-items:center;gap:8px;font-size:11px;color:#8291a7;padding:22px 6px 0}.version>span:last-child{margin-left:auto;color:#495772;font-size:10px}.workspace{margin-left:226px;min-width:0;flex:1;background:radial-gradient(ellipse at 95% 30%,#17204124,transparent 60%),#090d17}.topbar{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-bottom:1px solid #1c2434}.topbar-title{font-size:12px;color:#7a879f}.topbar-right{display:flex;gap:22px;align-items:center}.pill{display:inline-flex;gap:7px;align-items:center;border:1px solid #283247;background:#111827;border-radius:6px;padding:6px 9px;font-size:10px;color:#aab5cc;white-space:nowrap}.avatar{display:grid;place-items:center;width:32px;height:32px;background:linear-gradient(140deg,#38305f,#23324c);color:#c7c4f2;font-size:10px;border:1px solid #4a426b;border-radius:50%;font-weight:600}main{padding:34px 42px 20px;max-width:1550px;margin:auto;min-height:calc(100vh - 139px)}footer{max-width:1550px;margin:auto;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:19px 42px 24px;color:#556179;font-size:9px}.footer-tag{display:flex;align-items:center;gap:7px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{color:#8176d9;font-size:9px;font-weight:700;letter-spacing:2.1px;margin-bottom:10px}.page-heading p{margin-top:9px;font-size:12px}.beta-badge{border:1px solid #263047;border-radius:5px;padding:6px 9px;letter-spacing:1px;font-size:8px;color:#8090ac}.panel{background:linear-gradient(145deg,#121826,#0f1521);border:1px solid var(--line);border-radius:15px}.button{border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:11px 18px;font-size:12px;font-weight:600;line-height:1.4;transition:transform .18s,filter .18s,background .18s;white-space:nowrap}.button:hover:not(:disabled){filter:brightness(1.12)}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:linear-gradient(112deg,#6460f4,#7943ee);color:#fff;border:1px solid #8d7afa50;box-shadow:0 4px 16px #5d43ec1f}.button.secondary{background:#1b2335;border:1px solid #303b54;color:#c7d0e5}.button.danger{background:#ad294333;color:#ff8199;border:1px solid #ad29435c}.button.full{width:100%}.muted{color:var(--muted);font-size:11px}.status-dot{width:6px;height:6px;background:#55d8a6;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 8px #50cf9f25}.status-dot.neutral{background:#7e88a1;box-shadow:none}.hero{position:relative;overflow:hidden;display:flex;min-height:320px;background:radial-gradient(ellipse at 76% 38%,#2f246646,transparent 66%),linear-gradient(110deg,#12182a,#0e1323);border-color:#2d2d50}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,transparent 55%,#6750ff06);border-radius:inherit}.hero-copy{width:55%;padding:32px 37px;position:relative;z-index:2}.hero-tag{font-size:9px;color:#9fabc3;display:flex;align-items:center;gap:7px}.hero h2{font-size:47px;line-height:1.15;font-weight:800;letter-spacing:-2.4px;margin:17px 0 13px}.hero h2>span{background:linear-gradient(110deg,#b0a7ff,#8f69ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:12px;max-width:320px;line-height:1.9;margin-bottom:22px}.hero-footnote{display:flex;align-items:center;gap:7px;color:#708099;font-size:9px;margin-top:16px}.hero-footnote svg{color:#776fa5}.hero-footnote>span{margin:0 4px;color:#515c75}.hero-art{width:45%;position:relative;min-height:340px;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;border:1px solid #7966da1b;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:285px;height:285px}.orbit-two{width:390px;height:390px}.orbit-three{width:500px;height:500px;border-style:dashed;border-color:#7966da14}.screen-card{width:255px;height:187px;background:linear-gradient(140deg,#242240cc,#11182deb);border:1px solid #6d65995e;box-shadow:0 20px 70px #050714b3,inset 0 0 30px #45356820;border-radius:12px;transform:perspective(800px) rotateY(-17deg) rotateX(8deg) rotate(6deg);position:relative;z-index:1}.screen-card-bar{display:flex;align-items:center;gap:4px;padding:11px 12px;border-bottom:1px solid #8775c319}.screen-card-bar>i{width:4px;height:4px;border-radius:50%;background:#6d638c}.screen-card-bar>i:nth-child(2){background:#6e64b2}.screen-card-bar>i:nth-child(3){background:#6381ae}.screen-card-bar>span{font-size:6px;margin-left:18px;color:#7b789a;letter-spacing:1px}.screen-symbol{display:flex;justify-content:center;margin-top:20px}.screen-symbol .brand svg{width:64px;height:72px;filter:drop-shadow(0 0 15px #7566ff7a)}.screen-waves{height:18px;display:flex;align-items:center;justify-content:center;gap:3px;margin-top:7px}.screen-waves i{display:block;width:2px;height:5px;background:#8374e28c;border-radius:2px}.screen-waves i:nth-child(3n){height:14px;background:#8b80ea}.screen-waves i:nth-child(2n){height:9px}.screen-card-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;color:#6d7eaa;border-top:1px solid #8775c319}.screen-card-bottom>span{display:flex;align-items:center;gap:5px;font-size:5px;letter-spacing:1px}.screen-card-bottom i{background:#70c6ad;width:4px;height:4px;display:block;border-radius:50%}.floating-card{position:absolute;z-index:3;border:1px solid #655a9259;background:#191e34f0;box-shadow:0 8px 30px #03051166;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:8px;align-items:center;padding:12px 13px;border-radius:9px;font-size:9px;color:#babbd8;transform:rotate(-5deg)}.floating-card svg{color:#ab9aff}.floating-private{left:-8px;bottom:65px}.floating-realtime{right:17px;top:60px;transform:rotate(5deg)}.floating-realtime svg{color:#72b2f8}.art-spark{position:absolute;width:5px;height:5px;background:#9282f0;border-radius:50%;box-shadow:0 0 15px #ab8fff}.spark-one{top:57px;left:76px}.spark-two{right:44px;bottom:69px;background:#4e91c4}.home-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;margin-top:23px}.join-panel,.steps-panel{padding:25px}.section-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #685bba4a;border-radius:11px;background:linear-gradient(135deg,#39325b6e,#241c4559);color:#a396ff;margin-bottom:15px}.join-panel>h2{font-size:19px}.join-panel>p{font-size:11px;margin:7px 0 21px}.join-form label{font-size:10px}.input-with-icon{position:relative}.input-with-icon>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#5d6b89}.input-with-icon>input{padding-left:39px;font-size:11px}.text-button{padding:10px 0;background:none;color:#a29bbc;font-size:10px;text-align:left;text-decoration:underline;text-decoration-color:#80759944;text-underline-offset:3px}.text-button:hover{color:#c6bbff}.join-form>.button{margin-top:5px}.join-form>label:not(:first-child){margin-top:9px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading>h2{font-size:16px}.section-heading>.muted{font-size:9px}.step{display:flex;align-items:center;gap:14px;margin-top:23px}.step>span{align-self:flex-start;display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#1b233b;color:#8e87df;border:1px solid #30344f;border-radius:8px;font-size:10px;font-family:Manrope,sans-serif}.step h3{font-size:12px;margin:2px 0 3px;letter-spacing:0}.step p{font-size:10px;max-width:290px;line-height:1.7}.step>svg{margin-left:auto;color:#56617c}.platform-row{display:flex;gap:17px;padding-top:18px;margin-top:19px;border-top:1px solid #242b3d}.platform-row>span{display:flex;gap:6px;align-items:center;font-size:9px;color:#7a88a5}.platform-row svg{color:#6b7696}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 7px}.feature-strip>div{display:flex;gap:12px;align-items:center;padding:12px 0}.feature-strip>div>svg{width:18px;height:18px;color:#746ca4}.feature-strip strong{font-size:10px;font-weight:500;color:#bec5d8;display:block}.feature-strip small{display:block;color:#626f89;font-size:9px;margin-top:5px}.create-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.create-panel,.creation-guide{padding:30px}.create-panel>p{margin:12px 0 26px}.create-panel label{margin-top:20px}.callout{display:flex;gap:11px;align-items:flex-start;background:#22233e65;border:1px solid #41415b66;border-radius:9px;padding:14px;margin:20px 0}.callout>svg{color:#8f85d6;margin-top:2px}.callout p{font-size:11px;line-height:1.8;color:#989eb7}.creation-guide{background:radial-gradient(ellipse at 60% 0,#35266636,transparent),#101622}.creation-guide>svg{color:#a092f4;margin:6px 0 23px}.creation-guide>p{margin-top:12px}.creation-guide ol{padding-left:20px;color:#a5aec4;font-size:13px;line-height:2.1;margin:21px 0}.creation-guide li{padding-left:6px;margin:10px 0}.creation-guide small{color:#717f9b;font-size:11px}.error-message{font-size:12px!important;line-height:1.7;background:#59213150;border:1px solid #823d4d66;border-radius:8px;color:#ffb0c0!important;padding:12px;margin:12px 0!important}.copy-wrap{display:inline-flex;flex-direction:column;flex-shrink:0;gap:6px}.copy-error{font-size:10px;color:#ffbe8e;max-width:145px}.session-card{padding:28px;margin-bottom:20px}.session-title{display:flex;align-items:center;gap:15px}.session-title .section-icon{margin:0}.session-title p{font-size:11px;margin-top:5px}.session-fields{display:grid;grid-template-columns:1fr;gap:22px;margin-top:25px}.session-fields .muted{margin:5px 0 10px}.copy-field{display:flex;gap:10px;align-items:flex-start}.copy-field input{font-family:monospace;font-size:11px!important;min-height:42px}.session-actions{display:flex;gap:10px;flex-wrap:wrap}.fine-print{font-size:10px;color:#7a879f;margin-top:12px}.confirm-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #434150;padding-top:18px;margin-top:20px;font-size:12px}.empty-state{display:flex;align-items:center;flex-direction:column;text-align:center;padding:60px 24px;gap:17px}.empty-state .section-icon{width:60px;height:60px;margin-bottom:4px}.empty-state p{max-width:400px}.standalone-join{padding:28px;margin-top:25px;max-width:650px}.standalone-join>.join-form{margin-top:22px}.standalone-join>p{margin-top:15px}.settings-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:23px}.settings-grid>section{padding:27px}.settings-grid h2{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:23px}.settings-grid h2>svg{color:#9187da}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:19px 0}.setting-row:last-child{padding-bottom:0}.setting-row strong{font-size:12px;font-weight:500}.setting-row p{font-size:11px;line-height:1.7;margin-top:6px}.setting-row>svg{color:#6a7891}.success{background:#173b3044;color:#70d1af;border-color:#285244}.settings-grid>section>p{margin-bottom:16px;font-size:12px}.server-url{word-break:break-all}.watch-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.back-link{display:inline-flex;gap:7px;align-items:center;font-size:11px;color:#8c98b2}.back-link:hover{color:#c3b8ff}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:start}.player-panel{background:#101624;border:1px solid #283044;border-radius:14px;overflow:hidden}.player{aspect-ratio:16/9;background:radial-gradient(ellipse at center,#161d32,#070b13);position:relative;overflow:hidden;min-height:285px;display:flex;align-items:center;justify-content:center}.player:fullscreen{width:100vw;height:100vh;background:#000;aspect-ratio:auto}.video-host{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.video-host video{width:100%;height:100%;object-fit:contain;position:absolute;top:0;right:0;bottom:0;left:0}.audio-host{display:none}.player-placeholder{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;text-align:center;padding:55px 24px 65px;max-width:490px}.player-placeholder-icon{display:grid;place-items:center;width:68px;height:68px;border:1px solid #49416a9e;border-radius:19px;background:linear-gradient(140deg,#35305770,#211c3540);color:#8d83cc;margin-bottom:20px}.player-placeholder-icon.loading svg,.spin{animation:rotate 1.5s linear infinite}.player-placeholder h2{font-size:18px;margin-bottom:10px}.player-placeholder p{font-size:11px;max-width:350px;color:#7b88a4}.player-placeholder .button{margin-top:18px}.player-top{position:absolute;z-index:4;top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.live-badge,.viewer-badge{display:inline-flex;gap:7px;align-items:center;font-size:9px;padding:6px 8px;border-radius:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-badge{background:#d83f63d9;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#fff}.live-badge .status-dot{background:#fff;box-shadow:none;width:5px;height:5px}.live-badge.inactive{background:#20263bcb;color:#949fba;border:1px solid #30384e}.live-badge.inactive .status-dot{background:#8b83bb}.viewer-badge{background:#0c101ec9;border:1px solid #2f384c;color:#c8cfe0;gap:5px}.viewer-badge svg{color:#9aacc6}.player-controls{position:absolute;z-index:5;bottom:0;left:0;right:0;height:49px;display:flex;gap:9px;align-items:center;padding:8px 11px;background:linear-gradient(transparent,#050812d9 50%)}.icon-button{background:none;border:0;color:#bac4da;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:5px}.icon-button:hover{color:#fff;background:#ffffff10}.player-controls>input[type=range]{width:65px;height:3px;accent-color:#9b89ff;cursor:pointer}.control-status{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.8px;color:#97a1b8;margin-left:7px}.control-status .status-dot{width:4px;height:4px}.fullscreen-button{margin-left:auto}.audio-enable{font-size:9px;border-radius:5px;background:#6752d4;padding:5px 7px;color:#fff;margin-left:auto}.stream-info{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px}.stream-identity{display:flex;gap:12px;align-items:center;min-width:0}.stream-avatar{display:grid;place-items:center;width:43px;height:43px;border:1px solid #65579980;border-radius:12px;background:linear-gradient(130deg,#3e315d,#19243d);color:#ab9adf;flex-shrink:0}.stream-identity h1{font-size:17px;word-break:break-word}.stream-identity p{display:flex;align-items:center;gap:6px;font-size:9px;margin-top:4px}.stream-identity p>.status-dot{width:5px;height:5px}.stream-identity p>span:not(.status-dot){margin:0 2px}.stream-info .button{font-size:10px;min-height:36px;padding:8px 12px}.stream-details{display:flex;flex-wrap:wrap;gap:22px;padding:16px 22px;border-top:1px solid var(--line)}.stream-details>span{display:flex;gap:6px;align-items:center;color:#71819c;font-size:9px}.stream-details svg{color:#797394;width:13px;height:13px}.watch-aside{padding:24px 20px}.watch-aside h2{font-size:17px;line-height:1.5}.watch-aside>p{font-size:11px;margin-top:12px;line-height:1.9}.aside-divider{height:1px;background:var(--line);margin:23px 0}.watch-aside h3{font-size:11px;letter-spacing:0;color:#b4bdd4}.watch-aside dl{font-size:10px;margin:18px 0}.watch-aside dl>div{display:flex;gap:8px;justify-content:space-between;margin:15px 0}.watch-aside dt{color:#6f7d98}.watch-aside dd{margin:0;color:#b5bcd4}.watch-aside .callout{padding:12px;margin-bottom:0}.watch-aside .callout p{font-size:10px}.watch-aside .callout>svg{width:15px;height:15px}.reconnect-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;z-index:8;background:#101626e6;border:1px solid #71619e;color:#bfb3e3;padding:16px 24px;border-radius:9px;font-size:12px;white-space:nowrap}.player-error{margin:0 22px 20px!important}.violet{color:var(--violet)}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:1500px){.hero-copy{padding:42px 44px}.hero h2{font-size:57px}.hero-art{min-height:390px}.screen-card{width:300px;height:210px}.screen-symbol{margin-top:28px}.screen-symbol .brand svg{width:72px;height:80px}.floating-private{left:25px;bottom:78px}.floating-realtime{right:36px;top:75px}.home-grid{grid-template-columns:1fr 1.25fr}.player-layout{grid-template-columns:minmax(0,1fr) 280px}.hero p{font-size:13px;max-width:380px}.feature-strip strong{font-size:12px}.feature-strip small{font-size:10px}}@media(max-width:1200px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.workspace{margin-left:200px}main{padding:28px}.topbar{padding:0 28px}footer{padding-left:28px;padding-right:28px}.hero-copy{padding:30px;width:57%}.hero-art{width:43%}.hero h2{font-size:43px}.screen-card{width:214px;height:170px}.screen-symbol{margin-top:14px}.screen-symbol .brand svg{height:63px;width:56px}.floating-private{left:-12px;bottom:64px}.floating-realtime{right:6px;top:51px}.floating-card{font-size:8px;padding:10px}.home-grid{grid-template-columns:1fr 1.1fr}.join-panel,.steps-panel{padding:21px}.section-heading>h2{font-size:14px}.step{gap:10px;margin-top:20px}.step>svg{display:none}.player-layout{grid-template-columns:1fr}.watch-aside{display:none}.feature-strip>div{gap:9px}.feature-strip small{font-size:8px}.feature-strip{gap:12px}}@media(max-width:1000px){.sidebar{width:76px;padding:24px 11px 15px}.brand-link{margin:0 0 35px;display:flex;justify-content:center}.brand-link .brand>span,.nav-label,.sidebar nav a>span,.sidebar-bottom{display:none}.sidebar nav a{padding:13px;justify-content:center}.workspace{margin-left:76px}.hero-copy{width:57%;padding:27px}.hero h2{font-size:42px}.hero p{font-size:11px}.hero-art{width:43%}.screen-card{width:220px}.floating-private{left:0;font-size:7px}.floating-realtime{font-size:7px;top:57px}.home-grid{gap:16px}.hero-footnote{font-size:8px}.settings-grid{grid-template-columns:1fr 1fr}.create-grid{gap:18px}.create-panel,.creation-guide{padding:24px}}@media(max-width:760px){.topbar{height:63px;padding:0 22px}.topbar-title{font-size:10px}.topbar-right{gap:10px}.topbar .pill{font-size:8px}.avatar{width:28px;height:28px;font-size:8px}main{padding:25px 22px 15px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:28px}.page-heading p{font-size:11px;max-width:350px}.beta-badge{display:none}.hero-copy{width:64%;padding:26px}.hero h2{font-size:40px}.hero-art{width:36%;opacity:.8;min-height:330px}.screen-card{width:190px;height:162px;position:absolute;left:0;transform:perspective(800px) rotateY(-20deg) rotateX(8deg) rotate(7deg)}.floating-card{display:none}.orbit{opacity:.7}.hero-copy>p{max-width:260px}.hero-footnote{font-size:7px}.hero .button{font-size:10px;gap:7px;padding:10px 12px}.home-grid{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr;gap:1px;margin:17px 0 0}.feature-strip>div{padding:11px 3px;gap:14px}.feature-strip strong{font-size:11px}.feature-strip small{font-size:10px}.feature-strip>div>svg{width:18px;height:18px}.section-heading>h2{font-size:17px}.step>svg{display:block}.step p{max-width:none}.step{margin-top:22px}.step h3{font-size:12px}.step p{font-size:11px}.join-panel,.steps-panel{padding:25px}.join-panel>p{font-size:12px}.join-form label{font-size:11px}footer{padding:18px 22px;flex-wrap:wrap;justify-content:flex-start;gap:10px 15px;font-size:8px}.footer-tag{display:none}.create-grid,.settings-grid{grid-template-columns:1fr}.session-card{padding:22px}.session-title h2{font-size:18px}.session-card>.section-heading>.pill{display:none}.session-actions{gap:8px}.session-actions>.button{font-size:10px}.stream-info{padding:18px;gap:10px}.stream-info .button{font-size:9px;gap:6px}.stream-avatar{width:36px;height:36px}.stream-identity h1{font-size:14px}.stream-details{padding:16px 18px;gap:15px}.stream-details>span{font-size:8px}.player-placeholder h2{font-size:17px}.control-status{font-size:6px}.player-placeholder{padding-left:20px;padding-right:20px}.player{min-height:300px}.player-controls>input[type=range]{width:50px}.creation-guide ol{line-height:1.7}}@media(max-width:520px){body{min-width:360px}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:auto;height:66px;border-right:0;border-top:1px solid #34304b;background:#101622ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 12px}.sidebar .brand-link{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.sidebar nav a{flex-direction:column;padding:5px;gap:4px;font-size:8px;border-color:transparent!important;border-radius:6px}.sidebar nav a>span{display:inline}.sidebar nav a>.nav-count{display:none}.sidebar nav a svg{width:18px;height:18px}.workspace{margin-left:0;padding-bottom:66px}.topbar{padding:0 20px;height:58px}.topbar-title{font-size:9px}.topbar .pill{padding:5px 6px;font-size:7px}.topbar .pill svg{width:11px;height:11px}.topbar-right{gap:8px}.avatar{height:25px;width:25px;font-size:7px}main{padding:24px 18px 8px}.eyebrow{font-size:8px;letter-spacing:1.6px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px;line-height:1.8}.hero{min-height:344px}.hero-copy{width:100%;padding:27px;z-index:3;background:linear-gradient(90deg,#111626ed,#11162675 65%,transparent)}.hero-copy>p{max-width:235px}.hero-art{position:absolute;right:-50px;top:0;height:100%;width:175px;opacity:.28;z-index:1}.hero h2{font-size:43px}.hero .button{font-size:11px;padding:11px 14px}.hero-footnote,.hero-tag{font-size:8px}.hero p{font-size:12px}.join-panel,.steps-panel{padding:22px}.step p{font-size:10px}.section-heading>h2{font-size:15px}.feature-strip{margin-left:3px}.copy-field{gap:6px}.copy-field .button{padding:11px 10px;font-size:10px}.session-card{padding:19px}.session-title .section-icon{width:34px;height:34px}.session-title{gap:10px}.session-title h2{font-size:17px}.session-fields .muted{font-size:10px}.session-actions>.button{font-size:9px;padding:10px 12px}.stream-info{flex-wrap:wrap}.stream-info .copy-wrap{margin-left:auto}.player-placeholder{padding-top:68px;padding-bottom:70px}.player-top{top:12px;left:12px;right:12px}.player-placeholder-icon{width:57px;height:57px;border-radius:15px;margin-bottom:16px}.player-placeholder-icon svg{width:28px;height:28px}.player-placeholder h2{font-size:16px}.player-placeholder p{font-size:10px}.player-controls{gap:5px}.control-status{font-size:6px;letter-spacing:.3px;margin-left:3px}.viewer-badge>span{display:none}.stream-details{gap:10px}.stream-details>span{font-size:7px}.settings-grid>section{padding:22px}.standalone-join{padding:23px}.standalone-join h1{font-size:25px;margin-top:15px}.watch-heading .pill{font-size:9px}.back-link{font-size:10px}footer{padding-left:20px;padding-right:20px;font-size:7px}.stream-identity p{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.viewer-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 12%,#28205238,transparent 58%),#090d17}.viewer-header{width:100%;max-width:1180px;margin:0 auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #23253a88}.viewer-header>span{display:flex;align-items:center;gap:7px;color:#7c89a4;font-size:11px}.viewer-shell>main{width:100%;max-width:1120px;min-height:0;flex:1;padding:28px 32px 42px}.viewer-shell>footer{width:100%;max-width:1180px;padding:22px 32px;border-top:1px solid #23253a88;font-size:10px}.viewer-home{max-width:490px;margin:38px auto 30px;text-align:center}.welcome-mark{width:66px;height:66px;display:grid;place-items:center;border:1px solid #6860a257;background:linear-gradient(140deg,#30274d,#171e32);border-radius:19px;color:#aa9aff;margin:0 auto 23px;box-shadow:0 0 55px #7452cf12}.viewer-home>h1{font-size:35px;line-height:1.3;letter-spacing:-1.3px;margin:0 0 13px}.viewer-home>p{font-size:13px;line-height:1.8;max-width:410px;margin:0 auto;color:#8995af}.entry-card{padding:28px;margin-top:27px;text-align:left;background:linear-gradient(145deg,#141a29,#101520);box-shadow:0 12px 40px #03061225}.entry-card .join-form label,.entry-card.join-form label{font-size:12px;margin-bottom:10px}.entry-card .join-form>label:not(:first-child){margin-top:21px}.entry-card input:not([type=range]){font-size:13px;padding-top:14px;padding-bottom:14px}.entry-card .join-form .text-button{font-size:10px;margin:2px 0 13px;padding-top:10px;padding-bottom:10px}.entry-card .join-form>.button,.entry-card.join-form>.button{margin-top:22px;min-height:46px;font-size:13px}.entry-notice{padding:12px;border:1px solid #7762bd55;border-radius:8px;background:#3a2b6b33;color:#bcb3e0!important;font-size:12px;margin-bottom:23px}.viewer-home>.entry-footnote{font-size:10px;display:flex;align-items:center;justify-content:center;gap:7px;max-width:460px;margin:20px auto 0;color:#687793}.nickname-gate{margin-top:35px}.viewer-shell .player-layout{display:block}.viewer-shell .player{min-height:380px}.viewer-shell .standalone-join{margin:35px auto;max-width:490px}.viewer-shell .stream-info{padding:21px 24px}.viewer-shell .watch-heading{margin-bottom:20px}@media(max-width:760px){.viewer-header{padding:21px 23px}.viewer-shell>main{padding:24px 22px 32px}.viewer-shell>footer{padding:20px 23px;font-size:9px}.viewer-home{margin-top:25px}.viewer-home>h1{font-size:31px}.viewer-shell .player{min-height:330px}.viewer-shell .stream-info{padding:19px}.viewer-header .brand>span{font-size:23px}}@media(max-width:520px){.viewer-header{padding:19px 20px}.viewer-header>span{font-size:8px;gap:5px}.viewer-header>span svg{width:12px;height:12px}.viewer-shell>main{padding:25px 18px 30px}.viewer-shell>footer{padding:20px;font-size:8px;gap:11px;justify-content:center}.viewer-home{margin:18px auto 15px}.viewer-home>h1{font-size:29px}.viewer-home>p{font-size:12px}.welcome-mark{width:59px;height:59px;border-radius:17px;margin-bottom:20px}.entry-card{padding:23px 21px;margin-top:25px}.viewer-home>.entry-footnote{font-size:9px;align-items:flex-start;line-height:1.8;max-width:315px}.entry-footnote svg{margin-top:2px}.viewer-shell .player{min-height:290px}.viewer-shell .stream-info{padding:17px}.nickname-gate{margin-top:25px}.viewer-shell .standalone-join{padding:23px;margin-top:28px}.viewer-shell .standalone-join h1{font-size:23px}.viewer-shell .standalone-join .join-form{margin-top:23px}}