.app-screens[aria-busy="true"] {
  position: relative;
  min-height: 22rem;
}

.app-screens[aria-busy="true"] > * {
  visibility: hidden;
}

.app-screens[aria-busy="true"]::before {
  content: "Loading your journey\2026";
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  padding: var(--screen-pad);
  border: 1px solid rgba(var(--antique-brass-rgb), 0.24);
  border-radius: var(--screen-radius);
  background:
    linear-gradient(165deg, rgba(var(--warm-ivory-rgb), 0.96), rgba(var(--stone-rgb), 0.38)),
    var(--page-art);
  color: var(--brand-dark);
  font-family: var(--display-serif);
  font-size: clamp(1.1rem, 3vw, 1.35rem);
  text-align: center;
}