.mail-overlay,.mail-page{box-sizing:border-box;justify-content:center;align-items:center;padding:16px;display:flex}.mail-overlay{z-index:1100;background:#000000d9;position:fixed;inset:0}.mail-page{background:radial-gradient(circle at center, #3a2216 0%, var(--wood-dark) 60%, #140b07 100%);width:100%;min-height:100vh}.mail-card{width:calc(400 * var(--page));box-sizing:border-box;max-width:100%;padding:calc(30 * var(--page)) calc(34 * var(--page)) calc(26 * var(--page));background-color:var(--wood-dark);border:calc(2 * var(--page)) solid rgba(var(--gold-accent-rgb), .55);border-radius:calc(12 * var(--page));box-shadow:0 10px 30px #0009, 0 0 24px rgba(var(--gold-accent-rgb), .15);text-align:center;font-family:Georgia,serif;animation:.25s ease-out mail-card-in}@keyframes mail-card-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.mail-seal{width:calc(64 * var(--page));height:calc(64 * var(--page));margin:0 auto calc(14 * var(--page));border:calc(2 * var(--page)) solid;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.mail-seal-waiting{border-color:var(--gold-accent);background:rgba(var(--gold-accent-rgb), .1);animation:1.8s ease-in-out infinite mail-pulse}.mail-seal-done{background:#6fcf6f1f;border-color:#6fcf6f;animation:.35s ease-out mail-pop}.mail-seal-error{background:#ff80801f;border-color:#ff8080}.mail-seal-danger{background:#e05a4a26;border-color:#e05a4a}.mail-seal-mark{font-size:calc(32 * var(--page));font-weight:700;line-height:1}.mail-seal-done .mail-seal-mark{color:#6fcf6f}.mail-seal-error .mail-seal-mark{color:#ff8080}.mail-seal-danger .mail-seal-mark{color:#e05a4a}.mail-seal-envelope{width:calc(30 * var(--page));height:calc(20 * var(--page));border:calc(2 * var(--page)) solid var(--gold-accent);border-radius:calc(2 * var(--page));position:relative;overflow:hidden}.mail-seal-envelope:after{content:"";left:50%;top:calc(-11 * var(--page));width:calc(20 * var(--page));height:calc(20 * var(--page));border:calc(2 * var(--page)) solid var(--gold-accent);position:absolute;transform:translate(-50%)rotate(45deg)}@keyframes mail-pulse{0%,to{box-shadow:0 0 0 0 rgba(var(--gold-accent-rgb), .35)}50%{box-shadow:0 0 0 calc(10 * var(--page)) rgba(var(--gold-accent-rgb), 0)}}@keyframes mail-pop{0%{transform:scale(.6)}70%{transform:scale(1.1)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mail-card,.mail-seal-waiting,.mail-seal-done{animation:none}}.mail-title{margin:0 0 calc(10 * var(--page));font-family:Cinzel,Georgia,serif;font-size:calc(24 * var(--page));color:var(--gold)}.mail-text{margin:0 0 calc(18 * var(--page));color:var(--parchment);font-size:calc(16 * var(--page));overflow-wrap:anywhere;line-height:1.5}.mail-text strong{color:var(--gold-accent)}.mail-note{margin:calc(-8 * var(--page)) 0 calc(18 * var(--page));color:var(--tan);font-size:calc(14 * var(--page));font-style:italic}.mail-error{margin:0 0 calc(12 * var(--page));color:#ff8080;font-size:calc(15 * var(--page))}.mail-card form{gap:calc(12 * var(--page));margin-bottom:calc(6 * var(--page));flex-direction:column;display:flex}.mail-card form input{text-align:left}.mail-button{margin-top:calc(4 * var(--page))}.mail-button-danger{color:#fff;background-color:#c0392b}.mail-button-danger:hover{background-color:#a93226}.mail-button:disabled{opacity:.6;cursor:default}.mail-button-secondary{margin:calc(10 * var(--page)) auto 0;padding:calc(4 * var(--page));color:var(--tan);text-transform:none;font-weight:400;font-size:calc(15 * var(--page));background:0 0;text-decoration:underline;display:block}.mail-button-secondary:hover{color:var(--parchment);background:0 0}.mail-list{margin:calc(-6 * var(--page)) 0 calc(16 * var(--page));padding-left:calc(20 * var(--page));color:var(--tan);font-size:calc(14 * var(--page));text-align:left;line-height:1.6}