/* V103 — remove quote entirely and restore a clear, usable volume control. */
html body.studio-app .hero-gallery .gallery-floating{display:none!important}
/* Night: glow the icon glyphs only; buttons have no moving colored box. */
html body.studio-app.night #player .player-buttons > button:is(:hover,:active,:focus,:focus-visible),
html body.studio-app.night #player .player-volume > button:is(:hover,:active,:focus,:focus-visible){
 background:transparent!important;background-image:none!important;
 box-shadow:none!important;filter:none!important;outline:none!important;
 border-color:transparent!important;color:#ffdb91!important;
}
html body.studio-app.night #player .player-buttons > button:is(:hover,:active,:focus,:focus-visible) svg,
html body.studio-app.night #player .player-volume > button:is(:hover,:active,:focus,:focus-visible) svg{
 color:#ffdb91!important;
 filter:drop-shadow(0 0 5px rgba(255,210,128,.95)) drop-shadow(0 0 10px rgba(235,172,80,.5))!important;
}
html body.studio-app.night #player .player-buttons > button.play-circle:is(:hover,:active,:focus,:focus-visible){
 background:#d7ac71!important;border-color:#d7ac71!important;color:#231c22!important;
 box-shadow:none!important;
}
html body.studio-app.night #player .player-buttons > button.play-circle:is(:hover,:active,:focus,:focus-visible) svg{
 color:#231c22!important;
 filter:drop-shadow(0 0 4px rgba(255,255,229,.65))!important;
}
/* Override the V102 rule that hid the volume range's gradient. */
html body.studio-app #player .player-volume{
 background:rgba(32,64,101,.30)!important;
 background-image:none!important;
 border:1px solid rgba(122,171,218,.3)!important;
 border-radius:13px!important;
 padding:5px 9px!important;
 box-shadow:none!important;
 outline:none!important;
}
html body.studio-app.night #player .player-volume{
 background:rgba(27,58,97,.55)!important;
 border-color:rgba(123,173,220,.4)!important;
}
html body.studio-app #player #playerVolume,
html body.studio-app #player #playerVolume:is(:hover,:focus,:focus-visible,:active){
 -webkit-appearance:none!important;appearance:none!important;
 display:block!important;visibility:visible!important;opacity:1!important;
 width:clamp(42px,14vw,66px)!important;
 min-width:35px!important;height:6px!important;
 padding:0!important;margin:0!important;
 border:0!important;border-radius:99px!important;
 outline:0!important;box-shadow:none!important;
 direction:ltr!important;
 background:linear-gradient(to right,
 #f5dfa9 0%,#d9af69 var(--volume-fill,80%),
 #3a618d var(--volume-fill,80%),#3a618d 100%)!important;
 background-size:100% 100%!important;
 cursor:pointer!important;accent-color:#d9af69!important;
}
html body.studio-app #player #playerVolume::-webkit-slider-runnable-track{
 height:6px!important;border:0!important;border-radius:99px!important;
 background:transparent!important;
}
html body.studio-app #player #playerVolume::-moz-range-track{
 height:6px!important;border:0!important;border-radius:99px!important;
 background:#3a618d!important;
}
html body.studio-app #player #playerVolume::-moz-range-progress{
 height:6px!important;border-radius:99px!important;background:#d9af69!important;
}
html body.studio-app #player #playerVolume::-webkit-slider-thumb{
 -webkit-appearance:none!important;appearance:none!important;
 width:14px!important;height:14px!important;
 margin-top:-4px!important;border-radius:50%!important;
 background:#e4b976!important;border:2px solid #f7e6c5!important;
 box-shadow:0 1px 5px rgba(0,0,0,.35)!important;
}
html body.studio-app #player #playerVolume::-moz-range-thumb{
 width:12px!important;height:12px!important;border-radius:50%!important;
 background:#e4b976!important;border:2px solid #f7e6c5!important;
 box-shadow:0 1px 5px rgba(0,0,0,.35)!important;
}
/* Preserve the earlier behavior: collapsed mobile player shows mute only. */
@media(max-width:1024px){
 html body.studio-app #player.minimized .player-volume #playerVolume{
  display:none!important;visibility:hidden!important;width:0!important;min-width:0!important;
 }
}