.app-startup {
  --startup-bg: #ffffff;
  --startup-ink: #202724;
  --startup-muted: #6b7571;
  --startup-line: #dce3e0;
  --startup-accent: #087b67;
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  padding: max(24px, env(safe-area-inset-top, 0px), var(--medusa-tg-content-safe-top, 0px)) 24px max(24px, env(safe-area-inset-bottom, 0px));
  background: var(--startup-bg);
  color: var(--startup-ink);
  font: 15px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  opacity: 1;
  transition: opacity 200ms cubic-bezier(.2,.7,.2,1);
}
:root[data-theme="dark"] .app-startup {
  --startup-bg: #212121;
  --startup-ink: #ececec;
  --startup-muted: #a3a3a3;
  --startup-line: #363636;
  --startup-accent: #65d8bc;
}
.app-startup[data-state="leaving"] { opacity: 0; pointer-events: none; }
.startup-brand { display: grid; justify-items: center; gap: 18px; }
.startup-brand img { display: block; width: 112px; height: 112px; object-fit: contain; border: 1px solid #3b3b3b; border-radius: 8px; background: #212121; background-image: linear-gradient(180deg, #313131 0%, #222222 55%, #141414 100%); }
.startup-wordmark { display: grid; gap: 3px; text-align: center; }
.startup-wordmark strong { font-size: 24px; font-weight: 750; line-height: 1.2; }
.startup-wordmark span { font-size: 12px; font-weight: 650; color: var(--startup-muted); }
.startup-progress { width: 64px; height: 3px; margin-top: 10px; overflow: hidden; border-radius: 2px; background: var(--startup-line); }
.startup-progress::after { content: ""; display: block; width: 32px; height: 100%; background: var(--startup-accent); animation: startup-progress 1.4s ease-in-out infinite; }
.startup-accessible { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.startup-recovery { position: absolute; bottom: max(24px, env(safe-area-inset-bottom, 0px)); left: 24px; right: 24px; text-align: center; color: var(--startup-muted); font-size: 14px; }
.startup-recovery a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 10px; color: var(--startup-accent); text-underline-offset: 4px; }
.startup-recovery p { margin: 0; }
:root[lang="ru"] .startup-en, :root:not([lang="ru"]) .startup-ru { display: none; }
@keyframes startup-progress { from { transform: translateX(-32px); } to { transform: translateX(64px); } }
@media (max-height: 430px) { .startup-brand { gap: 10px; } .startup-brand img { width: 72px; height: 72px; } }
@media (prefers-reduced-motion: reduce) { .app-startup { transition: none; } .startup-progress::after { animation: none; transform: translateX(16px); } }