
/* V101: quote is a sibling of .hero-gallery, not its child. */
html body.studio-app .hero-visual > .gallery-floating{
  display:inline-flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  width:max-content!important;max-width:min(210px,48vw)!important;
  min-width:0!important;min-height:0!important;height:auto!important;
  padding:9px 13px!important;gap:0!important;
  border-radius:12px!important;box-sizing:border-box!important;
  overflow:visible!important;
  transform:rotate(0deg)!important;
  backdrop-filter:blur(15px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(135%)!important;
}
html body.studio-app .hero-visual > .gallery-floating .gallery-floating-quote{
  margin:0!important;padding:0!important;display:block!important;
  font-size:clamp(11px,1vw,14px)!important;
  line-height:1.5!important;white-space:normal!important;
  text-align:center!important;
}
html body.studio-app.night .hero-visual > .gallery-floating{
  background:rgba(28,56,87,.79)!important;
  background-color:rgba(28,56,87,.79)!important;
  background-image:linear-gradient(135deg,rgba(65,106,151,.25),rgba(17,35,58,.08))!important;
  border:1px solid rgba(142,182,220,.42)!important;
  box-shadow:0 9px 24px rgba(6,15,29,.18)!important;
}
html body.studio-app.night .hero-visual > .gallery-floating .gallery-floating-quote{
  color:#f3f7ff!important;-webkit-text-fill-color:#f3f7ff!important;
}
html body.studio-app.day .hero-visual > .gallery-floating{
  background:rgba(249,242,236,.64)!important;
  border:1px solid rgba(159,119,89,.22)!important;
  box-shadow:0 9px 24px rgba(36,23,30,.09)!important;
}
@media(max-width:650px){
 html body.studio-app .hero-visual > .gallery-floating{
  max-width:155px!important;padding:7px 10px!important;
 }
 html body.studio-app .hero-visual > .gallery-floating .gallery-floating-quote{
  font-size:11px!important;line-height:1.45!important;
 }
}
/* V101: target the actual #player.player specificity and beat legacy opaque rules. */
html body.studio-app.night #player.player{
 background:rgba(25,43,66,.39)!important;
 background-color:rgba(25,43,66,.39)!important;
 background-image:none!important;
 border:1px solid rgba(170,197,224,.33)!important;
 box-shadow:0 -10px 35px rgba(5,12,24,.16),inset 0 1px rgba(255,255,255,.1)!important;
 backdrop-filter:blur(26px) saturate(150%)!important;
 -webkit-backdrop-filter:blur(26px) saturate(150%)!important;
 isolation:auto!important;
}
html body.studio-app.day #player.player{
 background:rgba(250,245,239,.53)!important;
 background-image:none!important;
 backdrop-filter:blur(24px) saturate(145%)!important;
 -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
}
html body.studio-app.night #player.player::before,
html body.studio-app.night #player.player::after{
 background:none!important;box-shadow:none!important;
}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
 html body.studio-app.night #player.player{background:rgba(25,43,66,.84)!important}
}
