/*
 * Lyric Annotations (Public) — lightweight dark-mode-friendly styling.
 * NOTE: The site/theme can override these; we keep this conservative.
 */

.sc4-lyrics{
  margin: 0;
  padding: 0;
}

.sc4-lyrics .sc4-ly-line{
  display:block;
  white-space:pre-wrap;
  line-height:1.45;
}

.sc4-lyrics .sc4-ly-line.is-empty{
  min-height: 1em;
}

.sc4-lyrics .sc4-ly-note{
  cursor:pointer;
  border-bottom:1px dashed rgba(255,255,255,0.35);
  background: rgba(255,255,255,0.06);
  border-radius: 3px;
  padding: 0 2px;
}

.sc4-lyrics .sc4-ly-note:hover{
  background: rgba(255,255,255,0.10);
}

.sc4-lyric-tooltip{
  position: absolute;
  z-index: 99999;
  max-width: 340px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(15,15,15,0.96);
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.45);
  border: 1px solid rgba(255,255,255,0.12);
  font-size: 13px;
}

.sc4-lyric-tooltip strong{ color: #fff; }

.sc4-lyric-tooltip .sc4-lyric-tooltip-close{
  position:absolute;
  top: 6px;
  right: 8px;
  border:0;
  background: transparent;
  color:#fff;
  font-size: 16px;
  cursor:pointer;
  opacity:0.8;
}

.sc4-lyric-tooltip .sc4-lyric-tooltip-close:hover{ opacity:1; }