body { font-family: 'Inter', system-ui, sans-serif; }

.filter-btn {
  display: inline-flex;
  align-items: center;
  padding: 0.22rem 0.6rem;
  white-space: nowrap;
  flex-shrink: 0;
  border-radius: 999px;
  border-width: 1px;
  font-size: 0.72rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  font-family: inherit;
}

@keyframes fadeSlideUp {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

.card-anim {
  opacity: 0;
  animation: fadeSlideUp 0.3s ease forwards;
}

[x-cloak] { display: none !important; }