/* Анимации активных табов. Единый язык: активный таб живёт ВЕЧНОЙ ТИХОЙ ПЕТЛЁЙ,
   без акцента на тапе — как крутящийся винил Главной (vinyl.css). Сердце «Мне
   нравится» бьётся двойным толчком «туц-туц»; «Поддержать» — тихо колышется
   огонёк. Подключён ДО responsive.css. Всё замирает под prefers-reduced-motion.

   Целим строго активную ТАБ-иконку (`.tab[data-tab=…].tab--on .ic--fill`), чтобы
   не задеть те же глифы в мини-плеере/списках. */

/* ---------- сердце (Мне нравится): вечное тихое сердцебиение ---------- */
.tab[data-tab="library"].tab--on .ic--fill {
  transform-origin: 50% 56%;                     /* визуальный центр масс сердца ниже геом. */
  animation: tab-heartbeat 1.5s var(--ease) infinite;
}
/* Двойной толчок с паузой: удар — лёгкий отскок — второй удар — покой. Амплитуда
   крошечная (≤1.17), чтобы в баре читалось «живое сердце», а не дёрганье. */
@keyframes tab-heartbeat {
  0%, 42%, 100% { transform: scale(1); }
  8%  { transform: scale(1.17); }
  17% { transform: scale(1.0); }
  26% { transform: scale(1.12); }
  38% { transform: scale(1.0); }
}

/* ---------- бриллиант (Поддержать): тихий двойной блеск-глинт ---------- */
/* Round brilliant (#i-gem-f). Долгий покой, затем «камень ловит свет»: грань чуть
   темнеет (opacity), яркая вспышка на пике scale, короткая осадка и второй тихий
   винк — заметно (жалоба «огонёк не видно»), но премиально. transform + drop-shadow. */
@keyframes gem-glint {
  0%, 56%   { transform: scale(1);    opacity: 1;  filter: drop-shadow(0 0 0 rgba(94, 144, 255, 0)); }
  63%       { transform: scale(1.03); opacity: .9; filter: drop-shadow(0 0 0 rgba(94, 144, 255, 0)); }      /* грань уходит в тень */
  70%       { transform: scale(1.1);  opacity: 1;  filter: drop-shadow(0 0 2.5px rgba(94, 144, 255, .5)); } /* вспышка — поймал свет */
  77%       { transform: scale(.99);  opacity: 1;  filter: drop-shadow(0 0 1px rgba(94, 144, 255, .18)); }  /* осадка */
  84%       { transform: scale(1.04); opacity: 1;  filter: drop-shadow(0 0 1.5px rgba(94, 144, 255, .3)); } /* второй тихий винк */
  92%, 100% { transform: scale(1);    opacity: 1;  filter: drop-shadow(0 0 0 rgba(94, 144, 255, 0)); }
}
.tab[data-tab="subscribe"].tab--on .ic--fill {
  transform-origin: 50% 50%;                     /* центр камня: искра расходится симметрично */
  animation: gem-glint 3.2s ease-in-out infinite;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .tab[data-tab="library"].tab--on .ic--fill,
  .tab[data-tab="subscribe"].tab--on .ic--fill { animation: none !important; transform: none !important; }
}