.email-proof { box-sizing: border-box; width: min(460px, calc(100% - 24px)); max-height: calc(100dvh - 32px); margin: auto; padding: 26px; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--fx-border, #454550); border-radius: var(--fx-radius-md, 18px); background: var(--fx-bg-elevated, #181820); color: var(--fx-text-main, #fff); box-shadow: 0 24px 80px #0008; }
.email-proof::backdrop { background: #000a; backdrop-filter: blur(5px); }
.email-proof * { box-sizing: border-box; }
.email-proof h2 { margin: 4px 44px 14px 0; font-size: 22px; line-height: 1.25; }
.email-proof p { margin: 10px 0; font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
.email-proof form { display: grid; gap: 12px; margin-top: 16px; }
.email-proof label { display: grid; gap: 7px; font-size: 13px; }
.email-proof input { width: 100%; min-width: 0; min-height: 46px; padding: 10px 12px; font: inherit; font-size: 16px; border: 1px solid var(--fx-border, #454550); border-radius: var(--fx-radius-md, 18px); color: inherit; background: var(--fx-bg-deep, #101018); }
.email-proof input[name="code"] { text-align: center; letter-spacing: .25em; font-size: 24px; }
.email-proof button { min-height: 44px; padding: 10px 14px; border: 1px solid var(--fx-border, #454550); border-radius: var(--fx-radius-md, 18px); font: inherit; font-size: 14px; font-weight: 700; background: transparent; color: inherit; cursor: pointer; white-space: normal; }
.email-proof .email-proof-primary { display: block; width: 100%; text-align: center; background: var(--fx-ac1, #7651e8); color: #fff; border-color: transparent; }
.email-proof > [data-link] { margin-top: 12px; }
.email-proof button:disabled { opacity: .45; cursor: default; }
.email-proof button:focus-visible, .email-proof input:focus-visible { outline: 2px solid var(--fx-ac2, #38e8c5); outline-offset: 2px; }
.email-proof-close { float: right; width: 44px; padding: 0 !important; font-size: 24px !important; }
.email-proof-actions { display: grid; gap: 8px; margin-top: 14px; }
.email-proof-note { color: var(--fx-text-muted, #b8b8c7); }
.email-proof-status { min-height: 22px; color: var(--fx-ac2, #38e8c5); }
.email-proof-status[data-error="true"] { color: var(--fx-pink, #ff96bb); }
.email-proof [hidden] { display: none !important; }
@media (max-width: 480px) { .email-proof { padding: 18px; max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); } }