/* Paper palette for the existing music layout and controls, RU and EN. */
body.reader-music {
  --music-paper: #fafaf8;
  --music-panel: #f0f0eb;
  --music-ink: #171717;
  --music-muted: #55554f;
  --music-line: #d6d6cf;
  --music-control: #898982;
  --black: var(--music-paper);
  --near-black: var(--music-panel);
  --white: var(--music-ink);
  --muted: var(--music-muted);
  --line: var(--music-line);
  color: var(--music-ink);
  color-scheme: light;
}

body.reader-music :is(a, button) {
  -webkit-tap-highlight-color: rgb(23 23 23 / 12%);
}

body.reader-music .latest {
  background: transparent;
}

body.reader-music :is(.latest__cover, .release-card__cover, .player__cover) {
  background: var(--music-panel);
}

body.reader-music :is(.latest__description, .release-card__description) {
  color: var(--music-ink);
}

body.reader-music :is(.latest__label, .latest__meta, .release-card__meta,
  .release-reading-note, .release-index-note, .catalog__note, .lyrics-status,
  .explicit, .player__label, .player__timeline, .lyrics-dialog__kicker,
  .lyrics-dialog__note) {
  color: var(--music-muted);
}

body.reader-music .release-index > summary::marker {
  color: var(--music-muted);
}

body.reader-music :is(.profile-links a, .platform-link, .player__open,
  .release-card__work-link a, .release-index a) {
  color: var(--music-ink);
  text-decoration-color: currentColor;
}

body.reader-music :is(.profile-links a, .platform-link, .player__open,
  .release-card__work-link a, .release-index a):is(:hover, :active) {
  color: var(--music-ink);
  text-decoration: underline;
  text-underline-offset: .22em;
}

body.reader-music :is(.latest__preview, .release-card__preview) {
  border-color: var(--music-ink);
  background: var(--music-ink);
  color: var(--music-paper);
}

/* The paper keyline keeps the preview button visible on dark artwork. */
body.reader-music .release-card__preview {
  box-shadow: 0 0 0 1px var(--music-paper), 0 0 0 2px rgb(23 23 23 / 25%);
}

body.reader-music :is(.latest__preview, .release-card__preview):is(:hover, :active) {
  background: #33332f;
  border-color: #33332f;
  color: var(--music-paper);
}

body.reader-music [data-preview][aria-pressed="true"],
body.reader-music [data-preview][aria-pressed="true"]:is(:hover, :active) {
  background: var(--music-paper);
  border-color: var(--music-ink);
  color: var(--music-ink);
}

body.reader-music :is(.lyrics-trigger, .player__toggle, .player__close) {
  border-color: var(--music-control);
  background: transparent;
  color: var(--music-ink);
}

body.reader-music :is(.lyrics-trigger, .player__toggle, .player__close):is(:hover, :active) {
  border-color: var(--music-ink);
  background: var(--music-ink);
  color: var(--music-paper);
}

body.reader-music .player {
  border-top-color: var(--music-control);
  background: var(--music-paper);
  color: var(--music-ink);
  box-shadow: 0 -8px 28px rgb(23 23 23 / 8%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.reader-music .player__timeline input[type="range"] {
  border: 0;
  background: transparent;
  color: var(--music-ink);
  accent-color: var(--music-ink);
  color-scheme: light;
  box-shadow: none;
}

body.reader-music audio {
  accent-color: var(--music-ink);
  color-scheme: light;
}

body.reader-music .lyrics-dialog {
  border-left-color: var(--music-control);
  background: var(--music-paper);
  color: var(--music-ink);
  color-scheme: light;
}

body.reader-music .lyrics-dialog::backdrop {
  background: rgb(23 23 23 / 48%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.reader-music :is(.lyrics-dialog__header, .lyrics-dialog__controls,
  .lyrics-dialog__note) {
  border-color: var(--music-line);
}

body.reader-music :is(.lyrics-dialog__close, .lyrics-dialog__tabs button,
  .lyrics-dialog__copy) {
  border-color: var(--music-control);
  background: transparent;
  color: var(--music-ink);
}

body.reader-music .lyrics-dialog__close:is(:hover, :active) {
  background: var(--music-ink);
  color: var(--music-paper);
}

body.reader-music .lyrics-dialog__tabs button:is(:hover, :active),
body.reader-music .lyrics-dialog__copy:is(:hover, :active):not(:disabled) {
  background: var(--music-panel);
  color: var(--music-ink);
}

body.reader-music .lyrics-dialog__tabs button[aria-selected="true"],
body.reader-music .lyrics-dialog__tabs button[aria-selected="true"]:is(:hover, :active) {
  background: var(--music-ink);
  color: var(--music-paper);
}

body.reader-music .lyrics-dialog__copy:disabled {
  background: var(--music-panel);
  color: var(--music-muted);
  opacity: 1;
  cursor: not-allowed;
}

body.reader-music .lyrics-dialog__text {
  background: transparent;
  color: var(--music-ink);
}

body.reader-music .lyrics-dialog__viewport {
  scrollbar-color: var(--music-control) var(--music-paper);
}

/* Dark focus on paper; an inset paper ring also reads on selected controls. */
body.reader-music :is(.profile-links a, .platform-link, .release-index a,
  .release-index > summary, .player a, .player button,
  .player__timeline input, .latest__preview, .release-card__preview,
  .lyrics-trigger, .release-card__work-link a, .lyrics-dialog button,
  .lyrics-dialog__viewport, .catalog):focus-visible {
  outline: 2px solid var(--music-ink);
  outline-offset: 4px;
}

body.reader-music :is(.latest__preview, .release-card__preview,
  .lyrics-dialog__tabs button[aria-selected="true"]):focus-visible {
  box-shadow: inset 0 0 0 2px var(--music-paper), 0 0 0 2px var(--music-paper);
}

body.reader-music .catalog:focus-visible {
  outline-offset: -2px;
}

@media (prefers-contrast: more) {
  body.reader-music {
    --music-muted: #33332f;
    --music-line: #898982;
    --music-control: #55554f;
  }
}

@media (forced-colors: active) {
  body.reader-music :is(.latest__preview, .release-card__preview,
    .lyrics-dialog__tabs button[aria-selected="true"]) {
    border-color: ButtonText;
  }

  body.reader-music .lyrics-dialog__tabs button[aria-selected="true"] {
    text-decoration: underline;
    text-underline-offset: .25em;
  }
}

@media print {
  body.reader-music {
    --music-paper: #fff;
    --music-panel: #fff;
    --music-ink: #000;
    --music-muted: #444;
    --music-line: #bbb;
  }
}