/* Host-only styles: the boot splash. Everything else lives in the shared library's app.css.
   The installed app is already on the device; this one arrives over the wire, so the mark is joined by the
   browser's own count of what is left to download. */
.boot { min-height: 100dvh; display: grid; place-content: center; justify-items: center; gap: var(--k-space-3, 12px); background: var(--k-bg-app, #f7f8fb); }
.boot-mark { width: 40px; height: 40px; border-radius: 12px; background: #4f46e5; animation: boot-pulse 1.1s ease-in-out infinite; }
@keyframes boot-pulse { 0%, 100% { opacity: .35; transform: scale(.92); } 50% { opacity: 1; transform: scale(1); } }

/* Empty until Blazor starts reporting, so a fast connection never shows a stray "0%". */
.boot-count { font: 400 0.8125rem/1 var(--k-font-sans, system-ui), sans-serif; color: var(--k-text-muted, #9ca3af); font-variant-numeric: tabular-nums; }
.boot-count::after { content: var(--blazor-load-percentage-text, ""); }
.boot-note { display: block; max-width: 22rem; text-align: center; font: 400 0.875rem/1.5 var(--k-font-sans, system-ui), sans-serif; color: var(--k-text-secondary, #6b7280); }