/* Minimal stylesheet to ensure /index.css is present and served with text/css
   This provides basic defaults while Tailwind (CDN) injects utility styles.
*/
html,body,#root{
  height: 100%;
}
body{
  margin: 0;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  background-color: #020617; /* matches inline background */
  color: #f8fafc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Fallbacks for a couple of utility classes used before Tailwind loads */
.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}
.hidden{display:none}
.flex{display:flex}
.items-center{align-items:center}
.justify-center{justify-content:center}
.text-center{text-align:center}

/* Simple glass panel helper used inline */
.glass-panel{background:rgba(15,23,42,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.05)}

/* Keep the overlay readable if injected */
.runtime-error-overlay{font-family:monospace;background:rgba(0,0,0,0.85);color:#fff;padding:16px;overflow:auto}

/* End of minimal stylesheet */
/* Minimal stylesheet to ensure /index.css exists and is served with text/css */
/* Keeps legacy global styles; Tailwind CDN still active but using a proper CSS file avoids MIME errors. */
:root {
  --bg: #020617;
  --fg: #f8fafc;
}
html, body {
  height: 100%;
  margin: 0;
  background-color: var(--bg);
  color: var(--fg);
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
/* Utility: keep overlay visible when runtime error appended */
.runtime-overlay {
  position: fixed;
}