/* Independent of hashed app assets: this screen must work before React loads. */
html:has(#app-startup) { background: #f5f7fa; }
html[data-theme="dark"]:has(#app-startup) { background: #10151e; }
html:has(#app-startup) #root { height: auto; min-height: 100dvh; overflow: auto; }
#app-startup { box-sizing: border-box; max-width: 520px; margin: 15vh auto; padding: 28px; border: 1px solid #bac3ce; border-radius: 12px; font-family: system-ui, sans-serif; line-height: 1.6; background: #fff; color: #1b2533; }
#app-startup h1 { margin: 0 0 12px; font-size: 1.5rem; }
#app-startup p { margin: 0 0 20px; }
#app-startup a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid currentColor; border-radius: 8px; color: inherit; font-weight: 600; text-decoration: none; }
#app-startup a:hover { background: #edf1f6; }
#app-startup a:focus-visible { outline: 3px solid #805400; outline-offset: 4px; }
:root[data-theme="dark"] #app-startup { background: #19212d; color: #e2e8f1; border-color: #586a83; }
:root[data-theme="dark"] #app-startup a:hover { background: #263243; }
:root[data-theme="dark"] #app-startup a:focus-visible { outline-color: #f8c66a; }
@media (max-width: 600px) { #app-startup { margin: 12vh 16px; } }