/* Critical CSS for immediate FCP - loading spinner */
:root {
  --young-cream: 50 67% 97%;
  --young-black: 0 0% 0%;
}
body {
  margin: 0;
  font-family: system-ui, -apple-system, sans-serif;
  background-color: hsl(50 67% 97%);
}
#root:empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  min-height: 100dvh;
}
#root:empty::before {
  content: "";
  width: 40px;
  height: 40px;
  border: 3px solid hsl(0 0% 0% / 0.1);
  border-top-color: hsl(0 0% 0%);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}