/* Reader-first presentation: high contrast for music stands and sunlight. */
:root {
  --bg: #fff;
  --surface: #fff;
  --ink: #181818;
  --line: #e4e4e4;
  --accent: #b42318;
  --muted: #5e5e5e;
  --shadow: 0 5px 22px #0000000a;
}
.song-line {
  font-weight: 700;
}
.song-line.chords {
  color: #bd2018;
  font-weight: 700;
}
.song-line.direction {
  margin-top: 1.25em;
  color: #73540a;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: calc(var(--sheet-size, 18px) * 0.82);
  font-weight: 800;
  letter-spacing: 0.035em;
}
.song-line.tablature {
  padding: 0.55em 0.7em;
  color: #165b8c;
  background: #eaf5fc;
  border-left: 3px solid #4e9ccc;
  font-size: calc(var(--sheet-size, 18px) * 0.86);
  line-height: 1.35;
}
.song-credit {
  display: grid;
  gap: 0.18em;
  margin: 0 0 1.1em;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.16;
}
.song-credit-artist {
  color: #076b41;
  font-size: 0.78em;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.song-credit-title {
  color: #18261c;
  font-size: 1.28em;
  font-weight: 850;
}
:root[data-theme="dark"] .song-credit-artist {
  color: #83e7a8;
}
:root[data-theme="dark"] .song-credit-title {
  color: #f4fff6;
}
.focus-reader {
  min-height: 38px;
  font-weight: 700;
}
:fullscreen,
body.reader-page.focus-active {
  background: #fff;
  overflow: auto;
}
:fullscreen .site-header,
:fullscreen .reader-head,
:fullscreen .reader-tools > :not(.focus-reader):not(.scroll-slower):not(#scroll):not(.scroll-faster):not(.scroll-speed),
body.reader-page.focus-active .site-header,
body.reader-page.focus-active .reader-head,
body.reader-page.focus-active .reader-tools > :not(.focus-reader):not(.scroll-slower):not(#scroll):not(.scroll-faster):not(.scroll-speed) {
  display: none;
}
:fullscreen .reader,
body.reader-page.focus-active .reader {
  width: min(1200px, 96vw);
  padding: 18px 0 42px;
}
:fullscreen .reader-tools,
body.reader-page.focus-active .reader-tools {
  position: static;
  justify-content: flex-end;
  margin: 0 0 8px;
  border: 0;
  background: transparent;
}
:fullscreen .song-sheet,
body.reader-page.focus-active .song-sheet {
  border: 0;
  box-shadow: none;
  padding: clamp(12px, 3vw, 44px);
}
:fullscreen .song-line,
body.reader-page.focus-active .song-line {
  font-size: clamp(19px, 2.6vw, 32px);
  line-height: 1.65;
}
:root[data-theme="dark"] .song-line.chords {
  color: #ff827b;
}
:root[data-theme="dark"] .song-line.direction {
  color: #f0cd75;
}
:root[data-theme="dark"] .song-line.tablature {
  color: #a6dcff;
  background: #112a39;
  border-left-color: #5eb5eb;
}