/* Meadow bg / brand, light and dark. Removed on Flutter's first frame. */
html, body { margin: 0; height: 100%; background: #f5f7f2; }
#splash {
  position: fixed; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 24px;
  transition: opacity 200ms ease-out;
}
#splash.is-done { opacity: 0; }
.splash-logo {
  width: 64px; height: 64px; border-radius: 18px; background: #1e6b45; color: #ffffff;
  display: flex; align-items: center; justify-content: center;
}
.splash-bar { width: 120px; height: 5px; border-radius: 999px; background: #dce3da; overflow: hidden; }
.splash-bar span {
  display: block; width: 40%; height: 100%; border-radius: 999px; background: #1e6b45;
  animation: splash-slide 1.1s ease-in-out infinite;
}
@keyframes splash-slide { from { transform: translateX(-100%); } to { transform: translateX(250%); } }
@media (prefers-reduced-motion: reduce) { .splash-bar span { animation: none; width: 100%; } }
@media (prefers-color-scheme: dark) {
  html, body { background: #0f1612; }
  .splash-logo { background: #5fc08a; color: #0b1f14; }
  .splash-bar { background: #2a3830; }
  .splash-bar span { background: #5fc08a; }
}