/* Independent of the application bundle: a failed module must leave a way back. */
#app-startup {
  position: fixed; inset: 0; z-index: 1; box-sizing: border-box;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 32px; background: #fafaf8; color: #252820;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-align: center;
}
#app-startup h1 { font-size: 18px; margin: 16px 0 4px; font-weight: 600; }
#app-startup p { font-size: 14px; line-height: 1.6; max-width: 36ch; margin: 8px 0 20px; }
#app-startup a { color: inherit; font-size: 14px; padding: 9px 18px; border: 1px solid currentColor; border-radius: 10px; text-decoration: none; }
#app-startup a:focus-visible { outline: 2px solid #81964e; outline-offset: 4px; }
html[data-theme="dark"] #app-startup { background: #191c15; color: #e5e8de; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) #app-startup { background: #191c15; color: #e5e8de; }
}
/* Also works if the independent recovery script itself could not load. */
body:has(#root > *) #app-startup { display: none; }