:root {
    --shc-bg-page: #020812;
    --shc-bg-deep: #01050c;
    --shc-bg-surface: #06111e;
    --shc-bg-raised: #081827;
    --shc-blue: #087cff;
    --shc-blue-bright: #19a2ff;
    --shc-orange: #ff7400;
    --shc-orange-bright: #ff9a18;
    --shc-green: #18d77b;
    --shc-text: #f3f7ff;
    --shc-text-soft: #b5c1d3;
    --shc-text-muted: #75869c;
    --shc-border: #17304a;
    --shc-radius: 8px;
    --shc-player-height: 96px;
    --shc-glow-blue: 0 0 18px rgb(8 124 255 / 35%);
    --shc-glow-orange: 0 0 18px rgb(255 116 0 / 30%);
}

/* Page-only chrome is suppressed immediately. Global IC5 header/navigation is
   hidden only after its live controls have been relocated into the SHC shell. */
body.shcFrontendPage .ipsBreadcrumb,
body.shcFrontendPage .ipsPageHeader,
body.shcFrontendPage [data-role="breadcrumb"],
body.shcFrontendPage [data-page-header],
body.shcFrontendPage #elSearchWrapper {
    display: none !important;
}
body.shcFrontendPage.shcHeaderTransferred .ipsHeader,
body.shcFrontendPage.shcHeaderTransferred .ipsNavPanel,
body.shcFrontendPage.shcHeaderTransferred .ipsNavPanelBreadcrumbs {
    display: none !important;
}
body.shcFrontendPage.shcMobileHeaderTransferred .ipsMobileHeader {
    display: none !important;
}
body.shcFrontendPage.shcHeaderTransferred .ipsLayout,
body.shcFrontendPage.shcHeaderTransferred .ipsLayout__app {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}
body.shcFrontendPage #ipsLayout_contentArea,
body.shcFrontendPage #ipsLayout_mainArea,
body.shcFrontendPage .ipsLayout_container,
body.shcFrontendPage .ipsWidth--main-content {
    width: 100% !important;
    max-width: none !important;
}
body.shcFrontendPage #ipsLayout_contentArea,
body.shcFrontendPage #ipsLayout_mainArea,
body.shcFrontendPage .ipsLayout__main,
body.shcFrontendPage .ipsContentWrap {
    margin: 0 !important;
    padding: 0 !important;
}

.shcShell,
.shcShell * { box-sizing: border-box; }
.shcShell {
    width: min(100%, var(--shc-max-width, 1600px));
    margin: 0 auto;
    padding-bottom: calc(var(--shc-player-height, 96px) + 28px);
    color: var(--shc-text);
    background: radial-gradient(circle at 20% 0, rgb(0 102 255 / 12%), transparent 34%), linear-gradient(180deg, #020711, #030914 72%, #020711);
    border-inline: 1px solid rgb(26 68 105 / 35%);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.shcShell a { color: var(--shc-blue-bright); text-decoration: none; }
.shcUtility { min-height: 56px; display:flex; align-items:center; gap:18px; padding: 8px 26px; background:rgb(1 6 13 / 96%); border-bottom:1px solid #0c2841; }
.shcUtility__brand { font-weight:800; font-style:italic; letter-spacing:.04em; white-space:nowrap; }
.shcUtility__brand span{color:var(--shc-blue-bright)}
.shcUtility__divider{height:32px;width:1px;background:#183149}
.shcUtility__points{display:flex;align-items:center;gap:9px;font-size:.85rem}
.shcUtility__points strong{padding:8px 15px;border:1px solid #173149;border-radius:7px}
.shcDot{width:13px;height:13px;border:3px solid var(--shc-blue);border-radius:50%}
.shcUtility__accountHost{margin-left:auto;display:flex;align-items:center;min-width:0}
.shcUtility__accountFallback{display:flex;align-items:center;gap:10px}
.shcAccountFallback__profile{display:flex;align-items:center;gap:10px;color:#fff!important}
.shcUtility__accountFallback small{display:block;color:#8aa0bb}
.shcButton--compact{min-height:34px;padding-inline:14px}
.shcCoreUserBar--mobile{display:none}
.shcCoreUserBar>.ipsUserNav{display:flex;align-items:center;gap:5px;margin:0;padding:0;list-style:none}
.shcCoreUserBar .ipsUserNav__link{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:6px 9px;color:#eaf4ff!important;border:1px solid transparent;border-radius:8px;background:transparent}
.shcCoreUserBar .ipsUserNav__link:hover,.shcCoreUserBar .ipsUserNav__link:focus-visible{border-color:#19456c;background:#07192a;box-shadow:var(--shc-glow-blue)}
.shcCoreUserBar .ipsUserPhoto{width:38px;height:38px}
.shcCoreUserBar .ipsUserPhoto img{width:100%;height:100%;object-fit:cover;border:1px solid var(--shc-orange);border-radius:50%}
.shcCoreUserBar .ipsNotification{position:absolute;transform:translate(12px,-13px);min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border-radius:9px;color:#fff;background:#e53935;font-size:.62rem;font-weight:800}
.shcCoreUserBar [data-el="user"]{order:10}
.shcCoreUserBar [data-el="user"] .ipsUserNav__link,.shcCoreUserBar [data-el="user"]>button{gap:8px}
.shcAvatar{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--shc-orange);border-radius:50%;background:linear-gradient(145deg,#0c2238,#06101b);font-size:.7rem;font-weight:800;overflow:hidden}
.shcAvatar img{width:100%;height:100%;object-fit:cover}
body.shcHeaderTransferred [data-shc-account-fallback]{display:none}
.shcAvatar--small{width:31px;height:31px}
.shcAvatar--tiny{width:25px;height:25px}
.shcHero{height:150px;position:relative;display:grid;place-items:center;overflow:hidden;background-image:linear-gradient(90deg,rgb(0 80 255 / 35%),transparent 40%,rgb(255 80 0 / 25%)),var(--shc-hero-image);background-size:cover;background-position:center}
.shcHero__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#020914)}
.shcHero__lightning{position:absolute;inset:0;pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle at 21% 16%,rgb(255 255 255 / .95),rgb(82 183 255 / .45) 13%,transparent 24%),radial-gradient(circle at 74% 20%,rgb(255 255 255 / .92),rgb(255 149 74 / .35) 12%,transparent 22%),linear-gradient(114deg,transparent 0 43%,rgb(255 255 255 / 0) 43.5%,rgb(255 255 255 / .98) 44.2%,rgb(134 214 255 / .94) 44.9%,transparent 45.7%) 16% -3%/34% 108% no-repeat,linear-gradient(77deg,transparent 0 53%,rgb(255 255 255 / 0) 53.2%,rgb(255 255 255 / .9) 54%,rgb(92 192 255 / .85) 54.8%,transparent 55.6%) 26% 16%/18% 64% no-repeat,linear-gradient(104deg,transparent 0 46%,rgb(255 255 255 / 0) 46.2%,rgb(255 255 255 / .98) 47%,rgb(255 175 96 / .88) 47.8%,transparent 48.6%) 64% -5%/27% 110% no-repeat,linear-gradient(63deg,transparent 0 58%,rgb(255 255 255 / 0) 58.4%,rgb(255 255 255 / .88) 59.2%,rgb(111 198 255 / .78) 60%,transparent 60.8%) 57% 23%/16% 58% no-repeat;filter:drop-shadow(0 0 12px rgb(150 222 255 / .85)) drop-shadow(0 0 26px rgb(36 122 255 / .45));animation:shcHeroLightningCycle 8.8s linear infinite}.shcHero__shade{z-index:2;animation:shcHeroLightningShade 8.8s linear infinite}@keyframes shcHeroLightningCycle{0%,8%,9.1%,26%,27%,44%,45.1%,73%,74.1%,100%{opacity:0}8.2%{opacity:.18}8.38%{opacity:.98}8.55%{opacity:.28}8.74%{opacity:.86}8.93%{opacity:.22}26.18%{opacity:.16}26.34%{opacity:.88}26.52%{opacity:.25}26.72%{opacity:.76}44.16%{opacity:.22}44.34%{opacity:.94}44.52%{opacity:.3}44.78%{opacity:.82}73.1%{opacity:.18}73.32%{opacity:.86}73.5%{opacity:.24}73.74%{opacity:.74}}@keyframes shcHeroLightningShade{0%,8%,9.1%,26%,27%,44%,45.1%,73%,74.1%,100%{background:linear-gradient(180deg,transparent 55%,#020914);box-shadow:inset 0 -90px 120px rgb(2 9 20 / .45),inset 0 0 0 rgb(255 255 255 / 0)}8.38%,8.74%,26.34%,26.72%,44.34%,44.78%,73.32%,73.74%{background:linear-gradient(180deg,rgb(255 255 255 / .12),transparent 48%,#020914);box-shadow:inset 0 -90px 120px rgb(2 9 20 / .35),inset 0 0 140px rgb(146 215 255 / .18)}}@media (prefers-reduced-motion:reduce){.shcHero__lightning{animation:none;opacity:.12}.shcHero__shade{animation:none}}
.shcHero__logo{position:relative;max-width:min(520px,58vw);max-height:130px;object-fit:contain;filter:drop-shadow(0 0 18px rgb(0 120 255 / 55%))}
.shcNav{display:flex;align-items:center;gap:12px;min-height:54px;padding:0 24px;background:rgb(3 12 22 / 96%);border:1px solid #16344f;border-radius:10px;margin:-1px 24px 14px;position:relative;z-index:2}
.shcNav__items{display:flex;align-items:center;gap:4px;min-width:0;flex:1}
.shcNav__item{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 13px;border:0;border-radius:6px;color:#f7faff!important;background:transparent;font-weight:700;font-size:.81rem;white-space:nowrap;cursor:pointer;list-style:none}
.shcNav__item::-webkit-details-marker{display:none}
.shcNav__item:hover,.shcNav__item.is-active,.shcNavMenu.is-active>.shcNav__item{background:linear-gradient(180deg,#137cff,#064ac1);box-shadow:var(--shc-glow-blue)}
.shcNav__icon{display:grid;place-items:center;width:17px;height:17px;color:#dfeeff}
.shcNav__icon svg{width:17px;height:17px;fill:currentColor}
.shcNavMenu{position:relative}
.shcNavMenu[open]>.shcNav__item{background:#0a2b4c}
.shcNavMenu__dropdown{position:absolute;z-index:40;top:calc(100% + 6px);left:0;min-width:220px;padding:7px;background:#03101d;border:1px solid #1c4263;border-radius:8px;box-shadow:0 18px 38px rgb(0 0 0 / 55%)}
.shcNavMenu__dropdown a{display:block;padding:9px 11px;border-radius:5px;color:#edf6ff!important;font-size:.78rem}
.shcNavMenu__dropdown a:hover{background:#0a3158}
.shcNav__mobile{display:none}
.shcSearch{margin-left:auto;min-width:220px}
.shcSearch .ipsSearchPseudo{width:100%;min-height:38px;display:flex;align-items:center;gap:9px;padding:8px 12px;color:#aebed0;background:#020a14;border:1px solid #19364f;border-radius:7px;text-align:left}
.shcSearch .ipsSearchPseudo span{flex:1}
.shcSearch .ipsSearchPseudo:hover{border-color:var(--shc-blue)}
.shcBlocks{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;padding:0 24px 12px}
.shcBlock{order:var(--shc-order-desktop);min-width:0}
.shcBlock--wide{flex:1 1 calc(69% - 6px)}
.shcBlock--side{flex:1 1 calc(31% - 6px)}
.shcBlock--third{flex:1 1 calc(23% - 8px)}
.shcCard{position:relative;background:linear-gradient(145deg,rgb(6 18 31 / 97%),rgb(2 10 18 / 97%));border:1px solid var(--shc-border);border-radius:var(--shc-radius);box-shadow:inset 0 1px rgb(255 255 255 / 2%);overflow:hidden}
.shcCard__header{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-bottom:1px solid #142b41}
.shcCard__header h2{margin:0;font-size:.83rem}
.shcCard__header a,.shcCard__header>span{font-size:.7rem}
.shcBadge{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid currentColor;border-radius:5px;font-size:.65rem;font-weight:800}
.shcBadge--blue{color:#48a8ff;background:#06366d}
.shcBadge--green{color:var(--shc-green);background:#042b20}
.shcRadio{min-height:270px;display:grid;grid-template-columns:210px 1fr;gap:25px;padding:40px 16px 18px;background-image:linear-gradient(90deg,rgb(2 9 17 / 96%) 0%,rgb(2 9 17 / 75%) 48%,rgb(0 0 0 / 18%)),var(--shc-radio-image);background-size:cover;background-position:center}
.shcRadio>.shcBadge{position:absolute;top:12px;left:16px}
.shcRadio__art{border:1px solid #1d466d;border-radius:9px;display:grid;place-items:center;background:radial-gradient(circle,#0d56a3,#030a13 67%);overflow:hidden}
.shcRadio__art img{max-width:85%;max-height:85%;object-fit:contain}
.shcRadio__content{align-self:center}
.shcRadio h1{font-size:1.8rem;margin:7px 0}
.shcRadio p{margin:6px 0}
.shcLive{font-size:.8rem}
.shcLive i,.shcRadio__live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--shc-blue);box-shadow:0 0 10px var(--shc-blue);margin-right:7px}
.shcListeners strong{color:#74c5ff}
.shcActions{display:flex;gap:10px;margin:16px 0}
.shcButton{min-height:40px;padding:0 18px;color:#f4f8ff;background:#07111c;border:1px solid #25445f;border-radius:20px;font-weight:700;cursor:pointer}
.shcButton:hover{border-color:var(--shc-blue);box-shadow:var(--shc-glow-blue)}
.shcButton--primary{background:linear-gradient(180deg,#167cff,#0750d9);border-color:#1a83ff}
.shcButton--full{width:100%;border-radius:5px}
.shcWave{height:35px;display:flex;align-items:center;overflow:hidden}
.shcWave span{width:100%;height:18px;background:repeating-linear-gradient(90deg,var(--shc-blue) 0 2px,transparent 2px 5px);mask-image:linear-gradient(180deg,transparent,black 20% 80%,transparent);opacity:.8}
.shcWave--orange span{background:repeating-linear-gradient(90deg,var(--shc-orange) 0 2px,transparent 2px 5px)}
.shcRadio__live{position:absolute;right:16px;bottom:14px;font-size:.72rem}
.shcRadio__live strong{margin-left:14px;color:#ccd5e0}
.shcChat{padding:8px 16px}
.shcChat__message{display:grid;grid-template-columns:34px 1fr auto;gap:8px;padding:6px 0}
.shcChat__message strong{font-size:.78rem}
.shcChat__message small{color:#88a1ba;margin-left:6px}
.shcChat__message p{margin:1px 0;font-size:.74rem}
.shcChat__message time{font-size:.65rem;color:#9bacbf}
.shcComposer{display:flex;gap:7px;padding:9px 16px;border-top:1px solid #142b41}
.shcComposer input{width:100%;padding:9px;color:#9fb1c3;background:#030b15;border:1px solid #1e3b54;border-radius:5px}
.shcComposer button{width:42px;color:#4aa8ff;background:#073475;border:0;border-radius:6px}
.shcList{padding:8px 14px}
.shcList__row{display:grid;grid-template-columns:42px 1fr auto 28px;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #10273c}
.shcList__row:last-child{border:0}
.shcList__row strong,.shcList__row small{display:block}
.shcList__row strong{font-size:.76rem}
.shcList__row small,.shcList__row>span{font-size:.65rem;color:#98aac0}
.shcList__row button{width:25px;height:25px;border:0;border-radius:50%;color:white;background:#0969eb}
.shcThumb{display:grid!important;place-items:center;width:36px;height:36px;border:1px solid #28537a;border-radius:5px;color:#fff!important;font-weight:800;background:#071b2d}

.shcRecentNow{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:12px;margin:10px 14px 2px;padding:10px;border:1px solid #176fd4;border-radius:7px;background:linear-gradient(135deg,rgb(8 71 139 / 42%),rgb(4 19 32 / 94%));box-shadow:inset 3px 0 0 var(--shc-orange)}
.shcRecentNow[hidden]{display:none!important}
.shcRecentNow>img,.shcRecentNow__fallback{width:62px;height:62px;border:1px solid #287cc5;border-radius:6px;object-fit:cover;background:#061625}
.shcRecentNow__fallback{display:grid;place-items:center;color:var(--shc-blue-bright);font-size:1.2rem}
.shcRecentNow>div{min-width:0}
.shcRecentNow__status{display:block;margin-bottom:3px;color:var(--shc-orange-bright);font-size:.59rem;font-weight:800;letter-spacing:.08em}
.shcRecentNow__status i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--shc-orange);box-shadow:0 0 8px var(--shc-orange)}
.shcRecentNow strong,.shcRecentNow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shcRecentNow strong{color:#fff;font-size:.83rem}
.shcRecentNow small{margin-top:2px;color:#9eb4c9;font-size:.65rem}
.shcRecentTracks{padding:8px 14px}
.shcRecentTrack{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:7px 0;border-bottom:1px solid #10273c}
.shcRecentTrack:last-child{border-bottom:0}
.shcRecentTrack>img,.shcRecentTrack__fallback{width:42px;height:42px;border:1px solid #28537a;border-radius:5px;object-fit:cover;background:#071b2d}
.shcRecentTrack__fallback{display:grid;place-items:center;color:var(--shc-blue-bright)}
.shcRecentTrack div{min-width:0}
.shcRecentTrack strong,.shcRecentTrack small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shcRecentTrack strong{color:#fff;font-size:.76rem}
.shcRecentTrack small{margin-top:2px;color:#8ea7be;font-size:.63rem}
.shcRecentTrack time{color:var(--shc-orange-bright);font-size:.61rem;font-weight:700;white-space:nowrap}
.shcBalance{padding:20px 20px 12px;border-bottom:1px solid #183049}
.shcBalance small,.shcEarn>small{display:block;font-size:.65rem}
.shcBalance strong{display:block;color:var(--shc-orange-bright);font-size:1.75rem}
.shcEarn{padding:13px 20px}
.shcEarn p{display:flex;justify-content:space-between;margin:9px 0;font-size:.72rem}
.shcEarn p::first-letter{color:var(--shc-blue)}
.shcEarn b{color:var(--shc-orange-bright)}
.shcDj{display:flex;align-items:center;gap:17px;padding:14px 20px}
.shcDj__avatar{width:76px;height:76px;display:grid;place-items:center;border:1px solid var(--shc-orange);border-radius:50%;background:radial-gradient(circle,#263446,#050b12);font-weight:900}
.shcDj h3{margin:0}
.shcDj h3 .shcBadge{vertical-align:middle}
.shcDj strong{color:var(--shc-blue-bright);font-size:.75rem}
.shcDj p{margin:5px 0;color:#a7b7c9;font-size:.75rem}
.shcDj+.shcWave,.shcDj~.shcButton{margin-inline:18px;margin-bottom:12px}
.shcStats{display:flex;align-items:center;justify-content:space-around;min-height:72px}
.shcStats div{flex:1;text-align:center;border-right:1px solid #173047}
.shcStats div:last-child{border:0}
.shcStats strong,.shcStats span{display:block}
.shcStats strong{color:#819cff;font-size:1.2rem}
.shcStats span{font-size:.66rem;color:#aab9ca}
.shcLeaderboard{list-style:none;margin:0;padding:8px 18px 14px}
.shcLeaderboard li{display:grid;grid-template-columns:20px 28px 1fr auto;align-items:center;gap:8px;padding:5px 0;font-size:.72rem}
.shcLeaderboard li:first-child>span:first-child{color:var(--shc-orange)}
.shcLeaderboard b{font-weight:400;color:#b8c4d2}
.shcPlayer{position:fixed;z-index:1000;left:0;right:0;bottom:0;min-height:var(--shc-player-height,96px);display:flex;align-items:center;gap:18px;padding:10px max(24px,calc((100vw - var(--shc-max-width,1600px))/2 + 24px));color:#fff;background:linear-gradient(90deg,#020914,#031526 45%,#020914);border-top:1px solid #163d61;box-shadow:0 -12px 32px rgb(0 0 0 / 45%)}
.shcPlayer>img{width:72px;height:72px;object-fit:contain;border:1px solid #1b4c78;border-radius:6px;background:#061424}
.shcPlayer__track{min-width:230px}
.shcPlayer__track strong,.shcPlayer__track a{display:block;margin-top:4px}
.shcPlayer__controls{display:flex;align-items:center;gap:14px}
.shcPlayer__controls button{width:48px;height:48px;border:1px solid #1d3955;border-radius:50%;color:white;background:#06111d;font-size:1.2rem}
.shcPlayer__controls .is-play{width:68px;height:68px;background:linear-gradient(145deg,#388eff,#074fc2);box-shadow:var(--shc-glow-blue)}
.shcPlayer__volume{display:flex;align-items:center;gap:8px;margin-left:auto}
.shcPlayer__volume input{width:130px}
.shcHideDesktop{display:none!important}

@media (min-width:768px){
    .shcPlayer__controls{position:absolute;left:50%;margin:0;transform:translateX(-50%)}
}
@media (max-width:1100px){
    .shcNav__item{padding-inline:9px;font-size:.72rem}
    .shcSearch{min-width:170px}
    .shcBlock--wide{flex-basis:65%}
    .shcBlock--side{flex-basis:33%}
    .shcBlock--third{flex-basis:31%}
    .shcPlayer>.shcButton{display:none}
}
@media (max-width:767px){
    :root{--shc-player-height:72px}
    .shcShell{padding-bottom:calc(var(--shc-player-height,72px) + 18px);border:0}
    .shcUtility{padding-inline:14px}
    .shcUtility__brand{font-size:.82rem}
    .shcUtility__points{display:none}
    .shcCoreUserBar--desktop{display:none}
    .shcCoreUserBar--mobile{display:block}
    .shcCoreUserBar--mobile .ipsMobileNavIcons{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}
    .shcCoreUserBar--mobile .ipsMobileNavIcons__button{display:grid;place-items:center;min-width:38px;min-height:38px;padding:5px;color:#fff;background:#071725;border:1px solid #183b5b;border-radius:7px}
    .shcCoreUserBar--mobile .ipsMobileNavIcons__button svg{width:17px;height:17px;fill:currentColor}
    body.shcHeaderTransferred:not(.shcMobileHeaderTransferred) [data-shc-account-fallback]{display:flex}
    .shcHero{height:105px}
    .shcHero__logo{max-width:75vw}
    .shcNav{margin:0 10px 10px;padding:6px 8px;flex-wrap:wrap}
    .shcNav__mobile{display:block;padding:8px 12px;color:#fff;background:#0755c9;border:0;border-radius:5px}
    .shcNav__items{display:none;flex-basis:100%;flex-direction:column;align-items:stretch}
    .shcNav.is-open .shcNav__items{display:flex}
    .shcNav__item,.shcNavMenu{width:100%}
    .shcNavMenu__dropdown{position:static;min-width:0;margin:4px 0 8px;box-shadow:none}
    .shcSearch{margin-left:auto;min-width:150px}
    .shcSearch .ipsSearchPseudo span{display:none}
    .shcBlocks{padding:0 10px 10px;gap:9px}
    .shcBlock{order:var(--shc-order-mobile)!important;flex-basis:100%!important}
    .shcRadio{grid-template-columns:92px 1fr;gap:13px;min-height:230px;padding-top:42px}
    .shcRadio h1{font-size:1.3rem}
    .shcRadio__art{height:120px;align-self:center}
    .shcRadio__live{display:none}
    .shcActions .shcButton:last-child{display:none}
    .shcStats{display:grid;grid-template-columns:repeat(2,1fr)}
    .shcStats div{padding:11px;border-bottom:1px solid #173047}
    .shcPlayer{min-height:var(--shc-player-height,72px);padding:7px 10px;gap:10px}
    .shcPlayer>img{width:52px;height:52px}
    .shcPlayer__track{min-width:0;flex:1}
    .shcPlayer__track strong,.shcPlayer__track a{max-width:36vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .shcPlayer__controls button:not(.is-play),.shcPlayer__volume,.shcPlayer>.shcButton{display:none}
    .shcPlayer__controls{margin-left:0}
    .shcPlayer__controls .is-play{width:52px;height:52px}
    .shcHideMobile{display:none!important}
    .shcHideDesktop:not(.shcHideMobile){display:block!important}
}
@media (prefers-reduced-motion:reduce){.shcShell *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* Alpha 6 menu alignment */
.shcNavMenu__dropdown {
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgb(10 109 215 / 18%), transparent 45%),
        linear-gradient(180deg, #091a2a, #030b14);
    border-color: #176fd4;
    box-shadow: 0 20px 42px rgb(0 0 0 / 58%);
}
.shcNavMenu__dropdown::before {
    content: '';
    display: block;
    height: 2px;
    margin: -7px -7px 6px;
    background: linear-gradient(90deg, var(--shc-blue), var(--shc-orange));
}
.shcNavMenu__dropdown a {
    border-left: 3px solid transparent;
}
.shcNavMenu__dropdown a:hover {
    border-left-color: var(--shc-orange);
}
.shcCoreUserBar .iDropdown,
.shcCoreUserBar .ipsMenu {
    color: var(--shc-text);
}
/* Alpha 9 grouped SHC members directory. */
.shcMembersPage #ipsLayout_mainArea { min-width: 0; }

.shcMembersDirectory {
    width: min(100%, var(--shc-max-width, 1600px));
    margin-inline: auto;
    padding: 28px 20px 150px;
    color: #f4f8ff;
}

.shcMembersDirectory__hero {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 32px;
    background:
        linear-gradient(90deg, rgb(1 9 20 / 96%), rgb(1 13 29 / 78%)),
        var(--shc-hero-image) center / cover no-repeat;
    border: 1px solid #123d63;
    border-radius: 10px;
    box-shadow: 0 18px 48px rgb(0 0 0 / 28%);
}

.shcMembersDirectory__eyebrow {
    display: block;
    margin-bottom: 8px;
    color: #17a5ff;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.shcMembersDirectory__hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    line-height: 1;
}

.shcMembersDirectory__hero p {
    max-width: 760px;
    margin: 12px 0 0;
    color: #a9bdd2;
}

.shcMembersDirectory__total {
    min-width: 132px;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgb(1 10 21 / 78%);
    border: 1px solid #1767a7;
    border-radius: 9px;
}

.shcMembersDirectory__total strong { color: #ff9200; font-size: 2rem; }
.shcMembersDirectory__total span { color: #8ea5bd; font-size: .72rem; text-transform: uppercase; }

.shcMembersTabs {
    display: grid;
    grid-template-columns: repeat(6, minmax(105px, 1fr));
    gap: 8px;
    margin: 18px 0 10px;
}

.shcMembersTab {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 13px;
    color: #bdd0e2 !important;
    background: linear-gradient(180deg, #071827, #030d17);
    border: 1px solid #123d63;
    border-radius: 7px;
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.shcMembersTab:hover,
.shcMembersTab.is-active {
    color: #fff !important;
    border-color: #1588df;
    box-shadow: 0 0 18px rgb(0 132 255 / 16%);
    transform: translateY(-1px);
}

.shcMembersTab.is-active { background: linear-gradient(180deg, #0b4e87, #062c4e); }
.shcMembersTab strong {
    min-width: 28px;
    padding: 4px 7px;
    color: #fff;
    background: #08223a;
    border: 1px solid #185786;
    border-radius: 999px;
    text-align: center;
}
.shcMembersTab--admin.is-active { border-color: #ff9d12; box-shadow: 0 0 18px rgb(255 143 0 / 18%); }
.shcMembersTab--vip.is-active { border-color: #d344ff; box-shadow: 0 0 18px rgb(211 68 255 / 18%); }

.shcMembersDirectory__tools {
    display: flex;
    align-items: end;
    gap: 12px;
    margin: 10px 0;
    padding: 15px;
    background: #04101d;
    border: 1px solid #123d63;
    border-radius: 8px;
}

.shcMembersSearch {
    min-width: 240px;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 13px;
    background: #020b14;
    border: 1px solid #174a75;
    border-radius: 6px;
}
.shcMembersSearch i { color: #168cff; }
.shcMembersSearch input {
    width: 100%;
    min-height: 42px;
    color: #fff;
    background: transparent;
    border: 0;
    outline: 0;
}

.shcMembersSort { min-width: 190px; display: grid; gap: 5px; }
.shcMembersSort > span { color: #8098b0; font-size: .68rem; font-weight: 800; text-transform: uppercase; }

.shcMembersDirectory__status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
    color: #829ab1;
    font-size: .76rem;
}
.shcMembersDirectory__status span { display: flex; align-items: center; gap: 9px; }
.shcMembersDirectory__status i { color: #168cff; }
.shcMembersDirectory__status strong { color: #b9cde0; font-size: .72rem; }

.shcMembersGroups { display: grid; gap: 18px; }
.shcMembersGroup {
    overflow: hidden;
    background: #030d18;
    border: 1px solid #123d63;
    border-radius: 9px;
    box-shadow: 0 12px 32px rgb(0 0 0 / 22%);
    scroll-margin-top: 18px;
}

.shcMembersGroup__header {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 18px;
    background: linear-gradient(90deg, #071827, #04101d);
    border-bottom: 1px solid #123d63;
}
.shcMembersGroup__title { display: flex; align-items: center; gap: 12px; }
.shcMembersGroup__icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(180deg, #167eff, #0649bc);
    border: 1px solid #299dff;
    border-radius: 50%;
    box-shadow: 0 0 18px rgb(18 125 255 / 24%);
}
.shcMembersGroup--admin .shcMembersGroup__icon,
.shcMemberBadge--admin { background: linear-gradient(180deg, #ff9d12, #b94d00); border-color: #ffb13c; }
.shcMembersGroup--mods .shcMembersGroup__icon,
.shcMemberBadge--mods { background: linear-gradient(180deg, #586fff, #2633a5); border-color: #7188ff; }
.shcMembersGroup--djs .shcMembersGroup__icon,
.shcMemberBadge--djs { background: linear-gradient(180deg, #00a8f8, #0060a5); border-color: #31c0ff; }
.shcMembersGroup--vip .shcMembersGroup__icon,
.shcMemberBadge--vip { background: linear-gradient(180deg, #d344ff, #7118a0); border-color: #e775ff; }
.shcMembersGroup--members .shcMembersGroup__icon,
.shcMemberBadge--members { background: linear-gradient(180deg, #1786ff, #0750bd); border-color: #42a0ff; }

.shcMembersGroup__title h2 { margin: 0; color: #fff; font-size: 1rem; text-transform: uppercase; letter-spacing: .04em; }
.shcMembersGroup__title small { display: block; margin-top: 3px; color: #7790a8; font-size: .7rem; }
.shcMembersGroup__actions { display: flex; align-items: center; gap: 9px; }
.shcMembersGroup__range { color: #7590aa; font-size: .66rem; text-transform: uppercase; }
.shcMembersGroup__count {
    min-width: 42px;
    padding: 7px 10px;
    color: #fff;
    background: #08223a;
    border: 1px solid #185786;
    border-radius: 999px;
    font-weight: 800;
    text-align: center;
}
.shcMembersGroup__viewAll {
    padding: 7px 10px;
    color: #fff !important;
    background: #0759a1;
    border: 1px solid #168fea;
    border-radius: 5px;
    font-size: .66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.shcMemberGrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; padding: 14px; }
.shcMemberCard {
    min-width: 0;
    display: flex;
    gap: 14px;
    padding: 15px;
    background: linear-gradient(145deg, #061522, #020a13);
    border: 1px solid #123b5c;
    border-radius: 7px;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.shcMemberCard:hover { transform: translateY(-2px); border-color: #147ed1; box-shadow: 0 12px 24px rgb(0 0 0 / 28%), 0 0 20px rgb(0 120 255 / 12%); }
.shcMemberCard__photo { width: 64px; height: 64px; flex: 0 0 64px; position: relative; display: block; }
.shcMemberCard__photo .ipsUserPhoto,
.shcMemberCard__photo img { width: 64px !important; height: 64px !important; object-fit: cover; border: 2px solid #1478bd; border-radius: 50%; }
.shcMemberCard__online { width: 13px; height: 13px; position: absolute; right: 1px; bottom: 3px; background: #00d87c; border: 2px solid #03101b; border-radius: 50%; box-shadow: 0 0 10px rgb(0 216 124 / 70%); }
.shcMemberCard__body { min-width: 0; flex: 1; }
.shcMemberCard__heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.shcMemberCard__heading > a { overflow: hidden; color: #fff !important; font-size: .96rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.shcMemberBadge { flex: 0 0 auto; padding: 4px 7px; color: #fff; border: 1px solid; border-radius: 4px; font-size: .59rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.shcMemberCard__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 12px 0 10px; }
.shcMemberCard__stats div { min-width: 0; padding: 7px; background: #020b14; border: 1px solid #0c2e4a; border-radius: 4px; }
.shcMemberCard__stats dt { color: #678199; font-size: .56rem; font-weight: 800; text-transform: uppercase; }
.shcMemberCard__stats dd { overflow: hidden; margin: 3px 0 0; color: #cfe3f6; font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }
.shcMemberCard__profile { color: #1599ff !important; font-size: .7rem; font-weight: 700; }
.shcMembersGroup__empty { padding: 30px 18px; color: #7890a8; text-align: center; }
.shcMembersGroup__empty--warning { color: #ffb151; background: rgb(131 63 0 / 12%); }

.shcMembersPagination {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    padding: 13px;
    background: #04101d;
    border: 1px solid #123d63;
    border-radius: 8px;
}
.shcMembersPagination__pages { display: flex; align-items: center; justify-content: center; gap: 6px; }
.shcMembersPagination__pages a,
.shcMembersPagination__ellipsis,
.shcMembersPagination__edge {
    min-width: 36px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    color: #bdd0e2 !important;
    background: #061827;
    border: 1px solid #174a75;
    border-radius: 5px;
    font-size: .72rem;
    font-weight: 800;
}
.shcMembersPagination__pages a.is-current { color: #fff !important; background: #0874d1; border-color: #1c9dff; }
.shcMembersPagination__edge:first-child { justify-self: start; }
.shcMembersPagination__edge:last-child { justify-self: end; }
.shcMembersPagination__ellipsis { color: #6f879e; background: transparent; border-color: transparent; }

@media (max-width: 980px) {
    .shcMembersTabs { grid-template-columns: repeat(3, 1fr); }
    .shcMembersDirectory__status { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 760px) {
    .shcMembersDirectory { padding: 14px 10px 130px; }
    .shcMembersDirectory__hero { align-items: flex-start; flex-direction: column; padding: 22px 18px; }
    .shcMembersDirectory__total { width: 100%; grid-template-columns: auto auto; justify-content: center; gap: 10px; }
    .shcMembersTabs { grid-template-columns: repeat(2, 1fr); }
    .shcMembersDirectory__tools { align-items: stretch; flex-direction: column; }
    .shcMembersSearch, .shcMembersSort { min-width: 0; width: 100%; }
    .shcMembersGroup__header { align-items: flex-start; flex-direction: column; }
    .shcMembersGroup__actions { width: 100%; justify-content: flex-end; }
    .shcMemberGrid { grid-template-columns: 1fr; padding: 10px; }
    .shcMemberCard { gap: 10px; padding: 12px; }
    .shcMemberCard__photo, .shcMemberCard__photo .ipsUserPhoto, .shcMemberCard__photo img { width: 52px !important; height: 52px !important; flex-basis: 52px; }
    .shcMemberCard__stats { grid-template-columns: 1fr; }
    .shcMembersPagination { grid-template-columns: 1fr 1fr; }
    .shcMembersPagination__pages { grid-column: 1 / -1; grid-row: 1; flex-wrap: wrap; }
    .shcMembersPagination__edge { grid-row: 2; }
}


/* Alpha 11 members directory refinements. */
.shcMembersDirectory__total {
    grid-template-columns: repeat(2, minmax(92px, 1fr));
    gap: 8px;
}
.shcMembersDirectory__total > div {
    min-width: 92px;
    display: grid;
    place-items: center;
}
.shcMembersDirectory__onlineTotal {
    padding-left: 12px;
    border-left: 1px solid #164e79;
}
.shcMembersDirectory__onlineTotal strong { color: #00dc82; }
.shcMembersGroup__actions::before {
    content: attr(data-online-label);
}
.shcMemberCard__presence {
    min-height: 18px;
    margin-top: 4px;
    color: #667f97;
    font-size: .62rem;
    font-weight: 750;
    text-transform: uppercase;
}
.shcMemberCard__presence span { display: inline-flex; align-items: center; gap: 6px; }
.shcMemberCard__presence .is-online { color: #2ee99b; }
.shcMemberCard__presence .is-online i {
    width: 7px;
    height: 7px;
    display: inline-block;
    background: #00d87c;
    border-radius: 50%;
    box-shadow: 0 0 9px rgb(0 216 124 / 70%);
}
.shcMemberCard__stats { grid-template-columns: repeat(auto-fit, minmax(86px, 1fr)); }
.shcMembersGroup__empty--duplicate {
    color: #ff8080;
    background: rgb(151 17 17 / 16%);
    border-top: 1px solid rgb(255 75 75 / 22%);
}
.shcNavMenu__dropdown a.is-active {
    color: #fff !important;
    background: #0a3158;
    border-left-color: var(--shc-orange);
    box-shadow: inset 3px 0 var(--shc-orange);
}
@media (max-width: 760px) {
    .shcMembersDirectory__total { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* Alpha 19: live provider payloads and explicit homepage fallback states. */
.shcRadioCard { position: relative; }
.shcRadioCard>.shcProviderBadge{position:absolute;z-index:4;top:12px;right:16px}
.shcProviderBadge { display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:2px 7px;border:1px solid currentColor;border-radius:999px;font-size:.58rem;font-weight:900;letter-spacing:.08em;vertical-align:middle; }
.shcProviderBadge--live,.shcProviderBadge--local{color:#43e39b;background:#05291d}
.shcProviderBadge--partial{color:#78c8ff;background:#062b4d}
.shcProviderBadge--stale{color:#ffb54a;background:#3a2103}
.shcProviderBadge--demo{color:#bba6ff;background:#21164c}
.shcProviderBadge--unavailable{color:#ff7d7d;background:#3a090e}
.shcBadge--muted{color:#9aa9b9;background:#19222c}
.shcProviderEmpty{min-height:270px;display:grid;place-items:center;align-content:center;gap:10px;padding:32px;text-align:center;background:radial-gradient(circle at 50% 30%,rgb(9 96 183 / 16%),transparent 48%)}
.shcProviderEmpty i{font-size:2rem;color:#4daeff}
.shcProviderEmpty h2,.shcProviderEmpty p{margin:0}
.shcProviderEmpty p{max-width:520px;color:var(--shc-text-soft);font-size:.78rem}
.shcProviderEmpty--compact{min-height:180px}
.shcProviderState--stale{border-color:#805315}
.shcProviderState--partial{border-color:#1e6398}
.shcProviderState--unavailable{border-color:#63232c}
.shcCard__header>div{display:flex;align-items:center;gap:7px;min-width:0}
.shcCard__footer{padding:10px 14px;border-top:1px solid #142b41}
.shcEmptyText{margin:14px 0;color:#8fa2b7;font-size:.72rem;text-align:center}
.shcThumb--image{object-fit:cover}
.shcRoundAction{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#fff!important;background:#0969eb}
.shcRank img{width:34px;height:34px;object-fit:contain}
.shcPlayer audio{display:none}
.shcPlayer__track>span:last-child{display:block;margin-top:4px;color:#8fc9ff;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shcButton--full{display:flex;align-items:center;justify-content:center}
.shcButton[disabled],.shcPlayer button[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.shcShell.is-playing .shcWave span{animation:shcWavePulse .8s ease-in-out infinite alternate}
@keyframes shcWavePulse{from{opacity:.45;transform:scaleY(.65)}to{opacity:1;transform:scaleY(1)}}
@media (max-width:767px){.shcProviderBadge{font-size:.52rem}.shcProviderEmpty{min-height:190px}.shcPlayer__track>span:last-child{max-width:34vw}.shcCard__header>div>a{display:none}}


/* Alpha 20: visibility-aware normalized live refresh. */
.shcVisuallyHidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.shcShell.is-refreshing .shcDot{animation:shcRefreshPulse 1s ease-in-out infinite alternate}
@keyframes shcRefreshPulse{from{opacity:.35}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.shcShell.is-refreshing .shcDot{animation:none}}


/* Alpha 31: completed app-ready homepage shell and resilient block presentation. */
.shcSkipLink{position:fixed;z-index:2000;top:8px;left:8px;transform:translateY(-150%);padding:10px 14px;color:#fff!important;background:#075bd5;border:2px solid #fff;border-radius:6px;font-weight:800}.shcSkipLink:focus{transform:translateY(0)}
.shcHero{height:210px;isolation:isolate}.shcHero__content{position:relative;z-index:3;display:grid;place-items:center;gap:4px;text-align:center}.shcHero__content p{max-width:760px;margin:0;padding:0 18px;color:#cfdef0;font-size:.82rem;font-weight:650;text-shadow:0 2px 12px #000}
.shcLaunchpad{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:18px;margin:0 24px 14px;padding:18px 20px;background:linear-gradient(115deg,rgb(4 20 37 / 98%),rgb(2 11 22 / 98%));border:1px solid #17476f;border-radius:10px;box-shadow:0 14px 32px rgb(0 0 0 / 24%)}.shcLaunchpad__eyebrow{display:block;margin-bottom:4px;color:#2aa8ff;font-size:.62rem;font-weight:900;letter-spacing:.14em}.shcLaunchpad h2{margin:0;font-size:1.12rem}.shcLaunchpad p{max-width:820px;margin:7px 0 0;color:#9fb2c8;font-size:.75rem}.shcLaunchpad__metrics{display:flex;align-items:stretch;gap:7px}.shcLaunchpad__metrics span{min-width:96px;display:grid;place-items:center;padding:9px;background:#020b15;border:1px solid #123856;border-radius:7px;color:#7188a0;font-size:.53rem;font-weight:850;letter-spacing:.06em}.shcLaunchpad__metrics strong{color:#ff931c;font-size:1.15rem}.shcLaunchpad__links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;padding-top:10px;border-top:1px solid #102d46}.shcLaunchpad__links a{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;color:#ddebfa!important;background:#061625;border:1px solid #153d5f;border-radius:999px;font-size:.68rem;font-weight:750}.shcLaunchpad__links a:hover{border-color:#128dff;box-shadow:var(--shc-glow-blue)}
.shcCard{min-height:100%;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.shcCard:hover{border-color:#20577f;box-shadow:0 14px 34px rgb(0 0 0 / 18%),inset 0 1px rgb(255 255 255 / 3%)}.shcCard__header{background:linear-gradient(180deg,rgb(9 29 47 / 92%),rgb(4 17 29 / 92%))}.shcCard__header h2{display:flex;align-items:center;gap:8px;letter-spacing:.035em}.shcCard__header h2 i{color:#279eff}.shcHeaderMetric{color:#7890a7;font-size:.62rem}.shcHeaderMetric b{color:#36d99b}.shcCard__header [hidden],.shcCard__footer [hidden],.shcPlayer [hidden]{display:none!important}
.shcIntegrationReady{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px;text-align:center;background:radial-gradient(circle at 50% 34%,rgb(0 116 255 / 15%),transparent 45%),linear-gradient(145deg,rgb(7 22 37 / 86%),rgb(2 9 17 / 95%))}.shcIntegrationReady--compact{min-height:230px}.shcIntegrationReady__icon{width:62px;height:62px;display:grid;place-items:center;color:#60baff;background:linear-gradient(145deg,#0b3158,#061525);border:1px solid #2076b8;border-radius:18px;box-shadow:0 0 24px rgb(0 126 255 / 18%);font-size:1.55rem}.shcIntegrationReady__eyebrow{color:#ff921c;font-size:.56rem;font-weight:950;letter-spacing:.14em}.shcIntegrationReady h2,.shcIntegrationReady h3{margin:0}.shcIntegrationReady p{max-width:560px;margin:0;color:#9fb1c4;font-size:.72rem;line-height:1.55}.shcIntegrationReady__provider{margin-top:4px;padding:5px 9px;color:#86caff;background:#061b2e;border:1px solid #154a73;border-radius:999px;font-size:.58rem;font-weight:800}.shcProviderState--unavailable{border-style:solid}.shcProviderState--demo{border-color:#463c82}.shcProviderState--live{border-color:#1b5c55}.shcPreviewNotice,.shcStateNotice{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#b8aceb;background:#17102c;border-top:1px solid #423575;font-size:.62rem}.shcStateNotice{color:#ffc56f;background:#2b1a05;border-color:#654415}.shcDisabledAction{display:block;padding:8px;color:#7e91a6;text-align:center;font-size:.66rem}.shcButton--card{display:flex;align-items:center;justify-content:center;margin:0 18px 14px}.shcRadio__track{min-height:24px;color:#d9e4f0}.shcRadio__art{min-height:190px}.shcRadio__art img{width:88%;height:88%}.shcStats div{padding:11px 7px}.shcStats i{display:block;margin-bottom:4px;color:#237fc9;font-size:.8rem}.shcRank a{color:inherit!important}.shcChat__message a{color:#f5f9ff!important}.shcChat__message small{display:inline-block}.shcChat{max-height:330px;overflow:auto;scrollbar-color:#1767a7 #020b14}.shcList{max-height:350px;overflow:auto}.shcEarn p span{min-width:0;padding-right:10px}.shcEarn p b{white-space:nowrap}.shcPlayer{backdrop-filter:blur(18px);background:linear-gradient(90deg,rgb(2 9 20 / 97%),rgb(3 25 44 / 97%) 45%,rgb(2 9 20 / 97%))}.shcPlayer::before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#0d8dff 25%,#ff7500 75%,transparent)}.shcShell[aria-busy="true"] .shcCard{opacity:.93}.shcShell[aria-busy="true"] .shcProviderBadge{filter:brightness(1.25)}
@media (max-width:1100px){.shcLaunchpad{grid-template-columns:1fr}.shcLaunchpad__metrics{grid-row:auto}.shcLaunchpad__links{grid-column:auto}.shcBlock--third{flex-basis:48%}.shcHero{height:180px}}
@media (max-width:767px){.shcHero{height:135px}.shcHero__content p{display:none}.shcLaunchpad{margin:0 10px 10px;padding:14px}.shcLaunchpad__metrics{display:grid;grid-template-columns:repeat(3,1fr)}.shcLaunchpad__metrics span{min-width:0;padding:7px 4px}.shcLaunchpad__links{display:grid;grid-template-columns:repeat(2,1fr)}.shcLaunchpad__links a{justify-content:center}.shcIntegrationReady,.shcIntegrationReady--compact{min-height:205px;padding:22px 18px}.shcRadio{grid-template-columns:82px 1fr;padding-inline:12px}.shcRadio__art{min-height:105px}.shcActions{flex-wrap:wrap}.shcActions .shcButton{width:100%}.shcChat{max-height:none}.shcList{max-height:none}.shcStats strong{font-size:1rem}.shcStats i{font-size:.72rem}.shcPlayer__track>span:last-child{max-width:38vw}.shcProviderBadge{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}


/* Alpha 35: optional SHC Points member rank and recent-activity extension. */
.shcPointsProgress{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 20px;border-bottom:1px solid #183049;background:linear-gradient(90deg,rgb(8 28 46 / 88%),rgb(4 15 26 / 88%))}
.shcPointsProgress__badge{width:42px;height:42px;display:grid;place-items:center;border:1px solid #246da5;border-radius:9px;background:#061626;box-shadow:0 0 16px rgb(20 137 255 / 14%)}
.shcPointsProgress__badge img{width:38px;height:38px;object-fit:contain}.shcPointsProgress__badge span{color:#ff9a23;font-size:1.2rem}
.shcPointsProgress__body{min-width:0}.shcPointsProgress__body>small,.shcPointsRecent>small{display:block;color:#7894ae;font-size:.56rem;font-weight:900;letter-spacing:.1em}.shcPointsProgress__body>strong{display:block;overflow:hidden;color:#eaf5ff;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.shcPointsProgress__body>span{display:block;overflow:hidden;color:#8fa5ba;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}
.shcPointsProgress__track{height:5px;margin-top:6px;overflow:hidden;border-radius:999px;background:#03101c}.shcPointsProgress__track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#087dff,#ff7a00);box-shadow:0 0 10px rgb(8 125 255 / 45%);transition:width .25s ease}.shcPointsProgress>b{color:#ff9b28;font-size:.72rem}
.shcPointsRecent{padding:0 20px 13px}.shcPointsRecent p{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;font-size:.66rem}.shcPointsRecent p>span{min-width:0}.shcPointsRecent p strong{display:block;overflow:hidden;color:#c7d6e5;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.shcPointsRecent p small{display:block;color:#6f879d;font-size:.54rem}.shcPointsRecent p>b{color:#55caff;white-space:nowrap}.shcPointsRecent .shcEmptyText{display:block;color:#788da2}
@media (max-width:767px){.shcPointsProgress{padding-inline:14px}.shcEarn,.shcPointsRecent{padding-inline:14px}}
@media (prefers-reduced-motion:reduce){.shcPointsProgress__track i{transition:none}}

/* Alpha 45: homepage three-column feature row with Recently Played + Up Next stacked in the middle column. */
.shcHomeRadioColumn{display:flex;flex-direction:column;align-self:stretch;gap:12px}
.shcHomeRadioColumn>.shcCard{min-height:0}
.shcHomeRadioColumn>#recently-played{flex:1 1 auto}
.shcUpNextCard{flex:0 0 auto}
.shcUpNext{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;padding:12px 14px;background:linear-gradient(120deg,rgb(5 30 52 / 96%),rgb(3 14 25 / 96%))}
.shcUpNext__icon{width:46px;height:46px;display:grid;place-items:center;color:#ff941f;background:#071a2b;border:1px solid #1d5b8e;border-radius:10px;font-size:1.05rem;box-shadow:inset 3px 0 0 #ff7600}
.shcUpNext__body{min-width:0}.shcUpNext__body small,.shcUpNext__body strong,.shcUpNext__body span,.shcUpNext__body time{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shcUpNext__body small{color:#ff9b30;font-size:.53rem;font-weight:900;letter-spacing:.09em}.shcUpNext__body strong{margin-top:2px;color:#f4f9ff;font-size:.78rem}.shcUpNext__body span{color:#9fc4e1;font-size:.63rem}.shcUpNext__body time{margin-top:4px;color:#62b9ff;font-size:.59rem;font-weight:750}
@media (max-width:1100px){.shcHomeRadioColumn{flex-basis:48%}}
@media (max-width:767px){.shcHomeRadioColumn{gap:10px}.shcUpNext{padding:11px 12px}}

/* Alpha 46: live verified Radio listener leaderboard polish. */
.shcLeaderboard li:nth-child(1)>span:first-child{color:#ff9b24;font-weight:950}.shcLeaderboard li:nth-child(2)>span:first-child{color:#9cc9e9;font-weight:900}.shcLeaderboard li:nth-child(3)>span:first-child{color:#d58a55;font-weight:900}.shcLeaderboard li>b{color:#64beff;font-weight:850}.shcLeaderboard .shcAvatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}

/* Alpha 47: authoritative Current DJ states and public DJ profile link. */
.shcBadge--orange{color:#ff982f;background:#3a1d06}
.shcDj__profileLink{display:inline-flex;align-items:center;gap:5px;margin-top:5px;color:#ff9a32!important;font-size:.58rem;font-weight:850;letter-spacing:.04em;text-decoration:none}
.shcDj__profileLink:hover{color:#ffc078!important;text-decoration:none}
/* Alpha 48: full SHC Points earning-reward list with compact expansion. */
.shcEarn[data-shc-earn-expanded="0"] > p:nth-of-type(n+8){display:none}
.shcEarn__toggle{width:100%;margin:9px 0 0;padding:8px 10px;color:#72beff;background:#06192a;border:1px solid #174d75;border-radius:5px;font-size:.61rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.shcEarn__toggle:hover,.shcEarn__toggle:focus-visible{color:#fff;border-color:#168fe8;background:#08233a}
.shcEarn__toggle[hidden]{display:none!important}
/* Alpha 49: SHC Chat owns the interactive homepage mini-chat surface. */
.shcHomepageMiniChat{min-height:0}
.shcHomepageMiniChat>.shcChatBox{width:100%}


/* Alpha 51: stable member avatars + public SHC Points rank under avatar. */
.shcMemberCard__identity {
    width: 94px;
    flex: 0 0 94px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.shcMemberCard__photo {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    position: relative;
    display: block;
    overflow: visible;
    border-radius: 50%;
}
.shcMemberCard__avatar {
    width: 72px !important;
    height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    aspect-ratio: 1 / 1;
    display: block;
    object-fit: cover;
    object-position: center;
    border: 2px solid #1478bd;
    border-radius: 50%;
}
.shcMemberCard__photo:hover .shcMemberCard__avatar { border-color: #1ca4ff; }
.shcMemberCard__rank {
    width: 94px;
    min-width: 0;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 5px;
    padding: 5px 6px;
    background: rgb(2 12 22 / 92%);
    border: 1px solid color-mix(in srgb, var(--shc-member-rank-accent, #20cfff) 55%, #123b5c);
    border-radius: 6px;
    box-shadow: 0 0 12px color-mix(in srgb, var(--shc-member-rank-glow, #20cfff) 22%, transparent);
}
.shcMemberCard__rank > img {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    display: block;
    object-fit: contain;
}
.shcMemberCard__rank > span { min-width: 0; display: block; line-height: 1.05; }
.shcMemberCard__rank small {
    display: block;
    margin-bottom: 2px;
    color: #6f8ca7;
    font-size: .45rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.shcMemberCard__rank strong {
    display: block;
    overflow: hidden;
    color: var(--shc-member-rank-accent, #20cfff);
    font-size: .56rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 0 8px var(--shc-member-rank-glow, #20cfff);
}
@media (max-width: 760px) {
    .shcMemberCard__identity { width: 74px; flex-basis: 74px; gap: 6px; }
    .shcMemberCard__photo,
    .shcMemberCard__avatar { width: 56px !important; height: 56px !important; max-width: 56px !important; max-height: 56px !important; flex-basis: 56px; }
    .shcMemberCard__rank { width: 74px; grid-template-columns: 18px minmax(0, 1fr); padding: 4px; gap: 4px; }
    .shcMemberCard__rank > img { width: 18px !important; height: 18px !important; max-width: 18px !important; max-height: 18px !important; }
    .shcMemberCard__rank small { font-size: .4rem; }
    .shcMemberCard__rank strong { font-size: .48rem; }
}


/* RC1.5: real WEBP lightning forks for the homepage hero */
.shcHero__lightning{
    background:none !important;
    opacity:1 !important;
    filter:none !important;
    animation:none !important;
    mix-blend-mode:screen;
    overflow:hidden;
}
.shcHero__fork{
    position:absolute;
    display:block;
    opacity:0;
    will-change:opacity,transform,filter;
    transform-origin:center;
    filter:drop-shadow(0 0 16px rgb(144 220 255 / .82)) drop-shadow(0 0 34px rgb(38 124 255 / .45));
    animation:shcForkFlash 12s linear infinite;
}
.shcHero__fork--orange{filter:drop-shadow(0 0 16px rgb(255 198 132 / .78)) drop-shadow(0 0 34px rgb(255 126 24 / .42));}
.shcHero__fork img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.shcHero__fork.is-home-1{width:min(24vw,250px);left:-1%;top:-18%;transform:rotate(-7deg)}
.shcHero__fork.is-home-2{width:min(16vw,170px);left:13%;top:6%;transform:rotate(8deg)}
.shcHero__fork.is-home-3{width:min(32vw,340px);left:33%;top:-24%;transform:rotate(1deg)}
.shcHero__fork.is-home-4{width:min(19vw,200px);left:46%;top:18%;transform:rotate(-11deg)}
.shcHero__fork.is-home-5{width:min(15vw,165px);right:17%;top:8%;transform:rotate(10deg)}
.shcHero__fork.is-home-6{width:min(26vw,270px);right:-2%;top:-16%;transform:rotate(4deg)}
@keyframes shcForkFlash{0%,2.6%,100%{opacity:0}2.74%{opacity:.2}2.88%{opacity:1}3.03%{opacity:.3}3.18%{opacity:.88}3.34%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.shcHero__fork{animation:none!important;opacity:.14}}


/* RC1.6: stronger mixed WEBP hero forks with visible flicker */
.shcHero{isolation:isolate}
.shcHero__shade{z-index:1 !important;animation:shcHeroLightningShade 12s linear infinite}
.shcHero__lightning{z-index:2 !important;mix-blend-mode:screen;opacity:1 !important;overflow:hidden}
.shcHero__fork{opacity:0;filter:drop-shadow(0 0 18px rgb(168 230 255 / .92)) drop-shadow(0 0 42px rgb(40 132 255 / .58)) brightness(1.28);animation-name:shcForkFlashFlicker !important;animation-timing-function:linear !important;animation-iteration-count:infinite !important}
.shcHero__fork--orange{filter:drop-shadow(0 0 18px rgb(255 212 150 / .9)) drop-shadow(0 0 42px rgb(255 126 18 / .56)) brightness(1.24)}
.shcHero__fork.is-home-1{width:min(26vw,280px);left:-2%;top:-18%;transform:rotate(-9deg)}
.shcHero__fork.is-home-2{width:min(18vw,190px);left:11%;top:5%;transform:rotate(8deg)}
.shcHero__fork.is-home-3{width:min(34vw,360px);left:29%;top:-26%;transform:rotate(0deg)}
.shcHero__fork.is-home-4{width:min(18vw,190px);left:43%;top:19%;transform:rotate(-11deg)}
.shcHero__fork.is-home-5{width:min(17vw,180px);right:26%;top:3%;transform:rotate(10deg)}
.shcHero__fork.is-home-6{width:min(28vw,300px);right:-1%;top:-17%;transform:rotate(5deg)}
.shcHero__fork.is-home-7{width:min(16vw,170px);left:57%;top:7%;transform:rotate(-5deg)}
.shcHero__fork.is-home-8{width:min(15vw,160px);right:11%;top:18%;transform:rotate(8deg)}
@keyframes shcForkFlashFlicker{0%,2.45%,100%{opacity:0}2.58%{opacity:.18}2.7%{opacity:1}2.84%{opacity:.42}2.98%{opacity:.94}3.12%{opacity:.2}3.26%{opacity:.82}3.4%{opacity:.1}3.55%{opacity:.66}3.72%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.shcHero__fork{animation:none!important;opacity:.18}}