/* Early semantic defaults, replaced by the full application theme once loaded. */
:root {
  --background: 0 0% 100%;
  --primary: 158.75 100% 9.4117647059%;
  --border: 36 14% 86%;
  --gold: 37.9245283019 96.3636363636% 56.862745098%;
}

#initial-splash {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: hsl(var(--background));
  color: hsl(var(--primary));
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  z-index: 1;
}

#initial-splash .splash-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 24px;
}

#initial-splash .mark { display: block; width: 340px; max-width: 100%; }
#initial-splash .mark img { display: block; width: 100%; height: auto; }
#initial-splash .mark svg { flex-shrink: 0; }
#initial-splash .words { display: flex; flex-direction: column; line-height: 1; font-weight: 600; white-space: nowrap; }
#initial-splash .ar { font-size: 1.3rem; text-align: end; line-height: 1.25; }
#initial-splash .en { margin-top: 2px; font-size: 1rem; letter-spacing: 0.06em; }

#initial-splash .loading-track {
  position: relative;
  width: 64px;
  height: 2px;
  overflow: hidden;
  border-radius: 2px;
  background: hsl(var(--border));
}

#initial-splash .loading-track::after {
  content: "";
  position: absolute;
  inset: 0;
  background: hsl(var(--primary));
  transform: translateX(-100%);
  animation: startup-progress 1.6s ease-in-out infinite;
}

@keyframes startup-progress {
  to { transform: translateX(100%); }
}

@media (prefers-reduced-motion: reduce) {
  #initial-splash .loading-track::after {
    animation: none;
    transform: scaleX(0.5);
  }
}