:root{--ht-social-bg:#071125;--ht-social-card:#09162f;--ht-social-line:rgba(128,166,224,.15);--ht-social-pink:#ff4eb5;--ht-social-violet:#995cff;--ht-social-muted:#8fa0ba}
body.ht-page-social-live-theme{background:radial-gradient(circle at 8% 7%,rgba(137,67,255,.15),transparent 30%),radial-gradient(circle at 92% 4%,rgba(28,151,255,.11),transparent 31%),linear-gradient(180deg,#071126,#050c1d 68%,#071022);color:#fff}
body.ht-page-social-live-theme main{position:relative;isolation:isolate}
body.ht-page-social-live-theme main:before{content:"";position:fixed;inset:82px 0 0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 74%)}
.ht-page-social-live-theme .v3-social-page,.ht-page-social-live-theme .htd-discover{width:min(1440px,calc(100% - 56px))!important;max-width:none!important;margin:0 auto!important;padding:28px 0 80px!important}
.ht-social-hero{--hero-x:75%;position:relative;min-height:405px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr);gap:34px;align-items:center;overflow:hidden;margin:0 0 22px;padding:42px 46px;border:1px solid rgba(121,163,225,.18);border-radius:32px;background:radial-gradient(circle at var(--hero-x) 20%,rgba(35,152,255,.17),transparent 32%),radial-gradient(circle at 13% 0,rgba(255,67,181,.18),transparent 38%),linear-gradient(145deg,rgba(14,29,64,.96),rgba(6,17,39,.96));box-shadow:0 28px 82px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045);isolation:isolate}
.ht-social-hero:before{content:"";position:absolute;inset:0;opacity:.7;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.035) 48%,transparent 75%);transform:translateX(-45%);animation:htSocialSweep 11s ease-in-out infinite;pointer-events:none}.ht-social-hero:after{content:"";position:absolute;right:-80px;bottom:-150px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(255,61,181,.17),transparent 66%);filter:blur(8px);animation:htSocialGlow 8s ease-in-out infinite;pointer-events:none}
@keyframes htSocialSweep{0%,35%{transform:translateX(-55%)}60%,100%{transform:translateX(65%)}}@keyframes htSocialGlow{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-28px,-20px) scale(1.08)}}
.ht-social-hero__copy,.ht-social-hero__visual{position:relative;z-index:2}.ht-social-hero__copy{max-width:720px}.ht-social-hero__kicker{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid rgba(255,78,181,.26);border-radius:999px;background:rgba(255,78,181,.10);color:#ff88ca;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.11em}.ht-social-hero__kicker i{width:8px;height:8px;border-radius:50%;background:#55ef83;box-shadow:0 0 0 5px rgba(85,239,131,.08),0 0 16px rgba(85,239,131,.72);animation:htSocialPulse 1.8s ease-in-out infinite}@keyframes htSocialPulse{50%{transform:scale(.72);opacity:.65}}
.ht-social-hero h1{max-width:760px;margin:16px 0 12px;color:#fff;font-size:clamp(42px,5vw,72px);line-height:.94;letter-spacing:-.07em}.ht-social-hero__copy>p{max-width:680px;margin:0;color:#aab7cb;font-size:15px;line-height:1.65;font-weight:630}.ht-social-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.ht-social-hero__actions a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 19px;border:1px solid rgba(156,183,225,.17);border-radius:15px;background:rgba(255,255,255,.045);color:#fff;text-decoration:none;font-size:12px;font-weight:900;transition:.2s ease}.ht-social-hero__actions a:hover{transform:translateY(-2px);border-color:rgba(255,91,189,.38);background:rgba(255,255,255,.07)}.ht-social-hero__actions a.is-primary{border:0;background:linear-gradient(135deg,#ff3eaa,#9c5bff);box-shadow:0 15px 36px rgba(222,65,209,.25)}
.ht-social-hero__stats{display:flex;gap:10px;margin-top:20px}.ht-social-hero__stats span{min-width:100px;min-height:58px;display:grid;align-content:center;padding:8px 13px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(3,12,31,.32)}.ht-social-hero__stats b{font-size:18px;line-height:1;color:#fff}.ht-social-hero__stats small{margin-top:5px;color:#8295b1;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.ht-social-hero__visual{min-height:315px}.ht-social-hero__orbit{position:absolute;inset:2% -2% 4% 2%;border:1px solid rgba(255,79,188,.30);border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 0 1px rgba(64,170,255,.14) inset;animation:htSocialOrbit 15s linear infinite}.ht-social-hero__orbit:after{content:"";position:absolute;right:14%;top:-4px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 20px #ff69c2}@keyframes htSocialOrbit{to{transform:rotate(348deg)}}
.ht-social-hero__profiles{position:absolute;inset:0}.ht-social-hero__profile{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:#0b1731;box-shadow:0 22px 55px rgba(0,0,0,.38);color:#fff;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.ht-social-hero__profile:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 28px 70px rgba(0,0,0,.48),0 0 32px rgba(255,62,174,.14)}.ht-social-hero__profile>img,.ht-social-hero__profile>.htd-img-fallback,.ht-social-hero__profile>span:first-child{width:100%;height:100%;display:grid;place-items:center;object-fit:cover;background:linear-gradient(135deg,#321746,#113054);font-size:34px}.ht-social-hero__profile>span:last-child{position:absolute;left:0;right:0;bottom:0;display:grid;gap:2px;padding:28px 12px 11px;background:linear-gradient(transparent,rgba(3,8,20,.95))}.ht-social-hero__profile strong{font-size:12px}.ht-social-hero__profile small{color:#a8b5c8;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ht-social-hero__profile.is-1{left:8%;top:14%;width:42%;height:68%;z-index:4}.ht-social-hero__profile.is-2{right:4%;top:4%;width:33%;height:48%;z-index:3;transform:rotate(3deg)}.ht-social-hero__profile.is-3{right:1%;bottom:3%;width:31%;height:42%;z-index:5;transform:rotate(-2deg)}.ht-social-hero__profile.is-4{left:0;bottom:0;width:28%;height:36%;z-index:2;transform:rotate(-4deg)}
.ht-social-hero__ticker{position:absolute;z-index:8;left:18%;right:3%;bottom:2%;padding:11px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:rgba(5,13,31,.78);box-shadow:0 18px 45px rgba(0,0,0,.32);backdrop-filter:blur(18px)}.ht-social-hero__ticker>strong{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:#ff88c9;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.ht-social-hero__ticker>strong i{width:7px;height:7px;border-radius:50%;background:#5cf18a}.ht-social-hero__ticker>a{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:28px;color:#fff;text-decoration:none}.ht-social-hero__ticker>a b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.ht-social-hero__ticker>a small{color:#7486a3;font-size:8px}

/* Integrate the existing pages into the same blue/pink design system. */
.ht-page-social-live-theme .htc-people-stage,.ht-page-social-live-theme .htd-stories,.ht-page-social-live-theme .htd-album-showcase,.ht-page-social-live-theme .htd-section,.ht-page-social-live-theme .htd-all-profiles,.ht-page-social-live-theme .htd-live-preview,.ht-page-social-live-theme .v3-community-composer,.ht-page-social-live-theme .v3-community-search,.ht-page-social-live-theme .htc-community-albums,.ht-page-social-live-theme .v3-community-feed-pro,.ht-page-social-live-theme .v3-community-side-pro .v3-side-card{border-color:var(--ht-social-line)!important;background:linear-gradient(180deg,rgba(11,25,53,.94),rgba(6,17,38,.96))!important;box-shadow:0 20px 58px rgba(0,0,0,.24)!important}
.ht-page-social-live-theme .htc-people-stage{margin-top:0!important}.ht-page-social-live-theme .htc-people-head h1,.ht-page-social-live-theme .htd-section-head h2,.ht-page-social-live-theme .v3-side-card h2{color:#fff!important}.ht-page-social-live-theme .htc-people-head p,.ht-page-social-live-theme .htd-section-head p,.ht-page-social-live-theme .v3-side-card p{color:#8fa0b8!important}
.ht-page-social-live-theme .htc-people-filters a,.ht-page-social-live-theme .htd-chips a{border-color:rgba(143,173,219,.13)!important;background:rgba(255,255,255,.035)!important;color:#a9b7cb!important}.ht-page-social-live-theme .htc-people-filters a.active,.ht-page-social-live-theme .htd-chips a.active{border-color:rgba(255,79,184,.35)!important;background:linear-gradient(135deg,rgba(255,62,170,.19),rgba(150,84,255,.16))!important;color:#fff!important;box-shadow:0 10px 28px rgba(218,66,213,.12)!important}
.ht-page-social-live-theme .htd-search{border-color:rgba(134,170,223,.15)!important;background:rgba(7,19,43,.86)!important;box-shadow:0 16px 42px rgba(0,0,0,.20)!important}.ht-page-social-live-theme .htd-search input{color:#fff!important}.ht-page-social-live-theme .htd-search button{background:linear-gradient(135deg,#ff43ad,#965cff)!important}
.ht-page-social-live-theme .htc-person-card,.ht-page-social-live-theme .htd-creator-card,.ht-page-social-live-theme .htd-album-card,.ht-page-social-live-theme .v3-community-post{border-color:rgba(139,171,221,.14)!important;background:#08162f!important;box-shadow:0 18px 48px rgba(0,0,0,.26)!important}.ht-page-social-live-theme .htc-person-card:hover,.ht-page-social-live-theme .htd-creator-card:hover,.ht-page-social-live-theme .htd-album-card:hover,.ht-page-social-live-theme .v3-community-post:hover{border-color:rgba(255,81,185,.34)!important;box-shadow:0 24px 64px rgba(0,0,0,.34),0 0 30px rgba(255,61,177,.07)!important}
.ht-page-social-live-theme .v3-community-grid-pro{gap:18px!important}.ht-page-social-live-theme .v3-community-feed-pro{padding:14px!important;border:1px solid var(--ht-social-line)!important;border-radius:26px!important}.ht-page-social-live-theme .v3-community-side-pro{gap:14px!important}.ht-page-social-live-theme .v3-side-card{border-radius:22px!important}.ht-page-social-live-theme .v3-community-post{border-radius:22px!important}.ht-page-social-live-theme .v3-community-post-actions{border-color:rgba(255,255,255,.07)!important}.ht-page-social-live-theme .v3-comment-bubble{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.07)!important}
.ht-page-social-live-theme .htd-creator-card{border-radius:24px!important}.ht-page-social-live-theme .htd-card-body{background:linear-gradient(transparent,rgba(3,10,25,.96))!important}.ht-page-social-live-theme .htd-album-cover{background:#07142c!important}.ht-page-social-live-theme .htd-section,.ht-page-social-live-theme .htd-all-profiles,.ht-page-social-live-theme .htd-live-preview,.ht-page-social-live-theme .htd-album-showcase,.ht-page-social-live-theme .htd-stories{padding:20px!important;border:1px solid var(--ht-social-line)!important;border-radius:26px!important;margin-top:18px!important}
.ht-page-social-live-theme .ht-footer-cta,.ht-page-social-live-theme .ht-site-footer{width:min(1440px,calc(100% - 56px))!important}

@media(max-width:1050px){.ht-social-hero{grid-template-columns:minmax(0,1fr) 390px;padding:34px}.ht-social-hero h1{font-size:52px}.ht-social-hero__visual{min-height:285px}}
@media(max-width:820px){.ht-page-social-live-theme .v3-social-page,.ht-page-social-live-theme .htd-discover{width:100%!important;padding:12px 12px 105px!important}.ht-social-hero{display:block;min-height:500px;padding:25px 18px;border-radius:26px}.ht-social-hero__copy{position:relative;z-index:8;max-width:88%}.ht-social-hero h1{font-size:42px;max-width:600px}.ht-social-hero__copy>p{font-size:13px;max-width:560px}.ht-social-hero__visual{position:absolute;right:-18px;bottom:10px;width:52%;min-height:250px;opacity:.72}.ht-social-hero__ticker{display:none}.ht-social-hero__stats{max-width:420px}.ht-page-social-live-theme .ht-footer-cta,.ht-page-social-live-theme .ht-site-footer{width:calc(100% - 24px)!important}}
@media(max-width:560px){.ht-social-hero{min-height:430px;padding:22px 15px}.ht-social-hero__copy{max-width:100%}.ht-social-hero h1{font-size:36px}.ht-social-hero__copy>p{max-width:94%;font-size:12px}.ht-social-hero__actions{gap:8px}.ht-social-hero__actions a{flex:1 1 0;min-height:44px;padding:0 10px;font-size:10px}.ht-social-hero__stats{gap:7px}.ht-social-hero__stats span{min-width:0;flex:1;padding:7px 9px}.ht-social-hero__stats b{font-size:16px}.ht-social-hero__visual{right:-28px;bottom:8px;width:48%;opacity:.38}.ht-social-hero__profile.is-1{left:4%;width:60%}.ht-social-hero__profile.is-2{right:0;width:46%}.ht-social-hero__profile.is-3,.ht-social-hero__profile.is-4{display:none}.ht-page-social-live-theme .htd-section,.ht-page-social-live-theme .htd-all-profiles,.ht-page-social-live-theme .htd-live-preview,.ht-page-social-live-theme .htd-album-showcase,.ht-page-social-live-theme .htd-stories{padding:14px!important;border-radius:20px!important}}
@media(prefers-reduced-motion:reduce){.ht-social-hero:before,.ht-social-hero:after,.ht-social-hero__orbit,.ht-social-hero__kicker i{animation:none!important}.ht-social-hero__profile{transition:none!important}}