body:not(.envelope-open){overflow:hidden}body.envelope-open{overflow:auto}
.envelope-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#ffacd0,#fff4df);transition:opacity .8s,visibility .8s}
.envelope-screen.opened{opacity:0;visibility:hidden;pointer-events:none}
.envelope-card{width:min(92vw,480px);padding:46px 28px;text-align:center;border:5px solid white;border-radius:40px;background:#fffaf3;box-shadow:0 24px 70px #7b315b55;animation:envelope-arrive .9s cubic-bezier(.2,.9,.25,1.25)}
@keyframes envelope-arrive{from{opacity:0;transform:translateY(80px) scale(.7) rotate(-5deg)}to{opacity:1;transform:none}}
.envelope-icon{font-size:105px;line-height:1;filter:drop-shadow(0 12px 8px #8a3b5c35);animation:envelope-float 2.3s ease-in-out infinite}
@keyframes envelope-float{50%{transform:translateY(-12px) rotate(4deg)}}
.envelope-card p{text-transform:uppercase;letter-spacing:3px;font-size:13px;font-weight:900;color:#f34691}.envelope-card h2{color:#813aa5}
.envelope-card button{margin-top:20px;padding:16px 28px;border:0;border-radius:999px;background:#f34691;color:white;font:900 17px Nunito,sans-serif;box-shadow:0 7px 0 #bd286a;cursor:pointer}
.calendar{display:block;margin:18px auto 0;border:0;cursor:pointer;font:900 16px Nunito,sans-serif;background:#25b6ce;box-shadow:0 7px 0 #16879c}
.pool-alert{display:flex;align-items:center;justify-content:center;gap:15px;margin:32px auto 0;padding:18px 20px;max-width:590px;border:4px dashed white;border-radius:28px;background:#fff2a8;color:#66366f;box-shadow:0 10px 25px #286c7d24;animation:alert-rock 3s ease-in-out infinite}
.pool-alert>span{font-size:40px}.pool-alert strong{display:block;font:800 25px 'Baloo 2',cursive;color:#f34691}.pool-alert p{margin:2px 0;font-size:15px;font-weight:800}
@keyframes alert-rock{50%{transform:rotate(1.5deg) scale(1.02)}}
.final-message{margin:36px auto 20px;padding:24px;max-width:540px;border:2px solid #ffffff80;border-radius:30px;background:#ffffff18;box-shadow:inset 0 0 30px #ffffff15}
.final-message span{font-size:30px;color:#16879c;animation:heart-beat 1.5s ease-in-out infinite}.final-message p{margin:8px auto;font:700 23px 'Baloo 2',cursive}.final-message b{font-size:15px;color:#16879c}
@keyframes heart-beat{50%{transform:scale(1.3)}}
@media(max-width:520px){.envelope-icon{font-size:82px}.pool-alert{gap:8px}.pool-alert>span{font-size:30px}.pool-alert strong{font-size:21px}.final-message p{font-size:20px}}
@media(prefers-reduced-motion:reduce){.envelope-card,.envelope-icon,.pool-alert,.final-message span{animation:none!important}}