.podcast-bar{
  position: fixed; right: 1rem; bottom: 1rem; z-index: 1060;
  background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.15);
  padding: .75rem .9rem; display: flex; gap: .8rem; align-items: center; max-width: 420px; width: calc(100% - 2rem);
}
.podcast-bar .bar-cover{ width: 52px; height: 52px; border-radius: 10px; object-fit: cover; }
.podcast-bar .bar-meta{ flex: 1; min-width: 0; }
.podcast-bar .bar-title-time{ display: flex; justify-content: space-between; gap: .5rem; }
.podcast-bar #barTitle{ max-width: 240px; }
.podcast-bar input[type=range]{ width: 100%; accent-color: #ff6c00; }
.podcast-bar .bar-controls{ display: flex; align-items: center; gap: .5rem; margin-top: .35rem; }
.podcast-bar .btn-icon{
  border: 0; background: #f3f3f3; border-radius: 10px; padding: .35rem .5rem; line-height: 1;
}
.podcast-bar .btn-icon:hover{ background: #e9e9e9; }
.podcast-bar .bar-right{ display: flex; align-items: center; gap: .45rem; margin-left: auto; }
.podcast-bar #barVolume{ width: 80px; }
@media (max-width: 420px){
  .podcast-bar{ left: .75rem; right: .75rem; }
  .podcast-bar #barTitle{ max-width: 160px; }
}