/* V2.4.2 — one deliberate opening; no automatic reveal. */
.mailbox-dialog .envelope{width:min(274px,100%);height:172px!important;margin:28px auto 22px!important;box-shadow:0 12px 28px #6583a82c;transform-origin:50% 80%;transition:translate .2s ease,filter .2s ease;cursor:inherit}
.mailbox-dialog .envelope:disabled{opacity:1;cursor:default}
.mailbox-dialog .envelope-back{background:linear-gradient(145deg,#b7c9df,#9eb8da);border:1px solid #9db4d160}
.mailbox-dialog .envelope-front{background:linear-gradient(145deg,#dbe9fa,#bdd1ec);box-shadow:inset 0 -1px #87a7ca50}
.mailbox-dialog .envelope-flap{background:linear-gradient(170deg,#f1f6fe,#c7d9ef);transition:transform .62s cubic-bezier(.3,.05,.22,1);backface-visibility:visible;filter:drop-shadow(0 2px 1px #6384ab20)}
.mailbox-dialog .envelope[aria-expanded=true] .envelope-flap{transform:rotateX(0);z-index:5}
.mailbox-dialog .envelope[aria-expanded=true] .paper-peek{transform:translateY(0)}
.mailbox-dialog .envelope .paper-peek{transition:transform .55s cubic-bezier(.2,.7,.25,1);background:linear-gradient(100deg,#fffef8,#f8f5ed);border-color:#e8dfcf;box-shadow:0 -4px 12px #6680a214}
.mailbox-dialog .envelope-seal{top:80px;left:calc(50% - 21px);width:42px;height:42px;background:radial-gradient(circle at 30% 25%,#fff9e9,#e3cda7);border:1px solid #e5ce9f;color:#9f7c43;box-shadow:0 3px 10px #9e7f4828,inset 0 1px 2px #fff;transition:opacity .22s,transform .28s;font-size:25px;opacity:1}
.mailbox-dialog .envelope-caption{bottom:15px;font-family:'Lora',Georgia,serif!important;text-transform:none;letter-spacing:0;font-size:12px!important;font-style:italic;color:#536f91;line-height:1.6;padding:0 8px}
.mailbox-dialog .envelope[data-stage=closed] .envelope-seal{opacity:1}
.mailbox-dialog .envelope[aria-expanded=true] .envelope-seal{opacity:0;transform:scale(1.4) rotate(12deg);animation:none}
.mailbox-dialog .envelope[data-stage=flap] .envelope-flap,.mailbox-dialog .envelope[data-stage=paper] .envelope-flap,.mailbox-dialog .envelope[data-stage=revealed] .envelope-flap{transform:rotateX(180deg);z-index:1}
.mailbox-dialog .envelope[data-stage=paper] .paper-peek,.mailbox-dialog .envelope[data-stage=revealed] .paper-peek{transform:translateY(-42px)}
.mailbox-dialog .mail-instruction{display:block;margin-top:11px!important;color:#6a8ab0;font-size:11px!important;min-height:20px}
.mailbox-dialog .letter-note{position:relative;border-color:#e1ddcf;background:linear-gradient(110deg,#fffefa,#faf8f0);box-shadow:0 8px 25px #7b8a9b15;animation:unfold-letter .48s ease-out both}
.mailbox-dialog .letter-note:before{content:'';position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,#e0d0b1,transparent)}
.mailbox-dialog .letter-actions #close-note{background:linear-gradient(115deg,#527daf,#698fba);font-size:11px;font-weight:600;min-height:48px}
.mailbox-dialog .letter-actions #another-wish{font-size:10px;min-height:44px}
.mailbox-dialog.is-opening .envelope,.mailbox-dialog.is-open .envelope{animation:none!important;translate:0 0}
.mailbox-dialog.is-open .envelope{margin-top:53px!important;height:138px!important;filter:none}
body.night .mailbox-dialog .letter-note{background:linear-gradient(135deg,#2b4055,#24364b);border-color:#586a7c}
body.night .mailbox-dialog .mail-instruction{color:#b9cce6}
@media(prefers-reduced-motion:no-preference){
 .mailbox-dialog[open]:not(.is-opening):not(.is-open) .envelope{animation:mail-arrive .65s cubic-bezier(.2,.8,.3,1) both,mail-nudge 7s ease-in-out 2s infinite}
 .mailbox-dialog[open]:not(.is-opening):not(.is-open) .envelope-seal{animation:seal-breathe 4.5s ease-in-out .7s infinite}
}
@media(hover:hover) and (pointer:fine){.mailbox-dialog .envelope:not(:disabled):hover{translate:0 -4px;filter:drop-shadow(0 5px 9px #577ca62d);animation-play-state:paused}.mailbox-dialog .envelope:not(:disabled):hover .envelope-seal{box-shadow:0 0 19px #f1d7a7a0,inset 0 1px 2px #fff}}
.mailbox-dialog .envelope:not(:disabled):active{translate:0 -2px;filter:brightness(1.035)}
@keyframes mail-arrive{from{opacity:0;transform:translateY(16px) rotate(-4deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes mail-nudge{0%,8%,100%{transform:rotate(0)}2%{transform:rotate(-1.8deg)}4%{transform:rotate(1.5deg)}6%{transform:rotate(-.8deg)}}
@keyframes seal-breathe{0%,100%{box-shadow:0 3px 10px #9e7f4828,inset 0 1px 2px #fff}50%{box-shadow:0 0 19px #e9c98b8c,inset 0 1px 2px #fff}}
@keyframes unfold-letter{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-height:700px){.mailbox-dialog.is-open .envelope{display:none}.mailbox-dialog.is-open .mail-instruction{display:none}.mailbox-dialog .envelope{margin-top:21px!important;margin-bottom:16px!important}}
@media(max-width:360px){.mailbox-dialog .envelope-caption{font-size:11px!important}.mailbox-dialog .mail-intro{font-size:11px}.mailbox-dialog h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.mailbox-dialog .envelope,.mailbox-dialog .envelope *,.mailbox-dialog .letter-note{animation:none!important;transition:none!important}.mailbox-dialog .envelope:hover{translate:none;filter:none}}