/* Keep the application out of the first paint until its session is confirmed. */
html:not([data-auth-state="ready"]) .app-shell,
.app-shell[hidden],
#login-wall.hidden,
#auth-status[hidden],
#auth-retry[hidden] {
  display: none !important;
}

#auth-status {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #edf2f9;
  color: #475569;
  font: 14px/1.6 system-ui, sans-serif;
  text-align: center;
}

#auth-status strong {
  color: #202b3d;
  font-size: 24px;
}

#auth-retry {
  padding: 8px 20px;
  border: 0;
  border-radius: 6px;
  background: #1d5bd1;
  color: white;
  font: inherit;
  cursor: pointer;
}