
/* Novo modelo visual: espectro de cápsulas luminosas com pulso orgânico. */
#podcastDrawer .podcast-waveform{
  position:relative!important;
  height:58px!important;
  padding:0 2px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:0!important;
  overflow:visible!important;
}
#podcastDrawer .podcast-waveform::before{
  content:"";
  position:absolute;
  left:0!important;
  right:0!important;
  top:50%!important;
  height:1px!important;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,#4dbbff 12%,#b7f4ff 50%,#4dbbff 88%,transparent);
  box-shadow:0 0 10px rgba(75,190,255,.75);
  opacity:.72;
}
#podcastDrawer .podcast-waveform i{
  position:relative!important;
  z-index:1!important;
  flex:0 1 4px!important;
  width:4px!important;
  min-width:3px!important;
  max-width:5px!important;
  height:25px!important;
  margin:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#bdf5ff 0%,#39b5ff 42%,#246ce8 100%)!important;
  box-shadow:0 0 8px rgba(57,181,255,.72),0 0 18px rgba(43,113,255,.28)!important;
  transform-origin:center!important;
  animation:podcastWaveFluid 1.65s cubic-bezier(.37,.02,.26,1) infinite!important;
}
#podcastDrawer .podcast-waveform i:nth-child(2n){height:31px!important;animation-delay:-.12s!important}
#podcastDrawer .podcast-waveform i:nth-child(3n){height:40px!important;animation-delay:-.27s!important}
#podcastDrawer .podcast-waveform i:nth-child(4n){height:18px!important;animation-delay:-.41s!important}
#podcastDrawer .podcast-waveform i:nth-child(5n){height:48px!important;animation-delay:-.58s!important}
#podcastDrawer .podcast-waveform i:nth-child(7n){height:35px!important;animation-delay:-.73s!important}
@keyframes podcastWaveFluid{
  0%,100%{transform:scaleY(.34);opacity:.42;filter:brightness(.86)}
  24%{transform:scaleY(.72);opacity:.74;filter:brightness(1)}
  50%{transform:scaleY(1.08);opacity:1;filter:brightness(1.16)}
  76%{transform:scaleY(.58);opacity:.66;filter:brightness(.96)}
}
@media(max-width:520px){
  #podcastDrawer .podcast-waveform{height:42px!important}
  #podcastDrawer .podcast-waveform i{flex-basis:3px!important;width:3px!important;min-width:2px!important}
}
@media(prefers-reduced-motion:reduce){
  #podcastDrawer .podcast-waveform i{animation:none!important;transform:scaleY(.7)!important;opacity:.82!important}
}
