/* Minimal global CSS (Tailwind does most styling) */
:root {
  color-scheme: dark;
}

/* Better focus visibility for keyboard users */
:focus-visible {
  outline: none;
}

/* Subtle animated background grid */
.wsh-grid {
  background-image: radial-gradient(rgba(148, 163, 184, 0.12) 1px, transparent 1px);
  background-size: 24px 24px;
}

/* Smooth page transitions */
.wsh-fade-in {
  animation: wshFadeIn 220ms ease-out both;
}
@keyframes wshFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Simple spinner */
.wsh-spinner {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(148, 163, 184, 0.35);
  border-top-color: rgba(34, 211, 238, 0.95);
  border-radius: 9999px;
  animation: wshSpin 700ms linear infinite;
}
@keyframes wshSpin {
  to { transform: rotate(360deg); }
}