/* Branded splash shown until Flutter paints its first frame (flutter_bootstrap.js removes it). */
html, body { margin: 0; height: 100%; background: #F7F7F4; }
#splash {
  position: fixed; inset: 0; display: flex; align-items: center; justify-content: center;
  background: #F7F7F4; transition: opacity 200ms ease-out;
}
#splash img { border-radius: 22px; animation: splash-pulse 1.6s ease-in-out infinite; }
#splash.hidden { opacity: 0; pointer-events: none; }
@keyframes splash-pulse { 50% { opacity: 0.6; } }
@media (prefers-reduced-motion: reduce) { #splash img { animation: none; } }