/* Reset Tailwind override if needed */

/* Splash Screen Transitions */
#splash {
  transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}
#splash.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Shake Animation for bad password */
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
  20%, 40%, 60%, 80% { transform: translateX(5px); }
}

.shake {
  animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
}

/* Custom Utilities not in Tailwind CDN */
body {
  /* Prevent bounce on iOS */
  overscroll-behavior-y: none;
}

/* Focus outline fix for accessibility + aesthetics */
input:focus {
  outline: none;
}