/* Shown only until React mounts (it replaces #root's children): matches the page background so there is
   no white flash between the website, the app and the sign-in service. */
html, body { margin: 0; background: #f6f7f9; }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]), html:not([data-theme="light"]) body { background: #0a0d14; } }
html[data-theme="dark"], html[data-theme="dark"] body { background: #0a0d14; }
.boot { position: fixed; inset: 0; display: grid; place-items: center; }
.boot-logo { width: 44px; height: 44px; border-radius: 12px; background: #0f766e; display: grid; place-items: center;
  box-shadow: 0 10px 30px -10px rgba(15, 118, 110, 0.6); animation: boot-pulse 1.2s ease-in-out infinite alternate; }
.boot-logo svg { width: 22px; height: 22px; fill: #fff; }
@keyframes boot-pulse { from { transform: scale(0.94); opacity: 0.75; } to { transform: scale(1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .boot-logo { animation: none; } }