/*
 * The page's own fallback (CC-03): index.html holds a message inside #root that React replaces when the app starts.
 * It stays hidden for 18 seconds, so a normal start, and a slow one, never shows it; when the app's script could not
 * load (a dropped connection, or files of an older release), the message appears instead of a blank page. It is
 * worded as a delay with a plain reload link (no script needed), since a slow connection can still finish loading
 * (review UX-R23). A file of its own because the CSP allows no inline style (SEC-WEB-1).
 */
#boot-fallback {
  visibility: hidden;
  animation: qli-boot-show 0s linear 18s forwards;
  max-width: 36rem;
  margin: 15vh auto 0;
  padding: 0 16px;
  font-family: system-ui, sans-serif;
  line-height: 1.5;
}

#boot-fallback h1 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 8px;
}

@keyframes qli-boot-show {
  to {
    visibility: visible;
  }
}