/* Managed from workspace branding/web. */
html, body { background: #fff; }
#abadea-startup {
  position: fixed; inset: 0; z-index: 9998; display: flex;
  flex-direction: column; justify-content: center; align-items: center;
  gap: 24px; background: #fff; color: #58595b;
  font: 14px/1.5 system-ui, sans-serif; transition: opacity 180ms ease;
}
#abadea-startup img { width: min(320px, 76vw); height: auto; }
#abadea-startup p { margin: 0; }
#abadea-startup .brand-progress {
  width: 120px; height: 3px; border-radius: 3px; background: #e4f4fa;
  overflow: hidden;
}
#abadea-startup .brand-progress::after {
  content: ''; display: block; width: 45%; height: 100%;
  background: #20a9d7; animation: abadea-progress 1.4s ease-in-out infinite alternate;
}
#abadea-startup button { background: #fff; border: 1px solid #58595b;
  border-radius: 6px; padding: 8px 16px; color: inherit; font: inherit; cursor: pointer; }
#abadea-startup.is-ready { opacity: 0; pointer-events: none; }
@keyframes abadea-progress { to { transform: translateX(125%); } }
@media (prefers-reduced-motion: reduce) {
  #abadea-startup { transition: none; }
  #abadea-startup .brand-progress::after { animation: none; width: 100%; }
}