html[data-theme] #hrt[aria-pressed=true],html[data-theme] #hrt[aria-pressed=true] svg{color:#e11d38!important}html[data-theme] #hrt[aria-pressed=true] svg path{fill:currentColor!important;stroke:currentColor!important}
.artist-bio{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;line-height:1.7}.artist-social-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.social-link{display:inline-flex;align-items:center;gap:9px;padding:11px 14px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:700;min-height:44px;color:white!important;background:#171717}.social-link span{font-size:20px}.social-facebook{background:#0866ff;color:white}.social-instagram{background:linear-gradient(120deg,#833ab4,#c12562);color:white}.social-tiktok,.social-x{background:#171717;color:white;border:1px solid #626262}.social-youtube{background:#c90020;color:white}.social-spotify{background:#1ed760;color:#071c0d!important}.social-label{padding:5px 9px;border-radius:7px;display:inline-block;font-weight:700}.social-link:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.fan-comments{margin-top:24px;border-top:1px solid var(--ui-border);padding-top:20px;color:var(--tx);text-align:left}.fan-comments form{display:grid;gap:10px}.fan-comment-label{display:block;font-size:14px}.fan-comments textarea,#artist-social-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;border:1px solid var(--ui-border);border-radius:12px;background:var(--bg);color:var(--tx);padding:12px;font:inherit;resize:vertical}.fan-comments button{min-height:44px;border-radius:12px;padding:10px 16px;font:inherit;cursor:pointer;background:var(--card);color:var(--tx);border:1px solid var(--ui-border)}.fan-comments button[type=submit]{background:#c83245;color:#fff;border-color:#c83245}.fan-comments button:disabled{opacity:.6;cursor:wait}.fan-comments :is(time,small,[role=status]){color:var(--mu);font-size:12px}.fan-comment{padding:16px 0;border-bottom:1px solid var(--ui-border)}.fan-comment time{display:block;margin-top:4px}.fan-comment p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;color:var(--tx)}.fan-comment>div{display:flex;gap:10px;flex-wrap:wrap}.fan-more{margin-top:14px}.fan-sheet-body{padding:0 18px 20px}.fan-comments button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#ritm-video-player .fan-comments{margin:24px}#artist-social-form label{overflow-wrap:anywhere}
@media(min-width:860px){.full>.act{flex-wrap:wrap}.full>.act button{flex:1 0 auto}}

.full>.act{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme] .sh2 .fan-comment p{color:var(--tx)}
html[data-theme] .sh2 [data-liked=true]>svg{color:#e11d38!important}html[data-theme] .sh2 [data-liked=true]>svg path{fill:currentColor!important;stroke:currentColor!important}

/* Equal secondary actions with readable icons in both themes. */
html[data-theme] .full>.act{gap:10px;margin-top:0}
html[data-theme] .full>.act button{background:var(--card);color:var(--tx);border:1px solid var(--ui-border);border-radius:16px;min-height:76px;padding:13px 8px;gap:8px;font-size:13px;font-weight:600;line-height:1.25;box-shadow:0 2px 5px #00000008;transition:background .15s,transform .15s}
html[data-theme] .full>.act button>svg{width:23px;height:23px;flex-shrink:0;color:var(--active-red)}
html[data-theme] .full>.act button>span{max-width:100%;overflow-wrap:anywhere}
html[data-theme] .full>.act button:active{transform:scale(.97)}
html[data-theme] .full>.act button:focus-visible{outline:2px solid var(--active-red);outline-offset:3px}
@media(hover:hover){html[data-theme] .full>.act button:hover{background:var(--bg)}}
@media(prefers-reduced-motion:reduce){html[data-theme] .full>.act button{transition:none}}

/* Phone player: reserve room for every control before sizing the cover. */
@media(max-width:859px){
 html[data-theme] .full{padding:calc(10px + env(safe-area-inset-top,0px)) 16px calc(12px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
 html[data-theme] .full>.top{min-height:44px;margin-bottom:10px}
 html[data-theme] .full>.top .ib{width:44px;height:44px}
 html[data-theme] .full>.art{width:min(100%,380px,max(120px,calc(100dvh - 488px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))));height:auto;max-height:none;aspect-ratio:1;object-fit:contain;border-radius:18px}
 html[data-theme] .full:has(>.lb[style*="inline-block"])>.art{width:min(100%,380px,max(120px,calc(100dvh - 540px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))))}
 html[data-theme] .full>.meta{margin-top:12px;gap:10px}
 html[data-theme] .full #ft{font-size:22px;line-height:1.2}
 html[data-theme] .full #fa{font-size:14px;margin-top:4px}
 html[data-theme] .full>.meta .ib{width:44px;height:44px}
 html[data-theme] .full>canvas{height:34px;margin:8px 0 0}
 html[data-theme] .full>.bar{margin:0 0 4px;gap:8px;font-size:12px}
 html[data-theme] .full>.ctl{min-height:60px;margin:0 0 12px}
 html[data-theme] .full>.ctl .big{width:60px;height:60px}
 html[data-theme] .full>.act{gap:8px;margin:0}
 html[data-theme] .full>.act button{min-height:48px;padding:10px 8px;flex-direction:row;gap:8px;font-size:13px;border-radius:12px}
 html[data-theme] .full>.act button>svg{width:20px;height:20px}
 html[data-theme] .full>.lb{margin-top:8px;min-height:44px;padding:10px}
}
/* 16px form text prevents Safari's automatic input zoom. */
@media(max-width:859px){html[data-theme] :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px!important}button,a,input,select,textarea,summary{touch-action:manipulation}}

/* Standard circular 15-second icons beside Play/Pause. */
html[data-theme] .full>.ctl{display:grid;grid-template-columns:repeat(2,minmax(44px,1fr)) 60px repeat(2,minmax(44px,1fr));grid-template-rows:60px 44px;row-gap:4px;align-items:center;justify-items:center}
html[data-theme] .full #pv{grid-column:1;grid-row:1}html[data-theme] .full #seek-back{grid-column:2;grid-row:1}html[data-theme] .full #pp{grid-column:3;grid-row:1}html[data-theme] .full #seek-forward{grid-column:4;grid-row:1}html[data-theme] .full #nx{grid-column:5;grid-row:1}
html[data-theme] .full #shf{grid-column:1;grid-row:2}html[data-theme] .full #rpt{grid-column:5;grid-row:2}
html[data-theme] .full .seek-icon{width:44px;height:44px;background:transparent;border:0;color:var(--tx);padding:6px;touch-action:manipulation}
html[data-theme] .full .seek-icon svg{width:30px;height:30px}
html[data-theme] .full .seek-icon:disabled{opacity:.4;cursor:default}
html[data-theme] .full .seek-icon:focus-visible{outline:2px solid var(--active-red);outline-offset:2px}

html[data-theme] .full .seek-icon svg text{stroke:none;fill:currentColor}

html[data-theme] .full #player-volume{grid-column:3;grid-row:2;width:44px;height:44px;background:none;color:var(--tx)}
.player-volume-panel{padding:4px 22px 24px;text-align:left}.player-volume-panel h3{padding:0!important}.player-volume-panel p{color:var(--mu);line-height:1.6}.player-volume-panel label{display:flex;justify-content:space-between;color:var(--tx);font-size:16px}.player-volume-panel button{display:block;min-height:44px;width:100%;margin-top:14px;padding:10px;border:1px solid var(--ui-border);border-radius:12px;background:var(--card);color:var(--tx);font:inherit;cursor:pointer}
#player-volume-slider{--volume-level:100%;display:block;appearance:none;-webkit-appearance:none;min-height:44px;width:100%;background:transparent;cursor:pointer}
#player-volume-slider::-webkit-slider-runnable-track{height:7px;border-radius:8px;background:linear-gradient(to right,#c83245 var(--volume-level),#878787 var(--volume-level))}
#player-volume-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-top:-7.5px;border-radius:50%;background:#c83245;border:2px solid var(--card)}
#player-volume-slider::-moz-range-track{height:7px;border-radius:8px;background:#878787}#player-volume-slider::-moz-range-progress{height:7px;background:#c83245}#player-volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#c83245;border:2px solid var(--card)}
.player-volume-panel :is(button,input):focus-visible{outline:2px solid var(--active-red);outline-offset:3px}

.playing-bars{display:inline-flex;align-items:center;justify-content:center;gap:2px;width:23px;height:24px;color:var(--active-red);vertical-align:middle}.playing-bars i{display:block;width:3px;height:18px;border-radius:3px;background:currentColor;transform-origin:center;animation:ritm-playing .8s ease-in-out infinite alternate;animation-play-state:paused}.playing-bars i:nth-child(2){height:24px;animation-delay:-.3s}.playing-bars i:nth-child(3){height:15px;animation-delay:-.6s}.playing-bars i:nth-child(4){height:21px;animation-delay:-.15s}html[data-audio-playing=true] .playing-bars i{animation-play-state:running}.mini-playing{flex-shrink:0;display:flex;align-items:center}.row .n{flex-shrink:0}.artist-track.current-track{border-color:var(--active-red);background:var(--card)}.artist-track.current-track b{color:var(--active-red)}
@keyframes ritm-playing{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.playing-bars i{animation:none;transform:scaleY(.65)}}