/* Live radio player – brand colors (navy + pink) */
.hatahana-radio{background:var(--navy,#00253E);color:#fff;width:100%}
.hatahana-radio .hr-inner{
  display:flex;align-items:center;gap:18px;padding:14px 20px;flex-wrap:wrap;
  max-width:var(--maxw,1140px);margin-inline:auto;
}
.hr-play{
  flex:0 0 auto;width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;
  background:var(--pink,#E3477A);color:#fff;display:flex;align-items:center;justify-content:center;
  transition:transform .15s,filter .15s;
}
.hr-play:hover{filter:brightness(1.08);transform:scale(1.04)}
.hr-play svg{width:26px;height:26px;fill:#fff}
.hr-play .icon-pause{display:none}
.hatahana-radio.is-playing .hr-play .icon-play{display:none}
.hatahana-radio.is-playing .hr-play .icon-pause{display:block}
.hr-play.is-loading{pointer-events:none}
.hr-play.is-loading svg{display:none}
.hr-play .hr-spinner{display:none;width:24px;height:24px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:hr-spin .8s linear infinite}
.hr-play.is-loading .hr-spinner{display:block}
@keyframes hr-spin{to{transform:rotate(360deg)}}

.hr-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.hr-name{font-weight:700;font-size:18px;line-height:1.2}
.hr-live{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;letter-spacing:.5px;color:#ffd9e4}
.hr-dot{width:9px;height:9px;border-radius:50%;background:var(--pink,#E3477A);box-shadow:0 0 0 0 rgba(227,71,122,.7);animation:hr-pulse 1.6s infinite}
@keyframes hr-pulse{0%{box-shadow:0 0 0 0 rgba(227,71,122,.7)}70%{box-shadow:0 0 0 10px rgba(227,71,122,0)}100%{box-shadow:0 0 0 0 rgba(227,71,122,0)}}
@media(prefers-reduced-motion:reduce){.hr-dot,.hr-spinner{animation:none}}

.hr-vol{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.hr-mute{background:transparent;border:0;cursor:pointer;color:#fff;padding:6px;display:flex}
.hr-mute svg{width:22px;height:22px;fill:#fff}
.hr-mute .icon-muted{display:none}
.hatahana-radio.is-muted .hr-mute .icon-vol{display:none}
.hatahana-radio.is-muted .hr-mute .icon-muted{display:block}
.hr-volume{-webkit-appearance:none;appearance:none;width:120px;height:6px;border-radius:6px;background:rgba(255,255,255,.35);outline-offset:4px}
.hr-volume::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--pink,#E3477A);cursor:pointer;border:2px solid #fff}
.hr-volume::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--pink,#E3477A);cursor:pointer;border:2px solid #fff}
.hr-status{font-size:13px;opacity:.85;width:100%;text-align:center}
.hr-status:empty{display:none}

@media(max-width:600px){
  .hatahana-radio .hr-inner{gap:14px}
  .hr-vol{margin-inline-start:auto}
  .hr-volume{width:90px}
  .hr-name{font-size:16px}
}