/* Critical startup styles load before JavaScript on every route. */
:root {
  --loading-background: hsl(220 38% 3%);
  --loading-foreground: hsl(218 31% 95%);
  --loading-accent: hsl(38 53% 64%);
  --loading-border: hsl(218 25% 30%);
}
html {
  background: var(--loading-background);
}
body:has(#root > .cj-loading),
body:has(#root > .cj-fallback) {
  margin: 0;
  background: var(--loading-background);
  color: var(--loading-foreground);
}
.cj-fallback a {
  color: var(--loading-accent);
}
.cj-js #root > .cj-fallback,
html:not(.cj-js) #root > .cj-loading {
  display: none;
}
.cj-loading {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  background: var(--loading-background);
  color: var(--loading-foreground);
}