/* Mini Rádio Galaxy */
.gr{position:fixed;left:16px;bottom:16px;z-index:9990;display:flex;align-items:center;gap:10px;
  padding:8px 12px 8px 8px;border-radius:999px;background:rgba(10,20,38,.92);
  border:1px solid rgba(130,165,235,.25);box-shadow:0 10px 30px rgba(0,0,0,.45);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#cfd9ec;
  font-family:'Inter','Segoe UI',system-ui,Arial,sans-serif;max-width:calc(100vw - 32px);
  transition:transform .25s,opacity .25s}
.gr button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;place-items:center;
  width:34px;height:34px;border-radius:50%;color:#fff;flex:none;transition:background .15s,transform .15s}
.gr button:focus-visible{outline:2px solid #6aaaff;outline-offset:2px}
.gr button svg{width:18px;height:18px;fill:currentColor}
.gr .gr-play{background:linear-gradient(135deg,#3d8bff,#2563d4);width:38px;height:38px}
.gr .gr-play:hover{transform:scale(1.07)}
.gr .gr-mute:hover,.gr .gr-min:hover{background:rgba(130,165,235,.18)}
.gr .gr-info{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.gr .gr-tag{white-space:nowrap;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6aaaff;font-weight:600}
.gr .gr-title{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.gr .gr-eq{display:flex;align-items:flex-end;gap:2px;height:16px;flex:none}
.gr .gr-eq i{width:3px;background:#6aaaff;border-radius:2px;height:4px}
.gr.is-playing .gr-eq i{animation:gr-eq 1s ease-in-out infinite}
.gr.is-playing .gr-eq i:nth-child(2){animation-delay:.2s}
.gr.is-playing .gr-eq i:nth-child(3){animation-delay:.4s}
.gr.is-playing .gr-eq i:nth-child(4){animation-delay:.6s}
@keyframes gr-eq{0%,100%{height:4px}50%{height:16px}}
.gr .gr-vol{-webkit-appearance:none;appearance:none;width:72px;height:4px;border-radius:4px;
  background:rgba(130,165,235,.3);outline:none;cursor:pointer}
.gr .gr-vol::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:0}
.gr .gr-vol::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:0}
.gr .ic-pause,.gr.is-playing .ic-play{display:none}
.gr.is-playing .ic-pause{display:block}
.gr .ic-off,.gr.is-muted .ic-on{display:none}
.gr.is-muted .ic-off{display:block}
/* minimizado: vira só um botão redondo */
.gr-fab{position:fixed;left:16px;bottom:16px;z-index:9990;display:none;all:unset;box-sizing:border-box;
  cursor:pointer;width:46px;height:46px;border-radius:50%;place-items:center;color:#fff;
  background:rgba(10,20,38,.92);border:1px solid rgba(130,165,235,.25);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.gr-fab svg{width:20px;height:20px;fill:currentColor}
.gr-fab:focus-visible{outline:2px solid #6aaaff;outline-offset:2px}
.gr-fab.is-playing{color:#6aaaff}
body.gr-collapsed .gr{display:none}
body.gr-collapsed .gr-fab{display:grid}
@media (max-width:640px){
  .gr{left:10px;bottom:10px;gap:8px}.gr-fab{left:10px;bottom:10px}
  .gr .gr-vol{display:none}.gr .gr-title{max-width:110px}
}
@media (prefers-reduced-motion:reduce){.gr.is-playing .gr-eq i{animation:none;height:10px}}
