/* Shown while the app downloads; removed by flutter_bootstrap.js. */
html, body {
  margin: 0;
  height: 100%;
  background: #0B0C10;
  color: #A3B1BD;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

#splash {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: linear-gradient(135deg, #0F1A1C, #0B0C10 50%, #1A0F22);
  transition: opacity 200ms ease-out;
}

#splash img { border-radius: 18px; }

#splash .name {
  margin: 4px 0 8px;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
}

#splash .bar {
  width: 160px;
  height: 3px;
  border-radius: 2px;
  overflow: hidden;
  background: rgba(69, 162, 158, 0.2);
}

#splash .bar span {
  display: block;
  width: 40%;
  height: 100%;
  background: #45A29E;
  animation: slide 1.1s ease-in-out infinite;
}

#splash .hint { margin: 0; font-size: 13px; color: #6A7A88; }

#splash.failed .bar { display: none; }
#splash.failed .hint { color: #FF8A3D; max-width: 300px; text-align: center; line-height: 1.4; }

.noscript { padding: 24px; text-align: center; }

@keyframes slide {
  from { transform: translateX(-100%); }
  to { transform: translateX(250%); }
}

@media (prefers-reduced-motion: reduce) {
  #splash .bar span { animation: none; width: 100%; opacity: 0.6; }
  #splash { transition: none; }
}