/* StreamSphere New — calm, familiar, accessible product interface */
:root{--fresh-bg:#080b12;--fresh-panel:#111722;--fresh-panel-2:#171e2b;--fresh-line:#293244;--fresh-text:#f6f8fc;--fresh-muted:#a8b2c4;--fresh-brand:#795cff;--fresh-brand-2:#35c9e6;--fresh-success:#42d68b;--fresh-danger:#ff5e78;--fresh-shadow:0 16px 50px rgba(0,0,0,.28);--fresh-radius:16px;--fresh-page:1240px}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}
body.home-design{min-width:320px!important;margin:0!important;color:var(--fresh-text)!important;background:radial-gradient(circle at 15% 0,rgba(121,92,255,.13),transparent 31rem),radial-gradient(circle at 95% 8%,rgba(53,201,230,.10),transparent 30rem),var(--fresh-bg)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
body.home-design::before{content:none!important}body.home-design :is(.liquid-ambient-scene,.bg-wash,.aurora,.mist,.grain,.floating-chips,.game-egg,.afterdark-site,.afterdark-card,.rework-afterdark-card,.afterdark-pop-panel,.channel99-panel,.channel99-hijack){display:none!important}body.home-design :is(button,a,input,select,textarea){font:inherit}body.home-design :is(button,a,input,select,textarea):focus-visible{outline:3px solid #75dcff!important;outline-offset:3px!important}body.home-design a{color:inherit}
body.home-design :is(.glass,.viewer-panel,.panel,.card,.rework-tool-card,.network-panel,.pulse-panel,.mod-panel,.news-card){border-color:var(--fresh-line)!important;background:linear-gradient(180deg,rgba(23,30,43,.96),rgba(15,20,30,.96))!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.home-design :is(.gateway-top,.main-topbar,.viewer-topbar,.streamer-topbar,.mod-topbar,.pulse-topbar,.network-topbar,.news-wire-topbar,.account-top,.studio-top){top:12px!important;width:min(var(--fresh-page),calc(100% - 24px))!important;min-height:64px!important;border:1px solid var(--fresh-line)!important;border-radius:18px!important;background:rgba(12,16,24,.96)!important;box-shadow:0 10px 35px rgba(0,0,0,.24)!important;backdrop-filter:blur(18px)!important}
body.home-design .ss-global-nav{border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}body.home-design .ss-global-nav :is(a,button){min-height:40px!important;border-radius:10px!important;color:var(--fresh-muted)!important}body.home-design .ss-global-nav :is(a,button):hover{background:#1c2432!important;color:#fff!important}body.home-design .ss-global-nav :is(a,button).active{background:#252f41!important;color:#fff!important;box-shadow:none!important}
body.home-design :is(.btn,button[class*="btn"],a[class*="btn"]){border-radius:11px!important}body.home-design :is(.btn.primary,.gateway-primary,.account-submit){border-color:transparent!important;background:linear-gradient(135deg,var(--fresh-brand),#5e77ee)!important;color:#fff!important;box-shadow:none!important}body.home-design :is(input,select,textarea){border-color:#313c50!important;border-radius:11px!important;background:#0d121b!important;color:#fff!important}body.home-design :is(input,select,textarea)::placeholder{color:#778398!important}body.home-design :is(.section-kicker,.eyebrow,.viewer-kicker){color:#9faeff!important}
body.home-design :is(.gateway-main,.viewer-shell>main,.shell,.network-shell,.pulse-shell,.mod-shell,.news-wire-shell,.account-main,.studio-shell,.streamer-page-shell){width:min(var(--fresh-page),calc(100% - 24px))!important}body.home-design footer{color:var(--fresh-muted)}
body.home-design .viewer-top-actions>.viewer-hub-link{display:none!important}
body.fresh-shell-ready{padding-bottom:0!important}
body.fresh-shell-ready>:is(.gateway-top,.main-topbar,.viewer-topbar,.streamer-topbar,.mod-topbar,.pulse-topbar,.network-topbar,.news-wire-topbar,.account-top,.studio-top,.dashboard-head){display:none!important}
html body.home-design.fresh-shell-ready.ss-global-ready>header:not(.fresh-app-header),html body.home-design.fresh-shell-ready>header:not(.fresh-app-header){display:none!important}
body.fresh-shell-ready :is(.ss-mobile-dock,.ss-you-popover,.ss-popover-scrim,.performance-panel,.ux18-command-palette){display:none!important}
body.fresh-shell-ready .fresh-app-header{display:block!important;position:sticky!important;top:0!important;width:100%!important;min-height:0!important;padding:12px 20px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;background:rgba(8,11,18,.96)!important;box-shadow:0 8px 28px rgba(0,0,0,.2)!important}
body.fresh-shell-ready .fresh-app-header .fresh-nav{width:min(var(--fresh-page),100%)!important;min-height:46px}
body.fresh-shell-ready .fresh-links a.active{color:#fff;background:#252f41}
body.fresh-shell-ready :is(.liquid-ambient-scene,.bg-wash,.aurora,.mist,.grain,.floating-chips,.game-egg,.afterdark-site){display:none!important}
body.fresh-shell-ready *,body.fresh-shell-ready *::before,body.fresh-shell-ready *::after{animation:none!important}
body.fresh-shell-ready :is(.glass,[class*="panel"],[class*="card"]){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.fresh-shell-ready>main{margin-top:0!important;padding-top:40px!important}
body.fresh-shell-ready :is(h1,h2,h3){text-wrap:balance}
body.fresh-shell-ready :is(.page-head,.section-head,.streamer-section-head) p{color:var(--fresh-muted)!important;line-height:1.6!important}
@media(max-width:1050px){body.fresh-shell-ready .fresh-app-header{padding:10px 12px!important}}
.fresh-home{min-height:100vh;background:transparent}.fresh-header{position:sticky;top:0;z-index:100;padding:14px 20px;background:rgba(8,11,18,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.fresh-nav{width:min(var(--fresh-page),100%);margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.fresh-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:850;letter-spacing:-.02em}.fresh-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--fresh-brand),var(--fresh-brand-2));font-weight:950}.fresh-brand small{display:block;margin-top:2px;color:var(--fresh-muted);font-size:10px;font-weight:650;letter-spacing:.04em}.fresh-links{display:flex;justify-content:center;gap:4px}.fresh-links a{padding:10px 13px;border-radius:9px;color:var(--fresh-muted);text-decoration:none;font-size:14px;font-weight:700}.fresh-links a:hover{color:#fff;background:#171e2a}.fresh-actions{display:flex;align-items:center;gap:9px}.fresh-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:1px solid var(--fresh-line);border-radius:11px;background:#121925;color:#fff;text-decoration:none;font-weight:800;font-size:14px;cursor:pointer}.fresh-button.primary{border:0;background:linear-gradient(135deg,var(--fresh-brand),#557de9)}.fresh-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.fresh-menu-button{display:none;width:42px;padding:0}.fresh-main{width:min(var(--fresh-page),calc(100% - 40px));margin:auto}.fresh-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:54px;align-items:center;padding:88px 0 72px}.fresh-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #2b3850;border-radius:999px;color:#c8d2e6;background:#111722;font-size:12px;font-weight:800}.fresh-pill i{width:8px;height:8px;border-radius:50%;background:var(--fresh-success);box-shadow:0 0 0 5px rgba(66,214,139,.10)}.fresh-hero h1{max-width:720px;margin:20px 0 18px;font-size:clamp(48px,6.5vw,84px);line-height:.98;letter-spacing:-.065em}.fresh-gradient{background:linear-gradient(100deg,#a994ff,#5cb4ff 52%,#53dbe5);-webkit-background-clip:text;background-clip:text;color:transparent}.fresh-hero-copy{max-width:650px;margin:0;color:var(--fresh-muted);font-size:18px;line-height:1.65}.fresh-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}.fresh-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:27px;color:var(--fresh-muted);font-size:13px}.fresh-proof span{display:flex;align-items:center;gap:7px}.fresh-proof b{color:#fff}.fresh-preview{padding:16px;border:1px solid #303a50;border-radius:22px;background:linear-gradient(145deg,#192133,#0e141e);box-shadow:var(--fresh-shadow)}.fresh-preview-head{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 15px;color:var(--fresh-muted);font-size:12px;font-weight:800}.fresh-preview-card{position:relative;min-height:390px;display:flex;align-items:flex-end;padding:26px;border-radius:15px;overflow:hidden;background:#0b1018 center/cover no-repeat;text-decoration:none}.fresh-preview-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(5,8,13,.92))}.fresh-preview-copy{position:relative;z-index:1}.fresh-live{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--fresh-danger);font-size:10px;font-weight:900}.fresh-preview-copy h2{margin:10px 0 5px;font-size:32px}.fresh-preview-copy p{margin:0;color:#c2cbd9}.fresh-section{padding:70px 0;border-top:1px solid rgba(255,255,255,.06)}.fresh-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.fresh-section-head h2{margin:8px 0 0;font-size:clamp(30px,4vw,46px);letter-spacing:-.045em}.fresh-section-head p{max-width:520px;margin:0;color:var(--fresh-muted);line-height:1.6}.fresh-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fresh-creator{overflow:hidden;border:1px solid var(--fresh-line);border-radius:16px;background:var(--fresh-panel);text-decoration:none}.fresh-creator-media{aspect-ratio:16/10;background:#0c111a center/cover no-repeat}.fresh-creator-body{padding:16px}.fresh-creator-body h3{margin:0;font-size:18px}.fresh-creator-body p{margin:7px 0 0;color:var(--fresh-muted);font-size:13px}.fresh-empty{grid-column:1/-1;padding:42px;border:1px dashed #334057;border-radius:16px;color:var(--fresh-muted);text-align:center}.fresh-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:step}.fresh-step{padding:24px;border:1px solid var(--fresh-line);border-radius:16px;background:var(--fresh-panel);counter-increment:step}.fresh-step::before{content:counter(step);width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#252e43;color:#b7c2ff;font-weight:900}.fresh-step h3{margin:18px 0 8px}.fresh-step p{margin:0;color:var(--fresh-muted);line-height:1.55}.fresh-footer{border-top:1px solid rgba(255,255,255,.08);padding:35px 20px}.fresh-footer-inner{width:min(var(--fresh-page),100%);margin:auto;display:flex;justify-content:space-between;gap:20px;color:var(--fresh-muted);font-size:13px}.fresh-footer-links{display:flex;flex-wrap:wrap;gap:18px}.fresh-footer a{text-decoration:none}.fresh-footer a:hover{color:#fff}
@media(max-width:1050px){.fresh-header{position:sticky}.fresh-links{display:none}.fresh-links.open{position:absolute;top:70px;left:12px;right:12px;display:grid;padding:10px;border:1px solid var(--fresh-line);border-radius:14px;background:#101620;box-shadow:var(--fresh-shadow)}.fresh-menu-button{display:inline-flex}.fresh-nav{grid-template-columns:auto 1fr auto}.fresh-hero{grid-template-columns:1fr;padding-top:58px}.fresh-preview{max-width:760px}.fresh-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.fresh-header{padding:10px 12px}.fresh-nav{gap:10px}.fresh-brand-copy{display:none}.fresh-actions>.fresh-button:not(.primary){display:none}.fresh-actions>.fresh-menu-button{display:inline-flex!important}.fresh-actions .primary{padding:0 12px}.fresh-main{width:min(100% - 24px,var(--fresh-page))}.fresh-hero{gap:35px;padding:45px 0}.fresh-hero h1{font-size:clamp(45px,15vw,68px)}.fresh-hero-copy{font-size:16px}.fresh-hero-actions .fresh-button{flex:1}.fresh-preview-card{min-height:300px}.fresh-section{padding:52px 0}.fresh-section-head{align-items:start;flex-direction:column}.fresh-card-grid,.fresh-steps{grid-template-columns:1fr}.fresh-footer-inner{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Two small, intentional motion accents stay enabled in lightweight mode. */
body.fresh-shell-ready .live-logo-stage{animation:liveLogoStageFloat 6.8s ease-in-out infinite!important}
body.fresh-shell-ready .hero-brand-orb{animation:streamSphereColorShift 9s ease-in-out infinite,heroLogoBreath 4.8s ease-in-out infinite!important}
body.fresh-shell-ready .hero-brand-orb .brand-orbit{animation:heroBrandOrbitSpin 7.2s linear infinite!important}
body.fresh-shell-ready .hero-brand-orb .brand-signal-dot{animation:streamSphereSignal 2.2s ease-in-out infinite,heroSignalHover 5.4s ease-in-out infinite!important}
body.fresh-shell-ready .hero-brand-orb .brand-play-mark{animation:streamSpherePlayPulse 3.2s ease-in-out infinite!important}
body.fresh-shell-ready .live-logo-echo.echo-one{animation:liveLogoEchoOne 4.8s ease-out infinite!important}
body.fresh-shell-ready .live-logo-echo.echo-two{animation:liveLogoEchoTwo 4.8s ease-out 1.4s infinite!important}
body.fresh-shell-ready .live-logo-status i{animation:streamSphereSignal 2.2s ease-in-out infinite!important}

.fresh-logo{position:relative;z-index:3;display:grid!important;place-items:center;width:42px;height:42px;overflow:hidden!important;border:1px solid #3d465a;border-radius:12px;background:#000!important;box-shadow:0 8px 22px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.025)}
.fresh-logo-shell{width:100%;height:100%;display:grid;place-items:center}
.fresh-logo-monogram{display:flex;align-items:center;justify-content:center;gap:0;font-size:18px;font-weight:950;line-height:1;letter-spacing:-1px;white-space:nowrap}
.fresh-logo-monogram b{display:inline-block}.fresh-logo-monogram b:first-child{background:none!important;color:#fff!important;text-shadow:0 0 7px rgba(255,255,255,.34)}.fresh-logo-monogram b:last-child{background:linear-gradient(110deg,#31c5ff 5%,#3970ff 48%,#a855f7 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px rgba(93,87,255,.48))}

@media(prefers-reduced-motion:reduce){
  body.fresh-shell-ready :is(.live-logo-stage,.hero-brand-orb,.hero-brand-orb .brand-orbit,.hero-brand-orb .brand-signal-dot,.hero-brand-orb .brand-play-mark,.live-logo-echo,.live-logo-status i){animation:none!important}
}

/* A quiet, in-flow invitation to the Discord community. */
.fresh-discord{display:flex;align-items:center;gap:18px;margin:0 0 48px;padding:24px;border:1px solid #393451;border-radius:var(--fresh-radius);background:linear-gradient(110deg,rgba(121,92,255,.09),var(--fresh-panel))}
.fresh-discord-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px;background:rgba(121,92,255,.13);color:#b5a5ff}
.fresh-discord-copy{flex:1;min-width:0}.fresh-discord-copy h2{margin:0 0 7px;font-size:20px;letter-spacing:-.02em}.fresh-discord-copy p{margin:0;color:var(--fresh-muted);font-size:14px;line-height:1.6}
.fresh-discord-join{flex-shrink:0;border-color:#514571;background:#211c34;white-space:nowrap}
@media(max-width:700px){.fresh-discord{flex-wrap:wrap;gap:14px;padding:20px;margin-bottom:32px}.fresh-discord-copy{flex-basis:calc(100% - 62px)}.fresh-discord-join{width:100%;min-height:44px}}