#parcelAuthDialog {
  width: min(460px, calc(100vw - 28px));
  max-height: calc(100dvh - 28px);
  padding: 0;
  border: 1px solid #655080;
  border-radius: 16px;
  background: radial-gradient(ellipse at 50% 0, #352044, #1a1630 65%);
  color: var(--ink);
  text-align: center;
  box-shadow: 0 24px 80px #0009;
  overflow-y: auto;
}
#parcelAuthDialog::backdrop { background: rgba(6, 4, 16, .86); }
.parcel-auth-content { position: relative; padding: 26px; }
.parcel-auth-content > img { display: block; width: 160px; height: 130px; object-fit: contain; margin: 0 auto 15px; }
.parcel-auth-content h2 { margin: 8px 0 12px; font: 24px "Archivo Black", sans-serif; }
#parcelAuthDescription { color: var(--muted); line-height: 1.6; margin: 0 0 24px; }
.parcel-auth-content > .primary { display: block; padding: 15px 12px; font-size: 13px; text-decoration: none; }
.parcel-auth-close { position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--muted); font-size: 28px; cursor: pointer; }
.parcel-auth-later { margin-top: 12px; min-height: 44px; border: 0; background: transparent; color: var(--muted); font: inherit; font-size: 12px; cursor: pointer; }
.parcel-auth-content a:focus-visible,
.parcel-auth-content button:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
@media (max-width: 560px) {
  .parcel-auth-content { padding: 22px 18px 16px; }
  .parcel-auth-content h2 { font-size: 22px; }
  .parcel-auth-content > .primary { font-size: 12px; }
}