.email-prompt {
  width: min(360px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  padding: 0;
  border: 1px solid rgba(202, 219, 243, .88);
  border-radius: 22px;
  color: #14233f;
  background: #f8fbff;
  box-shadow: 0 24px 70px rgba(21, 47, 90, .25);
}
.email-prompt::backdrop {
  background: rgba(20, 36, 67, .4);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.email-prompt-shell {
  position: relative;
  box-sizing: border-box;
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 22px;
}
.email-prompt-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid #d8e3f3;
  border-radius: 50%;
  color: #536780;
  background: #fff;
  cursor: pointer;
}
.email-prompt-close svg { width: 15px; height: 15px; }
.email-prompt-art {
  width: 72px;
  height: 72px;
  margin-bottom: 16px;
  overflow: hidden;
  border: 1px solid rgba(80, 133, 216, .24);
  border-radius: 15px;
  background: linear-gradient(145deg, #d7ebff, #7db0fa);
  box-shadow: 0 6px 16px rgba(35, 92, 184, .14);
}
.email-prompt-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.email-prompt-kicker { color: #2760bf; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.email-prompt h2 { margin: 7px 0 8px; color: #14233f; font-size: 24px; line-height: 1.15; letter-spacing: 0; }
.email-prompt p { margin: 0; color: #5d708b; font-size: 14px; line-height: 1.45; }
.email-prompt .email-prompt-error { margin: 10px 0 0; color: #b4233c; font-size: 12px; }
.email-prompt-submit {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
  padding: 9px 14px;
  border: 0;
  border-radius: 11px;
  color: #fff;
  background: #255fd2;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.email-prompt-submit:hover { background: #1c53c2; }
.email-prompt-submit:disabled { opacity: .6; cursor: wait; }
.email-prompt-submit svg { width: 16px; height: 16px; }
.email-prompt-settings, .email-prompt-later {
  display: block;
  margin: 5px auto 0;
  padding: 6px 12px;
  border: 0;
  background: transparent;
  font-size: 13px;
  cursor: pointer;
}
.email-prompt-settings { color: #2459be; font-weight: 700; }
.email-prompt-later { color: #73839a; }
:root[data-theme="dark"] .email-prompt { border-color: #405b7b; color: #f2f7ff; background: #1a2b43; }
:root[data-theme="dark"] .email-prompt h2 { color: #f2f7ff; }
:root[data-theme="dark"] .email-prompt p { color: #b9cbe1; }
:root[data-theme="dark"] .email-prompt-close { border-color: #4d6788; color: #e6f0ff; background: #273e5d; }
:root[data-theme="dark"] .email-prompt-settings { color: #9bc3ff; }
:root[data-theme="dark"] .email-prompt-later { color: #a8bad2; }
@media (max-width: 480px) { .email-prompt-shell { padding: 19px; } }