.magvai-welcome-screen,
#magvai-bootstrap-shell.magvai-welcome-screen {
  position: fixed; inset: 0; z-index: 120; min-height: 100dvh;
  display: flex; flex-direction: column; align-items: center; justify-content: space-between;
  box-sizing: border-box; overflow-y: auto;
  padding: max(36px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom));
  background: #f8e9d5 url('/magvai-welcome-background.png') left top / 800% 100% no-repeat !important;
  color: #25201b !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.magvai-welcome-intro { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding-top: clamp(70px, 22dvh, 240px); }
.magvai-welcome-intro img { object-fit: contain; width: min(48vw, 210px); height: auto; aspect-ratio: 5 / 3; }
.magvai-welcome-intro h1 { margin: 0; font-size: clamp(20px, 5vw, 28px); line-height: 1.45; font-weight: 400; letter-spacing: .015em; }
.magvai-welcome-intro strong { font-weight: 750; }
.magvai-welcome-actions { display: flex; flex-direction: column; width: min(100%, 340px); gap: 12px; text-align: center; padding-bottom: 4dvh; color: #fff4e5; }
.magvai-welcome-actions button { min-height: 50px; padding: 12px 20px; border: 1px solid #ff9a42; border-radius: 16px; background: #ff7912; color: #17100a; font-size: 16px; font-weight: 700; cursor: pointer; }
.magvai-welcome-actions .magvai-welcome-secondary { background: rgba(255,244,229,.09); color: #fff4e5; border-color: #b59a7d; }
.magvai-welcome-actions [role="status"], .magvai-welcome-actions #magvai-bootstrap-message { font-size: 11px; font-weight: 650; letter-spacing: .2em; }
@media (max-height: 500px) { .magvai-welcome-screen { background-size: 800% 100% !important; } .magvai-welcome-intro { gap: 8px; padding-top: 0; } }
@media (prefers-reduced-motion: reduce) { .magvai-loader-breathe { animation: none !important; opacity: 1 !important; } }

/* Use the unmarked left edge of the supplied artwork as the full-screen gradient. The existing SVG supplies the single animated logo. */
html[data-magvai-theme][data-magvai-client-route] #magvai-bootstrap-shell.magvai-welcome-screen { background: #f8e9d5 url('/magvai-welcome-background.png') left top / 800% 100% no-repeat !important; color: #25201b !important; }