/* Pill — small status link announcing what the studio is working on now */

.pill {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.45rem 0.95rem 0.45rem 0.75rem;
  font-size: 0.84rem;
  color: var(--ink-soft);
  text-decoration: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 0 0 1px var(--line-strong);
  transition: box-shadow 0.2s ease;
}
.pill:hover {
  box-shadow: inset 0 0 0 1px var(--gold);
}
.pill strong {
  color: var(--ink);
  font-weight: 600;
}

.pill__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--teal-bright);
  box-shadow: 0 0 0 0 var(--teal-bright);
  animation: pill-pulse 2s ease-out infinite;
}

@keyframes pill-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(79, 209, 217, 0.6);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(79, 209, 217, 0);
  }
}