html body .mailbox-dialog{width:min(420px,calc(100% - 24px));padding:58px 26px 22px;background:linear-gradient(160deg,#fffefb,#f2f6fc);border:1px solid #d9e3ef;border-radius:23px;color:#344b69;overflow-x:hidden}.mailbox-dialog .mail-eyebrow{display:block;font-size:8px;letter-spacing:1.5px;color:#8294ab}.mailbox-dialog h2{font-family:'Lora',Georgia,serif!important;font-size:29px;font-weight:600;line-height:1.5;margin:11px 0 7px;color:#2c4769}.mailbox-dialog .mail-instruction{font-size:11px;line-height:1.9;color:#7b8ba1;margin:0 0 15px}.mailbox-dialog .envelope{position:relative;display:block;width:min(268px,100%);height:166px;margin:29px auto 22px;padding:0;border:0;border-radius:10px;background:none!important;isolation:isolate;perspective:900px;box-shadow:0 12px 25px #6c8bad25;cursor:inherit}.envelope-back{position:absolute;inset:0;background:#adc5e2;border-radius:9px}.envelope-front{position:absolute;inset:0;clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%);background:linear-gradient(145deg,#d5e5f8,#bad1ed);border-radius:9px;z-index:3}.envelope-flap{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 60%);background:linear-gradient(#e9f1fc,#c5d9f2);transform-origin:center top;transition:transform .65s ease,z-index 0s .3s;z-index:5;backface-visibility:hidden}.envelope-seal{position:absolute;z-index:6;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;left:calc(50% - 19.5px);top:77px;background:#fffaf0;color:#a98d61;border:1px solid #e8d7b9;font-size:24px;box-shadow:0 3px 8px #3b587720;transition:opacity .2s}.envelope-caption{position:absolute;bottom:17px;left:0;right:0;font-size:8px;letter-spacing:3px;color:#57779e;z-index:4}.paper-peek{position:absolute;inset:12px 16px;background:#fffdfa;border:1px solid #e4e5e1;border-radius:5px;z-index:2;transition:transform .65s .15s}.paper-peek i{display:block;margin:14px auto 0;background:#dde5ee;height:2px;width:65%}.paper-peek i:nth-child(2){width:52%}.envelope[aria-expanded=true] .envelope-flap{transform:rotateX(180deg);z-index:1}.envelope[aria-expanded=true] .envelope-seal{opacity:0}.envelope[aria-expanded=true] .paper-peek{transform:translateY(-35px)}.mailbox-dialog .envelope[aria-expanded=true]{height:135px;margin-top:54px;margin-bottom:17px;box-shadow:0 8px 20px #6c8bad20}.envelope:focus-visible{outline:3px solid #759cd0;outline-offset:7px}.letter-note{position:relative;text-align:left;background:#fffefb;border:1px solid #e6e3d8;border-radius:12px;padding:22px 21px;box-shadow:0 7px 20px #4867830d;animation:letter-appear .45s ease both}.letter-kicker{font-size:8px;letter-spacing:1.2px;color:#a0917c}.letter-note p{margin:15px 0!important}.letter-note #random-wish{font-family:'Lora',Georgia,serif!important;font-size:19px;line-height:1.85;font-weight:500;color:#365475;animation:none}.letter-signature{display:block;text-align:right;font-size:10px;color:#9a8c77;margin-top:15px}.letter-actions{display:flex;flex-direction:column;gap:8px;margin-top:22px}.letter-actions #close-note{background:#547fb5;color:#fff;margin:0!important;padding:11px 12px;min-height:46px;border-radius:9px;font-size:11px;width:100%}.letter-actions #another-wish{background:#edf2f8;color:#536f92;border:1px solid #d9e3ef;margin:0!important;padding:10px 12px;min-height:44px;border-radius:9px;font-size:10px;width:100%}.mailbox-dialog .mail-footnote{font-size:9px;color:#93a0b1;margin:17px 0 0;line-height:1.8}.mailbox-dialog.is-open .mail-instruction{margin-bottom:0}.mailbox-dialog.is-open .envelope-caption{font-size:7px}body.night .mailbox-dialog{background:linear-gradient(150deg,#1f3047,#182739);border-color:#526780;color:#e1eafa}body.night .mailbox-dialog h2{color:#e7edff}body.night .mailbox-dialog .mail-instruction{color:#b6c4d9}body.night .letter-note{background:#253a51;border-color:#4d637b}body.night .letter-note #random-wish{color:#e0ebff}body.night .letter-kicker,body.night .letter-signature{color:#b7c1ce}body.night .letter-actions #another-wish{background:#354c69;color:#d9e8fd;border-color:#596f8c}@keyframes letter-appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-height:700px){.mailbox-dialog.is-open .envelope{display:none}.mailbox-dialog.is-open .mail-instruction{margin-bottom:16px}}@media(max-width:360px){html body .mailbox-dialog{padding-left:20px;padding-right:20px}.letter-note{padding:18px}.letter-note #random-wish{font-size:17px}}@media(prefers-reduced-motion:reduce){.envelope-flap,.paper-peek,.envelope-seal,.letter-note{transition:none!important;animation:none!important}}