/* Paint a useful first frame before the application bundle or remote fonts. */
.app-startup { min-height: 100dvh; display: flex; flex-direction: column; gap: 16px; align-items: center; justify-content: center; font: 14px/1.5 system-ui, sans-serif; color: #52525b; background: #fff; }
.dark .app-startup { color: #a1a1aa; background: #161618; }
.app-startup-ring { width: 28px; height: 28px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; box-sizing: border-box; }
.app-startup-retry { max-width: 24rem; padding: 0 20px; text-align: center; }
.app-startup-retry[hidden] { display: none; }
.app-startup-retry button { min-height: 36px; padding: 0 16px; border-radius: 6px; border: 1px solid currentColor; color: inherit; background: transparent; cursor: pointer; font: inherit; }
.app-startup-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (prefers-reduced-motion: no-preference) { .app-startup-ring { animation: app-startup-spin .8s linear infinite; } }
@keyframes app-startup-spin { to { transform: rotate(360deg); } }