@keyframes pulse-bounce {
  0% {
	transform: scale(1);
	box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  50% {
	transform: scale(1.05);
	box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
  100% {
	transform: scale(1);
	box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}

.live-badge-public {
  display: inline-flex;
  align-items: center;
  background: #ff4444;
  color: white;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  animation: pulse-bounce 1.5s infinite;
  margin-bottom: 2%;
}

.live-badge-public::before {
  content: "●";
  margin-right: 6px;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}