/* Presentation only: the existing controller owns visibility and playback. */
body.sr-persistent-enabled{
  --srp-dock-height:5.5rem;
}
body.sr-persistent-enabled:not(.sr-home-page){
  padding-bottom:calc(var(--srp-dock-height) + env(safe-area-inset-bottom, 0px) + 1.5rem + 1px);
}
#sr-persistent-player{
  position:fixed;
  inset:auto 0 0;
  z-index:1000;
  padding-bottom:env(safe-area-inset-bottom, 0px);
  border-top:1px solid #393225;
  background:#111111;
  color:#f5f5f0;
  box-shadow:0 -8px 28px rgba(0,0,0,.3);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:1rem;
  line-height:1.4;
  text-align:left;
}
#sr-persistent-player,
#sr-persistent-player *{
  box-sizing:border-box;
}
#sr-persistent-player .srp-inner{
  display:grid;
  grid-template-columns:auto 3rem minmax(0,1fr) minmax(6rem,9rem) auto;
  align-items:center;
  gap:1.25rem;
  width:100%;
  max-width:1180px;
  height:var(--srp-dock-height, 5.5rem);
  margin:0 auto;
  padding:1rem max(1.25rem, env(safe-area-inset-right, 0px)) 1rem max(1.25rem, env(safe-area-inset-left, 0px));
}
#sr-persistent-player .srp-live{
  display:flex;
  align-items:center;
  gap:.5rem;
  color:#bdbdb5;
  font-size:.625rem;
  font-weight:700;
  letter-spacing:.08em;
  white-space:nowrap;
}
#sr-persistent-player .srp-dot{
  flex:0 0 .4375rem;
  width:.4375rem;
  height:.4375rem;
  border-radius:50%;
  background:#77776f;
}
#sr-persistent-player.srp-playing .srp-dot{
  background:#f0b429;
  animation:srp-live-pulse 2.4s ease-in-out infinite;
}
#sr-persistent-player .srp-play{
  display:grid;
  place-items:center;
  width:3rem;
  height:3rem;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  appearance:none;
  background:#f0b429;
  color:#0a0a0a;
  box-shadow:0 0 0 4px rgba(240,180,41,.08);
  cursor:pointer;
  transition:background-color .15s ease;
}
#sr-persistent-player .srp-play:hover{background:#ffca50}
#sr-persistent-player .srp-play svg{
  display:block;
  width:1.25rem;
  height:1.25rem;
  fill:currentColor;
}
#sr-persistent-player .srp-play .srp-pause{display:none}
#sr-persistent-player.srp-playing .srp-playicon{display:none}
#sr-persistent-player.srp-playing .srp-play .srp-pause{display:block}
#sr-persistent-player .srp-copy{min-width:0}
#sr-persistent-player .srp-title{
  color:#f5f5f0;
  font-size:1rem;
  font-weight:700;
  line-height:1.35;
  overflow-wrap:anywhere;
}
#sr-persistent-player .srp-sub{
  margin-top:.25rem;
  color:#aaa99f;
  font-size:.75rem;
  line-height:1.45;
  overflow-wrap:anywhere;
}
#sr-persistent-player .srp-status{color:#e0d7bf}
#sr-persistent-player .srp-volume{
  display:block;
  width:100%;
  min-width:0;
  height:2.75rem;
  margin:0;
  padding:0;
  border:0;
  border-radius:4px;
  appearance:none;
  background:transparent;
  accent-color:#f0b429;
  cursor:pointer;
}
#sr-persistent-player .srp-volume::-webkit-slider-runnable-track{
  height:4px;
  border-radius:2px;
  background:#55534c;
}
#sr-persistent-player .srp-volume::-webkit-slider-thumb{
  width:18px;
  height:18px;
  margin-top:-7px;
  border:2px solid #111;
  border-radius:50%;
  appearance:none;
  background:#f0b429;
}
#sr-persistent-player .srp-volume::-moz-range-track{
  height:4px;
  border-radius:2px;
  background:#55534c;
}
#sr-persistent-player .srp-volume::-moz-range-thumb{
  width:14px;
  height:14px;
  border:2px solid #111;
  border-radius:50%;
  background:#f0b429;
}
#sr-persistent-player .srp-open{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.75rem;
  padding:.5rem .875rem;
  border:1px solid #4b4941;
  border-radius:6px;
  background:#1b1b19;
  color:#e0dfd6;
  font:600 .75rem/1.2 Inter,system-ui,sans-serif;
  text-decoration:none;
  white-space:nowrap;
  transition:color .15s ease,border-color .15s ease;
}
#sr-persistent-player .srp-open:hover{border-color:#f0b429;color:#f0b429}
#sr-persistent-player :is(.srp-play,.srp-volume,.srp-open):focus-visible{
  outline:2px solid #f0b429;
  outline-offset:4px;
}
@keyframes srp-live-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(240,180,41,0)}
  50%{box-shadow:0 0 0 4px rgba(240,180,41,.14)}
}
@media(max-width:700px){
  body.sr-persistent-enabled{--srp-dock-height:9rem}
  #sr-persistent-player .srp-inner{
    grid-template-columns:3rem 3rem minmax(0,1fr) auto;
    grid-template-rows:minmax(0,1fr) 2.75rem;
    gap:.5rem;
    padding:.75rem max(.75rem, env(safe-area-inset-right, 0px)) .75rem max(.75rem, env(safe-area-inset-left, 0px));
  }
  #sr-persistent-player .srp-play{grid-area:1 / 1 / 2 / 2}
  #sr-persistent-player .srp-copy{grid-area:1 / 2 / 2 / 4}
  #sr-persistent-player .srp-open{grid-area:1 / 4 / 2 / 5;padding:.5rem .625rem}
  #sr-persistent-player .srp-live{grid-area:2 / 1 / 3 / 3;gap:.375rem}
  #sr-persistent-player .srp-volume{grid-area:2 / 3 / 3 / 5}
}
@media(prefers-reduced-motion:reduce){
  #sr-persistent-player.srp-playing .srp-dot{animation:none}
  #sr-persistent-player .srp-play,
  #sr-persistent-player .srp-open{transition:none}
}