/* HeartVibe v6.8 — player UI + integrated album panel. No layout-changing drawer. */
.albumDrawer{display:none!important}
.releaseCard.albumHost{position:relative!important;isolation:isolate!important;overflow:hidden!important}
.albumPanel{position:absolute;inset:10px;z-index:45;overflow:hidden;border:1px solid rgba(255,255,255,.30);border-radius:20px;padding:12px;background:
  radial-gradient(120% 75% at 50% -15%,rgba(255,255,255,.18),transparent 42%),
  linear-gradient(145deg,rgba(22,16,34,.94),rgba(8,8,17,.96) 56%,rgba(20,13,31,.94));
  box-shadow:inset 0 2px 1px rgba(255,255,255,.30),inset 0 -3px 7px rgba(0,0,0,.42),0 18px 46px rgba(0,0,0,.42),0 0 34px color-mix(in srgb,var(--vibe-b,#8f62ff) 12%,transparent);
  backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(9px) scale(.985);transform-origin:50% 55%;transition:opacity .20s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility .20s}
.albumPanel::before{content:"";position:absolute;inset:1px;border-radius:18px;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.18),transparent 22%,transparent 66%,rgba(75,225,255,.07));mix-blend-mode:screen}
.albumPanel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.albumPanelHead{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 11px;border-bottom:1px solid rgba(255,255,255,.09)}
.albumPanelHead small{display:block;color:#aaa4b4;font-size:.60rem;letter-spacing:.14em;text-transform:uppercase}.albumPanelHead strong{display:block;margin-top:4px;font-size:.86rem}.albumPanelClose{width:34px;height:34px;border-radius:50%!important;color:#fff;display:grid;place-items:center;cursor:pointer;font-size:1.05rem}
.albumPanelList{position:relative;z-index:2;display:grid;gap:6px;max-height:calc(100% - 59px);overflow:auto;padding:10px 2px 4px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.albumPanel .albumTrack{width:100%;border-radius:13px!important;padding:8px 9px;display:grid;grid-template-columns:28px minmax(0,1fr) auto 29px;align-items:center;gap:8px;color:#fff;text-align:left;cursor:pointer}
.albumPanel .albumTrack.active{--track-progress:0%;border-color:color-mix(in srgb,var(--vibe-c,#4be1ff) 42%,rgba(255,255,255,.25))!important;background:linear-gradient(90deg,color-mix(in srgb,var(--vibe-a,#ff3f8e) 18%,transparent) var(--track-progress),rgba(255,255,255,.07) var(--track-progress))!important;box-shadow:inset 0 1px rgba(255,255,255,.26),0 0 19px color-mix(in srgb,var(--vibe-b,#8f62ff) 13%,transparent)!important}
.albumPanel .albumTrackNo{font-size:.61rem}.albumPanel .albumTrackTitle{font-size:.71rem}.albumPanel .albumTrackTime{font-size:.61rem}.albumPanel .albumTrackPlay{width:27px;height:27px}
.previewPlayButton[data-state="playing"] .previewPlayIcon::before,.albumTrack.active[data-state="playing"] .albumTrackPlay::before{content:""!important;display:block!important;width:10px!important;height:12px!important;background:linear-gradient(90deg,#fff 0 3px,transparent 3px 7px,#fff 7px 10px)!important;border:0!important;margin:0!important;transform:none!important}
.previewPlayButton[data-state="playing"] .previewPlayIcon,.albumTrack.active[data-state="playing"] .albumTrackPlay{font-size:0!important;padding:0!important}
@media(max-width:700px),(pointer:coarse){.albumPanel{inset:8px;padding:10px;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(145deg,rgba(18,13,29,.99),rgba(9,8,17,.995))}.albumPanelList{gap:5px}.albumPanel .albumTrack{grid-template-columns:25px minmax(0,1fr) 27px;padding:8px}.albumPanel .albumTrackTime{display:none}.albumPanel .albumTrackTitle{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.albumPanel{transition:none!important}}