/* Render-blocking startup styles also work before the application bundle loads. */
html,
body {
  margin: 0;
  min-height: 100%;
  background: #161c26;
}

.startup-shell {
  display: grid;
  min-height: 100dvh;
  place-items: center;
  padding: 24px;
  box-sizing: border-box;
  color: #bfc7d5;
  font:
    16px/1.5 system-ui,
    sans-serif;
  background: radial-gradient(circle at 25% 15%, rgb(71 94 174 / 32%), transparent 34rem), #161c26;
}

.startup-status {
  margin: 0;
  visibility: hidden;
  animation: startup-reveal 0s 1s forwards;
}

@keyframes startup-reveal {
  to {
    visibility: visible;
  }
}