/* V102 — correct DOM target: .gallery-floating is INSIDE .hero-gallery. */
html body.studio-app .hero-visual .hero-gallery > .gallery-floating{
 position:absolute!important;
 width:max-content!important;
 max-width:min(195px,48vw)!important;
 min-width:0!important;min-height:0!important;height:auto!important;
 display:block!important;
 box-sizing:border-box!important;
 padding:7px 11px!important;
 gap:0!important;
 border-radius:11px!important;
 transform:none!important;
 backdrop-filter:blur(16px) saturate(130%)!important;
 -webkit-backdrop-filter:blur(16px) saturate(130%)!important;
}
html body.studio-app .hero-visual .hero-gallery > .gallery-floating .gallery-floating-quote{
 display:block!important;margin:0!important;padding:0!important;
 font-size:clamp(11px,1vw,14px)!important;
 font-weight:600!important;line-height:1.45!important;
 white-space:normal!important;text-align:center!important;
}
html body.studio-app.night .hero-visual .hero-gallery > .gallery-floating{
 background:rgba(23,53,87,.82)!important;
 background-color:rgba(23,53,87,.82)!important;
 background-image:none!important;
 border:1px solid rgba(129,174,215,.48)!important;
 box-shadow:0 8px 22px rgba(4,15,29,.2)!important;
}
html body.studio-app.night .hero-visual .hero-gallery > .gallery-floating .gallery-floating-quote{
 color:#f3f7ff!important;-webkit-text-fill-color:#f3f7ff!important;
}
html body.studio-app.day .hero-visual .hero-gallery > .gallery-floating{
 background:rgba(249,242,236,.67)!important;
 border:1px solid rgba(159,119,89,.22)!important;
 box-shadow:0 8px 22px rgba(36,23,30,.09)!important;
}
@media(max-width:650px){
 html body.studio-app .hero-visual .hero-gallery > .gallery-floating{
  max-width:145px!important;padding:6px 8px!important;
 }
 html body.studio-app .hero-visual .hero-gallery > .gallery-floating .gallery-floating-quote{
  font-size:10.5px!important;line-height:1.4!important;
 }
}
/* True frosted-glass music player in night mode. No opaque background. */
html body.studio-app.night div#player.player{
 background:rgba(24,43,67,.22)!important;
 background-color:rgba(24,43,67,.22)!important;
 background-image:none!important;
 border:1px solid rgba(188,207,230,.38)!important;
 box-shadow:0 8px 36px rgba(5,12,24,.14),inset 0 1px rgba(255,255,255,.12)!important;
 backdrop-filter:blur(22px) saturate(160%)!important;
 -webkit-backdrop-filter:blur(22px) saturate(160%)!important;
 isolation:auto!important;
}
html body.studio-app.night div#player.player::before,
html body.studio-app.night div#player.player::after{
 content:none!important;display:none!important;
}
/* Night controls: no burgundy active/focus/hover, use warm gold. */
html body.studio-app.night #player .player-buttons > button,
html body.studio-app.night #player .player-buttons .player-volume > button{
 color:#e6c28c!important;
 border-color:rgba(225,185,121,.34)!important;
}
html body.studio-app.night #player .player-buttons > button:is(:hover,:focus,:focus-visible,:active),
html body.studio-app.night #player .player-buttons .player-volume > button:is(:hover,:focus,:focus-visible,:active){
 background:rgba(209,166,103,.19)!important;
 background-image:none!important;
 color:#ffdf9d!important;
 border-color:#d5a66b!important;
 box-shadow:none!important;
 outline:none!important;
}
html body.studio-app.night #player .player-buttons > button.play-circle,
html body.studio-app.night #player .player-buttons > button.play-circle:is(:hover,:focus,:focus-visible,:active){
 background:#d7ac71!important;
 background-image:none!important;
 border-color:#d7ac71!important;
 color:#231c22!important;
 box-shadow:0 3px 14px rgba(0,0,0,.14)!important;
}
html body.studio-app.night #player .player-buttons button svg{
 color:inherit!important;fill:currentColor;
}
/* Remove yellow focus rectangle around the volume control without hiding slider. */
html body.studio-app #player .player-volume,
html body.studio-app #player .player-volume:is(:hover,:focus,:focus-within,:active),
html body.studio-app #player #playerVolume,
html body.studio-app #player #playerVolume:is(:hover,:focus,:focus-visible,:active){
 outline:0!important;outline-offset:0!important;
 box-shadow:none!important;
 border-color:transparent!important;
 background-color:transparent!important;
 background-image:none!important;
}
html body.studio-app #player .player-volume::before,
html body.studio-app #player .player-volume::after{
 content:none!important;display:none!important;
}
html body.studio-app #player #playerVolume{
 accent-color:#d7ac71!important;
}
html body.studio-app #player #playerVolume:focus-visible{
 outline:2px solid transparent!important;
}