/* Lennon Music v1.1.15 — inline track lyrics and one-piece expandable player.
   Only the single track layout and lyrics drawer are affected. */

/* The facts card and lyrics share the right-hand region of the track page. */
.main-content .lm827-single-layout > .lm827-side-stack {
  container-type: inline-size;
  min-width: 0;
  direction: rtl;
}
.main-content .lm827-side-panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  min-width: 0;
}
.main-content .lm827-single-layout .lm827-side-panels > .lm827-single-sidebar {
  margin: 0 !important;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
@media(min-width:1121px) {
  @container (min-width: 630px) {
    .lm827-side-panels.has-lyrics {
      grid-template-columns: minmax(245px, .84fr) minmax(330px, 1.16fr);
    }
  }
}
.main-content .lm827-lyrics-window {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #1b1e24;
  border: 1px solid #363a43;
  border-radius: 22px;
  box-shadow: none;
  color: #edf0ef;
}
.lm827-lyrics-window-header {
  padding: 20px 20px 17px;
  border-bottom: 1px solid #343941;
  background: linear-gradient(135deg, #242a27 0%, #1c2025 76%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.lm827-lyrics-window-heading {display:flex;align-items:center;gap:12px;min-width:0}
.lm827-lyrics-window-mark {
  display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
  border:1px solid #69825e55;background:#90b27516;color:#bce699;border-radius:12px;
}
.lm827-lyrics-window-heading h2 {font-size:clamp(17px,1.45vw,23px);line-height:1.7;margin:4px 0 0;letter-spacing:-.3px}
.lm827-lyrics-window-heading h2 span {color:#b9e38d}
.lm827-lyrics-window-heading .lm-overline {font-size:9px;letter-spacing:1.1px;color:#a4c691}
.lm827-lyrics-window-status {
  display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;
  font:700 9px Arial,sans-serif;letter-spacing:1px;
  padding:7px 9px;border:1px solid #445246;color:#b7c9b0;border-radius:999px;
}
.lm827-lyrics-window-status span {width:6px;height:6px;border-radius:50%;background:#a5d87b}
.lm827-lyrics-window .lm-lyrics-tabs {
  margin:0;flex-wrap:nowrap;gap:4px;padding:14px 15px 13px;
  border-bottom:1px solid #ffffff0e;overflow-x:auto;scrollbar-width:thin;
}
.lm827-lyrics-window .lm-lyrics-tabs button {
  flex:0 0 auto;font-size:12px;padding:9px 11px;border-radius:10px;
  background:transparent;border-color:transparent;color:#aeb5be;
}
.lm827-lyrics-window .lm-lyrics-tabs button[aria-selected="true"] {
  background:#85b7641b;border-color:#a4d77a55;color:#d6ffb2;
}
.lm827-lyrics-window .lm-lyrics-copy {
  min-width:0;margin:0;max-height:480px;min-height:215px;
  border:0;border-radius:0;background:transparent;
  padding:19px 24px 24px;line-height:2.45;font-size:14px;
  overscroll-behavior:contain;
}
.lm827-lyrics-window .lm-lyrics-copy:focus-visible {outline:2px solid #b8e68a;outline-offset:-2px}
@media(max-width:760px){
  .main-content .lm827-side-panels {gap:14px}
  .main-content .lm827-lyrics-window {border-radius:16px}
  .lm827-lyrics-window-header {padding:16px}
  .lm827-lyrics-window .lm-lyrics-copy {min-height:170px;max-height:380px;padding:16px;font-size:14px}
}
@media(max-width:365px) {
  .lm827-lyrics-window-status {display:none}
  .lm827-lyrics-window .lm-lyrics-tabs {padding-inline:9px}
  .lm827-lyrics-window .lm-lyrics-tabs button {font-size:11px;padding:8px 9px}
}

/* Collapsed: the original player CSS still lays out the normal controls. */
#global-player > .lm-player-control-deck {display:contents}

/* Expanded: the SAME player becomes taller, retaining its original fixed
   bottom position, background, outline, radii, and playback controls. */
#global-player.player.lm-lyrics-dock {
  height:var(--lm-lyrics-base-height) !important;
  min-height:0 !important;
  box-sizing:border-box;
  transition:height .44s cubic-bezier(.22,.74,.16,1) !important;
}
#global-player.player.lm-lyrics-dock.lm-lyrics-expanded {
  height:calc(var(--lm-lyrics-base-height) + var(--lm-lyrics-panel-height)) !important;
}
#global-player.player.lm-lyrics-dock > .lm-player-control-deck {
  display:grid;
  position:absolute;
  inset:auto 0 0;
  width:100%;
  height:var(--lm-lyrics-base-height);
  min-height:0;
  padding:inherit;
  grid-template-columns:inherit;
  grid-template-rows:inherit;
  column-gap:inherit;
  row-gap:inherit;
  align-items:center;
  box-sizing:border-box;
  z-index:2;
}
#global-player.player > .lm-player-lyrics-panel {
  position:absolute;
  inset:0 0 var(--lm-lyrics-base-height, 100%) !important;
  width:100% !important;
  height:auto !important;
  max-width:none;
  max-height:none;
  border:0 !important;
  border-bottom:1px solid #ffffff1a !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  z-index:1;
  opacity:0;
  transform:translateY(15px);
  transition:opacity .30s ease,transform .44s cubic-bezier(.22,.74,.16,1);
  pointer-events:none;
  overflow:hidden;
}
#global-player.player.lm-lyrics-expanded > .lm-player-lyrics-panel {
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
#global-player.player > .lm-player-lyrics-panel[hidden] {display:none !important}
#global-player .lm-player-lyrics-head {
  flex:0 0 auto; padding:14px 22px 12px; min-height:67px;box-sizing:border-box;
}
#global-player .lm-player-lyrics-head small {font-size:10px;letter-spacing:1.6px;color:#aad392}
#global-player .lm-player-lyrics-head strong {font-size:17px}
#global-player .lm-player-lyrics-head [data-lyrics-close] {
  flex:0 0 34px;display:grid;place-items:center;
  width:34px;height:34px;border:1px solid #ffffff20;background:#ffffff0b;
  border-radius:10px;transition:background .18s ease,color .18s ease;
}
#global-player .lm-player-lyrics-head [data-lyrics-close]:hover {background:#ffffff1d;color:#c7eea5}
#global-player .lm-player-lyrics-modes {padding:9px 19px 13px;flex:0 0 auto;gap:7px}
#global-player .lm-player-lyrics-modes button[hidden] {display:none}
#global-player .lm-player-lyrics-body {
  min-height:0;flex:1;overscroll-behavior:contain;
  padding:7px clamp(16px,4vw,34px) 24px;
  font-size:clamp(13px,1.2vw,15px);
  scrollbar-color:#677d60 transparent;
}
#global-player .lm-player-lyrics-body::-webkit-scrollbar{width:6px}
#global-player .lm-player-lyrics-body::-webkit-scrollbar-thumb{background:#677d60;border-radius:8px}
#global-player .lm-player-lyrics-line {line-height:2.0}
#global-player #player-lyrics-open[aria-expanded="true"] {color:#c7f2a1 !important;background:#99c47a22}
@media(max-width:760px){
  #global-player.player.lm-lyrics-dock > .lm-player-control-deck {
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:51px 52px !important;
    row-gap:25px !important;
    padding:12px 14px !important;
  }
  #global-player.player > .lm-player-lyrics-panel {inset-inline:0 !important;border-radius:0 !important}
  #global-player .lm-player-lyrics-head {padding:11px 16px 9px;min-height:60px}
  #global-player .lm-player-lyrics-head strong {font-size:15px}
  #global-player .lm-player-lyrics-modes {padding:7px 12px 9px}
  #global-player .lm-player-lyrics-modes button {font-size:11px}
  #global-player .lm-player-lyrics-body {padding:5px 16px 16px;font-size:14px;line-height:2.3}
}
@media(prefers-reduced-motion:reduce){
  #global-player.player.lm-lyrics-dock {transition:none !important}
  #global-player.player > .lm-player-lyrics-panel {transition:none !important}
}

/* v1.1.16: keep the lyrics close glyph perfectly centered, including when
   Font Awesome replaces its <i> with an inline SVG. */
#global-player .lm-player-lyrics-head [data-lyrics-close] {
  display:flex !important;align-items:center !important;justify-content:center !important;
  padding:0 !important;line-height:1 !important;box-sizing:border-box;
}
#global-player .lm-player-lyrics-head [data-lyrics-close] > svg,
#global-player .lm-player-lyrics-head [data-lyrics-close] > .svg-inline--fa {
  display:block !important;width:15px;height:15px;max-width:15px;max-height:15px;
  margin:0 !important;flex:0 0 15px;vertical-align:middle;
}
#global-player .lm-player-lyrics-head [data-lyrics-close] > i {
  display:flex;align-items:center;justify-content:center;line-height:1;margin:0;
}
