/* The page behind the Flutter view: brand yellow so the first paint matches the launch screen. */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; background: #FEE033; }

/* Preloader: SUPA mark + a sliding ink bar, removed by the app once /config is in. */
.preloader {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
  background: #FEE033;
}
.preloader-logo {
  width: 96px;
  height: 96px;
  border-radius: 24px;
  box-shadow: 0 12px 32px rgba(26, 26, 26, 0.18);
}
.preloader-bar {
  width: 120px;
  height: 4px;
  border-radius: 999px;
  background: rgba(26, 26, 26, 0.15);
  overflow: hidden;
}
.preloader-bar span {
  display: block;
  width: 36px;
  height: 100%;
  border-radius: 999px;
  background: #1A1A1A;
  animation: supa-slide 1400ms ease-in-out infinite;
}
@keyframes supa-slide {
  0%   { transform: translateX(-40px); }
  50%  { transform: translateX(124px); }
  100% { transform: translateX(-40px); }
}
.preloader-late {
  font: 15px/1.4 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #1A1A1A;
}
.preloader-late a { color: #1A1A1A; font-weight: 700; }
@media (prefers-reduced-motion: reduce) {
  .preloader-bar span { animation: none; width: 100%; opacity: 0.6; }
}