html, body { margin: 0; background: #f7f7f5; }
.startup-state { min-height: 100dvh; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 24px; color: #74747e; font: 14px/1.5 -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; }
.startup-state strong { color: #24242a; font-size: 22px; letter-spacing: -.03em; }
.startup-spinner { width: 22px; height: 22px; border: 2px solid #e5e1f0; border-top-color: #7765c6; border-radius: 50%; animation: startup-spin .8s linear infinite; }
.startup-state button { border: 1px solid #e9e9ef; border-radius: 12px; background: #fff; color: #6755b4; font: inherit; padding: 10px 18px; cursor: pointer; }
@keyframes startup-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .startup-spinner { animation: none; } }