/* v310: one global lyrics dialog, never a single-track navigation.
   The player keeps streaming while the modal is open. */
#mm310LyricsDialog{
  box-sizing:border-box;
  width:min(740px,calc(100vw - 30px));
  width:min(740px,calc(100dvw - 30px));
  max-width:100%;
  max-height:calc(100vh - 28px);
  max-height:calc(100dvh - 28px);
  margin:auto;padding:0;overflow:hidden;
  border:1px solid #474954;border-radius:19px;
  background:#1d1e22;color:#f5f5f7;color-scheme:dark;
  box-shadow:0 24px 80px rgba(0,0,0,.46);
  font:inherit;z-index:2147483500;
}
#mm310LyricsDialog:not([open]){display:none!important}
#mm310LyricsDialog::backdrop{
  background:rgba(8,10,14,.72);
  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
}
#mm310LyricsDialog *{box-sizing:border-box}
#mm310LyricsDialog .mm310-frame{
  display:flex;flex-direction:column;min-height:0;
  max-height:calc(100vh - 32px);
  max-height:calc(100dvh - 32px);
}
#mm310LyricsDialog .mm310-header{
  display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
  padding:23px 26px 17px;flex:0 0 auto;
  border-bottom:1px solid #40424a;
}
#mm310LyricsDialog .mm310-heading{min-width:0}
#mm310LyricsDialog .mm310-eyebrow,
#mm310LyricsDialog .mm310-label,
#mm310LyricsDialog .mm310-all-title{
  color:#c2c4cb;font-size:12px;font-weight:750;letter-spacing:.01em;
}
#mm310LyricsDialog #mm310LyricsTitle{
  color:#f5f5f7;-webkit-text-fill-color:#f5f5f7;
  font-size:clamp(17px,2.5vw,22px);font-weight:800;
  line-height:1.4;overflow-wrap:anywhere;margin:5px 0 0;
}
#mm310LyricsDialog #mm310LyricsArtist{
  color:#c0c2c9;-webkit-text-fill-color:#c0c2c9;
  font-size:13px;line-height:1.5;margin:7px 0 0;
}
#mm310LyricsDialog .mm310-close{
  flex:0 0 40px;width:40px;height:40px;
  display:grid;place-items:center;margin:0;padding:0;
  border:1px solid #545661;border-radius:12px;
  background:#303138;color:#f5f5f7;-webkit-text-fill-color:#f5f5f7;
  font-size:26px;font-weight:500;cursor:pointer;
}
#mm310LyricsDialog .mm310-close:hover{background:#454651}
#mm310LyricsDialog .mm310-now-section{
  flex:0 0 auto;padding:23px 26px 19px;
  border-bottom:1px solid #40424a;
  background:#26272e;min-width:0;
}
#mm310LyricsDialog .mm310-now{
  margin:13px 0 0;display:block;max-width:100%;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#f7f7fc!important;-webkit-text-fill-color:#f7f7fc!important;
  font-size:clamp(18px,3.1vw,26px);font-weight:750;
  line-height:1.65;text-align:center;min-height:1.65em;
}
#mm310LyricsDialog .mm310-hint{
  margin:9px 0 0;color:#c4c5ce!important;
  -webkit-text-fill-color:#c4c5ce!important;
  font-size:12px;text-align:center;line-height:1.55;
}
#mm310LyricsDialog .mm310-hint:empty{display:none}
#mm310LyricsDialog .mm310-all-title{
  flex:0 0 auto;padding:15px 26px 5px;
}
#mm310LyricsDialog .mm310-scroll{
  min-height:90px;flex:1 1 auto;overflow-y:auto;
  overscroll-behavior:contain;scrollbar-width:thin;
  scrollbar-color:#676a78 #26272b;
  padding:7px 26px 20px;
}
#mm310LyricsDialog .mm310-lines{
  color:#e6e7eb;-webkit-text-fill-color:#e6e7eb;
  overflow-wrap:anywhere;line-height:1.9;font-size:15px;
}
#mm310LyricsDialog .mm310-lines.mm310-raw{
  white-space:pre-wrap;padding:6px 0;
}
#mm310LyricsDialog .mm310-cue{
  margin:2px 0;border-radius:10px;
  padding:9px 12px;white-space:pre-wrap;
  color:#c3c5cd;-webkit-text-fill-color:#c3c5cd;
  line-height:1.8;transition:background-color .15s ease;
}
#mm310LyricsDialog .mm310-cue.is-active{
  color:#f9f9fc;-webkit-text-fill-color:#f9f9fc;
  background:#414354;font-weight:700;
  box-shadow:inset 3px 0 0 #a6aaff;
}
#mm310LyricsDialog .mm310-feedback{
  flex:0 0 auto;display:flex;align-items:center;gap:12px;
  border-top:1px solid #40424a;padding:10px 26px;
  color:#c9cad1;font-size:12px;
}
#mm310LyricsDialog #mm310Status{margin:0;flex:1;min-height:1em}
#mm310LyricsDialog .mm310-retry{
  flex:0 0 auto;background:#373946;
  border:1px solid #888b9a;border-radius:9px;
  padding:9px 13px;color:#fff;cursor:pointer;font:inherit;
}
#mm310LyricsDialog .mm310-retry[hidden]{display:none}
#mm310LyricsDialog :is(button,[tabindex]):focus-visible{
  outline:2px solid #abb1ff;outline-offset:3px;
}
@media(max-width:640px){
  #mm310LyricsDialog{width:calc(100vw - 16px);width:calc(100dvw - 16px);border-radius:15px}
  #mm310LyricsDialog .mm310-header{padding:18px 17px 13px}
  #mm310LyricsDialog .mm310-now-section{padding:18px 17px 15px}
  #mm310LyricsDialog .mm310-all-title{padding:13px 17px 4px}
  #mm310LyricsDialog .mm310-scroll{padding:7px 17px 16px}
  #mm310LyricsDialog .mm310-feedback{padding:9px 17px}
  #mm310LyricsDialog .mm310-lines{font-size:14px}
  #mm310LyricsDialog .mm310-cue{padding:7px 8px}
}
@media(prefers-reduced-motion:reduce){
  #mm310LyricsDialog .mm310-cue{transition:none}
}