/* Phoenix Boss client — only the boot screen and Blazor error UI live here.
   Everything else comes from css/tokens.css and css/boss.css, copied from design-kit/ at build time (never edited here). */
.boot { min-height: 100dvh; display: grid; place-content: center; justify-items: center; gap: var(--sp-4); background: var(--bg); color: var(--t2); padding-inline: var(--sp-4); }
.boot-mark { width: 64px; height: 64px; border-radius: 20px 20px 20px 6px; }
.boot-mark::after { inset: 18px 21px 13px; border-radius: 12px 12px 12px 3px; }
.boot-bar { width: min(240px, 70vw); height: 6px; border-radius: var(--r-pill); background: var(--fill); overflow: hidden; }
.boot-fill { height: 100%; width: var(--blazor-load-percentage, 0%); background: var(--acc); transition: width var(--dur) var(--ease); }
.boot-text { font-size: var(--fs-body); }
#blazor-error-ui { position: fixed; inset-inline: var(--sp-4); bottom: calc(var(--sp-4) + var(--safe-b)); z-index: var(--z-toast); }
#blazor-error-ui .dismiss { cursor: pointer; margin-inline-start: auto; }