html.ua-starting, html.ua-starting body { margin: 0; background: #080d16; }
#ua-startup {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  overflow: auto;
  background: radial-gradient(ellipse at 50% 42%, #152137 0, #080d16 62%);
  color: #f3f6fc;
  font: 600 14px/1.6 "Microsoft YaHei", "微软雅黑", system-ui, sans-serif;
  text-align: center;
}
#ua-startup .ua-startup-content { width: min(100%, 300px); }
#ua-startup .ua-startup-logo { display: block; width: 112px; height: 112px; margin: 0 auto 22px; border-radius: 28px; }
#ua-startup h1 { margin: 0; font: 700 30px/1.3 "Microsoft YaHei", "微软雅黑", system-ui, sans-serif; letter-spacing: .02em; color: #f3f6fc; }
#ua-startup h1 span { font-weight: 500; color: #aab8ce; }
#ua-startup p { margin: 14px 0 0; color: #aab8ce; font: inherit; }
#ua-startup .ua-startup-progress { height: 3px; width: 100px; margin: 30px auto 0; overflow: hidden; border-radius: 3px; background: #25334b; }
#ua-startup .ua-startup-progress span { display: block; width: 45%; height: 100%; border-radius: inherit; background: #8eb7ff; animation: ua-startup-travel 1.4s ease-in-out infinite alternate; }
#ua-startup[data-state="slow"] .ua-startup-progress span,
#ua-startup[data-state="failed"] .ua-startup-progress span { animation: none; }
#ua-startup button { margin-top: 20px; min-height: 44px; padding: 10px 24px; border: 1px solid #5f82b8; border-radius: 12px; background: #1a2c46; color: #f3f6fc; font: inherit; cursor: pointer; }
#ua-startup button[hidden] { display: none; }
#ua-startup button:focus-visible { outline: 2px solid #a5c6ff; outline-offset: 4px; }
@keyframes ua-startup-travel { from { transform: translateX(-15%); } to { transform: translateX(140%); } }
@media (prefers-reduced-motion: reduce) { #ua-startup .ua-startup-progress span { animation: none; } }