html body { background-color: #f7e9f5; }
html[data-startup-mode="professional"] body { background-color: #eeeeec; }
html[data-startup-dark="true"] body { background-color: #242126; }
html[data-startup-dark="true"] { color-scheme: dark; }
html[data-startup-dark="false"] { color-scheme: light; }
.startup-screen { display: grid; min-height: 100svh; place-items: center; background: transparent; color: #624454; }
html[data-startup-mode="professional"] .startup-screen { color: #444448; }
html[data-startup-dark="true"] .startup-screen { color: #eee8ee; }
.startup-status { display: flex; align-items: center; gap: 10px; padding: 16px; font: 12px Tahoma, sans-serif; opacity: 0; animation: startup-reveal 0s .35s forwards; }
.startup-status > :last-child { color: inherit; font: inherit; }
.startup-spinner { width: 16px; height: 16px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: startup-spin .9s linear infinite; }
@keyframes startup-reveal { to { opacity: 1; } }
@keyframes startup-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .startup-spinner { animation: none; } }