/* Inter & JetBrains Mono via Google Fonts (free CDN) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

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

/* Subtle scrollbar styling for the activity feed */
.activity-scroll {
  scrollbar-width: thin;
  scrollbar-color: #2a3654 transparent;
}
.activity-scroll::-webkit-scrollbar { width: 6px; }
.activity-scroll::-webkit-scrollbar-track { background: transparent; }
.activity-scroll::-webkit-scrollbar-thumb { background: #2a3654; border-radius: 3px; }
.activity-scroll::-webkit-scrollbar-thumb:hover { background: #3b82f6; }

/* New event slide-in animation */
.animate-fade-in {
  animation: fadeIn 320ms ease-out;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Pulsing live indicator dot */
.live-pulse {
  box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6);
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0%   { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6); }
  70%  { box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
  100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* Toast slide-in */
.animate-toast-in {
  animation: toastIn 280ms cubic-bezier(0.21, 1.02, 0.73, 1);
}
@keyframes toastIn {
  from { opacity: 0; transform: translateX(20px) scale(0.96); }
  to   { opacity: 1; transform: translateX(0) scale(1); }
}

/* Subtle global feel */
body { font-feature-settings: "ss01", "cv11"; }
.font-mono { font-feature-settings: "tnum"; }