
/* V108 — theme-specific tracks, gold playback and volume fill. */
html body.studio-app.day #player.player .seek-luxe .seek-track{background:#75465b!important;box-shadow:inset 0 1px 3px rgba(35,13,24,.16)!important}
html body.studio-app.night #player.player .seek-luxe .seek-track{background:#365f8b!important;box-shadow:inset 0 1px 3px rgba(5,18,37,.2)!important}
html body.studio-app.day #player.player .seek-luxe .seek-progress,
html body.studio-app.night #player.player .seek-luxe .seek-progress{
 background:linear-gradient(90deg,#b88542,#f2d59b)!important;
 box-shadow:0 0 7px rgba(220,176,105,.23)!important;
}
html body.studio-app.day #player.player .seek-luxe .seek-knob,
html body.studio-app.night #player.player .seek-luxe .seek-knob{
 background:#e2b873!important;border:2px solid #f7e1b4!important;
 box-shadow:0 1px 5px rgba(25,16,19,.23)!important;
}
/* Range fill is dynamically updated by existing shaliz-v44-volume.js. */
html body.studio-app.day #player.player #playerVolume,
html body.studio-app.day #player.player #playerVolume:is(:hover,:active,:focus,:focus-visible){
 background:linear-gradient(to right,#b88542 0%,#e4b976 var(--volume-fill,80%),#75465b var(--volume-fill,80%),#75465b 100%)!important;
 background-size:100% 100%!important;
}
html body.studio-app.night #player.player #playerVolume,
html body.studio-app.night #player.player #playerVolume:is(:hover,:active,:focus,:focus-visible){
 background:linear-gradient(to right,#b88542 0%,#e4b976 var(--volume-fill,80%),#365f8b var(--volume-fill,80%),#365f8b 100%)!important;
 background-size:100% 100%!important;
}
html body.studio-app.day #player.player #playerVolume::-moz-range-track{background:#75465b!important}
html body.studio-app.night #player.player #playerVolume::-moz-range-track{background:#365f8b!important}
html body.studio-app #player.player #playerVolume::-moz-range-progress{background:#e4b976!important}
/* The glass header overlays bright hero artwork; contrast must not depend on scroll position. */
html body.studio-app.day header.topbar .master-topnav button,
html body.studio-app.day header.topbar .master-topnav button:is(:hover,:focus,:focus-visible),
html body.studio-app.day header.topbar .wordmark .brand-text{
 color:#301521!important;-webkit-text-fill-color:#301521!important;
 text-shadow:0 1px 1px rgba(255,247,243,.6)!important;
 opacity:1!important;filter:none!important;
}
html body.studio-app.night header.topbar .master-topnav button,
html body.studio-app.night header.topbar .master-topnav button:is(:hover,:focus,:focus-visible),
html body.studio-app.night header.topbar .wordmark .brand-text{
 color:#f7e8d6!important;-webkit-text-fill-color:#f7e8d6!important;
 text-shadow:0 1px 5px rgba(9,15,29,.7)!important;
 opacity:1!important;filter:none!important;
}
/* Keep the burgundy translucent day header, but add enough tint to read navigation. */
html body.studio-app.day header.topbar{
 background:rgba(216,188,192,.73)!important;
 background-color:rgba(216,188,192,.73)!important;
 backdrop-filter:blur(24px) saturate(130%)!important;
 -webkit-backdrop-filter:blur(24px) saturate(130%)!important;
}
html body.studio-app.night header.topbar{
 background:rgba(24,43,67,.43)!important;
 background-color:rgba(24,43,67,.43)!important;
}
/* The account icon is the fourth .top-actions button, data-go=guests. */
html body.studio-app.day header.topbar .top-actions > button[data-go="guests"]{
 background:rgba(255,248,246,.22)!important;background-image:none!important;
 border:1px solid rgba(93,49,67,.2)!important;color:#542a3b!important;
 box-shadow:none!important;
}
html body.studio-app.night header.topbar .top-actions > button[data-go="guests"]{
 background:rgba(31,56,82,.3)!important;background-image:none!important;
 border:1px solid rgba(189,207,225,.22)!important;color:#e6c28c!important;
 box-shadow:none!important;
}
html body.studio-app header.topbar .top-actions > button[data-go="guests"] svg{
 color:inherit!important;stroke:currentColor!important;
}
html body.studio-app.night header.topbar .top-actions > button[data-go="guests"]:is(:hover,:focus-visible){
 color:#ffda97!important;background:rgba(31,56,82,.3)!important;
}
html body.studio-app.night header.topbar .top-actions > button[data-go="guests"]:is(:hover,:focus-visible) svg{
 filter:drop-shadow(0 0 5px rgba(245,197,119,.8))!important;
}
