/* Indeterminate progress: motion shows work in flight, never an invented percentage. */
.drafted-loading-track {
  grid-column: 1 / -1;
  width: 100%;
  height: 8px;
  overflow: hidden;
  border: 1px solid rgba(255,199,47,.32);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}
.drafted-loading-track > span {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #8f35ff, #ffc72f);
  animation: draftedLoadingSweep 1.25s ease-in-out infinite;
}
@keyframes draftedLoadingSweep {
  from { transform: translateX(-100%); }
  to { transform: translateX(240%); }
}
#app-loading-indicator {
  position: fixed;
  z-index: 10001;
  inset: env(safe-area-inset-top, 0px) 0 auto;
  pointer-events: none;
}
#app-loading-indicator[hidden] { display: none; }
#app-loading-indicator .drafted-loading-track { height: 4px; border: 0; border-radius: 0; background: #22132e; }
.drafted-loading-announcement { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#app-loading-dialog {
  width: min(410px, calc(100vw - 36px));
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 1px solid #9e4ed0;
  border-radius: 22px;
  background: linear-gradient(145deg, #281536, #100b17);
  color: #fff;
  box-shadow: 0 24px 70px #0009;
}
#app-loading-dialog:not([open]) { display: none; }
#app-loading-dialog:focus-visible { outline: 2px solid #bf78ed; outline-offset: 2px; }
#app-loading-dialog::backdrop { background: rgba(5,3,9,.82); }
.drafted-loading-card { display: grid; gap: 16px; padding: 28px 24px; text-align: center; }
.drafted-loading-eyebrow { color: #ffd166; font-size: 12px; font-weight: 900; letter-spacing: .18em; }
#app-loading-dialog h2 { margin: 0; font-size: clamp(23px, 6vw, 29px); line-height: 1.15; }
#app-loading-dialog p { margin: 0; color: #d9cce4; font-size: 15px; line-height: 1.5; }
#app-loading-dialog #app-loading-wait { font-size: 13px; color: #f2d993; }
@media (prefers-reduced-motion: reduce) {
  .drafted-loading-track > span { animation: none; transform: none; width: 100%; }
}