/* The one-time deal-emails question (email-prompt.js), polish pass 25 Oct 2026. The site's sheet (the booking
   sheet's ink ring and deep shadow) with the email settings page's head on top: the kit's envelope alone (untilted, centred)
   on the mailbox blue ground, and the airmail hem. Under it the sign-in door's "You are in." parts: the choice
   card, the year pills, the orange button and the link, repeated here for the pages that do not load the door's
   files. Colours are the --ls-* tokens, which the dark theme redefines, so nothing here names a dark colour. */
@media (prefers-reduced-motion: no-preference) {
  .ep-prompt[open] { animation: ep-prompt-in 320ms cubic-bezier(0.2, 0.8, 0.2, 1); }
  .ep-prompt[open]::backdrop { animation: ep-prompt-fade 240ms ease-out; }
  .ep-prompt[open] .ep-prompt-model { animation: ep-prompt-drop 720ms cubic-bezier(0.34, 1.4, 0.5, 1) 120ms both; }
  .ep-prompt[open] .ep-prompt-model::after { animation: ep-prompt-shadow 720ms cubic-bezier(0.34, 1.4, 0.5, 1) 120ms both; }
  .ep-prompt .pv-choice, .ep-prompt .vf-year { transition: box-shadow 160ms ease, background-color 160ms ease, border-color 160ms ease; }
  .ep-prompt .pv-choice-mark svg { transition: transform 220ms cubic-bezier(0.34, 1.5, 0.5, 1), opacity 120ms ease; }
  @keyframes ep-prompt-in { from { opacity: 0; transform: translateY(18px) scale(0.98); } to { opacity: 1; transform: none; } }
  @keyframes ep-prompt-fade { from { opacity: 0; } to { opacity: 1; } }
  @keyframes ep-prompt-drop { 0% { opacity: 0; transform: translateY(-28px); } 60% { opacity: 1; } 100% { opacity: 1; transform: none; } }
  @keyframes ep-prompt-shadow { 0% { opacity: 0; transform: scaleX(0.5); } 100% { opacity: 1; transform: none; } }
}

.ep-prompt {
  width: min(calc(100% - 32px), 460px);
  max-height: min(94vh, 820px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: 24px;
  color: var(--ls-ink);
  background: var(--ls-paper);
  box-shadow: 0 0 0 2px var(--ls-ink), 0 28px 60px -24px rgba(20, 20, 18, 0.55);
}
.ep-prompt::backdrop { background: rgba(20, 20, 18, 0.62); }

/* ---------- the head ---------- */
.ep-prompt-head { position: relative; display: grid; place-items: center; height: 176px; padding-bottom: 12px; overflow: hidden; color: var(--ls-ink); background: var(--ls-fashion); }
.ep-prompt-model { position: relative; z-index: 1; display: block; width: 132px; }
.ep-prompt-model img { display: block; width: 100%; height: auto; }
.ep-prompt-model::after { content: ""; position: absolute; left: 14%; right: 8%; bottom: -7%; z-index: -1; height: 11%; border-radius: 50%; background: radial-gradient(closest-side, rgba(20, 20, 18, 0.24), rgba(20, 20, 18, 0)); }
:root:not([data-theme="dark"]) .ep-prompt-model-dark, :root[data-theme="dark"] .ep-prompt-model-light { display: none; }
/* The background doodles (same set and tone as the email settings page): a fixed lattice measured around the envelope,
   one layout for phones (the sheet is 358 wide) and one for the 460 sheet. */
.ep-prompt-sky { position: absolute; top: 0; left: 50%; z-index: 0; display: none; overflow: hidden; color: #2D4B73; opacity: .28; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.ep-prompt-sky--m { display: block; margin-left: -179px; }
.ep-prompt-sky--d { margin-left: -230px; }
@media (min-width: 492px) { .ep-prompt-sky--m { display: none; } .ep-prompt-sky--d { display: block; } }
:root[data-theme="dark"] .ep-prompt-sky { color: var(--ls-ink); opacity: .4; }
/* The airmail hem, as on the email settings page. */
.ep-prompt-hem { position: absolute; left: 0; right: 0; bottom: 0; height: 12px; background-color: var(--ls-paper);
  background-image: repeating-linear-gradient(-45deg, var(--ls-orange) 0 9px, transparent 9px 17px, var(--ls-ink) 17px 26px, transparent 26px 34px);
  box-shadow: inset 0 1px 0 rgba(20, 20, 18, 0.12); }

/* ---------- the body ---------- */
.ep-prompt-card { display: grid; gap: 20px; margin: 0; padding: 26px 28px 20px; }
.ep-prompt-title { margin: 0; font-size: 30px; font-weight: 800; line-height: 1.05; letter-spacing: -0.035em; text-align: center; text-wrap: balance; }
.ep-prompt-title:focus-visible { outline: none; }

/* The choice card: the proof step's card (verify.css #vf-prove .pv-choice) with the mailbox tile and a tick box. */
.ep-prompt .pv-choices { display: grid; gap: 12px; margin: 0; }
.ep-prompt .pv-choice {
  display: grid; grid-template-columns: 44px minmax(0, 1fr) 26px; align-items: center; gap: 14px;
  width: 100%; min-height: 80px; padding: 14px 16px; border: 1px solid var(--ls-line-2); border-radius: 16px;
  color: var(--ls-ink); background: var(--ls-paper); box-shadow: 0 1px 2px rgba(20, 20, 18, 0.05);
  font: inherit; text-align: start; cursor: pointer;
}
.ep-prompt .pv-choice:hover { border-color: var(--ls-ink); }
.ep-prompt .pv-choice:focus-visible { outline: 2px solid var(--ls-accent-text); outline-offset: 3px; }
.ep-prompt .pv-choice[aria-pressed="true"] { border-color: var(--ls-accent-text); background: var(--ls-tint); box-shadow: inset 0 0 0 1px var(--ls-accent-text); }
.ep-prompt .pv-choice-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; color: var(--ls-ink); background: var(--ls-fashion); }
.ep-prompt .pv-choice-icon svg { width: 26px; height: 26px; }
.ep-prompt .pv-choice-text { display: grid; gap: 3px; min-width: 0; }
.ep-prompt .pv-choice-title { font-size: 17px; font-weight: 800; line-height: 1.2; letter-spacing: -0.01em; }
.ep-prompt .pv-choice-meta { color: var(--ls-soft); font-size: 14px; font-weight: 500; line-height: 1.4; }
.ep-prompt .pv-choice-mark { display: grid; place-items: center; width: 26px; height: 26px; border: 1.5px solid var(--ls-control); border-radius: 8px; color: #141412; background: var(--ls-paper); }
.ep-prompt .pv-choice-mark svg { display: block; opacity: 0; transform: scale(0.4); }
.ep-prompt .pv-choice[aria-pressed="true"] .pv-choice-mark { border-color: var(--ls-ink); background: var(--ls-orange); }
.ep-prompt .pv-choice[aria-pressed="true"] .pv-choice-mark svg { opacity: 1; transform: none; }

/* The primary button (verify.css .vf-flow .btn-primary): orange, as on every sign-in step. */
.ep-prompt .btn-primary { min-height: 52px; color: #141412; background: var(--ls-orange); border-color: var(--ls-orange); }
.ep-prompt .btn-primary:hover { background: #FF5C26; border-color: #FF5C26; }
:root[data-theme="dark"] .ep-prompt .btn-primary:hover { background: #FF7A47; border-color: #FF7A47; }

/* The age pills (verify.css .vf-year). */
.ep-prompt .vf-years { min-width: 0; margin: 0; padding: 0; border: 0; }
.ep-prompt .vf-years.hidden { display: none; }
.ep-prompt .vf-years legend { float: left; width: 100%; margin: 0 0 12px; padding: 0; color: var(--ls-ink); font-size: 15px; font-weight: 700; }
.ep-prompt .vf-year-row { clear: both; display: grid; grid-template-columns: repeat(2, minmax(0, 120px)); gap: 10px; }
.ep-prompt .vf-year {
  min-width: 0; min-height: 44px; padding: 0 12px; border: 1.5px solid var(--ls-control); border-radius: 999px;
  color: var(--ls-ink); background: var(--ls-paper); font: 600 15px/1 var(--tud-font-primary); cursor: pointer;
}
.ep-prompt .vf-year:hover { border-color: var(--ls-ink); }
.ep-prompt .vf-year:focus-visible { outline: 2px solid var(--ls-accent-text); outline-offset: 3px; }
.ep-prompt .vf-year[aria-pressed="true"] { border-color: var(--ls-orange); color: #141412; background: var(--ls-orange); font-weight: 700; }

.ep-prompt .vf-msg { margin: 0; color: var(--tud-color-status-error-text); font-size: 14px; font-weight: 700; line-height: 1.45; }
.ep-prompt .vf-msg:empty { display: none; }
.ep-prompt .vf-msg:not(:empty) { padding: 12px 16px; border-radius: 12px; background: var(--tud-color-status-error-bg); }
.ep-prompt .vf-links { display: flex; justify-content: center; margin-top: -8px; }
.ep-prompt .link-button { min-height: 44px; color: var(--ls-ink); font-size: 15px; font-weight: 700; text-decoration: underline; text-decoration-color: var(--ls-line-2); text-underline-offset: 4px; }
.ep-prompt .link-button:hover { text-decoration-color: currentColor; }
.ep-prompt .link-button:focus-visible { outline: 2px solid var(--ls-accent-text); outline-offset: 3px; }

/* Urdu: its own right-to-left run with a font that has the script. */
.ep-prompt[lang="ur"] { font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif; }

@media (max-width: 380px) {
  .ep-prompt { width: calc(100% - 16px); }
  .ep-prompt-head { height: 150px; }
  .ep-prompt-model { width: 112px; }
  .ep-prompt-card { padding: 22px 18px 16px; }
  .ep-prompt-title { font-size: 26px; }
}
@media (max-height: 640px) {
  .ep-prompt-head { height: 128px; }
  .ep-prompt-model { width: 96px; }
}