.app-submit-status[hidden] { display: none !important; }
.app-submit-status { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 24px; background: rgba(15, 23, 42, .42); backdrop-filter: blur(3px); }
.app-submit-status__card { display: flex; align-items: center; gap: 12px; width: min(100%, 320px); min-height: 64px; padding: 14px 18px; border: 1px solid rgba(255, 255, 255, .7); border-radius: 16px; background: #fff; color: #0f172a; box-shadow: 0 20px 55px rgba(15, 23, 42, .28); font-size: .95rem; font-weight: 700; line-height: 1.3; }
.app-submit-status__spinner { flex: 0 0 auto; width: 22px; height: 22px; border: 3px solid #dbeafe; border-top-color: #1f6feb; border-radius: 50%; animation: app-submit-spin .75s linear infinite; }
.app-submit-status.is-error { inset: auto 12px calc(12px + env(safe-area-inset-bottom)); place-items: end center; padding: 0; background: transparent; backdrop-filter: none; pointer-events: none; }
.app-submit-status.is-error .app-submit-status__spinner { display: none; }
@keyframes app-submit-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .app-submit-status__spinner { animation-duration: 1.5s; } }
@media (max-width: 720px) {
  .hero { min-height: 0 !important; padding: calc(14px + env(safe-area-inset-top)) 0 46px !important; }
  .hero::after, .eyebrow, .hero p { display: none !important; }
  .hero h1 { max-width: 340px !important; margin: 0 auto !important; font-size: clamp(1.35rem, 6.2vw, 1.7rem) !important; line-height: 1.12 !important; letter-spacing: -.025em !important; }
  .search-wrap { margin-top: -32px !important; padding-bottom: 20px !important; }
}
