#native-startup { display: none; }
html.app-boot app-root { display: none; }
html.app-boot #native-startup {
  position: fixed; inset: 0; z-index: 10000; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 24px;
  background: var(--canvas, #f5f6f2); color: var(--ink-strong, #111827);
  box-sizing: border-box; padding: env(safe-area-inset-top, 0px) 24px env(safe-area-inset-bottom, 0px);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#native-startup img { flex-shrink: 0; }
#native-startup-progress {
  width: 160px; height: 3px; border-radius: 2px; overflow: hidden;
  background: var(--line, #e4e6df);
}
#native-startup-progress::after {
  content: ''; display: block; width: 40%; height: 100%; border-radius: inherit;
  background: var(--brand-teal, #0f766e);
  animation: startup-progress 1.6s ease-in-out infinite alternate;
}
#native-startup [hidden] { display: none; }
#native-startup p { margin: 0; max-width: 320px; text-align: center; font-size: 14px; line-height: 1.5; color: var(--ink-soft, #505a69); }
#native-startup button { min-height: 48px; padding: 12px 24px; font: inherit; cursor: pointer; color: inherit; background: var(--paper, #fff); border: 1px solid var(--line-strong, #d4d8ce); border-radius: 9px; }
#native-startup button:focus-visible { outline: 2px solid var(--brand-teal, #0f766e); outline-offset: 4px; }
:root[data-theme='dark'] #native-startup { background: var(--canvas, #111820); color: var(--ink-strong, #f5f7fa); }
:root[data-theme='dark'] #native-startup p { color: var(--ink-soft, #bbc6d2); }
:root[data-theme='dark'] #native-startup-progress { background: var(--line, #364653); }
:root[data-theme='dark'] #native-startup-progress::after { background: var(--brand-teal, #74d8cc); }
:root[data-theme='dark'] #native-startup button { background: var(--paper, #18232d); border-color: var(--line-strong, #526572); }
@keyframes startup-progress { from { transform: translateX(0); } to { transform: translateX(150%); } }
@media (prefers-reduced-motion: reduce) {
  #native-startup-progress::after { animation: none; transform: translateX(75%); }
}