.music-toggle {
  position: fixed;
  right: max(30px, env(safe-area-inset-right));
  bottom: calc(24px + env(safe-area-inset-bottom));
  z-index: 550;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 138px;
  min-height: 46px;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: var(--radius-buttons, 0);
  background: rgba(17, 17, 17, 0.82);
  color: var(--color-pure-white, #fff);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font: 500 10px var(--font-unbounded, sans-serif);
  letter-spacing: 0.14em;
  touch-action: manipulation;
  transition: background 180ms, border-color 180ms;
}
.music-toggle:hover { background: #111; border-color: #fff; }
.music-toggle:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.music-toggle__bars { display: flex; align-items: center; gap: 3px; height: 17px; }
.music-toggle__bars i { width: 2px; height: 4px; background: currentColor; }
.music-toggle.is-playing .music-toggle__bars i { animation: music-pulse 950ms ease-in-out infinite alternate; }
.music-toggle__bars i:nth-child(2) { animation-delay: -400ms !important; }
.music-toggle__bars i:nth-child(3) { animation-delay: -700ms !important; }
.music-toggle__bars i:nth-child(4) { animation-delay: -200ms !important; }
@keyframes music-pulse { from { height: 4px; } to { height: 17px; } }
.music-status {
  position: fixed;
  right: 24px;
  bottom: calc(80px + env(safe-area-inset-bottom));
  z-index: 550;
  max-width: min(300px, calc(100vw - 32px));
  background: #111;
  color: #fff;
  font: 11px/1.6 var(--font-unbounded, sans-serif);
}
.music-status:not(:empty) { padding: 12px; border: 1px solid #666; }
@media (max-width: 600px) {
  .music-toggle { right: max(16px, env(safe-area-inset-right)); bottom: calc(16px + env(safe-area-inset-bottom)); min-width: 126px; }
  .music-status { right: 16px; bottom: calc(72px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .music-toggle { transition: none; }
  .music-toggle.is-playing .music-toggle__bars i { animation: none; height: 12px; }
}
