/* As barras que dançam com a música (Pedro, 27/10/2026; audio-bars.js). Em repouso, um desenho baixo e calmo; tocando, o script move cada
   barra pela escala vertical, do meio para cima e para baixo. */
.fk-barras {
  --fk-barras-cor: var(--lima, #d7ff3f);
  display: flex; align-items: center; justify-content: center; gap: 3px; width: 100%; height: 56px; pointer-events: none;
}
.fk-barras > i {
  flex: 1 1 0; max-width: 6px; height: 100%; border-radius: 999px; background: var(--fk-barras-cor);
  transform: scaleY(.1); transform-origin: center; transition: transform 90ms linear, opacity .3s ease; opacity: .55;
}
.fk-barras.is-tocando > i { opacity: 1; }
.fk-barras:not(.is-tocando) > i:nth-child(4n + 1) { transform: scaleY(.16); }
.fk-barras:not(.is-tocando) > i:nth-child(4n + 2) { transform: scaleY(.28); }
.fk-barras:not(.is-tocando) > i:nth-child(4n + 3) { transform: scaleY(.2); }
/* O palco da Community: as barras grandes no meio do quadro, sobre o fundo escuro da música. */
.fk-barras--palco { height: 42%; gap: 5px; width: 78%; }
.fk-barras--palco > i { max-width: 9px; }
/* A miniatura do feed: o desenho parado, só para dizer que ali tem música. */
.fk-barras--mini { height: 38%; width: 62%; gap: 3px; }
.fk-barras--mini > i { max-width: 5px; }
@media (prefers-reduced-motion: reduce) { .fk-barras > i { transition: none; } }