/* Track pages and shared player: responsive layout and accessible controls. */
.track-ui{--track-accent:#ffa200;--track-ink:#20252b;--track-line:#dce1e6;color:var(--track-ink)}
.track-ui #track-header{padding-top:30px}
.track-ui .track-hero{display:grid;grid-template-columns: minmax(150px,210px) minmax(0,1fr);gap:28px;align-items:center}
.track-ui .track-hero>.float-left{float:none!important;width:auto!important;min-width:0}
.track-ui #track-header .track-image{display:block;object-fit:contain;width:100%;height:auto;aspect-ratio:1;border-radius:12px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#f3f4f5}
.track-ui #track-header h1.title{font-size:clamp(19px,1.7vw,24px);font-weight:700;line-height:1.3;margin:0 0 12px;overflow-wrap:anywhere}
.track-ui .publisher-label{color:#5c6671;font-size:13px}
.track-ui .detail-content>.media{align-items:center}
.track-ui #track-header .play-button,.track-ui #track-header .jp-play,.track-ui #track-header .jp-pause{background:#ffa200!important;color:#fff!important;border:0;transition:background .15s,transform .15s}
.track-ui #track-header .play-button:hover{background:#ffa200!important;transform:scale(1.04)}
.track-ui #track-header .play-controls{margin-top:24px!important}
.track-ui .track-footer{margin-top:26px;padding-bottom:16px!important}
.track-ui .track-footer .actions-container{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.track-ui .actions-container>.btn{margin:0!important;min-height:44px;padding:10px 13px;border:1px solid #cbd2d9;border-radius:7px;color:#3e4853;background:#fff;line-height:22px;font-size:14px}
.track-ui .actions-container>.btn:hover,.track-ui .actions-container>.btn:focus{color:#863f00;background:#fff5e7;border-color:#a95700}
.track-ui .actions-container .dropdown-menu{min-width:220px;padding:8px;border-radius:9px;box-shadow:0 8px 24px #0002}
.track-ui .actions-container .dropdown-item{color:#28333e;min-height:44px;padding:11px 12px;border:0;background:none;text-align:left;width:100%;font-size:14px;margin:0!important;white-space:normal}
.track-ui .actions-container .dropdown-item:hover{background:#fff5e7}
.track-ui .dropdown-divider:first-child,.track-ui .dropdown-divider:last-child{display:none}
.track-ui .track-stats{color:#5c6671;margin-top:8px}
.track-ui .track-stats a{color:#5c6671!important}
.track-ui .track-side-stats .each{display:flex;justify-content:space-between;align-items:center;padding:8px 0;min-height:0}
.track-ui .track-side-stats .count{background:transparent!important;border-radius:0!important;width:auto!important;height:auto!important;line-height:1.5!important;font-weight:700;font-size:16px}
.track-ui .fixed-left-con{position:static!important}
.track-ui .card-list,.track-ui .inline-card-list{margin-bottom:20px}
.track-ui .comment-login{background:#fff;color:#814500;border:1px solid #b67b31;min-height:44px;border-radius:7px}
.track-ui .alert-warning{background:#faf8f3;border:0;padding:16px}
.track-ui .card-list .title,.track-ui .inline-card-list .title{color:#454f5a}
.track-ui .track-footer .float-right{float:none!important}
.track-ui .track-footer .track-stats{display:flex;gap:12px}
#shareModal .modal-header{align-items:center;padding:16px 20px;border-bottom:1px solid #e1e5e9}
#shareModal .modal-title{font-size:18px;font-weight:700}
#shareModal .close{opacity:1;min-width:44px;min-height:44px;padding:8px;margin:-6px;color:#333}
#shareModal .modal-dialog{max-width:600px}
#shareModal .modal-content{border-radius:12px}
#shareModal .modal-body{padding:16px 20px 20px}
#shareModal .btn{min-height:44px;background:#a95700;color:white;border-radius:6px}
#shareModal .copy-field{display:flex;gap:8px}
#shareModal .copy-field input{min-width:0;height:44px}
#shareModal .copy-field button{flex-shrink:0}
#shareModal .copy-status{font-size:13px;margin:8px 0;color:#46535e;min-height:18px}
.share-social-links{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.share-social-links a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid #ccd3da;border-radius:6px;color:#303b46}
#shareModal .embed-types{margin:12px -5px}
#shareModal .embed-types>div{padding:5px}
#shareModal .embed-types a{min-height:48px;display:flex;justify-content:center;align-items:center;padding:8px;font-size:13px}
#shareModal .preview-container{display:block!important;overflow:hidden;border-radius:6px}
#shareModal iframe{display:block;max-width:100%;border:0}
.track-ui :focus-visible,#shareModal :focus-visible,.sound-container :focus-visible{outline:3px solid #0067b1!important;outline-offset:3px}
.gdpr-container{bottom:100px!important;max-width:calc(100vw - 32px);max-height:45vh;overflow:auto;font-size:13px}
.gdpr-container a:not(.btn){color:#fff;text-decoration:underline}
.iziToast-wrapper-topRight,.iziToast-wrapper-topCenter{top:auto!important;bottom:110px!important;right:16px!important;left:auto!important;width:min(380px,calc(100vw - 32px))!important}
.iziToast{max-width:100%;box-shadow:0 3px 14px #0002!important}
.sound-container{height:80px!important;padding-left:270px!important;padding-right:300px!important;background:#fff!important}
.sound-container .sound-info-pane{width:260px!important;left:0!important;right:auto!important;display:block!important;padding:12px!important;overflow:hidden}
.sound-container .sound-info-pane .media-body{min-width:0;display:block!important}
.sound-container .sound-info-pane .title{height:20px!important;line-height:20px;max-width:none;font-size:13px;margin:0;white-space:nowrap;text-overflow:ellipsis}
.sound-container .sound-info-pane .title a{display:block!important;overflow:hidden;text-overflow:ellipsis;margin:0!important}
.sound-container .player-track-buttons{display:none!important}
.sound-container .detail .img{width:48px;height:48px;margin-right:10px!important}
.sound-container .sound-right{width:290px!important;padding:12px 8px!important;height:80px}
.sound-container .the-content{padding:10px 12px!important}
.sound-container .middle-content{padding-left:0;padding-top:10px}
.sound-container .middle-content a,.sound-container .middle-content .music-play,.sound-container .middle-content .music-pause{margin-right:8px!important}
.sound-container .jp-play-bar,.sound-container .jp-volume-bar-value{background:#ffa200!important}
.sound-container .jp-play-bar:after{background:#ffa200!important}
.sound-container .middle-content .music-play,.sound-container .middle-content .music-pause{background:#ffa200!important;color:#fff!important}
.sound-container .tools-btn .colored{color:#ffa200!important}
body:has(.sound-container[style*="block"]){padding-bottom:90px}
@media(max-width:1199px){.sound-container{padding-right:70px!important;padding-left:240px!important}.sound-container .sound-info-pane{width:230px!important}.sound-container .sound-right{width:60px!important}.sound-container .sound-right li:not(:last-child){display:none!important}.track-ui #track-header .row>.col-md-8{flex:0 0 100%;max-width:100%}.track-ui #track-header .row>.col-md-4{flex:0 0 100%;max-width:100%;margin-top:20px!important}.track-ui .track-side-stats{display:flex;gap:24px}.track-ui .track-side-stats .each{gap:16px}.track-ui .track-hero{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:960px){
 .sound-container{height:112px!important;padding:0!important}
 .sound-container .sound-info-pane{left:12px!important;top:8px;width:calc(100% - 185px)!important;height:62px;padding:0!important}
 .sound-container .sound-info-pane .title{margin-top:10px;font-size:12px}
 .sound-container .the-content{position:absolute;right:35px;top:8px;width:145px;padding:0!important}
 .sound-container .middle-content{height:54px;padding:6px 0}
 .sound-container .middle-content a,.sound-container .middle-content .music-play,.sound-container .middle-content .music-pause{margin-right:4px!important}
 .sound-container .sound-right{right:0;top:7px;width:35px!important;padding:5px 0!important;border:0;height:50px}
 .sound-container .sound-left .right-play-controls{position:fixed;left:14px;right:14px;bottom:12px;top:auto;width:auto;margin:0}
 .sound-container .sound-left .right-play-controls li{margin:0;padding:0;width:100%}
 .sound-container .sound-left .right-play-controls li .jp-progress-container{position:absolute;left:0;top:0;width:100%;padding:0 47px}
 .sound-container .sound-left .right-play-controls .jp-current-time,.sound-container .sound-left .right-play-controls .jp-duration{display:block!important;font-size:11px}
 .sound-container .jp-time-holder{height:20px}
 .sound-container .jp-progress{bottom:0;top:7px}
 .sound-container .jp-seek-bar{min-height:8px}
 .gdpr-container{bottom:125px!important}.scrollup-btn{bottom:130px!important}.iziToast-wrapper-topRight,.iziToast-wrapper-topCenter{bottom:125px!important}
 body:has(.sound-container[style*="block"]){padding-bottom:125px}
}
@media(max-width:600px){
 .track-ui #track-header{padding-top:20px}.track-ui .track-hero{display:flex;flex-direction:column;gap:20px;align-items:stretch}
 .track-ui .track-hero>.float-left:first-child{width: min(62vw,230px)!important;margin:auto!important}
 .track-ui .track-hero .detail-content{width:100%!important;padding:0!important}
 .track-ui #track-header h1.title{font-size:19px;line-height:1.35}
 .track-ui #track-header .play-button{flex:0 0 56px;width:56px;height:56px;line-height:56px;font-size:26px;margin-right:14px!important}
 .track-ui #track-header .play-controls{margin-top:18px!important}
 .track-ui .track-footer{margin-top:18px}.track-ui .actions-container>.btn{padding:9px 10px;font-size:13px}
 .track-ui .track-side-stats{justify-content:space-between;gap:8px}.track-ui .track-side-stats .each{flex-direction:column;gap:3px}
 #shareModal .modal-dialog{margin:10px}#shareModal .modal-body{padding:12px}#shareModal .embed-types{display:flex}#shareModal .embed-types>div{width:33.333%}#shareModal .copy-field{flex-wrap:wrap}#shareModal .copy-field button{width:100%}
 .gdpr-container{display:none!important;left:16px!important;width:calc(100vw - 32px)!important}
}
@media(prefers-reduced-motion:reduce){.track-ui *{transition:none!important}}
.track-ui .track-hero::before,.track-ui .track-hero::after{display:none;content:none}
.track-ui #track-header .track-image{position:static!important;top:auto!important;margin:0!important}
.track-ui .track-side-stats .each{margin:0!important}
.track-ui .track-side-stats .count{padding:0!important}
.track-ui .track-hero .jp-play,.track-ui .track-hero .jp-pause{top:0!important;bottom:auto!important;left:0!important;margin:0!important}
.track-ui .track-hero .detail-content{position:relative}
.gdpr-container{height:auto!important;min-height:0!important}
.sound-container .sound-info-pane .media{width:100%!important}
.sound-container .middle-content{width:130px!important;flex-shrink:0}
.sound-container .middle-content>.nav{flex-wrap:nowrap}
@media(max-width:600px){.track-ui .track-hero>.float-left:first-child{width:min(52vw,190px)!important}.track-ui .track-hero{gap:20px}.track-ui #track-header .inner-container{padding-top:0!important}}
.track-ui .play-controls,.track-ui .play-controls>.sound-player{position:static!important}
.track-ui #track-header .detail-content>.media>.play-button{position:absolute!important;top:0!important;bottom:auto!important;left:0!important}
.track-ui .track-hero .detail-content>.media{min-height:72px}
.gdpr-container[style*="display: none"]{display:none!important}
@media(max-width:960px){.sound-container .sound-info-pane{width:calc(100% - 195px)!important}.sound-container .the-content{width:130px!important;right:42px!important}}
@media(max-width:600px){.track-ui .actions-container>.dropdown-toggle span{display:none}.track-ui .actions-container>.dropdown-toggle{min-width:44px;padding:9px}.track-ui .actions-container{gap:6px!important}}
@media(max-width:360px){.track-ui .actions-container>.bzik-offline-btn{font-size:0;padding:9px;min-width:44px}.track-ui .actions-container>.bzik-offline-btn i{font-size:17px}}

.track-ui .actions-container>.btn{color:#374151!important}
.track-ui .actions-container>.btn:hover{color:#863f00!important}

@media(max-width:600px){.gdpr-container[style*="display: block"]{display:block!important}}
.sound-container{z-index:1030}
.gdpr-container{z-index:1040}
@media(max-width:360px){.track-ui .track-footer .float-left{float:none!important}.track-ui .actions-container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.track-ui .actions-container>.btn{width:100%;font-size:13px!important}.track-ui .actions-container>.dropdown-toggle span{display:inline}}
.dark-mode .track-ui{color:#e5e7eb}.dark-mode .track-ui .publisher-label,.dark-mode .track-ui .card-list .title,.dark-mode .track-ui .inline-card-list .title{color:#c6ccd3}.dark-mode .track-ui .actions-container>.btn,.dark-mode .track-ui .actions-container .dropdown-menu{background:#252b32!important;color:#e5e7eb!important;border-color:#59636f}.dark-mode .track-ui .actions-container .dropdown-item{color:#e5e7eb}.dark-mode .track-ui .actions-container .dropdown-item:hover{background:#3c3226}.dark-mode .sound-container{background:#20262d!important;color:#e5e7eb}.dark-mode .sound-container a{color:#e5e7eb!important}

/* Edge-to-edge cover on phones. Keep the title and actions inside their gutters. */
@media(max-width:767px){
 .track-ui #track-header{padding-top:0!important}
 .track-ui .track-hero{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .track-ui .track-hero>.float-left:first-child{width:100vw!important;max-width:none;margin:0 0 0 calc(50% - 50vw)!important}
 .track-ui #track-header .track-image{width:100%;height:auto;aspect-ratio:1;border-radius:0}
 .track-ui .track-hero .detail-content{width:100%!important;padding:0!important;margin:0!important}
 .track-ui #track-header .inner-container{padding-top:0!important}
}
/* Align both initial play and jPlayer pause with the title, not its publisher. */
@media(max-width:767px){
 .track-ui #track-header .track-hero .detail-content>.media{position:static!important;min-height:48px;align-items:flex-start}
 .track-ui #track-header .track-hero .media-body.detail{position:static!important;top:auto!important;margin:0!important;padding:0 0 0 62px!important}
 .track-ui #track-header .track-hero h1.title{position:static!important;top:auto!important;padding:0!important;margin:0 0 12px!important;transform:none!important;min-height:48px;display:flex;align-items:center}
 .track-ui #track-header .track-hero .detail-content>.media>.play-button,
 .track-ui #track-header .track-hero .jp-play,
 .track-ui #track-header .track-hero .jp-pause{
  position:absolute!important;left:0!important;top:max(0px,calc((var(--track-title-height,52px) - 48px)/2))!important;bottom:auto!important;
  box-sizing:border-box!important;width:48px!important;height:48px!important;min-width:48px;line-height:48px!important;margin:0!important;padding:0!important;border-radius:50%;font-size:22px!important;text-align:center;
 }
 .track-ui #track-header .track-hero .play-button i,
 .track-ui #track-header .track-hero .jp-play i,
 .track-ui #track-header .track-hero .jp-pause i{position:static!important;display:inline-block;vertical-align:middle;line-height:1!important;font-size:22px!important;margin:0!important;padding:0!important;transform:none!important}
}

/* Compact, accessible icon actions on mobile. */
@media(max-width:767px){
 .track-ui .track-footer .actions-container{display:flex!important;flex-wrap:nowrap!important;gap:8px!important}
 .track-ui .actions-container>.btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px!important;height:44px;min-width:44px;padding:0!important;font-size:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:50%}
 .track-ui .actions-container>.btn span{display:none!important}
 .track-ui .actions-container>.btn i{font-size:22px!important;line-height:1;margin:0!important}
 .track-ui .actions-container>.btn:hover,.track-ui .actions-container>.btn:focus-visible{background:#fff5e7!important}
 .track-ui .actions-container>.btn:focus-visible{outline:2px solid #a95700;outline-offset:2px}
 .track-ui .actions-container>.btn.liked,.track-ui .actions-container>.btn.is-offline{color:#a95700!important}
}

@media(max-width:767px){
 .track-ui .track-footer>.inner-containe>.clearfix{display:flex;align-items:center;justify-content:space-between;gap:8px}
 .track-ui .track-footer>.inner-containe>.clearfix:after{display:none}
 .track-ui .track-footer>.inner-containe>.clearfix>.float-left,.track-ui .track-footer>.inner-containe>.clearfix>.float-right{float:none!important;min-width:0}
 .track-ui .track-footer .actions-container{gap:0!important}
 .track-ui .track-footer .track-stats{display:flex!important;align-items:center;flex-wrap:nowrap;gap:8px;margin:0!important;padding:0!important;white-space:nowrap}
 .track-ui .track-footer .track-stats>li{display:none;margin:0!important;padding:0!important}
 .track-ui .track-footer .track-stats>li.track-download-count,.track-ui .track-footer .track-stats>li.track-listen-count{display:block;font-size:12px;color:#454f5a}
 .track-ui .track-footer .track-listen-count{order:-1}
 .track-ui .track-footer .track-stats>li>span{display:inline-flex;align-items:center;gap:3px}
 .track-ui .track-footer .track-stats i{font-size:18px;margin:0!important}
 .dark-mode .track-ui .track-footer .track-stats>li{color:#c6ccd3}
}
@media(max-width:767px){
 .track-ui .track-footer>.inner-containe>.clearfix>.float-right{flex:0 0 auto;width:max-content!important}
 .track-ui .track-footer .track-stats{width:max-content!important}
 .track-ui .track-footer .track-stats>li{flex:0 0 auto}
}
/* Bring mobile actions closer to the waveform. */
@media(max-width:767px){
 .track-ui .track-footer{margin-top:0!important;padding-top:0!important}
}
@media(max-width:767px){
 .track-ui .track-footer{margin-top:-10px!important}
}
/* Compact mobile player: artwork spans the controls and progress rows. */
@media(max-width:960px){
 .sound-container{height:80px!important;padding:0!important}
 .sound-container .sound-info-pane{left:12px!important;top:16px!important;width:calc(100% - 24px)!important;height:48px;padding:0!important;overflow:visible}
 .sound-container .detail .img{width:48px;height:48px;margin:0!important}
 .sound-container .sound-info-pane .media-body{position:absolute;left:62px;right:168px;top:0}
 .sound-container .sound-info-pane .title{margin:0!important;line-height:24px;height:24px!important}
 .sound-container .the-content{position:static!important;width:auto!important;padding:0!important}
 .sound-container .middle-content{position:absolute;top:4px;right:40px;width:132px!important;height:44px;padding:0!important}
 .sound-container .middle-content>.nav{display:flex;align-items:center;height:44px}
 .sound-container .middle-content li{margin:0!important;padding:0!important}
 .sound-container .middle-content a,.sound-container .middle-content .music-play,.sound-container .middle-content .music-pause{width:40px;height:40px;line-height:40px;margin:0!important;text-align:center}
 .sound-container .sound-right{top:4px!important;right:0;width:40px!important;height:44px;padding:0!important}
 .sound-container .sound-right .tools-btn-playlist{display:block;width:40px;height:44px;line-height:44px}
 .sound-container .sound-left .right-play-controls{position:absolute!important;left:74px;right:12px;top:52px;bottom:auto;height:20px;width:auto}
 .sound-container .sound-left .right-play-controls .jp-time-holder{position:relative;display:flex;align-items:center;gap:6px;height:20px;width:100%}
 .sound-container .sound-left .right-play-controls .jp-current-time,.sound-container .sound-left .right-play-controls .jp-duration{position:static!important;float:none!important;flex:0 0 32px;width:32px;line-height:20px;margin:0!important}
 .sound-container .sound-left .right-play-controls li .jp-progress-container{position:relative!important;left:auto;top:auto;flex:1;min-width:0;width:auto;height:20px;padding:0!important}
 .sound-container .sound-left .jp-progress{position:absolute;left:0;right:0;top:6px;bottom:auto;width:100%;height:8px;margin:0!important}
 body:has(.sound-container[style*="block"]){padding-bottom:92px}
}
@media(max-width:960px){
 .sound-container .sound-info-pane{top:14px!important}
 .sound-container .sound-right>.nav{display:flex;align-items:center;height:44px;margin:0!important;padding:0!important}
 .sound-container .sound-right>.nav>li{margin:0!important;padding:0!important}
}
/* Desktop track header: title at the top, compact actions beneath the waveform. */
@media(min-width:768px){
 .track-ui #track-header .row>.col-md-8{display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:28px;align-content:start;align-items:start}
 .track-ui .track-hero{display:contents}
 .track-ui .track-hero:before,.track-ui .track-hero:after{display:none}
 .track-ui .track-hero>.float-left:first-child{grid-column:1;grid-row:1 / span 2}
 .track-ui #track-header .track-hero .detail-content{grid-column:2;grid-row:1;width:100%!important;padding:0!important;margin:0!important}
 .track-ui #track-header .track-hero .detail-content>.media{position:static!important;min-height:64px;align-items:flex-start}
 .track-ui #track-header .track-hero .media-body.detail{position:static!important;top:auto!important;margin:0!important;padding:0 0 0 80px!important}
 .track-ui #track-header .track-hero h1.title{position:static!important;top:auto!important;padding:0!important;margin:0 0 8px!important;transform:none!important;min-height:64px;display:flex;align-items:center}
 .track-ui #track-header .track-hero .detail-content>.media>.play-button,
 .track-ui #track-header .track-hero .jp-play,
 .track-ui #track-header .track-hero .jp-pause{position:absolute!important;left:0!important;top:calc((var(--track-title-height,64px) - 64px)/2)!important;bottom:auto!important;box-sizing:border-box!important;width:64px!important;height:64px!important;line-height:64px!important;margin:0!important;padding:0!important;border-radius:50%;font-size:26px!important;text-align:center}
 .track-ui #track-header .track-hero .play-button i,.track-ui #track-header .track-hero .jp-play i,.track-ui #track-header .track-hero .jp-pause i{position:static!important;line-height:1!important;vertical-align:middle;margin:0!important;padding:0!important;transform:none!important}
 .track-ui .track-footer{grid-column:2;grid-row:2;margin-top:-10px!important;padding-top:0!important}
 .track-ui .track-footer>.inner-containe>.clearfix{display:flex;align-items:center;justify-content:space-between;gap:8px}
 .track-ui .track-footer>.inner-containe>.clearfix:after{display:none}
 .track-ui .track-footer>.inner-containe>.clearfix>.float-left,.track-ui .track-footer>.inner-containe>.clearfix>.float-right{float:none!important;min-width:0}
 .track-ui .track-footer .actions-container{display:flex!important;flex-wrap:nowrap!important;gap:0!important}
 .track-ui .actions-container>.btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px!important;height:44px;min-width:44px;padding:0!important;font-size:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:50%}
 .track-ui .actions-container>.btn span{display:none!important}
 .track-ui .actions-container>.btn i{font-size:22px!important;line-height:1;margin:0!important}
 .track-ui .actions-container>.btn:hover,.track-ui .actions-container>.btn:focus-visible{background:#fff5e7!important}
 .track-ui .track-footer .track-stats{display:flex;align-items:center;gap:8px;width:max-content;margin:0!important;padding:0!important;white-space:nowrap}
 .track-ui .track-footer .track-stats>li{display:none;margin:0!important;padding:0!important;flex:0 0 auto}
 .track-ui .track-footer .track-stats>li.track-download-count,.track-ui .track-footer .track-stats>li.track-listen-count{display:block;font-size:12px}
 .track-ui .track-footer .track-listen-count{order:-1}
 .track-ui .track-footer .track-stats>li>span{display:inline-flex;align-items:center;gap:3px}
 .track-ui .track-footer .track-stats i{font-size:18px;margin:0!important}
}
@media(min-width:768px) and (max-width:1199px){.track-ui #track-header .row>.col-md-8{grid-template-columns:180px minmax(0,1fr);column-gap:24px}}
@media(min-width:768px){
 .track-ui #track-header .row>.col-md-8>:not(.track-hero):not(.track-footer){grid-column:1 / -1}
}
/* Keep the publisher close to the track title. */
.track-ui #track-header .track-hero h1.title{margin-bottom:2px!important}
.track-ui #track-header .track-hero .media-body.detail>div:empty{display:none}
/* Center playback on the complete, compact title/publisher block. */
.track-ui #track-header .track-hero .detail-content>.media{align-items:center!important}
.track-ui #track-header .track-hero .media-body.detail{line-height:20px}
.track-ui #track-header .track-hero h1.title{display:block!important;min-height:0!important;line-height:1.2!important;margin-bottom:2px!important}
.track-ui #track-header .track-hero .detail-content>.media>.play-button,
.track-ui #track-header .track-hero .jp-play,
.track-ui #track-header .track-hero .jp-pause{top:calc((var(--track-heading-height,64px) - 64px)/2)!important}
@media(max-width:767px){
 .track-ui #track-header .track-hero .detail-content>.media>.play-button,
 .track-ui #track-header .track-hero .jp-play,
 .track-ui #track-header .track-hero .jp-pause{top:calc((var(--track-heading-height,48px) - 48px)/2)!important}
}
@media(min-width:768px){
 .track-ui .track-footer{margin-top:-7px!important}
}

/* Compact desktop dock: centered artwork, title and playback controls. */
@media(min-width:961px){
 .sound-container{height:60px!important}
 .sound-container .sound-info-pane{padding:8px 12px!important;display:flex!important;align-items:center}
 .sound-container .sound-info-pane .detail{width:100%;min-width:0;float:none;align-items:center}
 .sound-container .sound-info-pane .player-img-link{flex:0 0 auto}
 .sound-container .sound-info-pane .detail .img{width:44px;height:44px;margin-top:0;margin-right:10px!important}
 .sound-container .sound-info-pane .title{margin:0!important}
 .sound-container .the-content{padding:0 12px!important;height:60px}
 .sound-container .sound-left{display:flex;align-items:center;height:60px}
 .sound-container .middle-content{float:none;flex:0 0 auto;display:flex;align-items:center;height:60px;padding:0}
 .sound-container .middle-content>.nav{align-items:center}
 .sound-container .middle-content .music-play,.sound-container .middle-content .music-pause{bottom:0}
 .sound-container .sound-left>.right-play-controls{flex:1;min-width:0;align-items:center}
 .sound-container .sound-left>.right-play-controls>li{margin:0 10px}
 .sound-container .sound-right{height:60px;padding:0 8px!important;display:flex;align-items:center}
 .sound-container .sound-right>.nav{align-items:center;flex-wrap:nowrap}
 .sound-container .sound-right>.nav>li{margin:0 6px}
 .sound-container .sound-right .volume-btn,.sound-container .sound-right .progress{top:0}
 body:has(.sound-container[style*="block"]){padding-bottom:70px}
}

/* Two-line metadata stays compact at every screen size. */
.sound-container .sound-info-pane .player-artist{display:block;font-size:12px;line-height:17px;color:#687078;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sound-container .sound-info-pane .player-artist:empty{display:none}
@media(max-width:960px){
 .sound-container .sound-info-pane .title{height:18px!important;line-height:18px}
 .sound-container .sound-info-pane .player-artist{font-size:11px;line-height:16px}
}

/* Track page: listening first, related music next, discussion last. */
.track-ui .track-page-layout{row-gap:24px;align-items:start}
.track-ui .track-primary{min-width:0}
.track-ui .track-secondary{min-width:0;margin-top:0!important}
.track-ui .track-comments-panel{width:100%;min-width:0;padding:0 15px}
.track-ui .track-metadata{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 24px;margin:12px 0 0;font-size:13px;line-height:1.6}
.track-ui .track-description{margin:0!important;max-width:100%;overflow-wrap:anywhere}
.track-ui .track-description:empty{display:none}
.track-ui .track-description p{margin:0}
.track-ui .track-metadata-fields{display:flex;flex-wrap:wrap;gap:8px 24px;min-width:0}
.track-ui .track-metadata-field>.clearfix{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}
.track-ui .track-metadata-field .metadata-value{overflow-wrap:anywhere;min-width:0}
.track-ui .track-metadata-field .metadata-label{color:#687078}
.track-ui .track-tags:empty{display:none}
.track-ui .track-related{border:1px solid var(--track-line);border-radius:10px;overflow:hidden;background:#fafafa;margin-bottom:16px}
.track-ui .track-related .title{padding:12px 14px;font-weight:600}
.track-ui .track-related .list{padding:0 14px}
.track-ui .track-related .list>.media{padding:12px 0;margin:0;border-bottom:1px solid var(--track-line)}
.track-ui .track-related .list>.media:last-child{border-bottom:0}
.track-ui .track-related .media-body{min-width:0}
.track-ui .track-related .avatar{width:48px;height:48px;object-fit:cover;border-radius:6px}
.track-ui .track-listen-details{padding:12px 0;border-bottom:1px solid var(--track-line);margin-bottom:16px}
.track-ui .track-listen-details summary{cursor:pointer;font-size:13px;font-weight:600;color:#454f5a}
.track-ui .track-listen-details>.title{margin-top:8px}
.track-ui .track-side-stats{display:flex;justify-content:space-between;gap:12px}
.track-ui .track-side-stats .each{flex-direction:column;gap:4px}
.track-ui .track-footer .track-stats>li.track-like-count{display:block!important;font-size:12px}
.track-ui .track-footer .track-stats>li.track-like-count a{display:inline-flex;align-items:center;gap:3px;padding:0;font-size:12px}
.track-ui .track-comments-panel .page-title{margin:0 0 12px;padding:0 0 10px;font-size:19px}
.track-ui .track-comments-panel .alert-warning{padding:0;background:transparent;margin:0 0 16px!important;text-align:left!important}
.track-ui .track-comments-panel .comment-login{padding:8px 14px;font-size:13px}
@media(min-width:1200px){
 .track-ui #track-header .track-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;column-gap:24px;margin:0}
 .track-ui #track-header .track-page-layout>.track-primary{grid-column:1;grid-row:1;width:100%;max-width:100%;padding:0;grid-template-columns:180px minmax(0,1fr);column-gap:20px}
 .track-ui #track-header .track-page-layout>.track-secondary{grid-column:2;grid-row:1 / span 2;width:100%;max-width:100%;padding:0}
 .track-ui .track-comments-panel{grid-column:1;grid-row:2;padding:0}
}
@media(max-width:1199px){
 .track-ui #track-header .track-page-layout>.track-secondary{margin-top:0!important}
 .track-ui .track-secondary .track-related .list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .track-ui .track-related .list>.media{border:0}
}
@media(max-width:767px){
 .track-ui .track-secondary .track-related .list{display:block}
 .track-ui .track-related .list>.media{border-bottom:1px solid var(--track-line)}
 .track-ui .track-metadata{gap:6px 16px;margin-top:6px}
 .track-ui .track-footer>.inner-containe>.clearfix{flex-wrap:wrap}
}
/* Keep action totals on one row and let the mobile cover reach both edges. */
.track-ui .track-footer>.inner-containe>.clearfix>.float-left{width:auto!important;flex:0 1 auto}
@media(max-width:767px){
 .track-ui #track-header{padding-top:16px!important}
 .track-ui .track-hero{gap:16px}
 .track-ui .track-hero>.float-left:first-child{width:100vw!important;max-width:none;margin:0 0 0 calc(50% - 50vw)!important}
 .track-ui #track-header .track-image{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:0}
}
.dark-mode .track-ui .track-related{background:#20262d;border-color:#59636f}
.dark-mode .track-ui .track-listen-details summary,.dark-mode .track-ui .metadata-label{color:#c6ccd3}
/* Artist catalogue: shared responsive profile layout. */
.artist-page{--artist-line:#e4e7eb;--artist-muted:#626b75;--artist-accent:#ffa200;max-width:1180px;margin:0 auto;padding:28px 28px 40px;color:#20252b}
.artist-page *{box-sizing:border-box}.artist-page a{color:inherit}.artist-page button,.artist-page a{touch-action:manipulation}.artist-page :focus-visible{outline:3px solid #b87322;outline-offset:3px}
.artist-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:center;padding-bottom:26px}
.artist-avatar{width:150px;height:150px;object-fit:cover;border-radius:50%;background:#f1f2f4}
.artist-identity{min-width:0}.artist-identity h1{font-size:clamp(24px,3vw,36px);line-height:1.2;font-weight:700;margin:5px 0 10px;overflow-wrap:anywhere}.artist-identity h1 .verified{font-size:18px}
.artist-eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--artist-muted)}
.artist-bio{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:680px;font-size:14px;line-height:1.6;margin:8px 0}
.artist-metrics{display:flex;gap:8px 18px;flex-wrap:wrap;color:var(--artist-muted);font-size:13px}.artist-metrics a:hover,.artist-text-link{color:var(--artist-accent)!important}
.artist-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.artist-actions>.btn,.artist-actions>.dropdown>.btn{min-height:44px;border:1px solid var(--artist-line);border-radius:24px;padding:10px 17px;background:transparent;color:inherit;margin:0!important;line-height:22px;font-size:14px}
.artist-listen{position:relative;display:flex;align-items:center;justify-content:center;padding:0 18px 0 46px;height:44px;border-radius:24px;background:var(--artist-accent);color:#fff;min-width:124px}.artist-listen>span{pointer-events:none;font-size:14px;font-weight:600}.artist-listen>.play-button{position:absolute;inset:0;width:100%;height:100%;border-radius:24px;background:transparent!important;color:#fff!important;display:flex;align-items:center;padding-left:20px}.artist-listen>.play-controls{position:absolute;inset:0;pointer-events:none}.artist-listen .jp-pause,.artist-listen .jp-play{pointer-events:auto;width:100%!important;height:44px!important;border-radius:24px!important;display:flex;align-items:center;justify-content:flex-start;padding-left:20px;background:var(--artist-accent)!important;color:#fff!important}.artist-listen .jp-pause:after{content:'Pause';padding-left:12px;font:600 14px sans-serif}.artist-listen .jp-play:after{content:'Écouter';padding-left:12px;font:600 14px sans-serif}
.artist-nav{border-bottom:1px solid var(--artist-line);margin-bottom:28px;position:relative;z-index:5}.artist-nav>ul{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;list-style:none;padding:0;margin:0}.artist-nav>ul>li>a,.artist-nav>ul>li>button{display:block;padding:13px 3px;margin:0;border:0;border-bottom:3px solid transparent;background:transparent;font-size:14px;white-space:nowrap;border-radius:0;min-height:48px}.artist-nav .active{color:var(--artist-accent)!important;border-bottom-color:var(--artist-accent)!important;font-weight:600}.artist-more{margin-left:0}.artist-nav .dropdown-menu{list-style:none;min-width:190px;padding:8px;background:#fff}.artist-nav .dropdown-menu a{display:block;padding:10px 12px;min-height:42px;border:0}.artist-nav .dropdown-menu a:hover{background:#faf4ec}.artist-nav .dropdown-menu .active{border:0!important}
.artist-content{min-width:0}.artist-section{margin-bottom:30px}.artist-section h2{font-size:20px;font-weight:600;margin:0 0 16px}.artist-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.artist-section-heading>a{font-size:13px;color:var(--artist-accent);text-align:right}.artist-release{display:flex;gap:20px;align-items:center;background:#faf8f4;border:1px solid var(--artist-line);padding:16px;border-radius:12px}.artist-release>a{flex:0 0 116px}.artist-release img{width:116px;height:116px;object-fit:cover;border-radius:8px}.artist-release>div{min-width:0}.artist-release h3{font-size:21px;margin:5px 0 8px;font-weight:600;overflow-wrap:anywhere}.artist-muted{color:var(--artist-muted)}.artist-release p{font-size:13px;margin-bottom:10px}.artist-text-link{font-size:13px}
.artist-track{display:grid;grid-template-columns:48px minmax(0,1fr) 52px 44px 44px;gap:12px;align-items:center;min-height:76px;padding:12px 0;border-bottom:1px solid var(--artist-line)}.artist-track-art img{width:48px;height:48px;border-radius:6px;object-fit:cover}.artist-track-title{min-width:0}.artist-track-title>a{font-size:14px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-track-title>span{display:block;font-size:12px;color:var(--artist-muted);margin-top:4px}.artist-track-duration{font-size:12px;color:var(--artist-muted);text-align:right;font-variant-numeric:tabular-nums}.artist-track-play{position:relative;width:44px;height:44px}.artist-track .play-button,.artist-track .jp-play,.artist-track .jp-pause{width:44px!important;height:44px!important;border:0;border-radius:50%!important;display:flex;justify-content:center;align-items:center;background:#f5eee5!important;color:var(--artist-accent)!important;margin:0!important;font-size:15px}.artist-track-play .play-controls{position:absolute;inset:0;pointer-events:none}.artist-track-play .play-controls button{pointer-events:auto}.artist-track .dropdown>.btn{width:44px;min-height:44px;padding:10px;background:transparent;color:inherit}.artist-page .dropdown-item{min-height:44px;padding:10px 14px}.artist-page .dropdown-menu{border-radius:9px;font-size:14px}.artist-albums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.artist-albums img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.artist-albums strong{display:block;font-size:14px;margin-top:9px}.artist-albums span{font-size:12px;color:var(--artist-muted)}.artist-bio-full{white-space:normal;line-height:1.8;max-width:760px;overflow-wrap:anywhere}.artist-social{display:inline-block;border:1px solid var(--artist-line);border-radius:20px;padding:10px 16px;margin:0 8px 10px 0;min-height:44px}
@media(min-width:1200px){.artist-content:has(.artist-latest){display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.artist-content:has(.artist-latest)>.artist-latest{grid-column:2;grid-row:1}.artist-content:has(.artist-latest)>.artist-section:nth-child(2){grid-column:1;grid-row:1}.artist-content:has(.artist-latest)>.artist-section:nth-child(3){grid-column:1/-1}.artist-latest .artist-release{display:block}.artist-latest .artist-release img{width:100%;height:auto;aspect-ratio:1}.artist-latest .artist-release>div{padding-top:14px}}
@media(max-width:991px){.artist-page{padding:24px 20px 32px}.artist-hero{grid-template-columns:112px minmax(0,1fr);gap:20px}.artist-avatar{width:112px;height:112px}.artist-albums{grid-template-columns:repeat(3,minmax(0,1fr))}.artist-nav>ul{gap:0 14px}}
@media(max-width:575px){.artist-page{padding:18px 14px 28px}.artist-hero{display:block;padding-bottom:20px}.artist-avatar{width:88px;height:88px;float:left;margin:0 16px 14px 0}.artist-identity h1{font-size:25px;margin-top:5px}.artist-identity .artist-eyebrow{display:block;padding-top:8px}.artist-bio{clear:both;font-size:13px}.artist-metrics{font-size:12px;gap:6px 12px}.artist-actions{clear:both;padding-top:4px;gap:8px}.artist-actions>.btn{padding:9px 13px;font-size:13px}.artist-nav{margin-bottom:22px}.artist-nav>ul{gap:0 15px}.artist-nav>ul>li>a,.artist-nav>ul>li>button{font-size:13px;padding:11px 0;min-height:44px}.artist-more{margin-left:0}.artist-section h2{font-size:18px}.artist-section-heading>a{font-size:12px}.artist-release{gap:14px;padding:12px}.artist-release>a{flex-basis:82px}.artist-release img{width:82px;height:82px}.artist-release h3{font-size:18px}.artist-release p{margin-bottom:5px}.artist-track{grid-template-columns:42px minmax(0,1fr) 44px 44px;gap:8px;min-height:68px;padding:10px 0}.artist-track-art img{width:42px;height:42px}.artist-track-duration{display:none}.artist-track .dropdown>.btn{width:44px;padding:8px}.artist-track-title>a{font-size:13px}.artist-albums{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.artist-section{margin-bottom:24px}}
.dark-mode .artist-page{--artist-line:#40464e;--artist-muted:#b4bdc7;--artist-accent:#ffa200;color:#eef0f3}.dark-mode .artist-release,.dark-mode .artist-page .dropdown-menu{background:#242930;color:#eef0f3}.dark-mode .artist-nav .dropdown-menu a:hover{background:#333a43}.dark-mode .artist-track .play-button,.dark-mode .artist-track .jp-play,.dark-mode .artist-track .jp-pause{background:#393127!important}
.artist-page .play-controls .jp-progress{display:none!important}.artist-page .play-controls .jp-audio{position:static!important;width:100%;height:100%}.artist-page .play-controls .jp-play,.artist-page .play-controls .jp-pause{position:absolute!important;inset:0!important;pointer-events:auto;cursor:pointer}.artist-page .current-seek>.play-button,.artist-page .current-seek .artist-track-play>.play-button{visibility:hidden}
.artist-page .artist-actions>.btn{background:transparent!important;color:var(--artist-accent)!important;border:1px solid var(--artist-line)!important}.artist-page .artist-actions>.btn:hover{background:#faf4ec!important}.artist-page .artist-actions>.follow{border-color:var(--artist-accent)!important}.artist-nav>ul>.artist-more .dropdown-menu{right:0;left:auto;max-width:calc(100vw - 32px)}
@media(max-width:575px){.artist-nav>ul>.artist-more .dropdown-menu{right:auto;left:0}.artist-actions .fans-tip-btn{color:var(--artist-accent)!important}}
/* Keep the initial and jPlayer controls geometrically identical. */
.artist-page .artist-listen{width:124px;min-width:124px;height:44px;padding:0;background:none;border:0;border-radius:22px;flex:0 0 124px}
.artist-page .artist-listen>span{display:none}
.artist-page .artist-listen>.play-button,
.artist-page .artist-listen .jp-play,
.artist-page .artist-listen .jp-pause{box-sizing:border-box!important;position:absolute!important;inset:0!important;width:124px!important;height:44px!important;min-height:44px;margin:0!important;padding:0 18px!important;border:0!important;border-radius:22px!important;background:var(--artist-accent)!important;color:#fff!important;box-shadow:none!important;transform:none!important;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit!important;font-size:14px!important;line-height:1!important;text-decoration:none;transition:background-color .15s}
.artist-page .artist-listen>.play-button:after,
.artist-page .artist-listen .jp-play:after,
.artist-page .artist-listen .jp-pause:after{content:'Écouter';display:block;width:49px;padding:0;font-family:inherit;font-weight:600;font-size:14px;line-height:1;text-align:left}
.artist-page .artist-listen .jp-pause:after{content:'Pause'}
.artist-page .artist-listen>.play-button:hover,
.artist-page .artist-listen .jp-play:hover,
.artist-page .artist-listen .jp-pause:hover{background:#80470f!important}
.artist-page .artist-track .play-button,
.artist-page .artist-track .jp-play,
.artist-page .artist-track .jp-pause{box-sizing:border-box!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;transform:none!important;line-height:1!important;font-size:14px!important}
.artist-page .artist-listen i,
.artist-page .artist-track-play i{display:block;width:14px;height:14px;flex:0 0 14px;margin:0!important;line-height:1!important;font-size:0!important}
.artist-page .artist-listen i:before,
.artist-page .artist-track-play i:before{content:''!important;display:block;width:14px;height:14px;background:currentColor;clip-path:polygon(15% 0,100% 50%,15% 100%)}
.artist-page .artist-listen .jp-pause i:before,
.artist-page .artist-track-play .jp-pause i:before{clip-path:none;background:none;border-left:4px solid currentColor;border-right:4px solid currentColor;box-sizing:border-box;width:12px;margin:0 1px}
.artist-page .artist-listen :focus:not(:focus-visible),.artist-page .artist-track-play :focus:not(:focus-visible){outline:none}
.artist-page .artist-listen .jp-play:not([style*="display: none"]),
.artist-page .artist-listen .jp-pause:not([style*="display: none"]),
.artist-page .artist-track-play .jp-play:not([style*="display: none"]),
.artist-page .artist-track-play .jp-pause:not([style*="display: none"]){display:flex!important}

.artist-nav>ul>li.artist-more>button{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:0;border:1px solid var(--artist-line);border-radius:50%;color:inherit;background:transparent}.artist-nav>ul>li.artist-more>button:after{display:none}
/* Album detail: identity, ordered catalogue, credits and discussion. */
.album-hero{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:center;margin-bottom:32px}.album-cover{width:220px;height:220px;object-fit:cover;border-radius:12px;background:#f3f4f5}.album-identity{min-width:0}.album-identity h1{font-size:clamp(25px,3vw,36px);font-weight:700;line-height:1.2;margin:8px 0 14px;overflow-wrap:anywhere}.album-artist{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.album-artist img{width:32px;height:32px;border-radius:50%;object-fit:cover}.album-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--artist-muted);font-size:13px;margin:15px 0 0}.album-likes{display:inline-block;font-size:12px;color:var(--artist-muted)!important;margin-top:14px}.album-page .album-actions{margin-top:20px}.album-page .album-listen,.album-page .album-listen>.play-button,.album-page .album-listen .jp-play,.album-page .album-listen .jp-pause{width:160px!important;min-width:160px;flex-basis:160px}.album-page .album-listen>.play-button:after,.album-page .album-listen .jp-play:after{content:'Tout écouter';width:86px}.album-page .album-listen .jp-pause:after{content:'Pause';width:86px}.album-page .artist-actions>.liked{background:#faf0e0!important;border-color:var(--artist-accent)!important}
.album-columns,.album-page .album-track{display:grid;grid-template-columns:30px minmax(0,1fr) 64px 44px 44px;gap:12px;align-items:center}.album-columns{color:var(--artist-muted);font-size:12px;border-bottom:1px solid var(--artist-line);padding:0 0 12px}.album-columns>span:nth-child(3){text-align:right}.album-page .album-track{min-height:70px;padding:10px 0}.album-page .album-track-art,.album-page .album-track .artist-track-art{display:none}.album-track-number{font-variant-numeric:tabular-nums;color:var(--artist-muted);font-size:13px;text-align:center}.album-page .album-track.current-seek{background:#faf6ef;border-radius:6px}.album-page .album-track.current-seek .artist-track-title>a{color:var(--artist-accent)}.album-page .artist-track-title>a{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}.album-details{border-top:1px solid var(--artist-line);border-bottom:1px solid var(--artist-line);padding:16px 0}.album-details summary{cursor:pointer;font-size:15px;font-weight:600;min-height:28px}.album-details-body{padding-top:16px;font-size:14px}.album-details-body p{margin:0 0 12px}.album-comments .alert-warning{background:transparent;padding:0;text-align:left!important}.album-comments .comment-login{min-height:44px;padding:10px 18px;border:1px solid var(--artist-line);border-radius:24px;background:transparent;color:var(--artist-accent)}.album-comments .comments-container{margin-top:18px}.album-page .artist-section-heading>.artist-muted{font-size:13px}
@media(max-width:991px){.album-hero{grid-template-columns:170px minmax(0,1fr);gap:22px}.album-cover{width:170px;height:170px}.album-identity h1{font-size:28px}.album-page .album-actions{gap:8px}}
@media(max-width:575px){.album-hero{display:flex;flex-direction:column;align-items:stretch;gap:18px;margin-bottom:26px}.album-cover{width:170px;height:170px;align-self:center}.album-identity h1{font-size:25px;margin:6px 0 12px}.album-identity>.artist-eyebrow{font-size:10px}.album-meta{font-size:12px;margin-top:12px}.album-artist{font-size:14px}.album-page .album-actions{margin-top:16px;clear:none;padding:0}.album-page .album-listen,.album-page .album-listen>.play-button,.album-page .album-listen .jp-play,.album-page .album-listen .jp-pause{width:148px!important;min-width:148px;flex-basis:148px}.album-columns{display:none}.album-page .album-track{grid-template-columns:22px minmax(0,1fr) 44px 44px;gap:8px;min-height:72px}.album-page .artist-track-duration{display:none}.album-page .artist-track-title>a{font-size:13px}.album-track-number{font-size:12px}.album-page .artist-section-heading{flex-wrap:wrap}.album-comments h2{margin-bottom:10px}}
.dark-mode .album-page .album-track.current-seek{background:#332e27}.dark-mode .album-page .artist-actions>.liked{background:#393127!important}

@media(max-width:575px){.album-page .album-actions>.album-listen{flex:0 0 100%;width:100%!important;min-width:0}.album-page .album-listen>.play-button,.album-page .album-listen .jp-play,.album-page .album-listen .jp-pause{width:100%!important;min-width:0}.album-page .album-actions>.btn{flex:1}.album-page .album-actions>.dropdown{flex:0 0 44px}.album-page .album-actions>.dropdown>.btn{width:44px;padding:10px}}

/* Album and track counters retain the original counting methods. */
.album-statistics,.album-track-statistics{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;color:var(--artist-muted);font-size:13px}.album-statistics{margin-top:12px}.album-statistics>span,.album-track-statistics>span{display:inline-flex;align-items:center;gap:5px}.album-statistics strong{font-weight:600;color:var(--artist-text,inherit)}.album-statistics i,.album-track-statistics i{font-size:16px}.album-track-statistics{margin-top:5px;font-size:11px;gap:4px 12px;line-height:1.5}.album-page .album-track{min-height:82px}@media(max-width:575px){.album-statistics{font-size:12px;gap:6px 14px}.album-track-statistics{gap:4px 10px}.album-track-statistics .album-stat-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.album-page .album-track{min-height:88px}}

.album-statistics>.album-likes{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:inherit;line-height:inherit}.album-statistics>.album-likes:hover{color:var(--artist-accent)!important}
@media(max-width:575px){.album-statistics{font-size:11px;column-gap:10px}.album-statistics>span,.album-statistics>.album-likes{gap:3px}}

/* Compact counter badges beside album track titles. */
.album-columns,.album-page .album-track{grid-template-columns:30px minmax(0,1fr) 116px 64px 44px 44px}
.album-columns>span:nth-child(4){text-align:right}
.album-page .album-track{min-height:70px}
.album-track-statistics{margin:0;gap:4px;flex-wrap:nowrap;justify-content:flex-end}
.album-track-statistics>span{border:1px solid var(--artist-line);border-radius:4px;padding:2px 6px;min-height:25px;white-space:nowrap;gap:4px;font-size:12px}
.album-track-statistics .album-stat-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:575px){.album-page .album-track{grid-template-columns:18px minmax(0,1fr) 56px 44px 32px;gap:5px;min-height:76px}.album-track-statistics{flex-direction:column;align-items:stretch;gap:3px}.album-track-statistics>span{justify-content:center;padding:1px 3px;min-height:23px;font-size:11px}.album-page .album-track>.dropdown>.btn{width:32px;padding:10px 0}}

.album-columns,.album-page .album-track{grid-template-columns:30px minmax(0,1fr) 190px 64px 44px 44px}
.album-track-statistics>.album-track-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--artist-line);border-radius:4px;min-width:32px;height:28px;color:var(--artist-muted);background:transparent;text-decoration:none}
.album-track-statistics>.album-track-action:hover,.album-track-statistics>.album-track-action:focus-visible,.album-track-statistics>.liked,.album-track-statistics>.reposted{color:var(--artist-accent);background:#faf0e0;border-color:var(--artist-accent)}
@media(max-width:575px){.album-page .album-track{grid-template-columns:18px minmax(0,1fr) 76px 44px 32px;gap:4px;min-height:84px}.album-track-statistics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.album-track-statistics>.album-track-action{min-width:0;min-height:32px;height:32px}.album-track-statistics>span{min-width:0;font-size:10px;padding:1px 2px;gap:2px}}

.album-track-statistics>.album-track-download{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--artist-line);border-radius:4px;padding:2px 6px;min-height:28px;white-space:nowrap;font-size:12px;color:var(--artist-muted);text-decoration:none}.album-track-statistics>.album-track-download:hover,.album-track-statistics>.album-track-download:focus-visible{color:var(--artist-accent);border-color:var(--artist-accent);background:#faf0e0}@media(max-width:575px){.album-track-statistics>.album-track-download{min-width:0;font-size:10px;padding:1px 2px;gap:2px;min-height:23px}}

/* Reuse track actions on artist pages, retaining the cover column. */
.artist-page .artist-track:not(.album-track){grid-template-columns:48px minmax(0,1fr) 190px 52px 44px 44px}
@media(min-width:576px) and (max-width:1199px){.artist-page .artist-track:not(.album-track){grid-template-columns:48px minmax(0,1fr) 84px 44px 44px;gap:8px}.artist-page .artist-track:not(.album-track) .artist-track-duration{display:none}.artist-page .artist-track:not(.album-track) .album-track-statistics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.artist-page .artist-track:not(.album-track) .album-track-statistics>span{justify-content:center}}
@media(max-width:575px){.artist-page .artist-track:not(.album-track){grid-template-columns:36px minmax(0,1fr) 76px 44px 32px;gap:4px;min-height:84px}.artist-page .artist-track:not(.album-track) .artist-track-art img{width:36px;height:36px}.artist-page .artist-track:not(.album-track) .artist-track-duration{display:none}.artist-page .artist-track:not(.album-track)>.dropdown>.btn{width:32px;padding:10px 0}.artist-page .artist-track:not(.album-track) .artist-track-title>a{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;overflow:hidden}}
/* Keep the player and overflow menu on the same track row at every width. */
.artist-page .artist-track>*{grid-row:1;min-width:0}
.artist-page .artist-track>.artist-track-play{grid-column:-3 / -2;justify-self:center}
.artist-page .artist-track>.dropdown{grid-column:-2 / -1;justify-self:end;width:44px;clear:none}
.artist-page .artist-track>.artist-track-title{grid-column:2}
.artist-page .artist-track>.album-track-statistics{grid-column:3}
@media(max-width:575px){.artist-page .artist-track>.dropdown{width:32px}}
/* Avoid adding section margins to the artist overview grid gap. */
@media(min-width:1200px){.artist-content:has(.artist-latest){row-gap:16px}.artist-content:has(.artist-latest)>.artist-section{margin-bottom:0}}
/* Compact spacing between popular tracks and albums on mobile/tablet. */
@media(max-width:1199px){.artist-content>.artist-section:has(.artist-track){margin-bottom:16px}}
/* Small tablets: preserve title space and group album actions deliberately. */
@media(min-width:576px) and (max-width:767px){
.album-columns,.album-page .album-track{grid-template-columns:24px minmax(0,1fr) 84px 48px 44px 44px;gap:8px}
.album-page .album-track-statistics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.album-page .album-track-statistics>span{justify-content:center;padding:2px 3px}
.album-page .album-actions>.album-listen{flex:0 0 100%;width:100%!important;min-width:0}
.album-page .album-listen>.play-button,.album-page .album-listen .jp-play,.album-page .album-listen .jp-pause{width:100%!important;min-width:0}
.album-page .album-actions>.btn{flex:1}.album-page .album-actions>.dropdown{flex:0 0 44px}.album-page .album-actions>.dropdown>.btn{width:44px;padding:10px}
}
/* Artist album grids use consistent square covers and spacing. */
.artist-content>.playlists-container.grid-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0}
.artist-content>.playlists-container.grid-container:before,.artist-content>.playlists-container.grid-container:after{display:none}
.artist-content>.playlists-container.grid-container>.grid{float:none;width:auto!important;margin:0!important;min-width:0}
.artist-content>.playlists-container.grid-container>.grid>.art{width:100%;height:auto!important;aspect-ratio:1;background-size:cover;background-position:center;border-radius:10px;overflow:hidden}
.artist-content>.playlists-container .grid-title-container{padding:10px 0;background:transparent;min-width:0}
.artist-content>.playlists-container .grid-title{overflow-wrap:anywhere}
@media(max-width:1199px){.artist-content>.playlists-container.grid-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:767px){.artist-content>.playlists-container.grid-container{grid-template-columns:repeat(2,minmax(0,1fr))}}
.catalog-related{min-width:0}.artist-content>.catalog-related{grid-column:1/-1;margin-top:8px}.similar-artists{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.similar-artists>a{min-width:0;text-align:center}.similar-artists img{display:block;width:100%;max-width:160px;aspect-ratio:1;object-fit:cover;border-radius:50%;margin:0 auto 10px}.similar-artists strong{display:block;font-size:14px;overflow-wrap:anywhere}.similar-artists span{display:block;margin-top:4px;font-size:12px;color:var(--artist-muted)}.catalog-related .artist-albums strong,.catalog-related .artist-albums span{overflow-wrap:anywhere}.catalog-related>p{font-size:13px;margin:0;padding:12px 0}
@media(max-width:767px){.similar-artists{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.similar-artists img{max-width:130px}.catalog-related .artist-albums{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Same-artist tracks follow the album row layout, not the narrow artist sidebar. */
@media(min-width:768px){
.album-page .catalog-related .artist-track:not(.album-track){grid-template-columns:48px minmax(0,1fr) 190px 52px 44px 44px;gap:12px;min-height:76px}
.album-page .catalog-related .artist-track:not(.album-track) .artist-track-duration{display:block;grid-column:4}
.album-page .catalog-related .artist-track:not(.album-track) .album-track-statistics{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;justify-content:flex-end}
}
@media(min-width:576px) and (max-width:767px){
.album-page .catalog-related .artist-track:not(.album-track){grid-template-columns:48px minmax(0,1fr) 84px 48px 44px 44px;gap:8px}
.album-page .catalog-related .artist-track:not(.album-track) .artist-track-duration{display:block;grid-column:4}
}
/* Wide phones: keep the four badges on one line in both album lists. */
@media(min-width:420px) and (max-width:767px){
.album-page .album-track{grid-template-columns:18px minmax(0,1fr) 156px 44px 28px;gap:5px;min-height:76px}
.album-page .catalog-related .artist-track:not(.album-track){grid-template-columns:36px minmax(0,1fr) 156px 44px 28px;gap:5px;min-height:76px}
.album-page .catalog-related .artist-track:not(.album-track) .artist-track-art img{width:36px;height:36px}
.album-page .artist-track .artist-track-duration{display:none!important}
.album-page .artist-track>.album-track-statistics{display:flex!important;flex-direction:row;flex-wrap:nowrap;gap:4px;justify-content:flex-end}
.album-page .artist-track>.album-track-statistics>span,.album-page .artist-track>.album-track-statistics>a{min-width:32px;height:28px;min-height:28px;padding:2px 3px;font-size:11px;box-sizing:border-box}
.album-page .artist-track>.dropdown,.album-page .artist-track>.dropdown>.btn{width:28px;padding-left:0;padding-right:0}
.album-page .album-columns{display:none}
}
@media(max-width:419px){
.album-page .album-track{grid-template-columns:16px minmax(0,1fr) 132px 36px 24px;gap:3px;min-height:76px}
.album-page .catalog-related .artist-track:not(.album-track){grid-template-columns:28px minmax(0,1fr) 132px 36px 24px;gap:3px;min-height:76px}
.album-page .catalog-related .artist-track:not(.album-track) .artist-track-art img{width:28px;height:28px}
.album-page .artist-track>.album-track-statistics{display:flex!important;flex-direction:row;flex-wrap:nowrap;gap:3px;justify-content:flex-end}
.album-page .artist-track>.album-track-statistics>span,.album-page .artist-track>.album-track-statistics>a{min-width:27px;height:28px;min-height:28px;padding:1px 2px;font-size:10px;box-sizing:border-box}
.album-page .artist-track>.artist-track-play,.album-page .artist-track .play-button,.album-page .artist-track .jp-play,.album-page .artist-track .jp-pause{width:36px!important;height:36px!important}
.album-page .artist-track>.dropdown,.album-page .artist-track>.dropdown>.btn{width:24px;padding-left:0;padding-right:0}
}
/* Artist tracks: single-line counters and actions on phones. */
@media(max-width:767px){
.artist-page:not(.album-page) .artist-track:not(.album-track){grid-template-columns:36px minmax(0,1fr) 156px 44px 28px;gap:5px;min-height:76px}
.artist-page:not(.album-page) .artist-track .artist-track-art img{width:36px;height:36px}
.artist-page:not(.album-page) .artist-track .artist-track-duration{display:none}
.artist-page:not(.album-page) .artist-track>.album-track-statistics{display:flex!important;flex-direction:row;flex-wrap:nowrap;gap:4px;justify-content:flex-end}
.artist-page:not(.album-page) .artist-track>.album-track-statistics>span,.artist-page:not(.album-page) .artist-track>.album-track-statistics>a{min-width:32px;height:28px;min-height:28px;padding:2px 3px;font-size:11px;box-sizing:border-box}
.artist-page:not(.album-page) .artist-track>.dropdown,.artist-page:not(.album-page) .artist-track>.dropdown>.btn{width:28px;padding-left:0;padding-right:0}
}
@media(max-width:419px){
.artist-page:not(.album-page) .artist-track:not(.album-track){grid-template-columns:28px minmax(0,1fr) 132px 36px 24px;gap:3px}
.artist-page:not(.album-page) .artist-track .artist-track-art img{width:28px;height:28px}
.artist-page:not(.album-page) .artist-track>.album-track-statistics{gap:3px}
.artist-page:not(.album-page) .artist-track>.album-track-statistics>span,.artist-page:not(.album-page) .artist-track>.album-track-statistics>a{min-width:27px;padding:1px 2px;font-size:10px}
.artist-page:not(.album-page) .artist-track>.artist-track-play,.artist-page:not(.album-page) .artist-track .play-button,.artist-page:not(.album-page) .artist-track .jp-play,.artist-page:not(.album-page) .artist-track .jp-pause{width:36px!important;height:36px!important}
.artist-page:not(.album-page) .artist-track>.dropdown,.artist-page:not(.album-page) .artist-track>.dropdown>.btn{width:24px}
}
/* Compact title/artist block centered beside the track cover on phones. */
@media(max-width:767px){
.artist-page .artist-track>.artist-track-title{align-self:center;display:flex;flex-direction:column;justify-content:center;gap:1px}
.artist-page .artist-track>.artist-track-title>a{margin:0;line-height:1.15}
.artist-page .artist-track>.artist-track-title>span{margin-top:0;line-height:1.15;font-size:11px}
.artist-page .artist-track>.artist-track-art{display:flex;align-items:center;align-self:center;line-height:0}
}
/* Album tracks share the compact title/artist alignment at every width. */
.album-page .artist-track>.artist-track-title{align-self:center;display:flex;flex-direction:column;justify-content:center;gap:1px}
.album-page .artist-track>.artist-track-title>a{margin:0;line-height:1.15}
.album-page .artist-track>.artist-track-title>span{margin-top:0;line-height:1.15}
.album-page .artist-track>.artist-track-art{align-self:center;line-height:0}
/* Explicit album columns prevent the cover from becoming an implicit last column. */
.album-page .album-track{grid-template-columns:30px 48px minmax(0,1fr) 190px 64px 44px 44px;gap:12px}
.album-page .album-track>.album-track-number{grid-column:1}
.album-page .album-track>.artist-track-art{display:flex;grid-column:2;align-items:center;justify-content:center}
.album-page .album-track>.artist-track-art img{width:48px;height:48px}
.album-page .album-track>.artist-track-title{grid-column:3}
.album-page .album-track>.album-track-statistics{grid-column:4}
.album-page .album-track>.artist-track-duration{grid-column:5}
.album-columns{grid-template-columns:30px 48px minmax(0,1fr) 190px 64px 44px 44px}
.album-columns>span:nth-child(2){grid-column:3}.album-columns>span:nth-child(3){grid-column:4}.album-columns>span:nth-child(4){grid-column:5}
@media(max-width:767px){.album-page .album-track{grid-template-columns:18px 36px minmax(0,1fr) 156px 44px 28px;gap:5px}.album-page .album-track>.artist-track-art img{width:36px;height:36px}}
@media(max-width:419px){.album-page .album-track{grid-template-columns:16px 28px minmax(0,1fr) 132px 36px 24px;gap:3px}.album-page .album-track>.artist-track-art img{width:28px;height:28px}}
/* Cover playback replaces the separate play column. */
.artist-page .artist-track.cover-player{grid-template-columns:48px minmax(0,1fr) 190px 52px 44px!important;gap:12px}
.artist-page .album-track.cover-player{grid-template-columns:30px 48px minmax(0,1fr) 190px 64px 44px!important}
.artist-page .cover-player>.dropdown{grid-column:-2/-1}
.artist-page .cover-player>.artist-track-art{position:relative;display:block;width:48px;height:48px;overflow:hidden;border-radius:6px}
.artist-page .cover-player>.artist-track-art img{display:block;width:100%!important;height:100%!important;object-fit:cover}
.artist-page .cover-player .artist-track-art>.artist-track-play{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;transition:opacity .15s}
.artist-page .cover-player .artist-track-art .play-button,.artist-page .cover-player .artist-track-art .jp-play,.artist-page .cover-player .artist-track-art .jp-pause{width:100%!important;height:100%!important;border-radius:6px!important;background:rgba(0,0,0,.45)!important;color:#fff!important;border:0!important}
.artist-page .cover-player:hover .artist-track-play,.artist-page .cover-player:focus-within .artist-track-play,.artist-page .cover-player.current-seek .artist-track-play{opacity:1}
.album-columns{grid-template-columns:30px 48px minmax(0,1fr) 190px 64px 44px}
@media(max-width:1199px){.artist-page .cover-player>.album-track-statistics{display:flex!important;flex-direction:row;flex-wrap:nowrap;gap:4px}.artist-page .cover-player>.artist-track-duration{display:block!important;grid-column:-3/-2}}
@media(max-width:767px){
.artist-page .artist-track.cover-player{grid-template-columns:40px minmax(0,1fr) 156px 28px!important;gap:5px}
.artist-page .album-track.cover-player{grid-template-columns:18px 40px minmax(0,1fr) 156px 28px!important}
.artist-page .cover-player>.artist-track-art{width:40px;height:40px}
.artist-page .cover-player>.artist-track-duration{display:none!important}
.artist-page .cover-player .artist-track-art>.artist-track-play{opacity:1}
}
@media(max-width:419px){.artist-page .artist-track.cover-player{grid-template-columns:36px minmax(0,1fr) 132px 24px!important;gap:3px}.artist-page .album-track.cover-player{grid-template-columns:16px 36px minmax(0,1fr) 132px 24px!important}.artist-page .cover-player>.artist-track-art{width:36px;height:36px}}
@media(hover:none){.artist-page .cover-player .artist-track-art>.artist-track-play{opacity:1}}
/* Full-width album artwork on phones. */
@media(max-width:575px){
.album-page .album-hero>.album-cover{align-self:center;width:calc(100% + 28px);max-width:none;height:auto;aspect-ratio:1;object-fit:cover;border-radius:0}
}
@media(max-width:575px){.album-page .album-hero{gap:8px}.album-page .album-identity h1{margin-top:3px}}
/* Compact album identity and metadata on phones. */
@media(max-width:575px){
.album-page .album-identity h1{margin-bottom:6px}
.album-page .album-artist{line-height:1.25}
.album-page .album-meta{margin-top:6px;margin-bottom:0;row-gap:3px;line-height:1.4}
.album-page .album-statistics{margin-top:6px;row-gap:3px;line-height:1.4}
.album-page .album-actions{margin-top:12px}
}
@media(max-width:575px){.album-page .album-hero{margin-bottom:12px}}
/* Bring the first album track closer to its heading on phones. */
@media(max-width:575px){.album-page .album-tracks>.artist-section-heading h2{margin-bottom:4px}}
/* Music playback: identical brand colors before and after jPlayer mounts,
   including hover and dark mode. Preserve each component's sizing and visibility. */
body .play-button,
body .play-controls :is(.jp-play,.jp-pause),
body .current-seek :is(.jp-play,.jp-pause):hover,
body .artist-page :is(.artist-listen,.artist-track) :is(.play-button,.jp-play,.jp-pause),
body .artist-page .artist-listen :is(.play-button,.jp-play,.jp-pause):hover,
body .artist-page .cover-player .artist-track-art :is(.play-button,.jp-play,.jp-pause),
body .grid-container .grid .art .play-container :is(.play-button,.play-controls .play-icon){
 background:#ffa200!important;color:#fff!important;border-color:#ffa200!important;
}
body .play-button i,
body .play-controls :is(.jp-play,.jp-pause) i{color:#fff!important}
/* Keep the cover visible under the orange playback icon at every screen size. */
body .artist-page .cover-player .artist-track-art :is(.play-button,.jp-play,.jp-pause){
 background:transparent!important;color:#ffa200!important;border:0!important;box-shadow:none!important;
}
body .artist-page .cover-player .artist-track-art :is(.play-button,.jp-play,.jp-pause) i{
 color:#ffa200!important;
}
/* Played progress uses the same brand color, including existing waveform PNGs. */
body .current-seek .track-bar-progress-type .jp-progress .jp-seek-bar .jp-play-bar{
 background:#ffa200!important;
}
body .current-seek .jp-progress{opacity:1}
body .play-controls .wave-image,
body .playprogress-revert .wave-image{filter:brightness(0) invert(75%)}
body .play-controls .jp-play-bar>.wave-image{
 filter:url("../images/player-wave-filter.svg#played");
}

/* Similar artists: the same compact follow badge as discovery, independent
   of the portrait link. AJAX replaces its text and toggles .follow. */
.similar-artists>.similar-artist{min-width:0;text-align:center}
.similar-artist-avatar{position:relative;width:100%;max-width:160px;margin:0 auto 10px}
.similar-artists .similar-artist-avatar img{margin:0}
.similar-artist-avatar>.similar-follow-icon,
.video-creator-avatar>.video-follow-icon,
.artist-avatar-wrap>.artist-follow-icon{
 position:absolute;right:0;bottom:10px;z-index:1;
 display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;
 box-sizing:border-box;padding:0;margin:0;border:1px solid var(--artist-line,#ddd);border-radius:50%;
 background:#fff!important;color:#ffa200!important;font-size:0!important;line-height:0;text-decoration:none!important;
}
.similar-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;
}
.similar-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");
}
.similar-follow-icon:not(.follow){border-color:#ffa200}
.similar-follow-icon:hover{border-color:#ffa200;background:#fff7e8!important}
.similar-follow-icon:focus-visible{outline:2px solid #ffa200;outline-offset:3px}
.dark .similar-follow-icon,.dark-mode .similar-follow-icon{background:#302d26!important}
.video-details-container .video-creator-avatar{position:relative;flex:0 0 44px;width:44px;height:44px;margin-right:10px}
.video-creator-avatar>a:first-child{display:block;width:44px;height:44px}
.video-creator-avatar>.video-follow-icon{width:26px;height:26px;min-height:26px;right:-8px;bottom:-3px}
.video-follow-icon::before{width:15px;height:15px}
@media(max-width:767px){.similar-artist-avatar{max-width:130px}}
/* Profile portrait owns free follow; the action row is reserved for paid
   subscription and the other profile actions. Preserve the mobile float. */
.artist-avatar-wrap{position:relative;width:150px;height:150px}
.artist-avatar-wrap>.artist-avatar{display:block;float:none;margin:0}
.artist-actions>.fans-subscribe-unavailable{cursor:not-allowed;opacity:.6}
@media(max-width:991px){.artist-avatar-wrap{width:112px;height:112px}}
@media(max-width:575px){
 .artist-avatar-wrap{width:88px;height:88px;float:left;margin:0 16px 14px 0}
 .artist-avatar-wrap>.artist-follow-icon{right:-5px;bottom:0}
}
/* Profile tabs use the same orange active state as discovery navigation. */
.artist-page .artist-nav>ul>li>a{background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0}
.artist-page .artist-nav>ul>li>a.active,
.artist-page .artist-nav>ul>li>a[aria-current="page"]{color:#ffa200!important;border-bottom-color:#ffa200!important}
.artist-page .artist-nav>ul>li>a.active i,
.artist-page .artist-nav>ul>li>a[aria-current="page"] i{color:inherit!important}
/* Profile actions share one rhythm; do not change album or track controls. */
.artist-hero .artist-actions,
.profile-header .profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.profile-header .profile-actions{clear:both}
.profile-header .content .profile-actions>.right-buttons{position:relative;inset:auto;float:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.profile-with-actions .bg-container{height:100%}
.profile-with-actions .profile-menu{position:relative;bottom:auto;margin-top:20px;padding-bottom:20px}
.artist-hero .artist-actions>.btn,
.artist-hero .artist-actions>.dropdown>.btn,
.profile-header .profile-actions>.btn,
.profile-header .profile-actions>.right-buttons>.btn{
 display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;
 height:44px;min-height:44px;max-width:100%;flex:0 0 auto;width:auto;
 margin:0!important;padding:0 16px;border-radius:24px;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;text-shadow:none;
}
.artist-hero .artist-actions>.dropdown{margin:0;flex:0 0 auto}
.artist-hero .artist-actions>.btn>i,
.artist-hero .artist-actions>.dropdown>.btn>i,
.profile-header .profile-actions .btn>i{display:inline-block;flex:0 0 auto;font-size:18px;line-height:1;margin:0!important}
.artist-hero .artist-actions>.dropdown>.btn{width:44px;padding:0}
@media(max-width:575px){
 .artist-hero .artist-actions>.btn,
 .profile-header .profile-actions>.btn,
 .profile-header .profile-actions>.right-buttons>.btn{padding:0 13px;font-size:13px}
}
/* Mobile profile rails: swipe instead of wrapping. Dropdowns are positioned
   against the outer hero/nav, not the scrolling rail, so menus are not clipped. */
@media(max-width:767px){
 .artist-hero{position:relative}
 .artist-hero:has(.artist-actions>.dropdown.show){z-index:6}
 .artist-hero .artist-actions,
 .artist-nav>ul{
   flex-wrap:nowrap;max-width:100%;overflow-x:auto;overflow-y:hidden;
   scrollbar-width:thin;scrollbar-color:#d4d8dd transparent;
   -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
   padding-bottom:6px;
 }
 .artist-hero .artist-actions>*{flex:0 0 auto}
 .artist-hero .artist-actions>.btn{max-width:none}
 .artist-nav>ul>li{flex:0 0 auto}
 .artist-hero .artist-actions>.dropdown,
 .artist-nav>ul>.dropdown{position:static}
 .artist-hero .artist-actions>.dropdown>.dropdown-menu,
 .artist-nav>ul>.dropdown>.dropdown-menu{max-width:calc(100vw - 28px)}
}