/* Layout canônico do visualizador de cifras.
   Este arquivo é restrito ao componente para não alterar as demais telas. */
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card {
  --viewer-violet: #7138e8;
  --viewer-violet-dark: #5f2bd0;
  --viewer-play-gradient: linear-gradient(135deg, #7a51f3 0%, #6530e7 100%);
  --viewer-lavender: #f1edff;
  --viewer-ink: #142347;
  --viewer-muted: #74809a;
  --viewer-border: #e2e6f2;
  --viewer-radius: 16px;
  --viewer-gap: 12px;
  --viewer-control-height: 72px;
  --viewer-meta-height: 64px;
  --viewer-action-size: 52px;
  --viewer-start-width: 190px;
  --viewer-speed-width: 132px;
  --viewer-zoom-width: 108px;
  --viewer-tone-width: 118px;
  --viewer-page-width: 118px;
  --viewer-video-width: 124px;
  width: calc(100vw - 28px) !important;
  max-width: none !important;
  color: var(--viewer-ink) !important;
  background: #f8f9ff !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header *,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header button {
  box-sizing: border-box;
  font-family: var(--font-body), Inter, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--viewer-gap) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px 0 12px !important;
  overflow: visible !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  color: var(--viewer-ink) !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid #edf0f8 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header-main {
  display: grid !important;
  grid-template-columns: 58px minmax(280px, 520px) max-content minmax(max-content, 1fr);
  grid-template-areas: "back title toolbar actions";
  align-items: center !important;
  gap: var(--viewer-gap) !important;
  width: 100% !important;
  min-width: 0;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-topbar {
  grid-area: back !important;
  display: block !important;
  width: 58px !important;
  min-width: 58px !important;
  margin: 0 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-mode-label {
  display: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-back {
  display: grid !important;
  place-items: center !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #52617c !important;
  background: #ffffff !important;
  border: 1px solid var(--viewer-border) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-back svg {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 2.2 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-title-block {
  grid-area: title !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card h2#lyricsFullscreenTitle {
  margin: 0 !important;
  overflow: visible !important;
  color: var(--viewer-ink) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -.07em !important;
  overflow-wrap: anywhere;
  text-overflow: clip !important;
  white-space: normal !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #lyricsFullscreenArtist {
  margin: 2px 0 0 !important;
  overflow: visible !important;
  color: #77849d !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere;
  text-overflow: clip !important;
  white-space: normal !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-control-card {
  grid-area: toolbar !important;
  position: relative !important;
  display: block !important;
  width: max-content !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-actions {
  display: flex !important;
  align-items: stretch !important;
  gap: var(--viewer-gap) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-tool-row {
  display: contents !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleAutoScroll {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 var(--viewer-start-width) !important;
  width: var(--viewer-start-width) !important;
  height: var(--viewer-control-height) !important;
  min-height: var(--viewer-control-height) !important;
  margin: 0 !important;
  padding: 0 16px !important;
  color: #ffffff !important;
  background: var(--viewer-play-gradient) !important;
  border: 0 !important;
  border-radius: var(--viewer-radius) !important;
  box-shadow: 0 12px 22px rgba(96, 47, 229, .2) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleAutoScroll::before {
  content: "▶" !important;
  margin-right: 10px !important;
  color: currentColor !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-tone-control,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-pages-header-button,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleVideo {
  height: var(--viewer-control-height) !important;
  min-height: var(--viewer-control-height) !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  color: var(--viewer-ink) !important;
  background: #ffffff !important;
  border: 1px solid var(--viewer-border) !important;
  border-radius: var(--viewer-radius) !important;
  box-shadow: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 16px 28px 12px !important;
  gap: 1px !important;
  flex: 0 0 var(--viewer-speed-width) !important;
  width: var(--viewer-speed-width) !important;
  padding: 6px 8px !important;
  text-align: center !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control > span,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-zoom-heading,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  color: #5c6883 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control > span::before {
  content: "◴";
  color: var(--viewer-violet);
  font-size: 18px;
  line-height: 1;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control strong {
  color: var(--viewer-violet) !important;
  font-size: inherit !important;
  font-weight: 700 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-step-row {
  display: grid !important;
  grid-template-columns: 28px minmax(36px, 1fr) 28px !important;
  align-items: stretch !important;
  gap: 6px !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-speed-step,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-speed-value,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control button {
  display: grid !important;
  place-items: center !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #4430c7 !important;
  background: #f1ecff !important;
  border: 0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-speed-value {
  color: var(--viewer-ink) !important;
  background: #ffffff !important;
  border: 1px solid #e7e3f6 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenAutoScrollSpeed {
  display: block !important;
  width: 100% !important;
  height: 12px !important;
  margin: 0 !important;
  accent-color: var(--viewer-violet) !important;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenAutoScrollSpeed::-webkit-slider-runnable-track {
  height: 4px;
  background: #d9d5e4;
  border: 0;
  border-radius: 999px;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenAutoScrollSpeed::-webkit-slider-thumb {
  width: 14px;
  height: 14px;
  margin-top: -5px;
  appearance: none;
  -webkit-appearance: none;
  background: var(--viewer-violet);
  border: 0;
  border-radius: 50%;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenAutoScrollSpeed::-moz-range-track {
  height: 4px;
  background: #d9d5e4;
  border: 0;
  border-radius: 999px;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenAutoScrollSpeed::-moz-range-thumb {
  width: 14px;
  height: 14px;
  background: var(--viewer-violet);
  border: 0;
  border-radius: 50%;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px 34px !important;
  gap: 5px !important;
  flex: 0 0 var(--viewer-zoom-width) !important;
  width: var(--viewer-zoom-width) !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-zoom-icon {
  width: 19px !important;
  height: 19px !important;
  stroke: var(--viewer-violet) !important;
  stroke-width: 2.2 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
  justify-self: stretch !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-chords-button {
  display: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-tone-control {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 18px 34px !important;
  gap: 5px !important;
  flex: 0 0 var(--viewer-tone-width) !important;
  width: var(--viewer-tone-width) !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-icon {
  color: var(--viewer-violet) !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-picker {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  color: var(--viewer-ink) !important;
  background: #f1ecff !important;
  border: 0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-picker strong {
  overflow: hidden;
  font-size: inherit !important;
  font-weight: inherit !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-adjustments,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-save {
  display: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-zoom-value {
  display: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-pages-header-button,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleVideo {
  display: grid !important;
  grid-template-rows: 24px 30px;
  align-content: center !important;
  justify-items: center !important;
  gap: 4px !important;
  flex: 0 0 var(--viewer-page-width) !important;
  width: var(--viewer-page-width) !important;
  color: var(--viewer-ink) !important;
  text-align: center !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleVideo {
  flex-basis: var(--viewer-video-width) !important;
  width: var(--viewer-video-width) !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-header-button-icon {
  display: grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  color: var(--viewer-violet) !important;
  font-size: 23px !important;
  line-height: 1 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-header-button-icon svg {
  width: 24px !important;
  height: 24px !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-header-button-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #354968 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-pages-header-button .fullscreen-header-button-label::after {
  content: "⌄";
  color: var(--viewer-violet);
  font-size: 16px;
  line-height: 1;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-header-actions {
  grid-area: actions !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  min-width: calc((var(--viewer-action-size) * 3) + 20px) !important;
  justify-self: stretch !important;
  width: 100% !important;
  margin: 0 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-favorite,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-menu-button,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-header-actions .lyrics-fullscreen-close {
  position: static !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 var(--viewer-action-size) !important;
  width: var(--viewer-action-size) !important;
  height: var(--viewer-action-size) !important;
  min-width: var(--viewer-action-size) !important;
  min-height: var(--viewer-action-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-favorite,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-menu-button {
  color: #54627c !important;
  background: #ffffff !important;
  border: 1px solid var(--viewer-border) !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-favorite .favorite-button-star {
  color: currentColor !important;
  font-size: 29px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-menu-button span {
  color: currentColor !important;
  font-size: 30px !important;
  line-height: .65 !important;
  transform: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-header-actions .lyrics-fullscreen-close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-content: center !important;
  text-align: center !important;
  text-indent: 0 !important;
  color: #7c3aed !important;
  background: var(--viewer-lavender) !important;
  border: 0 !important;
  border-radius: 16px !important;
  font-size: 42px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-settings {
  z-index: 20 !important;
  right: 0 !important;
  left: auto !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row {
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.27fr) 184px 184px !important;
  gap: var(--viewer-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #lyricsFullscreenToneDetails,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-tone-details,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-bottom-nav {
  display: contents !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #lyricsFullscreenToneDetails .lyrics-tone-details {
  display: contents !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  height: var(--viewer-meta-height) !important;
  min-height: var(--viewer-meta-height) !important;
  margin: 0 !important;
  padding: 0 20px !important;
  overflow: hidden !important;
  color: var(--viewer-ink) !important;
  background: #ffffff !important;
  border: 1px solid var(--viewer-border) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--viewer-ink) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  list-style: none !important;
  white-space: nowrap !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary::-webkit-details-marker {
  display: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary > span {
  color: var(--viewer-violet) !important;
  font-size: 27px !important;
  line-height: 1 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary strong {
  font-size: inherit !important;
  font-weight: inherit !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip p {
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #6c7891 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) 28px;
  align-items: center !important;
  min-width: 0 !important;
  height: var(--viewer-meta-height) !important;
  min-height: var(--viewer-meta-height) !important;
  margin: 0 !important;
  padding: 0 12px !important;
  overflow: hidden !important;
  color: #415372 !important;
  background: #ffffff !important;
  border: 1px solid #d8cdfd !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button--previous .lyrics-fullscreen-nav-arrow:last-child,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button--next .lyrics-fullscreen-nav-arrow:first-child {
  display: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-copy {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  text-align: center !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-copy strong {
  overflow: hidden !important;
  color: inherit !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-copy small {
  overflow: hidden !important;
  color: #71809a !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-arrow {
  color: var(--viewer-violet) !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button--next {
  color: #ffffff !important;
  background: var(--viewer-play-gradient) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 20px rgba(96, 47, 229, .16) !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button--next .lyrics-fullscreen-nav-copy strong,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button--next .lyrics-fullscreen-nav-copy small,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button--next .lyrics-fullscreen-nav-arrow {
  color: #ffffff !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header > .lyrics-fullscreen-tone-chip {
  display: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-next-song:not(.is-hidden) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 20px !important;
  margin: 2px 10px 0 !important;
  color: #2a3857 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-next-song strong {
  color: var(--viewer-ink) !important;
  font-weight: 700 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-next-song-label {
  color: #5b6982 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  text-transform: uppercase;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-sequence-notice:not(.is-hidden),
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-video-notice:not(.is-hidden) {
  margin: 0 10px !important;
  color: #596985 !important;
  font-size: 14px !important;
}

/* A rolagem pertence ao painel de cifra, nunca ao contorno externo da tela cheia. */
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-body {
  align-self: stretch !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
  scrollbar-color: #a88bff #f2efff;
  padding: 12px 8px 0 0 !important;
  background: #ffffff !important;
  border: 1px solid #e7eaf3 !important;
  border-radius: 18px !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-body::-webkit-scrollbar {
  width: 10px;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-body::-webkit-scrollbar-track {
  margin: 14px 3px 14px 0;
  background: #f2efff;
  border-radius: 999px;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-body::-webkit-scrollbar-thumb {
  background: #a88bff;
  border: 2px solid #f2efff;
  border-radius: 999px;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-header-slot,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-menu-slot {
  display: contents !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-menu-slot:empty {
  display: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel {
  box-sizing: border-box !important;
  align-content: start !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: max-content !important;
  overflow-x: hidden !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel > .fullscreen-settings-item,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel > .fullscreen-settings-edit-group,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel .fullscreen-settings-edit-actions {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: 100% !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel .fullscreen-tone-menu-slot .lyrics-fullscreen-tone-control {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  width: 100% !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel .fullscreen-settings-copy {
  min-width: 0 !important;
  overflow: visible !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel .fullscreen-settings-copy strong,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel .fullscreen-settings-copy small {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel .fullscreen-settings-copy strong {
  line-height: 1.15 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel .fullscreen-settings-copy small {
  line-height: 1.2 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel #fullscreenToggleChords {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 18px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 10px !important;
  color: var(--viewer-ink) !important;
  background: #ffffff !important;
  border: 1px solid var(--viewer-border) !important;
  border-radius: 14px !important;
  text-align: left !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel #fullscreenToggleChords::before {
  content: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel #fullscreenToggleChords .fullscreen-settings-icon {
  color: var(--viewer-violet) !important;
  background: var(--viewer-lavender) !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel #fullscreenToggleChords.is-active {
  color: #ffffff !important;
  background: var(--viewer-violet) !important;
  border-color: var(--viewer-violet) !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel .lyrics-fullscreen-tone-control {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 18px !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 10px !important;
  color: var(--viewer-ink) !important;
  background: #ffffff !important;
  border: 1px solid var(--viewer-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel .lyrics-fullscreen-tone-control .fullscreen-tone-heading {
  display: grid !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  gap: 1px !important;
  color: var(--viewer-violet) !important;
  background: var(--viewer-lavender) !important;
  border-radius: 12px !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel .lyrics-fullscreen-tone-control .fullscreen-tone-heading > span:last-child {
  color: var(--viewer-violet) !important;
  font-size: 10px !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel .lyrics-fullscreen-tone-control .fullscreen-tone-picker {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel .lyrics-fullscreen-tone-control::after {
  content: "›";
  grid-column: 3 !important;
  grid-row: 1 !important;
  color: #98a2b5 !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  text-align: center !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel .lyrics-fullscreen-tone-control .fullscreen-tone-save {
  display: none !important;
}

@media (min-width: 1366px) and (max-width: 1599px) {
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card {
    --viewer-gap: 9px;
    --viewer-control-height: 70px;
    --viewer-meta-height: 62px;
    --viewer-action-size: 50px;
    --viewer-start-width: 174px;
    --viewer-speed-width: 135px;
    --viewer-zoom-width: 104px;
    --viewer-tone-width: 116px;
    --viewer-page-width: 116px;
    --viewer-video-width: 124px;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header {
    padding-inline: 16px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header-main {
    grid-template-columns: 48px minmax(180px, 300px) max-content minmax(max-content, 1fr);
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-topbar,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-back {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card h2#lyricsFullscreenTitle {
    font-size: 28px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #lyricsFullscreenArtist {
    font-size: 16px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard .lyrics-fullscreen-header-actions {
    min-width: calc((var(--viewer-action-size) * 3) + 20px) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.12fr) 160px 160px !important;
  }
}

@media (min-width: 768px) and (max-width: 1365px) {
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card {
    --viewer-gap: 8px;
    --viewer-control-height: 64px;
    --viewer-meta-height: 62px;
    --viewer-action-size: 46px;
    --viewer-start-width: 160px;
    --viewer-speed-width: 132px;
    --viewer-zoom-width: 100px;
    --viewer-tone-width: 110px;
    --viewer-page-width: 110px;
    --viewer-video-width: 118px;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header {
    padding: 12px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header-main {
    grid-template-columns: 46px minmax(0, 1fr) max-content;
    grid-template-areas:
      "back title actions"
      "toolbar toolbar toolbar";
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-topbar,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-back {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card h2#lyricsFullscreenTitle {
    font-size: 26px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #lyricsFullscreenArtist {
    font-size: 15px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-control-card {
    width: 100% !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-actions {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-bottom-nav {
    display: grid !important;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--viewer-gap) !important;
  }
}

@media (max-width: 767px) {
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card {
    --viewer-gap: 8px;
    --viewer-control-height: 58px;
    --viewer-meta-height: 58px;
    --viewer-action-size: 42px;
    width: 100% !important;
    border-radius: 0 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header {
    gap: 10px !important;
    padding: 10px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header-main {
    grid-template-columns: 42px minmax(0, 1fr) max-content;
    grid-template-areas:
      "back title actions"
      "toolbar toolbar toolbar";
    gap: 8px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-topbar,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-back {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 13px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-back svg {
    width: 21px !important;
    height: 21px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card h2#lyricsFullscreenTitle {
    font-size: 21px !important;
    letter-spacing: -.025em !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #lyricsFullscreenArtist {
    margin-top: 0 !important;
    font-size: 14px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-header-actions {
    gap: 6px !important;
    min-width: calc((var(--viewer-action-size) * 3) + 12px) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-favorite,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-menu-button,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-header-actions .lyrics-fullscreen-close {
    flex-basis: var(--viewer-action-size) !important;
    width: var(--viewer-action-size) !important;
    height: var(--viewer-action-size) !important;
    min-width: var(--viewer-action-size) !important;
    min-height: var(--viewer-action-size) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-header-actions .lyrics-fullscreen-close {
    border-radius: 13px !important;
    font-size: 32px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-control-card {
    width: 100% !important;
    height: 52px !important;
    min-height: 0 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header .lyrics-fullscreen-actions {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: 52px !important;
    grid-template-areas: none !important;
    grid-auto-rows: 52px !important;
    height: 52px !important;
    gap: 5px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-actions #fullscreenToggleAutoScroll,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-actions .lyrics-fullscreen-speed-control,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-actions .lyrics-fullscreen-transpose-control,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-actions .lyrics-fullscreen-tone-control,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-actions #fullscreenToggleLyricsPages,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-actions #fullscreenToggleVideo {
    grid-area: auto !important;
    grid-row: auto !important;
    grid-column: span 2 !important;
    flex: none !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-actions #fullscreenToggleAutoScroll,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-actions .lyrics-fullscreen-speed-control,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-actions .lyrics-fullscreen-transpose-control,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-actions #fullscreenToggleVideo {
    grid-column: span 1 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleAutoScroll,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-tone-control,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-pages-header-button,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleVideo {
    width: 100% !important;
    min-width: 0 !important;
    align-self: stretch !important;
    height: 52px !important;
    min-height: 52px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleAutoScroll {
    height: 52px !important;
    min-height: 52px !important;
    padding-inline: 5px !important;
    font-size: 0 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleAutoScroll::before {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin-right: 0 !important;
    color: #ffffff !important;
    font-size: 18px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleAutoScroll.is-running::before {
    content: "Ⅱ" !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control {
    height: 52px !important;
    min-height: 52px !important;
    grid-template-rows: 14px 26px !important;
    gap: 3px !important;
    padding: 4px 6px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control > span,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-zoom-heading,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-heading {
    gap: 4px !important;
    font-size: 12px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control > span::before {
    font-size: 14px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control > span strong {
    display: none !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-step-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 3px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-speed-step,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-speed-value,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control button {
    height: 24px !important;
    min-height: 24px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control strong,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenAutoScrollSpeed {
    display: none !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-speed-value {
    display: grid !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenAutoScrollSpeed {
    height: 7px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-tone-control {
    grid-template-rows: 14px 25px !important;
    gap: 2px !important;
    padding: 4px 5px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-zoom-icon {
    width: 15px !important;
    height: 15px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-icon {
    font-size: 17px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control > div {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 3px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control .fullscreen-zoom-value {
    display: grid !important;
    place-items: center !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 24px !important;
    min-height: 24px !important;
    color: var(--viewer-ink) !important;
    background: #ffffff !important;
    border: 1px solid #e7e3f6 !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-picker {
    min-height: 25px !important;
    padding: 0 7px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-pages-header-button,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleVideo {
    grid-template-rows: 17px 16px !important;
    gap: 2px !important;
    padding: 6px 4px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleVideo {
    grid-template-rows: 16px 24px !important;
    gap: 1px !important;
    padding: 5px 3px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-header-button-icon,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-header-button-icon svg {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-header-button-label {
    gap: 3px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: normal !important;
    text-overflow: clip !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleLyricsPages {
    display: none !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip {
    grid-column: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 4px 6px !important;
    gap: 2px !important;
    border-radius: 12px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #lyricsFullscreenToneDetails .lyrics-tone-chip summary {
    display: grid !important;
    grid-template-columns: 17px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 3px !important;
    width: 100% !important;
    height: 15px !important;
    min-height: 0 !important;
    flex: 0 0 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 9px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary > span {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 16px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #lyricsFullscreenToneDetails .lyrics-tone-chip p {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 15px !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-bottom-nav {
    display: grid !important;
    position: fixed !important;
    right: 0 !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    left: 0 !important;
    z-index: 15 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 8px 10px max(8px, env(safe-area-inset-bottom)) !important;
    background: rgba(255, 255, 255, .96) !important;
    border-top: 1px solid #edf0f8 !important;
    box-shadow: 0 -8px 24px rgba(20, 35, 71, .08) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenPrevLyrics {
    grid-template-columns: 22px minmax(0, 1fr) !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 10px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenNextLyrics {
    grid-template-columns: minmax(0, 1fr) 22px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 10px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-copy {
    justify-items: center !important;
    width: 100% !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-copy strong {
    font-size: 14px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-copy small {
    font-size: 11px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-body {
    padding-bottom: 92px !important;
    scroll-padding-bottom: 92px !important;
  }
}

@media (max-width: 767px) {
  /* No mobile o atalho de acordes fica ao lado do campo harmônico. */
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip:first-of-type {
    grid-column: 1 / -1 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip:nth-of-type(2) {
    grid-column: 1 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop {
    display: grid !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    grid-template-columns: 32px minmax(0, 1fr) 14px !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 5px 6px !important;
    overflow: hidden !important;
    color: #182444 !important;
    background: #ffffff !important;
    border: 1px solid #e5e8f1 !important;
    border-radius: 12px !important;
    text-align: left !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-icon {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    color: var(--viewer-violet) !important;
    background: var(--viewer-lavender) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-icon > span {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy {
    display: grid !important;
    min-width: 0 !important;
    gap: 1px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy strong {
    overflow: hidden !important;
    color: #1b2747 !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy small {
    overflow: hidden !important;
    color: #77839b !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-chevron {
    color: #98a2b5 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    text-align: right !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active {
    color: #ffffff !important;
    background: var(--viewer-violet) !important;
    border-color: var(--viewer-violet) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active .fullscreen-settings-icon {
    color: var(--viewer-violet) !important;
    background: #ffffff !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active .fullscreen-settings-copy strong,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active .fullscreen-settings-copy small,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active .fullscreen-settings-chevron {
    color: #ffffff !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-bottom-nav {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }
}

@media (max-width: 767px) {
  /* Os tres atalhos de metadados permanecem na mesma linha no mobile. */
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr) 54px !important;
    gap: 6px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip {
    align-items: center !important;
    text-align: center !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary strong,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip p {
    text-align: center !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip:first-of-type,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip:nth-of-type(2) {
    grid-column: auto !important;
    grid-row: 1 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop {
    grid-column: 3 !important;
    grid-row: 1 !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 0 !important;
    padding: 5px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-chevron {
    display: none !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-icon {
    width: 32px !important;
    height: 32px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-bottom-nav {
    grid-row: 2 !important;
  }
}

@media (max-width: 767px) {
  /* Escala, campo harmonico e acordes ocupam uma unica linha no mobile. */
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip:first-of-type,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip:nth-of-type(2) {
    grid-column: auto !important;
    grid-row: 1 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop {
    grid-column: 3 !important;
    grid-row: 1 !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 0 !important;
    padding: 5px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-chevron {
    display: none !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-icon {
    width: 32px !important;
    height: 32px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-bottom-nav {
    grid-row: 2 !important;
  }
}

/* No desktop, o atalho de acordes fica na faixa de contexto, antes da navegacao. */
@media (min-width: 768px) {
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel #fullscreenToggleChords {
    display: none !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(100px, .7fr) minmax(100px, .7fr) minmax(100px, .7fr) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 11px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: var(--viewer-meta-height) !important;
    min-height: var(--viewer-meta-height) !important;
    padding: 9px 10px !important;
    overflow: hidden !important;
    color: #182444 !important;
    background: #ffffff !important;
    border: 1px solid #e5e8f1 !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    text-align: left !important;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop:hover,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop:focus-visible {
    border-color: #d7dbea !important;
    background: #fbfcff !important;
    box-shadow: 0 7px 18px rgba(38, 51, 84, .07) !important;
    outline: none !important;
    transform: translateY(-1px);
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-icon {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    color: var(--viewer-violet) !important;
    background: var(--viewer-lavender) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-icon > span {
    font-size: 21px !important;
    line-height: 1 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy {
    display: grid !important;
    min-width: 0 !important;
    gap: 3px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy strong {
    overflow: hidden !important;
    color: #1b2747 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy small {
    overflow: hidden !important;
    color: #77839b !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-chevron {
    color: #98a2b5 !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: right !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active {
    color: #ffffff !important;
    background: var(--viewer-violet) !important;
    border-color: var(--viewer-violet) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active .fullscreen-settings-icon {
    color: var(--viewer-violet) !important;
    background: #ffffff !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active .fullscreen-settings-copy strong,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active .fullscreen-settings-copy small,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active .fullscreen-settings-chevron {
    color: #ffffff !important;
  }
}

@media (min-width: 1366px) {
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.12fr) 160px 160px 160px !important;
  }
}

@media (max-width: 767px) {
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop {
    display: none !important;
  }
}

/* Desktop: o cabeçalho começa diretamente pelo titulo, sem a seta de voltar. */
@media (min-width: 768px) {
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-topbar,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-back {
    display: none !important;
  }
}

@media (min-width: 1366px) {
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header-main {
    grid-template-columns: minmax(280px, 520px) max-content minmax(max-content, 1fr) !important;
    grid-template-areas: "title toolbar actions" !important;
  }
}

@media (min-width: 768px) and (max-width: 1365px) {
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header-main {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    grid-template-areas:
      "title actions"
      "toolbar toolbar" !important;
  }
}

/* O aviso de proxima musica nao ocupa mais espaco abaixo da escala. */
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-next-song {
  display: none !important;
}

/* O nome da proxima musica ja aparece nos botoes de navegacao. */
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-sequence-notice {
  display: none !important;
}

/* Compactacao final do cabecalho desktop: preserva a mesma estrutura e libera
   espaco para os dados musicais e para a navegacao entre letras. */
@media (min-width: 1366px) {
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card {
    --viewer-gap: 7px;
    --viewer-control-height: 58px;
    --viewer-meta-height: 56px;
    --viewer-action-size: 46px;
    --viewer-start-width: 162px;
    --viewer-speed-width: 120px;
    --viewer-zoom-width: 92px;
    --viewer-tone-width: 104px;
    --viewer-page-width: 104px;
    --viewer-video-width: 112px;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header {
    gap: 7px !important;
    padding-inline: 12px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header-main {
    grid-template-columns: minmax(260px, 1fr) max-content max-content !important;
    gap: 7px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-actions {
    gap: 7px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleAutoScroll {
    padding-inline: 10px !important;
    font-size: 13px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleAutoScroll::before {
    margin-right: 8px !important;
    font-size: 17px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-tone-control,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-pages-header-button,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleVideo {
    padding: 6px 7px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control {
    grid-template-rows: 15px 24px 10px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control > span,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-zoom-heading,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-heading {
    gap: 4px !important;
    font-size: 13px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-step-row {
    grid-template-columns: 24px minmax(32px, 1fr) 24px !important;
    gap: 4px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-speed-step,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-speed-value,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control button {
    height: 24px !important;
    min-height: 24px !important;
    font-size: 14px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenAutoScrollSpeed {
    height: 10px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-tone-control {
    grid-template-rows: 16px 28px !important;
    gap: 4px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control > div {
    gap: 4px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-zoom-icon {
    width: 17px !important;
    height: 17px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-icon {
    font-size: 20px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-picker {
    min-height: 28px !important;
    padding-inline: 7px !important;
    font-size: 14px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-pages-header-button,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleVideo {
    grid-template-rows: 20px 25px !important;
    gap: 2px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-header-button-icon,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-header-button-icon svg {
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-header-button-label {
    gap: 4px !important;
    font-size: 12px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-header-actions {
    gap: 7px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-header-actions > button {
    width: var(--viewer-action-size) !important;
    min-width: var(--viewer-action-size) !important;
    height: var(--viewer-action-size) !important;
    min-height: var(--viewer-action-size) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-menu-button span {
    font-size: 26px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-header-actions .lyrics-fullscreen-close {
    font-size: 34px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row {
    grid-template-columns:
      minmax(220px, 1.05fr)
      minmax(360px, 1.45fr)
      minmax(188px, .78fr)
      minmax(168px, .78fr)
      minmax(200px, .92fr) !important;
    gap: 7px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip {
    gap: 8px !important;
    height: var(--viewer-meta-height) !important;
    min-height: var(--viewer-meta-height) !important;
    padding-inline: 12px !important;
    border-radius: 15px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary {
    gap: 7px !important;
    font-size: 15px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary > span {
    font-size: 23px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip p {
    font-size: 14px !important;
    letter-spacing: -.01em !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop {
    grid-template-columns: 34px minmax(0, 1fr) 14px !important;
    gap: 7px !important;
    height: var(--viewer-meta-height) !important;
    min-height: var(--viewer-meta-height) !important;
    padding: 6px 8px !important;
    border-radius: 14px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-icon > span {
    font-size: 18px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy {
    gap: 2px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy strong {
    font-size: 12px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy small {
    font-size: 9px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button {
    grid-template-columns: 22px minmax(0, 1fr) 22px !important;
    height: var(--viewer-meta-height) !important;
    min-height: var(--viewer-meta-height) !important;
    padding-inline: 8px !important;
    border-radius: 14px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button--previous {
    grid-template-columns: 22px minmax(0, 1fr) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button--next {
    grid-template-columns: minmax(0, 1fr) 22px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-copy {
    gap: 2px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-copy strong {
    font-size: 15px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-copy small {
    font-size: 12px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-arrow {
    font-size: 27px !important;
  }
}

/* Mini player de batucada: flutuante, arrastavel e independente do cabecalho. */
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-mini-tools.is-batucada-floating {
  display: contents !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini {
  position: fixed !important;
  z-index: 80 !important;
  top: auto;
  right: 24px;
  bottom: 24px;
  left: auto;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(360px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px !important;
  gap: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(99, 102, 241, .22) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .22) !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini.is-dragging {
  cursor: grabbing !important;
  user-select: none !important;
  box-shadow: 0 24px 52px rgba(15, 23, 42, .28) !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini .fullscreen-mini-drag-handle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid #edf0f8 !important;
  cursor: grab !important;
  touch-action: none !important;
  user-select: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini.is-dragging .fullscreen-mini-drag-handle {
  cursor: grabbing !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini .fullscreen-mini-drag-handle > span:first-child {
  color: #697792 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini .fullscreen-mini-header-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini .fullscreen-mini-header-actions strong {
  color: #182444 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini .fullscreen-mini-close {
  display: grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #697792 !important;
  background: #f3f5fb !important;
  border: 1px solid #e1e6f2 !important;
  border-radius: 8px !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini .fullscreen-mini-close:hover,
#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini .fullscreen-mini-close:focus-visible {
  color: #7138e8 !important;
  background: #f0ebff !important;
  border-color: #cfc2ff !important;
  outline: none !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini .fullscreen-mini-row {
  min-width: 0 !important;
  gap: 8px !important;
}

#lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini .fullscreen-mini-row input[type="range"] {
  min-width: 0 !important;
}

/* Acabamento do cabeçalho: o painel acompanha o raio do cartão da letra e os
   glifos ficam em caixas estáveis para não encostar nas bordas dos controles. */
@media (min-width: 1366px) {
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header {
    border-radius: 22px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-pages-header-button .fullscreen-header-button-label::after {
    content: none !important;
    display: none !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary > span {
    display: inline-grid !important;
    place-items: center !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    font-size: 20px !important;
    line-height: 1 !important;
    overflow: visible !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-heading {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 20px !important;
    line-height: 1 !important;
    overflow: visible !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-tone-icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    overflow: visible !important;
  }
}

@media (max-width: 767px) {
  /* Na tela cheia mobile o titulo começa no primeiro slot do cabeçalho. */
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-topbar,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-back {
    display: none !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header-main {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    grid-template-areas:
      "title actions"
      "toolbar toolbar" !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini {
    right: 12px;
    bottom: max(12px, env(safe-area-inset-bottom));
    width: calc(100vw - 24px) !important;
  }
}

@media (max-width: 767px) {
  /* No mobile o atalho de acordes fica ao lado do campo harmonico. */
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip:first-of-type {
    grid-column: auto !important;
    grid-row: 1 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip:nth-of-type(2) {
    grid-column: auto !important;
    grid-row: 1 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop {
    display: grid !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    grid-template-columns: 1fr !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 0 !important;
    justify-self: end !important;
    width: 50% !important;
    max-width: 56px !important;
    min-width: 42px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #182444 !important;
    background: #ffffff !important;
    border: 1px solid var(--viewer-border) !important;
    border-radius: var(--viewer-radius) !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-icon {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 36px !important;
    border-radius: 0 !important;
    color: var(--viewer-violet) !important;
    background: transparent !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-icon > span {
    font-family: "Times New Roman", "Segoe UI Symbol", serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    -webkit-text-stroke: .3px currentColor !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy {
    display: none !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy strong {
    overflow: hidden !important;
    color: #1b2747 !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy small {
    overflow: hidden !important;
    color: #77839b !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-chevron {
    display: none !important;
    color: #98a2b5 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    text-align: right !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active {
    color: var(--viewer-violet) !important;
    background: #ffffff !important;
    border-color: var(--viewer-violet) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active .fullscreen-settings-icon {
    color: var(--viewer-violet) !important;
    background: transparent !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active .fullscreen-settings-copy strong,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active .fullscreen-settings-copy small,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active .fullscreen-settings-chevron {
    color: #ffffff !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-bottom-nav {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    gap: 6px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow: hidden !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
  /* Ajuste final dos cards de escala, campo harmonico e acordes. */
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr) 54px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip {
    align-items: center !important;
    text-align: center !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary strong,
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip p {
    text-align: center !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop {
    width: 50% !important;
    max-width: 56px !important;
    min-width: 42px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid var(--viewer-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-icon {
    width: 100% !important;
    height: 46px !important;
    border-radius: 0 !important;
    color: var(--viewer-violet) !important;
    background: transparent !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-icon > span {
    font-family: "Times New Roman", "Segoe UI Symbol", serif !important;
    color: var(--viewer-violet) !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    -webkit-text-stroke: .3px currentColor !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active {
    background: #ffffff !important;
    border-color: var(--viewer-violet) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop.is-active .fullscreen-settings-icon {
    background: transparent !important;
  }
}

@media (max-width: 767px) {
  /* O contêiner da clave ocupa toda a terceira coluna e preserva o gap padrão. */
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }
}

/* Desktop: o atalho de acordes nao precisa disputar a leitura da escala.
   Mantem icone e rotulo, mas libera uma coluna larga para as sete notas. */
@media (min-width: 1366px) {
  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row {
    grid-template-columns:
      minmax(315px, 1.08fr)
      minmax(400px, 1.5fr)
      132px
      minmax(144px, .65fr)
      minmax(148px, .56fr) !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 6px !important;
    padding-inline: 7px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard #fullscreenToggleChordsDesktop .fullscreen-settings-icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard #fullscreenToggleChordsDesktop .fullscreen-settings-icon > span {
    font-size: 17px !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard #fullscreenToggleChordsDesktop .fullscreen-settings-copy {
    display: block !important;
    min-width: 0 !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard #fullscreenToggleChordsDesktop .fullscreen-settings-copy strong {
    display: block !important;
    overflow: hidden !important;
    font-size: 11px !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #lyricsFullscreenCard#lyricsFullscreenCard #fullscreenToggleChordsDesktop .fullscreen-settings-copy small,
  #lyricsFullscreenCard#lyricsFullscreenCard #fullscreenToggleChordsDesktop .fullscreen-settings-chevron {
    display: none !important;
  }
}

/* Tema escuro da letra em tela cheia. O componente possui uma paleta propria
   com cores explicitas, por isso precisa sobrescrever as superficies claras. */
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card {
  --viewer-ink: #f8fafc;
  --viewer-muted: #cbd5e1;
  --viewer-border: #475569;
  --viewer-lavender: #2a2148;
  --viewer-violet: #c4b5fd;
  --viewer-violet-dark: #8b5cf6;
  --viewer-play-gradient: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
  color: var(--viewer-ink) !important;
  background: #0b1220 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .viewer-header {
  color: var(--viewer-ink) !important;
  background: #111827 !important;
  border-bottom-color: #334155 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card h2#lyricsFullscreenTitle {
  color: #f8fafc !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #lyricsFullscreenArtist,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-sequence-notice,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-video-notice {
  color: #cbd5e1 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-speed-control,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-transpose-control,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-tone-control,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .fullscreen-pages-header-button,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleVideo,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-favorite,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-menu-button {
  color: #e2e8f0 !important;
  background: #182235 !important;
  border-color: #475569 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleAutoScroll {
  color: #ffffff !important;
  background: var(--viewer-play-gradient) !important;
  box-shadow: 0 10px 22px rgba(109, 40, 217, .34) !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card :is(
  .lyrics-fullscreen-speed-control > span,
  .fullscreen-zoom-heading,
  .fullscreen-tone-heading,
  .fullscreen-header-button-label
) {
  color: #cbd5e1 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card :is(
  .fullscreen-speed-step,
  .fullscreen-speed-value,
  .lyrics-fullscreen-transpose-control button,
  .fullscreen-tone-picker
) {
  color: #f8fafc !important;
  background: #26334b !important;
  border-color: #52627f !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenAutoScrollSpeed::-webkit-slider-runnable-track {
  background: #475569 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenAutoScrollSpeed::-moz-range-track {
  background: #475569 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-header-actions .lyrics-fullscreen-close {
  color: #c4b5fd !important;
  background: #2a2148 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button--previous {
  color: #f8fafc !important;
  background: #182235 !important;
  border-color: #475569 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip summary strong,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy strong,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button--previous .lyrics-fullscreen-nav-copy strong {
  color: #f8fafc !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-meta-row .lyrics-tone-chip p,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-copy small,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button--previous .lyrics-fullscreen-nav-copy small {
  color: #cbd5e1 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-icon {
  color: #c4b5fd !important;
  background: #2a2148 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenToggleChordsDesktop .fullscreen-settings-chevron,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button--previous .lyrics-fullscreen-nav-arrow {
  color: #c4b5fd !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-nav-button--next {
  color: #ffffff !important;
  background: var(--viewer-play-gradient) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 20px rgba(109, 40, 217, .3) !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-body {
  color: #f8fafc !important;
  background: #182235 !important;
  border-color: #334155 !important;
  scrollbar-color: #a78bfa #111827 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-body::-webkit-scrollbar-track {
  background: #111827 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card .lyrics-fullscreen-body::-webkit-scrollbar-thumb {
  background: #a78bfa !important;
  border-color: #111827 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #lyricsFullscreenText {
  color: #f8fafc !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #lyricsFullscreenText .lyrics-chord {
  color: #c4b5fd !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenChordPanel,
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini {
  color: #f8fafc !important;
  background: #111827 !important;
  border-color: #475569 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel :is(
  .fullscreen-settings-item,
  .fullscreen-settings-edit-group,
  .lyrics-fullscreen-tone-control
),
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini :is(
  .secondary-button,
  .fullscreen-mini-close
) {
  color: #e2e8f0 !important;
  background: #182235 !important;
  border-color: #475569 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenSettingsPanel :is(
  .fullscreen-settings-copy strong,
  .fullscreen-settings-copy small,
  .fullscreen-settings-edit-group,
  .fullscreen-tone-heading,
  .fullscreen-tone-picker
),
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenChordPanel :is(
  strong,
  span,
  label,
  select
),
body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini :is(
  .fullscreen-mini-drag-handle > span:first-child,
  .fullscreen-mini-header-actions strong
) {
  color: #e2e8f0 !important;
}

body[data-theme="dark"] #lyricsFullscreenCard#lyricsFullscreenCard.viewer-card #fullscreenBatucadaMini .fullscreen-mini-drag-handle {
  border-bottom-color: #334155 !important;
}

/* Modo palco: leitor de repertório independente do visualizador de letras. */
body.stage-mode-open {
  overflow: hidden;
  overscroll-behavior: none;
}

#stageMode.stage-mode {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
  background: rgba(2, 6, 23, .72);
}

#stageMode.stage-mode.is-hidden {
  display: none !important;
}

#stageMode .stage-mode__surface {
  --stage-background: #060b16;
  --stage-panel: rgba(15, 23, 42, .9);
  --stage-panel-border: rgba(148, 163, 184, .25);
  --stage-text: #f8fafc;
  --stage-muted: #b5c0d3;
  --stage-accent: #c4b5fd;
  --stage-chord: #f6c453;
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(1480px, 100%);
  height: 100%;
  min-width: 0;
  margin: auto;
  overflow: hidden;
  color: var(--stage-text);
  background: var(--stage-background);
  border: 1px solid var(--stage-panel-border);
  border-radius: 24px;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .52);
  isolation: isolate;
}

#stageMode .stage-mode__surface[data-stage-theme="light"] {
  --stage-background: #f8fafc;
  --stage-panel: rgba(255, 255, 255, .93);
  --stage-panel-border: rgba(30, 41, 59, .18);
  --stage-text: #101828;
  --stage-muted: #475569;
  --stage-accent: #6d28d9;
  --stage-chord: #9a5200;
}

#stageMode .stage-mode__hud {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(174px, .42fr) 42px;
  gap: 16px;
  align-items: center;
  min-width: 0;
  padding: 16px 18px 14px 22px;
  color: var(--stage-text);
  background: var(--stage-panel);
  border-bottom: 1px solid var(--stage-panel-border);
  backdrop-filter: blur(18px);
}

#stageMode .stage-mode__identity,
#stageMode .stage-mode__sequence {
  min-width: 0;
}

#stageMode .stage-mode__repertoire,
#stageMode .stage-mode__sequence > span,
#stageMode .stage-mode__sequence > strong,
#stageMode .stage-mode__identity > p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#stageMode .stage-mode__repertoire {
  margin-bottom: 5px;
  color: var(--stage-accent);
  font-size: .69rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#stageMode .stage-mode__song-heading {
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
}

#stageMode .stage-mode__song-heading h2 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: var(--stage-text);
  font-size: clamp(1.1rem, 2vw, 1.55rem);
  font-weight: 850;
  line-height: 1.16;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#stageMode .stage-mode__tone {
  flex: 0 0 auto;
  padding: 3px 8px;
  color: var(--stage-accent);
  background: color-mix(in srgb, var(--stage-accent) 13%, transparent);
  border: 1px solid color-mix(in srgb, var(--stage-accent) 42%, transparent);
  border-radius: 999px;
  font-size: .73rem;
  font-weight: 800;
}

#stageMode .stage-mode__identity > p {
  margin: 4px 0 0;
  color: var(--stage-muted);
  font-size: .8rem;
}

#stageMode .stage-mode__sequence {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 9px;
  align-items: baseline;
  align-self: stretch;
  padding-left: 16px;
  border-left: 1px solid var(--stage-panel-border);
  color: var(--stage-muted);
  font-size: .72rem;
}

#stageMode .stage-mode__sequence > span:first-child {
  grid-column: 1 / -1;
  color: var(--stage-accent);
  font-weight: 800;
}

#stageMode .stage-mode__sequence > strong {
  color: var(--stage-text);
  font-size: .82rem;
}

#stageMode .stage-mode__close {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin: 0;
  padding: 0 0 3px;
  color: var(--stage-muted);
  background: transparent;
  border: 1px solid var(--stage-panel-border);
  border-radius: 50%;
  font-size: 1.72rem;
  line-height: 1;
  cursor: pointer;
}

#stageMode .stage-mode__close:hover,
#stageMode .stage-mode__close:focus-visible {
  color: var(--stage-text);
  background: color-mix(in srgb, var(--stage-text) 8%, transparent);
  outline: none;
}

#stageMode .stage-mode__scroll {
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: clamp(32px, 7vh, 88px) clamp(20px, 8vw, 160px) clamp(92px, 13vh, 150px);
  overscroll-behavior: contain;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}

#stageMode .stage-mode__scroll:focus-visible {
  outline: 2px solid var(--stage-accent);
  outline-offset: -5px;
}

#stageMode .stage-mode__lyrics {
  display: block;
  width: min(100%, 1120px);
  min-height: 100%;
  margin: 0 auto;
  color: var(--stage-text);
  font-family: var(--font-mono, "SFMono-Regular", Consolas, "Liberation Mono", monospace);
  font-size: var(--stage-mode-font-size, 28px);
  font-weight: 650;
  line-height: 1.72;
  letter-spacing: .012em;
  text-wrap: wrap;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  tab-size: 4;
}

#stageMode .stage-mode__lyrics .lyrics-chord {
  color: var(--stage-chord);
  font-weight: 900;
}

#stageMode .stage-mode__lyrics .lyrics-section-label {
  color: var(--stage-accent);
  font-weight: 900;
}

#stageMode .stage-mode__surface.is-auto-scrolling .stage-mode__scroll {
  scrollbar-color: var(--stage-accent) transparent;
}

#stageMode .stage-mode__status {
  position: absolute;
  right: 50%;
  bottom: 20px;
  z-index: 2;
  margin: 0;
  padding: 8px 13px;
  color: var(--stage-text);
  background: color-mix(in srgb, var(--stage-background) 88%, transparent);
  border: 1px solid var(--stage-panel-border);
  border-radius: 999px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
  font-size: .76rem;
  font-weight: 800;
  opacity: 0;
  pointer-events: none;
  transform: translate(50%, 12px);
  transition: opacity .18s ease, transform .18s ease;
}

#stageMode .stage-mode__status.is-visible {
  opacity: 1;
  transform: translate(50%, 0);
}

body .saved-repertoire-dialog .repertoire-stage-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 12px;
  color: #5b21b6;
  background: #f5f3ff;
  border: 1px solid #c4b5fd;
  border-radius: 8px;
  font-size: .7rem;
  font-weight: 850;
  cursor: pointer;
}

body .saved-repertoire-dialog .repertoire-stage-button:hover:not(:disabled) {
  color: #fff;
  background: #6d28d9;
  border-color: #6d28d9;
}

body .saved-repertoire-dialog .repertoire-stage-button:disabled {
  opacity: .48;
  cursor: default;
}

@media (max-width: 767px) {
  #stageMode.stage-mode {
    padding: 0;
  }

  #stageMode .stage-mode__surface {
    border: 0;
    border-radius: 0;
  }

  #stageMode .stage-mode__hud {
    grid-template-columns: minmax(0, 1fr) 34px;
    gap: 10px;
    padding: max(13px, env(safe-area-inset-top)) 14px 12px;
  }

  #stageMode .stage-mode__sequence {
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: auto 1fr;
    padding: 7px 0 0;
    border-top: 1px solid var(--stage-panel-border);
    border-left: 0;
  }

  #stageMode .stage-mode__close {
    width: 34px;
    height: 34px;
    align-self: start;
  }

  #stageMode .stage-mode__scroll {
    padding: 34px 20px max(84px, env(safe-area-inset-bottom));
  }

  #stageMode .stage-mode__lyrics {
    line-height: 1.62;
  }

  body .saved-repertoire-dialog .repertoire-mobile-active-actions {
    gap: 6px;
  }

  body .saved-repertoire-dialog .repertoire-mobile-active-actions .repertoire-stage-button {
    min-height: 30px;
    padding-inline: 9px;
    font-size: .63rem;
  }
}

@media (max-width: 430px) {
  #stageMode .stage-mode__song-heading {
    gap: 7px;
  }

  #stageMode .stage-mode__tone {
    padding-inline: 6px;
    font-size: .66rem;
  }

  #stageMode .stage-mode__identity > p {
    font-size: .73rem;
  }

  body .saved-repertoire-dialog .repertoire-mobile-active-actions .repertoire-stage-button span {
    display: none;
  }
}