.live-page{background:#07060a;color:#f8f5fb}.live-shell{min-height:calc(100vh - 90px);padding:clamp(7rem,10vw,10rem) clamp(1rem,4vw,4rem) 5rem;background:radial-gradient(circle at 14% 10%,rgba(119,49,190,.22),transparent 34rem),radial-gradient(circle at 90% 16%,rgba(212,175,55,.08),transparent 26rem),#07060a}.live-heading{max-width:1500px;margin:0 auto clamp(1.4rem,3vw,2.7rem);display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem}.live-heading h1{margin:.45rem 0 0;font-size:clamp(2.8rem,8vw,7.4rem);line-height:.78;letter-spacing:-.065em}.live-heading h1 em{font-style:normal;color:#bf55ff;text-shadow:0 0 28px rgba(176,52,255,.5)}.live-state{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.72rem 1rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#bbb4c3;font-size:.78rem;font-weight:800;letter-spacing:.1em;white-space:nowrap}.live-state i{width:.6rem;height:.6rem;border-radius:50%;background:#736d78}.live-state.is-live{border-color:rgba(255,48,74,.48);color:#fff}.live-state.is-live i{background:#ff304a;box-shadow:0 0 16px #ff304a;animation:livePulse 1.5s infinite}.live-state.is-reconnecting i{background:#d4af37}.live-layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.65fr);gap:1.1rem;align-items:start}.live-stage,.live-chat{border:1px solid rgba(255,255,255,.11);border-radius:1.35rem;background:linear-gradient(145deg,rgba(29,24,34,.96),rgba(12,10,15,.98));box-shadow:0 26px 80px rgba(0,0,0,.42);overflow:hidden}.live-screen{position:relative;aspect-ratio:16/9;background:#020203;display:grid;place-items:center;overflow:hidden}.live-screen:after{content:"";pointer-events:none;position:absolute;inset:0;border:1px solid rgba(191,85,255,.2);box-shadow:inset 0 0 50px rgba(119,49,190,.08)}.live-screen video{width:100%;height:100%;object-fit:contain;background:#000}.live-offline{text-align:center;padding:1.25rem;position:relative;z-index:1}.live-offline .live-monogram{display:block;color:#d4af37;font-size:2rem}.live-offline p{margin:.6rem 0 .1rem;color:#b9acbf;letter-spacing:.32em;font-size:.68rem;font-weight:800}.live-offline h2{margin:.1rem 0 .8rem;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:-.04em}.live-offline>span{color:#a8a0ad;line-height:1.65}.live-offline-actions{display:flex;justify-content:center;gap:.65rem;margin-top:1.2rem}.live-play{position:absolute;z-index:3;bottom:1rem;left:50%;transform:translateX(-50%);min-height:48px;padding:.75rem 1.15rem;border:0;border-radius:999px;background:#fff;color:#09080b;font:inherit;font-weight:800}.live-show-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.35rem}.live-show-meta h2{margin:.15rem 0;font-size:clamp(1.15rem,2vw,1.6rem)}.live-show-meta p{color:#a8a0ad;margin:0;text-align:right}.live-mini-state{color:#ff5367;font-size:.65rem;letter-spacing:.18em;font-weight:900}.live-chat{height:min(72vh,750px);min-height:510px;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.live-chat>header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.live-chat>header span{color:#c49d55;font-size:.62rem;letter-spacing:.18em}.live-chat h2{font-size:1.15rem;margin:.2rem 0 0}.chat-state{border:1px solid rgba(255,255,255,.12);padding:.45rem .62rem;border-radius:999px;color:#b7b0bd!important;letter-spacing:.05em!important}.live-comment-list{list-style:none;margin:0;padding:.8rem;overflow-y:auto;overscroll-behavior:contain}.live-comment{display:grid;grid-template-columns:2.35rem minmax(0,1fr);gap:.72rem;padding:.68rem .45rem}.live-comment-avatar{width:2.35rem;height:2.35rem;display:grid;place-items:center;border-radius:.72rem;object-fit:cover;background:linear-gradient(135deg,#7137a5,#c552ff);color:white;font-weight:900}.live-comment>div>div{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.live-comment strong{font-size:.87rem}.live-comment time{color:#77717d;font-size:.68rem;white-space:nowrap}.live-comment p{margin:.18rem 0 0;color:#d9d4dd;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.live-chat-empty{color:#8e8793;padding:1.5rem .7rem;text-align:center}.live-comment-form,.live-chat-signin{padding:1rem;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025)}.live-comment-form label{display:block;margin-bottom:.5rem;color:#b9b1c1;font-size:.75rem;font-weight:800}.live-comment-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.live-comment-form textarea{min-height:50px;max-height:110px;resize:vertical;border:1px solid rgba(255,255,255,.14);border-radius:.8rem;background:#0b090e;color:#fff;padding:.72rem;font:inherit}.live-comment-form button{min-width:64px;border:0;border-radius:.8rem;background:#833cc1;color:#fff;font:inherit;font-weight:800}.live-comment-form>p{margin:.45rem .15rem 0;color:#817a86;font-size:.7rem}.live-chat-signin{text-align:center}.live-chat-signin p{color:#aaa2af;margin:.1rem 0 .75rem}.live-chat-signin .button{width:100%;min-height:46px}.live-page .site-footer{border-top:1px solid rgba(255,255,255,.08)}
@keyframes livePulse{50%{opacity:.45;transform:scale(.8)}}
@media(max-width:880px){.live-heading{align-items:flex-start;flex-direction:column}.live-layout{grid-template-columns:1fr}.live-chat{height:620px;min-height:480px}.live-show-meta{align-items:flex-start;flex-direction:column}.live-show-meta p{text-align:left}.live-shell{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(3rem,env(safe-area-inset-bottom))}}
@media(max-width:520px){.live-shell{padding-top:6.4rem}.live-heading h1{font-size:3.25rem}.live-layout{gap:.8rem}.live-stage,.live-chat{border-radius:1rem}.live-offline{padding:.45rem}.live-offline .live-monogram{font-size:1.25rem}.live-offline p{margin:.18rem 0 .05rem;font-size:.52rem}.live-offline h2{margin:.05rem 0 .25rem;font-size:1.7rem;line-height:1}.live-offline>span{font-size:.7rem;line-height:1.25}.live-offline-actions{align-items:stretch;flex-direction:row;gap:.4rem;margin-top:.45rem}.live-offline-actions .button{box-sizing:border-box;flex:1;min-height:44px;padding:.35rem;font-size:.62rem;line-height:1.1}.live-show-meta{padding:1rem}.live-chat{height:570px}.live-chat>header{padding:1rem}.live-comment-form>div{grid-template-columns:1fr}.live-comment-form button{min-height:46px}.live-comment{padding:.65rem .2rem}}

/* C5B Harlem web-show studio */
.live-shell{background:linear-gradient(180deg,rgba(5,3,7,.82),#050307 45%),url('/assets/brand/harlem-bot-cosmic.jpg') top center/100% auto no-repeat,#050307}
.live-heading h1 em{background:linear-gradient(110deg,#ad39ff,#e691ff 48%,#d6ad62);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.live-stage,.live-chat{border-color:rgba(196,84,255,.24);background:linear-gradient(145deg,rgba(23,11,31,.96),rgba(6,4,8,.99));box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 45px rgba(130,26,211,.1)}
.live-screen:after{border-color:rgba(214,173,98,.2);box-shadow:inset 0 0 70px rgba(139,34,255,.12)}