* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: transparent; }
body { color: #c8d5e6; font: 400 12px/1.3 Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; }
.soundtrack-player { max-width: 360px; margin: 0 auto; padding: 4px; background: transparent; }
.player-heading { display: inline; margin: 0; color: #c8d5e6; font-size: 12px; font-weight: 400; }
.player-album-stats { display: inline; margin: 0 0 0 8px; color: #a4abc4; font-size: 10px; white-space: nowrap; }
.player-heading span { color: #a4abc4; font-size: 11px; }
.player-heading, .amazingaudioplayer-title { font-family: Quicksand, sans-serif; }
#amazingaudioplayer-1 { position: relative; width: 100%; margin-top: 6px; }
.amazingaudioplayer-image { float: left; margin: 0 8px 6px 0; }
.amazingaudioplayer-image img { image-rendering: pixelated; }
.amazingaudioplayer-text { min-height: 106px; overflow: hidden; padding-top: 2px; }
.amazingaudioplayer-title { color: #e3dbed; font-size: 13px; font-weight: 400; line-height: 1.3; overflow-wrap: anywhere; }
.amazingaudioplayer-info { margin-top: 4px; color: #a4abc4; font-size: 11px; }
.amazingaudioplayer-bar { clear: both; position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; padding: 2px 0 5px; }
.amazingaudioplayer-playpause { order: 2; }
.amazingaudioplayer-prev { order: 1; }
.amazingaudioplayer-next { order: 3; }
.amazingaudioplayer-loop { order: 4; margin-left: 6px; }
.amazingaudioplayer-volume { position: relative; order: 5; }
/* Reuse Relax Moods artwork while the existing engine owns events and state. */
.amazingaudioplayer-play, .amazingaudioplayer-pause,
.amazingaudioplayer-prev, .amazingaudioplayer-next {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 50%;
}
.amazingaudioplayer-play, .amazingaudioplayer-pause { width: 52px !important; height: 52px !important; }
.amazingaudioplayer-prev, .amazingaudioplayer-next { width: 30px !important; height: 30px !important; }
.amazingaudioplayer-play { background-image: url("relaxmoods-controls/play.svg") !important; }
.amazingaudioplayer-pause { background-image: url("relaxmoods-controls/pause.svg") !important; }
.amazingaudioplayer-prev { background-image: url("relaxmoods-controls/prev.svg") !important; }
.amazingaudioplayer-next { background-image: url("relaxmoods-controls/next.svg") !important; }
.amazingaudioplayer-play:hover, .amazingaudioplayer-pause:hover,
.amazingaudioplayer-prev:hover, .amazingaudioplayer-next:hover { filter: brightness(1.2); }
.amazingaudioplayer-progress { order: 7; position: relative; flex-basis: 100%; margin-top: 3px; background: rgba(152, 157, 193, 0.18); }
.amazingaudioplayer-progress-loaded { background: #444b68; }
.amazingaudioplayer-progress-played { background: #b6a1d2; }
.amazingaudioplayer-volume-bar { z-index: 3; background: #10101c; border: 1px solid #666d92; }
.amazingaudioplayer-volume-bar-adjust { background: #444b68; }
.amazingaudioplayer-volume-bar-adjust-active { background: #b6a1d2; }
.player-timing { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 0 0 6px; font-variant-numeric: tabular-nums; }
.player-timing dt { color: #a4abc4; font-size: 10px; font-weight: 400; }
.player-timing dd { margin: 1px 0 0; color: #d9cee8; font-size: 11px; }
.amazingaudioplayer-tracklist { position: relative; border-top: 1px solid rgba(152, 157, 193, 0.3); padding-top: 4px; }
.amazingaudioplayer-tracks-wrapper, .amazingaudioplayer-tracks { position: relative; }
.amazingaudioplayer-tracks { list-style: none; margin: 0; padding: 0; }
.amazingaudioplayer-track-item { display: grid; grid-template-columns: 18px minmax(0, 1fr) 34px; gap: 4px; position: relative; margin: 0; padding: 0 3px; line-height: 22px; height: 22px; cursor: pointer; color: #c8d5e6; font-weight: 400; text-shadow: 0 1px #000; }
.track-number { color: #969fb7; font-size: 10px; font-variant-numeric: tabular-nums; }
.track-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.track-duration { text-align: right; color: #a4abc4; font-size: 10px; font-variant-numeric: tabular-nums; }
.amazingaudioplayer-track-item:hover { background: rgba(139, 125, 190, 0.18); color: #fff; }
.amazingaudioplayer-track-item-active { background: rgba(121, 95, 169, 0.25); color: #e8daf4; }
.amazingaudioplayer-track-item-active .track-number { color: #d2b7e5; }
[role="button"]:focus-visible { outline: 1px solid #e6c9ef; outline-offset: 1px; }
.amazingaudioplayer-bar-buttons-clear, .amazingaudioplayer-bar-clear, .amazingaudioplayer-tracklist-clear { clear: both; }