.site-music-player {
  position: fixed;
  right: 20px;
  bottom: 24px;
  z-index: 1200;
  width: min(340px, calc(100vw - 24px));
  pointer-events: none;
}

.site-music-player__panel {
  pointer-events: auto;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
}

.site-music-player__toggle,
.site-music-player__button {
  border: 0;
  cursor: pointer;
}

.site-music-player__toggle {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #cc874c, #2f4154);
  box-shadow: 0 16px 40px rgba(47, 65, 84, 0.22);
  font-size: 20px;
}

.site-music-player__body {
  width: 280px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(14px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.site-music-player.is-collapsed .site-music-player__body {
  opacity: 0;
  transform: translateY(8px) scale(0.96);
  pointer-events: none;
}

.site-music-player__eyebrow,
.site-music-player__artist,
.site-music-player__hint,
.site-music-player__time,
.site-music-player__volume span {
  display: block;
  color: #667085;
  font-size: 12px;
}

.site-music-player__eyebrow {
  margin: 0 0 4px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}

.site-music-player__title {
  display: block;
  color: #1f2937;
  font-size: 16px;
  line-height: 1.3;
}

.site-music-player__artist {
  margin-top: 4px;
}

.site-music-player__controls,
.site-music-player__progress {
  display: flex;
  align-items: center;
  gap: 10px;
}

.site-music-player__controls {
  margin-top: 14px;
}

.site-music-player__button {
  min-width: 82px;
  padding: 9px 14px;
  border-radius: 999px;
  background: #2f4154;
  color: #fff;
  font-size: 13px;
  transition: transform 0.2s ease, opacity 0.2s ease, background 0.2s ease;
}

.site-music-player__button:hover {
  transform: translateY(-1px);
}

.site-music-player__button.is-secondary {
  background: #e6edf5;
  color: #2f4154;
}

.site-music-player__button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.site-music-player__volume {
  display: grid;
  gap: 6px;
  margin-top: 14px;
}

.site-music-player__slider,
.site-music-player__seek {
  width: 100%;
  accent-color: #cc874c;
}

.site-music-player__progress {
  margin-top: 12px;
}

.site-music-player__seek {
  flex: 1;
}

.site-music-player__hint {
  margin: 12px 0 0;
  line-height: 1.5;
}

html.site-nav-loading {
  cursor: progress;
}

@media (max-width: 767px) {
  .site-music-player {
    right: 12px;
    bottom: 76px;
    width: calc(100vw - 24px);
  }

  .site-music-player__panel {
    flex-direction: column-reverse;
    align-items: flex-end;
  }

  .site-music-player__body {
    width: 100%;
  }
}