html, body { background-color: #F2F2F7; }
#_kobweb-root { visibility: hidden; }
html.app-ready #_kobweb-root { visibility: visible; }

/* While the app bundle downloads + hydrates, show a spinner instead of a blank
   screen so first load has immediate feedback (bundle is ~0.5MB gzipped). */
html:not(.app-ready)::after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 38px;
  height: 38px;
  margin: -19px 0 0 -19px;
  border: 3px solid rgba(229, 50, 45, 0.22);
  border-top-color: #E5322D;
  border-radius: 50%;
  animation: prehydrate-spin 0.8s linear infinite;
  z-index: 9999;
}
@keyframes prehydrate-spin { to { transform: rotate(360deg); } }