.cf-player{
  --player-bg:#201C19;
  --player-accent:#D9A02E;
  --player-text:#F5F1E8;
  --player-muted:#a89f92;
  position:fixed; left:0; right:0; bottom:0; z-index:9999;
  background:var(--player-bg); color:var(--player-text);
  display:flex; align-items:center; gap:14px; padding:10px 18px;
  font-family:'Work Sans', Arial, sans-serif; font-size:14px;
  box-shadow:0 -2px 10px rgba(0,0,0,0.25);
  transition:transform .25s ease;
}
.cf-player.collapsed{ transform:translateY(calc(100% - 40px)); }
.visually-hidden{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);}

.cf-player-eq{ display:flex; align-items:flex-end; gap:3px; height:22px; width:26px; flex-shrink:0; }
.cf-player-eq span{ width:4px; background:var(--player-accent); height:20%; border-radius:1px; }
.cf-player.playing .cf-player-eq span{ animation: cfEq 0.9s ease-in-out infinite; }
.cf-player-eq span:nth-child(1){animation-delay:0s;}
.cf-player-eq span:nth-child(2){animation-delay:0.15s;}
.cf-player-eq span:nth-child(3){animation-delay:0.3s;}
.cf-player-eq span:nth-child(4){animation-delay:0.1s;}
.cf-player-eq span:nth-child(5){animation-delay:0.25s;}
@keyframes cfEq{ 0%,100%{height:20%;} 50%{height:100%;} }

.cf-player-artwork{ width:38px; height:38px; border-radius:3px; object-fit:cover; background:#3a332c; flex-shrink:0; }
.cf-player-info{ min-width:120px; max-width:220px; overflow:hidden; }
.cf-player-title{ font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cf-player-artist{ font-size:12px; color:var(--player-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cf-track-sponsor{ font-size:11px; margin-top:2px; }
.cf-track-sponsor a{ color:var(--player-accent); text-decoration:none; }

.cf-player-controls{ display:flex; gap:10px; flex-shrink:0; }
.cf-player-controls button{ background:none; border:none; color:var(--player-text); font-size:13px; cursor:pointer; padding:6px; }
.cf-player-controls button:hover{ color:var(--player-accent); }
#cfPlayPause{ border:1px solid var(--player-accent); border-radius:50%; width:32px; height:32px; display:flex; align-items:center; justify-content:center; color:var(--player-accent); }

.cf-player-progress-wrap{ flex:1; display:flex; align-items:center; gap:8px; min-width:120px; font-size:11px; color:var(--player-muted); }
.cf-player-progress-wrap input[type=range]{ flex:1; accent-color:var(--player-accent); }

.cf-player-volume input[type=range]{ width:70px; accent-color:var(--player-accent); }

.cf-player-sponsor{ flex-shrink:0; display:flex; align-items:center; gap:8px; min-width:160px; max-width:300px; border-left:1px solid rgba(245,241,232,0.15); padding-left:14px; }
.cf-sponsor-label{ font-size:10px; text-transform:uppercase; letter-spacing:0.5px; color:var(--player-muted); white-space:nowrap; }

.cf-player-collapse{ background:none; border:none; color:var(--player-muted); flex-shrink:0; cursor:pointer; }

@media(max-width:760px){
  .cf-player-info{ display:none; }
  .cf-player-volume{ display:none; }
  .cf-player-sponsor{ display:none; }
  .cf-player-progress-wrap{ min-width:60px; }
}