/* Shared first-paint and login background. No JavaScript means normal HTML remains visible. */
html[data-interthreadwind-startup] body,
body.login-page-gradient {
  --login-purple-light: #c9a7ff;
  --login-purple-medium: #7650bd;
  --login-purple-dark: #26133f;
  background-color: var(--login-purple-dark) !important;
  background-image:
    radial-gradient(
      circle at 18% 22%,
      rgba(235, 222, 255, 0.58) 0%,
      rgba(201, 167, 255, 0.26) 24%,
      rgba(201, 167, 255, 0) 54%
    ),
    radial-gradient(
      circle at 82% 30%,
      rgba(168, 123, 229, 0.44) 0%,
      rgba(118, 80, 189, 0.2) 32%,
      rgba(118, 80, 189, 0) 60%
    ),
    radial-gradient(
      circle at 48% 82%,
      rgba(91, 50, 143, 0.46) 0%,
      rgba(38, 19, 63, 0.34) 38%,
      rgba(38, 19, 63, 0) 68%
    ),
    linear-gradient(
      145deg,
      #c9a7ff 0%,
      #7650bd 48%,
      #26133f 100%
    ) !important;
  min-height: 100vh;
  min-height: 100dvh;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}


html[data-interthreadwind-startup="pending"] #root,
html[data-interthreadwind-startup="pending"] #root-login-link,
html[data-interthreadwind-startup="pending"] #server-public-navigation {
  visibility: hidden;
}

html[data-interthreadwind-startup] body { margin: 0; }
html[data-interthreadwind-startup="fallback"] body { color: #f4f1ff; }
html[data-interthreadwind-startup="fallback"] #root-login-link a,
html[data-interthreadwind-startup="fallback"] #server-public-navigation a { color: #1ff4ee; }