/* Shaliz V106: exact player controls, no colored button tiles */
html body.studio-app #player.player .player-buttons #togglePlay,
html body.studio-app #player.player .player-buttons #prevTrack,
html body.studio-app #player.player .player-buttons #nextTrack,
html body.studio-app #player.player .player-buttons #mutePlayer,
html body.studio-app #player.player .player-buttons #collapsePlayer{
  background:transparent!important;background-color:transparent!important;
  background-image:none!important;border-color:transparent!important;
  box-shadow:none!important;outline:0!important;
  text-shadow:none!important;filter:none!important;
}
html body.studio-app #player.player .player-buttons button:is(:hover,:active,:focus,:focus-visible),
html body.studio-app #player.player .player-buttons #togglePlay:is(:hover,:active,:focus,:focus-visible){
  background:transparent!important;background-image:none!important;
  border-color:transparent!important;box-shadow:none!important;
  outline:0!important;transform:none!important;
}
html body.studio-app #player.player .player-buttons button::before,
html body.studio-app #player.player .player-buttons button::after{
  content:none!important;display:none!important;
}
/* In night mode, icons themselves glow gold. */
html body.studio-app.night #player.player .player-buttons button,
html body.studio-app.night #player.player .player-buttons button svg{
  color:#d9b77e!important;
}
html body.studio-app.night #player.player .player-buttons button:is(:hover,:active,:focus-visible) svg{
  color:#ffe0a0!important;
  filter:drop-shadow(0 0 5px rgba(255,219,150,.85)) drop-shadow(0 0 10px rgba(230,178,99,.45))!important;
}
/* Day mode: burgundy by default, gold only when hovered/focused. */
html body.studio-app.day #player.player .player-buttons button,
html body.studio-app.day #player.player .player-buttons button svg{
  color:#683747!important;
}
html body.studio-app.day #player.player .player-buttons button:is(:hover,:active,:focus-visible),
html body.studio-app.day #player.player .player-buttons button:is(:hover,:active,:focus-visible) svg{
  color:#b58745!important;
}
html body.studio-app.day #player.player .player-buttons button:is(:hover,:active,:focus-visible) svg{
  filter:drop-shadow(0 0 4px rgba(205,157,82,.72)) drop-shadow(0 0 8px rgba(205,157,82,.3))!important;
}
/* Keep the previous/next filled icons, while play and mute are outlined. */
html body.studio-app #player.player #prevTrack svg,
html body.studio-app #player.player #nextTrack svg{fill:currentColor!important;stroke:none!important;}
html body.studio-app #player.player #togglePlay svg,
html body.studio-app #player.player #mutePlayer svg,
html body.studio-app #player.player #collapsePlayer svg{
  stroke:currentColor!important;fill:none!important;
}
/* Blue night-time seek track matches the blue volume remainder. */
html body.studio-app.night #player.player .seek-luxe .seek-track{
 background:#34567d!important;box-shadow:inset 0 1px 3px rgba(7,21,42,.3)!important;
}
html body.studio-app.night #player.player .seek-luxe .seek-progress{
 background:linear-gradient(90deg,#4777a5,#85b1dc)!important;
 box-shadow:0 0 7px rgba(91,150,211,.26)!important;
}
html body.studio-app.night #player.player .seek-luxe .seek-knob{
 background:#8db8e2!important;border-color:#c1dcf5!important;
 box-shadow:0 1px 6px rgba(9,27,50,.3)!important;
}
/* Remove yellow focus rectangle around the volume slider and its wrapper,
   but keep an accessible focused thumb glow. */
html body.studio-app #player.player .player-volume,
html body.studio-app #player.player .player-volume:is(:hover,:active,:focus,:focus-within),
html body.studio-app #player.player #playerVolume,
html body.studio-app #player.player #playerVolume:is(:hover,:active,:focus,:focus-visible){
 outline:none!important;outline-offset:0!important;
 border-color:transparent!important;box-shadow:none!important;
}
html body.studio-app #player.player .player-volume{
 background:transparent!important;background-image:none!important;
}
html body.studio-app #player.player #playerVolume:focus-visible::-webkit-slider-thumb{
 box-shadow:0 0 0 3px rgba(213,170,103,.35)!important;
}
html body.studio-app #player.player #playerVolume:focus-visible::-moz-range-thumb{
 box-shadow:0 0 0 3px rgba(213,170,103,.35)!important;
}
/* Header: translucent burgundy instead of white pearl in DAY mode.
   Preserve the existing smoky-blue night glass. */
html body.studio-app.day header.topbar{
 background:rgba(96,46,65,.36)!important;
 background-color:rgba(96,46,65,.36)!important;
 background-image:none!important;
 border-bottom:1px solid rgba(151,89,111,.32)!important;
 box-shadow:0 8px 25px rgba(56,24,39,.10)!important;
 backdrop-filter:blur(22px) saturate(145%)!important;
 -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
}
html body.studio-app.day header.topbar .wordmark,
html body.studio-app.day header.topbar .master-topnav button{
 color:#43212f!important;
}
html body.studio-app.day header.topbar .top-actions > button,
html body.studio-app.day header.topbar #menuBtn{
 background:rgba(255,248,246,.22)!important;
 background-image:none!important;
 border:1px solid rgba(93,49,67,.2)!important;
 color:#542a3b!important;
}