@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/poppins-500.woff2") format("woff2")}#sr-player .srp-tunein{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:11px;text-decoration:none;opacity:.88;transition:opacity .2s ease;transform-origin:center center}#sr-player .srp-tunein:hover{opacity:1;animation:srp-tunein-bounce .6s cubic-bezier(.28,.84,.42,1) 1}#sr-player .srp-tunein-logo{height:19px;width:auto;display:block}#sr-player .srp-tunein-text{font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.005em;color:#fff;white-space:nowrap;line-height:1}@keyframes srp-tunein-bounce{0%{transform:translate(-50%,-50%) scale(1) translateY(0)}18%{transform:translate(-50%,-50%) scale(1.10) translateY(-4px)}38%{transform:translate(-50%,-50%) scale(.96) translateY(0)}58%{transform:translate(-50%,-50%) scale(1.05) translateY(-2px)}78%{transform:translate(-50%,-50%) scale(.985) translateY(0)}100%{transform:translate(-50%,-50%) scale(1) translateY(0)}}@media(max-width:1100px){#sr-player .srp-tunein{display:none}}@media(prefers-reduced-motion:reduce){#sr-player .srp-tunein:hover{animation:none}}

/* STOP Radio Network — live streaming player (injected) */
#sr-player{
  position:fixed;bottom:0;left:0;right:0;z-index:2147483000;
  display:flex;align-items:center;gap:14px;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px)) 16px;
  background:linear-gradient(90deg,#002878 0%,#001a4d 100%);
  color:#f8f3e9;font-family:"Inter",system-ui,-apple-system,sans-serif;
  box-shadow:0 -8px 28px rgba(0,0,0,.3);
  border-top:1px solid rgba(185,144,16,.35);
  box-sizing:border-box;
}
#sr-player *{box-sizing:border-box}
#sr-player .srp-art{
  width:46px;height:46px;border-radius:3px;object-fit:cover;flex:0 0 auto;
  background:#001a4d;border:1px solid rgba(185,144,16,.45);
}
#sr-player .srp-meta{flex:1;min-width:0;line-height:1.3}
#sr-player .srp-live{
  display:inline-flex;align-items:center;gap:6px;
  font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;
  color:#F1CE55;font-weight:600;
}
#sr-player .srp-dot{width:6px;height:6px;border-radius:50%;background:#F1CE55;animation:srp-pulse 1.6s ease-in-out infinite}
@keyframes srp-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
#sr-player .srp-title{
  font-size:.9rem;font-weight:500;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#sr-player .srp-sub{
  font-size:.72rem;color:rgba(248,243,233,.72);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#sr-player .srp-btn{
  width:46px;height:46px;border-radius:50%;flex:0 0 auto;
  background:#F1CE55;color:#002878;border:none;cursor:pointer;
  display:grid;place-items:center;transition:transform .15s,background .2s;
}
#sr-player .srp-btn:hover{background:#fff}
#sr-player .srp-btn:active{transform:scale(.93)}
#sr-player .srp-btn svg{width:22px;height:22px;display:block}
#sr-player .srp-btn[data-state="playing"] .srp-play{display:none}
#sr-player .srp-btn .srp-pause{display:none}
#sr-player .srp-btn[data-state="playing"] .srp-pause{display:block}
#sr-player .srp-vol{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:rgba(248,243,233,.85)}
#sr-player .srp-vol svg{width:16px;height:16px}
#sr-player input[type=range]{
  width:84px;accent-color:#F1CE55;cursor:pointer;
  -webkit-appearance:none;appearance:none;height:4px;border-radius:2px;
  background:rgba(248,243,233,.25);
}
#sr-player input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#F1CE55;cursor:pointer;
}
#sr-player input[type=range]::-moz-range-thumb{
  width:12px;height:12px;border:none;border-radius:50%;background:#F1CE55;cursor:pointer;
}
#sr-player .srp-error .srp-dot{background:#c0603f;animation:none}
#sr-player .srp-error .srp-live{color:#e0866a}
#sr-player .srp-open{color:#F1CE55;text-decoration:underline;text-underline-offset:2px;font-size:.72rem}
#sr-player .srp-open:hover{color:#F1CE55}
body.srp-has-player{padding-bottom:78px !important}
@media(max-width:640px){
  #sr-player{gap:10px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px)) 12px}
  #sr-player .srp-art{width:40px;height:40px}
  #sr-player .srp-vol{display:none}
  #sr-player .srp-btn{width:42px;height:42px}
  #sr-player .srp-title{font-size:.82rem}
  body.srp-has-player{padding-bottom:72px !important}
}
@media(prefers-reduced-motion:reduce){#sr-player .srp-dot{animation:none}}



/* dock / undock button */
#sr-player .srp-dock{
  flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;padding:0;border:0;border-radius:9px;cursor:pointer;
  background:transparent;color:rgba(255,255,255,.72);
  transition:background .18s ease,color .18s ease;
}
#sr-player .srp-dock:hover{background:rgba(255,255,255,.14);color:#fff}
#sr-player .srp-dock:focus-visible{outline:2px solid #E8CA2C;outline-offset:2px}
#sr-player .srp-dock svg{width:18px;height:18px;display:block}
#sr-player .srp-dock-in{display:none}
#sr-player.srp-detached .srp-dock-in{display:block}
#sr-player.srp-detached .srp-dock-out{display:none}

/* detached (floating) panel */
#sr-player.srp-detached{
  left:auto;right:22px;bottom:22px;width:min(372px,calc(100vw - 26px));
  border-radius:15px;padding:10px 10px 10px 12px;gap:9px;
  border:1px solid rgba(185,144,16,.45);
  box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.18);
  cursor:grab;touch-action:none;
}
#sr-player.srp-detached:active{cursor:grabbing}
#sr-player.srp-detached .srp-vol,
#sr-player.srp-detached .srp-tunein{display:none !important}
#sr-player.srp-detached .srp-art{width:40px;height:40px;border-radius:8px}
#sr-player.srp-detached .srp-title{font-size:.84rem}
#sr-player.srp-detached .srp-sub{font-size:.67rem}
#sr-player.srp-detached .srp-btn{width:40px;height:40px}
#sr-player.srp-detached .srp-btn svg{width:19px;height:19px}
#sr-player.srp-detached .srp-meta{min-width:0}

/* no bottom padding reserved while floating */
body.srp-has-player.srp-is-detached{padding-bottom:0 !important}

@media(max-width:640px){
  #sr-player.srp-detached{right:10px;left:10px;width:auto;bottom:10px}
}

