.mail-options {
  margin:auto; padding:32px; width:min(480px, calc(100% - 32px));
  max-height:calc(100dvh - 32px); overflow:auto;
  border:1px solid var(--line); border-radius:20px;
  background:#10151e; color:var(--ice); font:inherit; cursor:auto;
  box-shadow:0 24px 80px #0008;
}
.mail-options::backdrop { background:#05070acc; backdrop-filter:blur(8px); }
.mail-options h2 { margin:16px 0; font-size:24px; line-height:1.4; }
.mail-options p { color:#b7c0d0; font-size:15px; line-height:1.7; }
.mail-options .mail-close { display:block; margin-left:auto; padding:8px 12px; }
.mail-options button, .mail-options .mail-action {
  border:1px solid #465063; border-radius:10px; background:transparent;
  color:var(--ice); font:inherit; font-size:14px; cursor:pointer;
}
.mail-options .mail-actions { display:grid; gap:10px; margin-top:20px; }
.mail-options .mail-action { display:block; padding:14px 16px; text-align:center; text-decoration:none; }
.mail-options button:hover, .mail-options .mail-action:hover { background:#202d3c; border-color:var(--cyan); }
.mail-options :focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.mail-options .mail-address { display:block; width:100%; margin-top:20px; padding:12px; border:1px solid #465063; border-radius:8px; background:#05070a; color:var(--cyan); font:inherit; font-size:14px; }
.mail-options .mail-status { margin-top:14px; min-height:3.4em; font-size:13px; }
html.mail-options-open { overflow:hidden; }