/* Scoped exploration workspace. Homepage and persistent player keep their styles. */
.bz-explore{padding:28px 5% 0;overflow:visible}.bze-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 22px}.bz-explore h1{font-size:32px;font-weight:750;letter-spacing:-1px;line-height:1.2}.bze-intro p{color:var(--bz-muted);margin-top:8px;font-size:14px}.bze-search{display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px}.bze-tabs,.bze-filters,.bze-genres{display:flex;align-items:center;gap:26px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.bze-tabs{border-bottom:1px solid var(--bz-line)}.bze-tabs a{display:flex;align-items:center;min-height:50px;font-weight:650;border-bottom:3px solid transparent;transition:border-color .2s,color .2s}.bze-tabs a[aria-current]{border-color:var(--bz-accent);color:#9a5900}.bze-tabs a:hover{border-color:var(--bz-accent)}.bze-filters{gap:22px;padding-top:14px}.bze-filters a,.bze-genres a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.bze-filters a[aria-current]{font-weight:700;text-decoration:underline;text-decoration-color:var(--bz-accent);text-underline-offset:7px}.bze-genres{gap:12px;padding:8px 0;border-bottom:1px solid var(--bz-line)}.bze-genres>span{font-size:11px;text-transform:uppercase;color:var(--bz-muted)}.bze-genres a{padding:0 13px;border-radius:24px;background:#f4f2ee}.bze-genres a[aria-current]{background:#fff0d6;color:#804800;box-shadow:inset 0 0 0 1px var(--bz-accent)}.bze-content{min-width:0;animation:bz-enter .3s ease both}.bze-content>.creator-filters{margin-top:24px}.bze-note{font-size:13px;color:var(--bz-muted);line-height:1.5;margin-top:8px!important}.bz-explore .bz-section{padding:28px 0}.bz-explore .bz-section-head{margin-bottom:20px}.bz-explore h2{font-size:23px}.bz-explore .bz-track-title{display:-webkit-box;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;min-height:39px;margin-top:10px}.bz-explore .bz-play{width:44px;height:44px;min-width:44px}.bz-explore .bz-play-label{width:auto}.bze-pair{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;border-top:1px solid var(--bz-line);border-bottom:1px solid var(--bz-line)}.bze-pair>section{min-width:0}.bze-creators{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.bze-creators article{text-align:center;min-width:0}.bze-creators img{width:86px;height:86px;object-fit:cover;border-radius:50%;margin:0 auto 9px;transition:transform .2s}.bze-creators a:hover img{transform:translateY(-3px)}.bze-creators strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.bze-creators small{display:block;color:var(--bz-muted);font-size:11px;margin-top:3px}.bze-follow{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:inherit;font-size:12px;font-weight:650;min-height:44px;padding:0 10px;cursor:pointer}.bze-follow:hover{text-decoration:underline}.bze-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.bze-posts article{min-width:0}.bze-post-image{display:block;position:relative;overflow:hidden;border-radius:6px;background:#f4f2ee}.bze-post-image>img{width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}.bze-post-placeholder{display:flex;aspect-ratio:5/3;align-items:center;justify-content:center;gap:10px;font-size:16px}.bze-post-placeholder i{font-size:32px;color:#9a5900}.bze-access{position:absolute;bottom:10px;left:10px;max-width:calc(100% - 20px);background:#24211d;color:white;padding:5px 9px;border-radius:4px;font-size:11px}.bze-posts small{display:block;margin:12px 0 8px;color:var(--bz-muted)}.bze-posts h3{font-size:17px;line-height:1.4;margin-bottom:8px}.bze-posts p{font-size:13px;line-height:1.6;color:var(--bz-muted);overflow-wrap:anywhere}.bze-empty{padding:28px 0;color:var(--bz-muted);line-height:1.7}.bz-explore .bz-home-footer{border-top:1px solid var(--bz-line);padding-top:20px;margin-top:24px}.bz-explore .grid-container .grid{border:0}.bz-explore .creator-filters{overflow:auto;flex-wrap:nowrap}.bz-explore .creator-filters a{white-space:nowrap;min-height:44px}.bz-explore .bz-section-head>a{min-height:44px;display:flex;align-items:center}.bz-explore .bz-photo-rail{grid-auto-columns:calc((100% - 40px)/3)}
@media(max-width:1000px){.bze-pair{gap:24px;grid-template-columns:1fr}.bze-creators{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.bze-creators img{width:70px;height:70px}.bze-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.bz-explore{padding:20px 16px 0}.bz-explore h1{font-size:27px}.bze-intro{padding-bottom:15px;align-items:start}.bze-intro p{font-size:12px;max-width:230px;line-height:1.5}.bze-search{font-size:0;min-width:44px;justify-content:center}.bze-search i{font-size:23px}.bze-tabs{gap:24px;margin-right:-16px;padding-right:16px;font-size:13px}.bze-tabs a{min-height:48px}.bze-filters{gap:20px}.bze-genres{margin-right:-16px;padding-right:16px}.bz-explore h2{font-size:21px}.bz-explore .bz-section{padding:24px 0}.bz-explore .bz-section-head{gap:12px;margin-bottom:16px}.bz-explore .bz-section-head>a{font-size:12px;max-width:82px}.bze-note{font-size:12px}.bz-explore .bz-rail{grid-auto-columns:44%;gap:12px;margin-right:-16px;padding-right:16px}.bz-explore .bz-track-title{min-height:36px}.bz-explore .bz-track-art>.bz-play{width:44px;height:44px;min-width:44px;right:6px;bottom:6px}.bze-pair{gap:0}.bze-creators{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.bze-creators img{width:76px;height:76px}.bze-posts{grid-template-columns:1fr}.bz-explore .bz-photo-rail{grid-auto-columns:74%;margin-right:-16px;padding-right:16px}.bz-explore .bz-ranking li{gap:9px}.bz-explore .bz-ranking img{width:42px;height:42px}.bz-explore .bz-rank{width:16px}.bz-explore .bz-ranking li>div>a:first-child{font-size:12px}.bz-explore .bz-home-footer{padding-bottom:100px}}
body.dark .bze-tabs a[aria-current],body.dark-mode .bze-tabs a[aria-current]{color:#ffbf63}.dark .bze-genres a,.dark-mode .bze-genres a,.dark .bze-post-image,.dark-mode .bze-post-image{background:#302d26}.dark .bze-genres a[aria-current],.dark-mode .bze-genres a[aria-current]{color:#ffbf63}

/* Keep the chart action readable on the orange playback button. */
.bz-home.bz-explore .bze-pair .bz-play-label,
.bz-home.bz-explore .bze-pair .bz-play-label *{color:#fff!important}
/* The AJAX follow callback replaces text and toggles .follow. Keep that text
   as the accessible name, while the decorative icon follows the same state. */
.bz-explore .bze-creators article{position:relative}
.bz-explore .bze-follow-icon{
 position:absolute;top:54px;left:calc(50% + 18px);z-index:1;
 display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;
 padding:0;margin:0;border:1px solid var(--bz-line);border-radius:50%;
 background:#fff!important;color:#ffa200!important;font-size:0!important;line-height:0;text-decoration:none!important;
}
.bz-explore .bze-follow-icon::before{
 content:"";display:block;width:17px;height:17px;background:currentColor;
 --follow-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='7' r='4'/%3E%3Cpath d='M1 21v-2a7 7 0 0 1 14 0v2M16 11l2 2 5-5'/%3E%3C/svg%3E");
 -webkit-mask:var(--follow-icon) center/contain no-repeat;mask:var(--follow-icon) center/contain no-repeat;
}
.bz-explore .bze-follow-icon.follow::before{
 --follow-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='7' r='4'/%3E%3Cpath d='M1 21v-2a7 7 0 0 1 14 0v2M19 7v8M15 11h8'/%3E%3C/svg%3E");
}
.bz-explore .bze-follow-icon:not(.follow){border-color:#ffa200}
.bz-explore .bze-follow-icon:hover{border-color:#ffa200;background:#fff7e8!important}
.bz-explore .bze-follow-icon:focus-visible{outline:2px solid #ffa200;outline-offset:3px}
@media(max-width:1000px){.bz-explore .bze-creators .bze-follow-icon{top:38px;left:calc(50% + 12px)}}
@media(max-width:600px){.bz-explore .bze-creators .bze-follow-icon{top:44px;left:calc(50% + 15px)}}
.dark .bz-explore .bze-follow-icon,.dark-mode .bz-explore .bze-follow-icon{background:#302d26!important}
/* Circular creator portraits, using the same compact badge as discovery. */
.bz-explore #artists-top{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 16px;padding:8px 0 24px}
.bz-explore #artists-top::before,.bz-explore #artists-top::after{content:none}
.bz-explore #artists-top>.grid{float:none;width:auto;height:auto;min-width:0;margin:0;padding:0;background:transparent;border:0;overflow:visible;text-align:center}
.bz-explore #artists-top .bze-creator-avatar{width:86px;margin:0 auto 9px}
.bz-explore #artists-top .art{width:86px;height:86px;border-radius:50%;background-position:center;background-size:cover}
.bz-explore #artists-top .grid-title-container{padding:0}
.bz-explore #artists-top .grid-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.5}
.bz-explore #artists-top .creator-category-badge,.bz-explore #artists-top .grid-info{display:block;font-size:11px;line-height:1.5;color:var(--bz-muted);margin-top:3px}
.bz-explore .bze-creator-avatar{position:relative}
.bz-explore .bze-creator-avatar>a[data-ajax]{display:block}
.bz-explore .bze-creator-avatar>.bze-follow-icon{top:auto;left:auto;right:-7px;bottom:0}
/* Creator categories follow the theme's text-and-underline tab treatment. */
.bz-home.bz-explore .bze-tabs>a[aria-current]{color:#ffa200;border-bottom-color:#ffa200}
.bz-explore .creator-filters{gap:26px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--bz-line);padding:0;margin-bottom:24px}
.bz-explore .creator-filters>a{flex:0 0 auto;min-height:44px;padding:12px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:inherit;font-size:13px;font-weight:500;text-decoration:none}
.bz-explore .creator-filters>a[aria-current]{color:#ffa200;border-bottom-color:#ffa200;background:transparent;font-weight:650}
.bz-explore .creator-filters>a:hover{color:#ffa200;background:transparent}
@media(max-width:600px){.bz-explore .creator-filters{gap:22px}}
@media(max-width:1000px){.bz-explore #artists-top{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){
 .bz-explore #artists-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 10px}
 .bz-explore #artists-top .bze-creator-avatar{width:76px}
 .bz-explore #artists-top .art{width:76px;height:76px}
}
