/* Critical minimal styles to avoid flash of completely unstyled content.
   Keep this very small; the full Tailwind bundle still loads via app.css. */
:root { color-scheme: dark; }
html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: #0d1116; /* matches app background */
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Background containers so they do not pop in later */
#page-background, #star-bg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}

/* Prevent transitions during initial paint to reduce perceived flash */
html.preload *, html.preload *::before, html.preload *::after { transition: none !important; }