:root{color-scheme:light;--bg:#f6f4f9;--panel:rgba(255,255,255,.72);--panel2:rgba(255,255,255,.90);--text:#211d29;--muted:#6c6573;--line:rgba(67,52,91,.10);--purple:#7957d4;--cyan:#42bdcf;--live:#e34e6c;--green:#50c9a0;--shadow:0 22px 72px rgba(47,34,69,.09)}
html[data-theme="vibrant-dark"]{color-scheme:dark;--bg:#070910;--panel:rgba(12,15,25,.75);--panel2:rgba(9,12,21,.94);--text:#f3f5fa;--muted:#aeb5c3;--line:rgba(255,255,255,.085);--purple:#a27af0;--cyan:#58d8e7;--live:#ff627e;--green:#66dfb8;--shadow:0 28px 86px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}.hidden{display:none!important}.glass{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
.viewer-bg{position:fixed;z-index:-2;inset:0;overflow:hidden;pointer-events:none}.viewer-bg:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 11% 8%,rgba(126,87,218,.12),transparent 28%),radial-gradient(circle at 87% 19%,rgba(68,199,217,.10),transparent 27%),radial-gradient(circle at 51% 92%,rgba(222,74,146,.05),transparent 31%)}.viewer-bg i{position:absolute;width:37vw;height:37vw;max-width:580px;max-height:580px;border:1px solid rgba(121,87,212,.06);border-radius:50%}.viewer-bg i:nth-child(1){left:-13vw;top:12vh}.viewer-bg i:nth-child(2){right:-15vw;top:2vh}.viewer-bg i:nth-child(3){left:38vw;bottom:-27vw}
.viewer-topbar{position:sticky;z-index:80;top:12px;width:min(1420px,calc(100% - 24px));min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:12px auto 0;padding:8px 10px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 13px 46px rgba(45,34,64,.07);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.viewer-brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.viewer-brand>span:last-child b,.viewer-brand>span:last-child small{display:block}.viewer-brand>span:last-child b{font-size:14px;letter-spacing:-.035em}.viewer-brand>span:last-child small{margin-top:2px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.14em}.viewer-orb{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#805bd9,#45c3d2);font-size:17px;font-style:italic;font-weight:950}.viewer-orb i{position:absolute;inset:-4px;border:1px solid rgba(83,211,226,.20);border-radius:50%}
.viewer-topbar nav{display:flex;justify-content:center;gap:2px;min-width:0}.viewer-topbar nav button{position:relative;min-height:38px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid transparent;border-radius:10px;color:var(--muted);background:transparent;font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer}.viewer-topbar nav button:hover,.viewer-topbar nav button.active{color:var(--text);border-color:var(--line);background:rgba(127,127,127,.045)}.viewer-topbar nav button>b{min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;color:#fff;background:var(--live);font-size:7px}.viewer-top-actions{display:flex;align-items:center;gap:6px}.viewer-hub-link,.viewer-login{min-height:42px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:11px;color:inherit;background:rgba(127,127,127,.025);font-size:9px;font-weight:900;text-decoration:none}.viewer-login{color:#fff;background:linear-gradient(135deg,#7957d3,#4aabc1)}.viewer-theme-toggle,.viewer-mobile-nav{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;color:inherit;background:rgba(127,127,127,.025);cursor:pointer}.viewer-mobile-nav{display:none}.viewer-account-btn{height:44px;max-width:165px;display:flex;align-items:center;gap:8px;padding:4px 9px 4px 4px;border:1px solid var(--line);border-radius:12px;color:inherit;background:rgba(127,127,127,.025);cursor:pointer}.viewer-account-btn img{width:34px;height:34px;border-radius:9px;object-fit:cover}.viewer-account-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:850}
.viewer-mobile-menu{position:fixed;z-index:90;left:50%;top:86px;width:min(520px,calc(100% - 20px));display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px;border-radius:17px;transform:translateX(-50%)}.viewer-mobile-menu button{min-height:46px;border:1px solid var(--line);border-radius:11px;color:var(--text);background:rgba(127,127,127,.035);font-size:10px;font-weight:850;cursor:pointer}.viewer-mobile-menu button.active{color:#a783ed;border-color:rgba(130,93,218,.16);background:rgba(126,87,215,.065)}
main{width:min(1400px,calc(100% - 28px));margin:0 auto;padding:52px 0 80px}.viewer-view{display:none}.viewer-view.active{display:block}.eyebrow{color:#7b60be;font-size:9px;font-weight:950;letter-spacing:.14em}
.viewer-welcome{min-height:260px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:center;gap:30px}.viewer-welcome h1{margin:10px 0 12px;font-size:clamp(48px,6.2vw,78px);line-height:.94;letter-spacing:-.07em}.viewer-welcome p{max-width:710px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.viewer-quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.viewer-stat{min-height:88px;display:grid;align-content:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(127,127,127,.025)}.viewer-stat b,.viewer-stat span{display:block}.viewer-stat b{font-size:23px;letter-spacing:-.04em}.viewer-stat span{margin-top:4px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em}
.viewer-section{margin-top:24px}.section-head,.page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-head h2,.page-head h1{margin:5px 0 0;letter-spacing:-.055em}.section-head h2{font-size:31px}.page-head{align-items:flex-start;flex-direction:column;margin:18px 0 22px}.page-head h1{font-size:clamp(42px,6vw,65px)}.page-head p{max-width:670px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.text-button,.mini-head button{border:0;color:#8062c4;background:transparent;font-size:9px;font-weight:900;cursor:pointer}
.featured-live-shell{min-height:260px}.featured-live{position:relative;min-height:330px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);overflow:hidden;border:1px solid var(--line);border-radius:25px;background:var(--panel);box-shadow:var(--shadow)}.featured-live-media{position:relative;min-height:330px;background:#10131b center/cover no-repeat}.featured-live-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,var(--panel))}.featured-live-copy{display:grid;align-content:center;padding:26px}.featured-live-copy h3{margin:7px 0 5px;font-size:34px;letter-spacing:-.055em}.featured-live-copy p{margin:6px 0;color:var(--muted);font-size:11px;line-height:1.55}.live-pill{width:max-content;padding:6px 8px;border-radius:999px;color:#ff8196;background:rgba(255,92,119,.08);font-size:8px;font-weight:950;letter-spacing:.08em}.featured-actions,.creator-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border:1px solid var(--line);border-radius:10px;color:inherit;background:rgba(127,127,127,.025);font-size:9px;font-weight:900;text-decoration:none;cursor:pointer}.btn.primary{color:#fff;border-color:rgba(112,79,208,.17);background:linear-gradient(135deg,#7957d3,#4aabc1)}.btn.secondary{background:rgba(70,192,210,.055)}.btn.ghost{color:var(--muted);background:transparent}.btn.following{color:#6acdab;border-color:rgba(83,201,163,.17);background:rgba(83,201,163,.055)}
.viewer-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:13px}.viewer-panel{min-height:270px;padding:17px;border-radius:20px}.mini-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.mini-head h3{margin:4px 0 0;font-size:18px;letter-spacing:-.035em}.compact-list{display:grid;gap:7px}.compact-row{min-height:55px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;border:1px solid var(--line);border-radius:12px;background:rgba(127,127,127,.02)}.compact-row img{width:37px;height:37px;border-radius:10px;object-fit:cover}.compact-row b,.compact-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-row b{font-size:10px}.compact-row small{margin-top:3px;color:var(--muted);font-size:8px}.compact-row>span:last-child{color:var(--muted);font-size:8px;font-weight:850}.compact-row .is-live{color:#ff6f89}
.afterdark-card{background:radial-gradient(circle at 90% 10%,rgba(93,36,128,.12),transparent 35%),linear-gradient(145deg,rgba(19,10,30,.94),rgba(6,13,24,.90));color:#f2eef7}.afterdark-card .eyebrow{color:#cf82ef}.afterdark-card .mini-head h3{color:#f7efff}.city-signal{color:#73dce5;font-size:8px;font-weight:900;letter-spacing:.09em}.district-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.district-chip{padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}.district-chip b,.district-chip span{display:block}.district-chip b{font-size:14px}.district-chip span{margin-top:2px;color:#a99db2;font-size:7px}.afterdark-event-line{margin:10px 0;padding:9px;border:1px solid rgba(255,255,255,.075);border-radius:10px;color:#bdb1c7;background:rgba(255,255,255,.02);font-size:9px;line-height:1.45}.afterdark-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.afterdark-controls select{min-height:40px;padding:0 9px;border:1px solid rgba(255,255,255,.10);border-radius:10px;color:#e8e2ee;background:#11101a;font-size:9px}
.signal-list{display:grid;gap:7px}.signal-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px;border:1px solid var(--line);border-radius:11px;background:rgba(127,127,127,.02)}.signal-row b,.signal-row span{display:block}.signal-row b{font-size:10px}.signal-row span{margin-top:3px;color:var(--muted);font-size:8px}.signal-row>strong{font-size:17px}
.creator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.creator-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 14px 40px rgba(37,28,52,.05)}.creator-card-media{position:relative;aspect-ratio:16/9;background:#13151d center/cover no-repeat}.creator-card-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,14,.64),transparent 60%)}.creator-card-avatar{position:absolute;z-index:2;left:12px;bottom:-20px;width:50px;height:50px;border:3px solid var(--panel2);border-radius:14px;object-fit:cover}.creator-card-live{position:absolute;z-index:2;right:9px;top:9px;padding:5px 7px;border-radius:999px;color:#fff;background:var(--live);font-size:7px;font-weight:950}.creator-card-body{padding:27px 12px 12px}.creator-card-body h3{margin:0;font-size:15px;letter-spacing:-.03em}.creator-card-body p{height:35px;margin:5px 0;color:var(--muted);font-size:9px;line-height:1.45;overflow:hidden}.creator-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.creator-meta span{padding:4px 6px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:7px;font-weight:850}.creator-actions{margin-top:11px}.creator-actions .btn{flex:1}
.viewer-search{max-width:520px;height:46px;display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:0 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.viewer-search input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:11px}.viewer-search input::placeholder{color:var(--muted)}
.giveaway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.giveaway-card{display:flex;flex-direction:column;min-height:260px;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 14px 40px rgba(37,28,52,.05)}.giveaway-card header{display:flex;align-items:center;gap:8px}.giveaway-card header img{width:38px;height:38px;border-radius:10px;object-fit:cover}.giveaway-card header b,.giveaway-card header small{display:block}.giveaway-card header b{font-size:10px}.giveaway-card header small{margin-top:2px;color:var(--muted);font-size:8px}.giveaway-card h3{margin:16px 0 5px;font-size:20px;letter-spacing:-.04em}.giveaway-prize{color:#8c6bcf;font-size:11px;font-weight:900}.giveaway-card p{color:var(--muted);font-size:9px;line-height:1.5}.giveaway-card footer{display:flex;gap:7px;margin-top:auto}.giveaway-card footer .btn{flex:1}
.inbox-page-head{display:flex;align-items:end;justify-content:space-between;flex-direction:row}.inbox-actions{display:flex;gap:6px}.viewer-inbox-filters{display:flex;gap:5px;margin-bottom:11px;overflow:auto}.viewer-inbox-filters button{min-height:36px;padding:0 10px;border:1px solid transparent;border-radius:10px;color:var(--muted);background:transparent;font-size:9px;font-weight:850;white-space:nowrap;cursor:pointer}.viewer-inbox-filters button.active{color:var(--text);border-color:var(--line);background:var(--panel)}.viewer-inbox-list{display:grid;gap:8px}.viewer-inbox-item{width:100%;min-height:82px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:15px;color:inherit;background:var(--panel);text-align:left;cursor:pointer}.viewer-inbox-item.unread{border-color:rgba(127,89,211,.16);background:radial-gradient(circle at 0 0,rgba(128,87,217,.07),transparent 32%),var(--panel)}.inbox-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(127,127,127,.035);font-size:13px}.inbox-copy b,.inbox-copy span,.inbox-copy small{display:block}.inbox-copy b{font-size:11px}.inbox-copy span{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.inbox-copy small{margin-top:5px;color:#8d8299;font-size:8px}.inbox-dot{width:8px;height:8px;border-radius:50%;background:#9a72ec;box-shadow:0 0 10px rgba(154,114,236,.44)}.viewer-empty{min-height:220px;display:grid;place-items:center;align-content:center;padding:24px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.viewer-empty b,.viewer-empty span{display:block}.viewer-empty b{color:var(--text);font-size:15px}.viewer-empty span{max-width:430px;margin-top:6px;font-size:10px;line-height:1.55}
.viewer-profile-shell{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:12px}.profile-card,.preference-card{padding:19px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow)}.profile-id{display:flex;align-items:center;gap:12px}.profile-id img{width:70px;height:70px;border-radius:18px;object-fit:cover}.profile-id h2{margin:0;font-size:22px}.profile-id p{margin:4px 0 0;color:var(--muted);font-size:9px}.role-chip{display:inline-flex;margin-top:7px;padding:5px 7px;border:1px solid var(--line);border-radius:999px;color:#8868ca;font-size:7px;font-weight:950}.profile-numbers{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}.profile-numbers div{padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(127,127,127,.025)}.profile-numbers b,.profile-numbers span{display:block}.profile-numbers b{font-size:19px}.profile-numbers span{margin-top:3px;color:var(--muted);font-size:8px}.profile-card .btn{width:100%;margin-top:12px}.preference-card h3{margin:0;font-size:18px}.preference-card>p{margin:6px 0 12px;color:var(--muted);font-size:9px}.preference-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 2px;border-top:1px solid var(--line)}.preference-row b,.preference-row span{display:block}.preference-row b{font-size:10px}.preference-row span{margin-top:3px;color:var(--muted);font-size:8px}.preference-row input{width:38px;height:20px;accent-color:var(--purple)}
.viewer-watch{position:fixed;z-index:150;inset:0;display:grid;place-items:center}.watch-backdrop{position:absolute;inset:0;border:0;background:rgba(2,3,7,.73);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.watch-dialog{position:relative;z-index:2;width:min(1280px,calc(100% - 28px));max-height:calc(100vh - 30px);overflow:hidden;border-radius:22px}.watch-dialog>header{height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px 9px 15px;border-bottom:1px solid var(--line)}.watch-dialog>header b,.watch-dialog>header small{display:block}.watch-dialog>header b{font-size:13px}.watch-dialog>header small{margin-top:2px;color:var(--muted);font-size:8px}.watch-dialog>header button{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;color:inherit;background:transparent;cursor:pointer}.watch-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(330px,.62fr);height:min(720px,calc(100vh - 94px));background:#08090d}.watch-grid iframe{width:100%;height:100%;border:0}.watch-grid iframe:last-child{border-left:1px solid rgba(255,255,255,.08)}
.viewer-channel99{position:fixed;z-index:180;inset:0;display:grid;place-items:center;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(18,225,231,.018) 0 1px,transparent 1px 5px),rgba(0,5,8,.86);backdrop-filter:blur(3px)}.viewer-channel99>div{width:min(700px,calc(100% - 30px));padding:28px;border:1px solid rgba(84,233,238,.24);border-radius:6px;color:#bafafd;background:rgba(2,19,22,.86);box-shadow:0 0 60px rgba(40,220,228,.13)}.viewer-channel99 small,.viewer-channel99 strong,.viewer-channel99 span{display:block}.viewer-channel99 small{font-size:9px;letter-spacing:.18em}.viewer-channel99 strong{margin-top:10px;font-size:clamp(32px,6vw,66px);letter-spacing:-.05em}.viewer-channel99 p{font-size:13px;line-height:1.65}.viewer-channel99 span{color:#61ccd2;font-size:9px;letter-spacing:.12em}
.viewer-toast{position:fixed;z-index:190;right:17px;bottom:17px;max-width:min(390px,calc(100% - 34px));padding:12px 14px;border:1px solid var(--line);border-radius:13px;color:var(--text);background:var(--panel2);box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.18s ease}.viewer-toast.show{opacity:1;transform:none}.viewer-toast b,.viewer-toast span{display:block}.viewer-toast b{font-size:10px}.viewer-toast span{margin-top:3px;color:var(--muted);font-size:9px}
.viewer-footer{width:min(1400px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto;padding:22px 0 34px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.viewer-footer a{color:var(--text);font-weight:900;text-decoration:none}
.page-hidden *{animation-play-state:paused!important}
@media(max-width:1120px){.viewer-topbar nav{display:none}.viewer-mobile-nav{display:block}.viewer-welcome{grid-template-columns:1fr}.creator-grid{grid-template-columns:repeat(3,1fr)}.watch-grid{grid-template-columns:1fr;height:min(800px,calc(100vh - 94px));overflow:auto}.watch-grid iframe:first-child{aspect-ratio:16/9;height:auto}.watch-grid iframe:last-child{min-height:500px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}}
@media(max-width:820px){main{width:calc(100% - 18px);padding-top:36px}.viewer-home-grid{grid-template-columns:1fr}.featured-live{grid-template-columns:1fr}.featured-live-media{min-height:240px}.featured-live-media:after{background:linear-gradient(0deg,var(--panel),transparent 60%)}.creator-grid{grid-template-columns:repeat(2,1fr)}.giveaway-grid{grid-template-columns:repeat(2,1fr)}.viewer-profile-shell{grid-template-columns:1fr}.inbox-page-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.viewer-topbar{top:7px;width:calc(100% - 14px);min-height:60px;margin-top:7px;padding:6px 7px}.viewer-brand>span:last-child{display:none}.viewer-hub-link{display:none!important}.viewer-account-btn{width:40px;max-width:40px;padding:3px}.viewer-account-btn span{display:none}.viewer-account-btn img{width:32px;height:32px}.viewer-welcome h1{font-size:clamp(45px,14vw,66px)}.creator-grid,.giveaway-grid{grid-template-columns:1fr}.viewer-quick-stats{grid-template-columns:1fr 1fr}.district-mini-grid{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start;flex-direction:column}.viewer-mobile-menu{grid-template-columns:1fr}.viewer-inbox-item{grid-template-columns:auto minmax(0,1fr)}.viewer-inbox-item>.inbox-dot{display:none}.inbox-actions{width:100%}.inbox-actions .btn{flex:1}.viewer-footer{width:calc(100% - 18px);align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}