:root{ --gpap-text:#ffffff; }
.gpap-root{ position:fixed; left:0; right:0; bottom:0; z-index:9999; font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.gpap-bar{
  display:flex; align-items:center; gap:.75rem; padding:.6rem .9rem;
  background: linear-gradient(90deg, var(--gpap-bg-start,#1a0f24), var(--gpap-bg-end,#2b0a3d));
  color: var(--gpap-text); box-shadow: 0 -6px 24px rgba(0,0,0,.25);
}
.gpap-btn{ background:transparent; border:1px solid rgba(255,255,255,.2); color:#fff; padding:.4rem .55rem; border-radius:.5rem; cursor:pointer }
.gpap-btn:hover{ border-color: var(--gpap-accent,#f6c945); color: var(--gpap-accent,#f6c945) }
.gpap-meta{ display:flex; align-items:center; gap:.6rem; min-width: 220px; }
.gpap-cover{ width:44px; height:44px; object-fit:cover; border-radius:.5rem; background:#000; }
.gpap-titles{ display:flex; flex-direction:column; line-height:1.15 }
.gpap-title{ font-weight:600 }
.gpap-artist{ opacity:.8; font-size:.9em }
.gpap-track{ flex:1; display:flex; align-items:center; gap:.5rem }
.gpap-seek{ width:100% }
.gpap-time{ font-variant-numeric: tabular-nums; opacity:.9 }
.gpap-vol input{ width:110px }
body{ padding-bottom:76px; } /* keep content visible above player */