.real-letter-compose{margin:24px 0}.real-letter-compose textarea.real-letter-paper{min-height:360px;resize:vertical}.real-member-area .real-letter-paper{padding:26px!important;line-height:32px;font:17px/32px Georgia,serif;color:#243b60;white-space:pre-wrap;overflow-wrap:anywhere;background-color:#fff;border:1px solid #dbe4f3;border-radius:12px}.real-letter-reading{min-height:280px;margin:24px 0}.real-member-area .real-letter-paper[data-paper=blue]{background:#e8f2ff}.real-member-area .real-letter-paper[data-paper=lined]{background:repeating-linear-gradient(#fff 0,#fff 31px,#dce7f6 31px,#dce7f6 32px);background-position:0 26px}.real-member-area .real-letter-paper[data-paper=notebook]{background:linear-gradient(90deg,transparent 35px,#abc8f1 35px,#abc8f1 36px,transparent 36px),repeating-linear-gradient(#edf5ff 0,#edf5ff 31px,#cadcf5 31px,#cadcf5 32px);background-position:0 0,0 26px;padding-left:50px!important}.real-member-area .real-letter-paper[data-paper=bubbles]{background:#fff url('stationery/blue-bubbles.png') 0 0/350px 350px repeat}.real-member-area .real-letter-paper[data-paper=hearts]{background:#fff url('stationery/blue-hearts.png') 0 0/350px 350px repeat}.real-letter-actions{padding-top:24px;border-top:1px solid #e1eafa}.real-letter-compose>.m-field{margin:18px 0}.real-letter-compose .envelope-card{max-width:700px}.letter-notification-icon{width:45px;height:45px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#edf3ff;color:#2455da;font-size:24px}.real-member-area .m-tabs{display:flex;gap:10px;flex-wrap:wrap}.real-member-area .m-tabs button{padding:10px 18px;border:1px solid #d6e1f5;background:white;color:#2455da;border-radius:12px}.real-member-area .m-tabs button.active{background:#2455da;color:white}.real-member-area .m-reading{white-space:pre-wrap}@media(max-width:760px){.real-letter-compose{padding:18px}.real-letter-compose textarea.real-letter-paper{min-height:300px}.real-letter-actions{display:grid;grid-template-columns:1fr}.real-member-area .real-letter-paper{padding:18px!important}.real-letter-compose .paper-picker .m-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.real-member-area .m-tabs{gap:6px}.real-member-area .m-tabs button{flex:1;padding:10px 12px}}
 .envelope-footer .draft-delete{color:#b42318;border-color:#f5b4ad;margin-left:10px}.envelope-footer{flex-wrap:wrap;gap:10px}.envelope-footer .draft-delete:hover{background:#fff0ee}

/* Paper-built envelope previews: no external image or private content required. */
.real-member-area .envelope-card{--paper:#fffdf7;--fold:#d9d2c2;border-radius:5px;max-width:860px;min-height:290px;padding:30px 34px 20px;margin:26px 0 32px;border-color:#d8d5cb;background:linear-gradient(145deg,#fffefa,var(--paper));box-shadow:0 16px 24px -17px #18375f66,0 3px 5px #18375f12,inset 0 0 28px #988c6b0c}
.real-member-area .envelope-card::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.34;background:repeating-linear-gradient(0deg,#806e5010 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#ffffff55 0 1px,transparent 1px 4px)}
.real-member-area .envelope-fold{inset:0;height:auto;opacity:.65;background:linear-gradient(32deg,transparent 49.7%,var(--fold) 50%,transparent 50.4%) left bottom/50% 58% no-repeat,linear-gradient(-32deg,transparent 49.7%,var(--fold) 50%,transparent 50.4%) right bottom/50% 58% no-repeat}
.real-member-area .envelope-fold::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff99,#8b7a5512);clip-path:polygon(0 0,100% 0,50% 43%);filter:drop-shadow(0 2px 1px #18375f22)}
.real-member-area .envelope-fold::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,#8b7a5509);clip-path:polygon(0 100%,50% 48%,100% 100%)}
.real-member-area .envelope-address{padding-right:170px;min-height:190px}
.real-member-area .envelope-address .m-label{display:inline-block;background:#edf2fae8;color:#506689;border:1px solid #d8e2f0;border-radius:20px;padding:5px 12px;font:600 10px/1.4 Arial,sans-serif;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}
.real-member-area .envelope-names{font:italic 25px/1.65 Georgia,serif;letter-spacing:.3px}
.real-member-area .envelope-names span{font:10px/1.4 Arial,sans-serif;min-width:52px;letter-spacing:1.8px}
.real-member-area .envelope-subject{font:italic 14px/1.6 Georgia,serif;margin:17px 0 7px;overflow-wrap:anywhere}
.real-member-area .envelope-postage{right:30px;top:28px}
.real-member-area .envelope-postage .envelope-stamp{width:94px;padding:8px;border:0;outline:1px solid #b8c6dd;outline-offset:-5px;background-color:#f4f8ff;box-shadow:2px 4px 5px #18375f22;transform:rotate(7deg);background-image:radial-gradient(circle at 0 50%,var(--paper) 2px,transparent 3px),radial-gradient(circle at 100% 50%,var(--paper) 2px,transparent 3px);background-size:100% 8px}
.real-member-area .envelope-postage .envelope-stamp img{width:57px;height:57px}
.real-member-area .envelope-postage .stamp-design-moon{background-color:#173b8f;outline-color:#9fbfff}.real-member-area .envelope-postage .stamp-design-lotus{background-color:#e8f2ff}
.real-member-area .envelope-postmark{width:94px;height:94px;top:67px;right:46px;background:transparent;border:3px double #58739c;color:#58739c;opacity:.78;transform:rotate(-19deg);font:10px/1.3 Arial,sans-serif;text-align:center;padding:7px;overflow-wrap:anywhere}
.real-member-area .envelope-postmark::after{content:"";position:absolute;width:70px;height:28px;left:79px;top:27px;background:repeating-linear-gradient(0deg,transparent 0 6px,#58739c 6px 7px);transform:rotate(10deg);pointer-events:none}
.real-member-area .envelope-footer{position:relative;border-top:1px solid #a8b9d733;padding-top:14px;margin-top:8px;justify-content:flex-end}
.real-member-area .envelope-seal{margin-right:auto;width:36px;height:36px;border:3px double #6685b9;background:#dce7f7;color:#365c97;box-shadow:inset 0 1px 3px #fff,0 2px 3px #18375f15}
.real-member-area .envelope-design-blue{--paper:#e4effb;--fold:#afc5df;background:linear-gradient(145deg,#eef6ff,#dce9f8)}
.real-member-area .envelope-design-airmail{--paper:#fffdf7;border:7px solid transparent;background:linear-gradient(145deg,#fffefa,#f5f3ed) padding-box,repeating-linear-gradient(135deg,#294e8d 0 12px,#fffdf7 12px 24px,#bd5753 24px 36px,#fffdf7 36px 48px) border-box}
.real-member-area .envelope-design-royal{--paper:#244d99;--fold:#9ab4e1;background:linear-gradient(145deg,#315da8,#1c4084);border-color:#173b75}
.real-member-area .envelope-design-royal .envelope-address .m-label{background:#edf2fa;color:#36517d}
.real-member-area .envelope-design-royal .envelope-postmark{border-color:#d2e2ff;color:#d2e2ff}.real-member-area .envelope-design-royal .envelope-postmark::after{background:repeating-linear-gradient(0deg,transparent 0 6px,#d2e2ff 6px 7px)}
.real-member-area .envelope-design-pinstripe{--paper:#eff3f9;background:repeating-linear-gradient(90deg,#f5f7fb 0 9px,#dce4ef 9px 10px)}
.real-member-area .envelope-design-framed{--paper:#edf3fd;background:#edf3fd;border:5px double #6584b3;box-shadow:inset 0 0 0 7px #fff,0 16px 24px -17px #18375f66}
@media(max-width:600px){.real-member-area .envelope-card{padding:23px 18px 16px;min-height:310px}.real-member-area .envelope-address{padding-right:110px;min-height:204px}.real-member-area .envelope-names{font-size:20px}.real-member-area .envelope-names span{display:block;margin-top:7px}.real-member-area .envelope-postage{right:18px;top:28px}.real-member-area .envelope-postage .envelope-stamp{width:76px}.real-member-area .envelope-postage .envelope-stamp img{width:44px;height:44px}.real-member-area .envelope-postmark{width:73px;height:73px;right:20px;top:76px;font-size:8px}.real-member-area .envelope-postmark small{font-size:8px}.real-member-area .envelope-postmark::after{left:59px;width:35px}.real-member-area .envelope-footer .m-btn{padding:10px 13px}.real-member-area .envelope-footer .draft-delete{margin-left:0}}
