/* Literal fallbacks keep entry failure readable before the app token stylesheet loads. */
:root { color-scheme: light; }
:root.dark { color-scheme: dark; }
:root.dark .app-boot { background: hsl(var(--background, 217.5 13.8% 11.4%)); color: hsl(var(--foreground, 220.0 22.0% 92.0%)); }
:root.dark .app-boot button { color: hsl(var(--foreground, 220.0 22.0% 92.0%)); background: hsl(var(--card, 218.2 13.9% 15.5%)); border-color: hsl(var(--border, 215.3 13.8% 24.1%)); }
.app-boot { min-height: 100dvh; display: grid; place-items: center; padding: 24px; box-sizing: border-box; background: hsl(var(--background, 220.0 17.6% 96.7%)); color: hsl(var(--foreground, 218.6 15.9% 17.3%)); font-family: Manrope, system-ui, sans-serif; }
.app-boot-card { width: 100%; max-width: 480px; text-align: center; }
.app-boot-brand { font-size: 24px; font-weight: 800; }
.app-boot h1 { margin: 24px 0 12px; font-size: 24px; line-height: 1.3; }
.app-boot p { line-height: 1.6; }
.app-boot button { min-height: 44px; margin-top: 20px; padding: 12px 24px; border: 1px solid hsl(var(--border, 215.3 32.1% 89.6%)); border-radius: 999px; color: hsl(var(--foreground, 218.6 15.9% 17.3%)); background: hsl(var(--card, 0 0% 100%)); font: inherit; font-weight: 700; cursor: pointer; }
.app-boot button:focus-visible { outline: 3px solid hsl(var(--ring, 221.7 88.8% 58%)); outline-offset: 3px; }
body:has([data-app-noscript]) [data-app-boot] { display: none; }