/* Minimal global polish beyond Tailwind */
:root{color-scheme:dark;}

/* Smooth page transitions */
.fade-enter{opacity:0; transform:translateY(6px);}
.fade-enter-active{opacity:1; transform:translateY(0); transition:opacity 220ms ease, transform 220ms ease;}

/* Subtle animated grid background */
.bg-grid{
  background-image:
    radial-gradient(transparent 1px, rgba(2,6,23,0.92) 1px),
    linear-gradient(to right, rgba(34,211,238,0.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(34,211,238,0.08) 1px, transparent 1px);
  background-size: 24px 24px, 48px 48px, 48px 48px;
  background-position: 0 0, 0 0, 0 0;
}

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

/* Prevent layout shift for skeletons */
.skeleton{background:linear-gradient(90deg, rgba(148,163,184,0.10), rgba(148,163,184,0.18), rgba(148,163,184,0.10)); background-size:200% 100%; animation:skeleton 1.2s ease-in-out infinite;}
@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}