/* =====================================================================
   Wspólne style (to, czego nie da się wygodnie zrobić klasami Tailwinda)
   ===================================================================== */

/* "Podskok" licznika temperatury po oddaniu głosu */
@keyframes pop { 0% { transform: scale(1); } 40% { transform: scale(1.25); } 100% { transform: scale(1); } }
.pop { animation: pop 0.35s ease-out; }

/* Powiadomienie (toast) na dole ekranu */
.toast-enter { opacity: 0; transform: translateY(10px); }
.toast-show  { opacity: 1; transform: translateY(0); transition: all .25s ease; }

/* Osoby, które wyłączyły animacje w systemie, nie zobaczą "podskoku" */
@media (prefers-reduced-motion: reduce) {
  .pop { animation: none; }
  .toast-show { transition: none; }
}