/* ==========================================================
   Streak Badge Component — Fire streak display
   ========================================================== */

.streak-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--font-lg);
  font-weight: var(--weight-bold);
  color: var(--tg-theme-text-color);
}

.streak-icon {
  font-size: 24px;
  line-height: 1;
}

/* Fire animation for streaks >= 7 days */
.streak-icon.hot {
  animation: streak-pulse 1s ease-in-out infinite;
}

@keyframes streak-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.15); }
}