.letters-shell{color:#554b57;background:radial-gradient(circle at 10% 14%,#ffd7e4 0 3px,#0000 4px) 0 0/88px 88px,radial-gradient(circle at 91% 32%,#f5d777 0 3px,#0000 4px) 0 0/112px 112px,linear-gradient(#fff5f7,#fffdf3);min-height:100vh;padding-bottom:112px}.letters-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf9ed;border-bottom:1px dashed #e9d8d5;justify-content:space-between;align-items:center;height:76px;padding:0 max(20px,50% - 540px);display:flex;position:sticky;top:0}.letters-wrap{width:min(1080px,100% - 36px);margin:24px auto}.letters-hero{background:linear-gradient(125deg,#fff0f5,#fff8d9);border:3px solid #efbdca;border-radius:29px;justify-content:space-between;align-items:center;gap:20px;min-height:160px;padding:26px 30px;display:flex;box-shadow:0 11px 28px #70465316}.letters-hero p{color:#a94364;letter-spacing:1.7px;margin:0;font-size:11px;font-weight:1000}.letters-hero h1{margin:6px 0 4px;font-size:clamp(37px,5vw,52px)}.letters-hero span{max-width:620px;font:700 18px/1.35 var(--font-gaegu);display:block}.mail-primary,.mail-secondary{border:0;border-radius:17px;min-height:50px;padding:11px 18px;font-weight:1000;transition:transform .16s,box-shadow .16s}.mail-primary{color:#fff;background:#d85f84;box-shadow:0 5px #ac3f62}.mail-secondary{color:#69575f;background:#f1e8ec;box-shadow:0 4px #d9c8cf}.mail-primary:hover,.mail-primary:focus-visible,.mail-secondary:hover,.mail-secondary:focus-visible{transform:translateY(-2px)}.mail-primary:active,.mail-secondary:active{box-shadow:none;transform:translateY(3px)}.mail-primary:disabled,.mail-secondary:disabled{opacity:.55;box-shadow:none;cursor:not-allowed;transform:none}.letters-hero>.mail-primary{min-width:160px;font-size:16px}.mail-notice{color:#fff;background:#ae4f70;border:2px solid #fff;border-radius:18px;width:max-content;max-width:100%;margin:14px auto -2px;padding:10px 16px;font-weight:900;box-shadow:0 5px 16px #68404c25}.mail-state-card{text-align:center;background:#fffdf9;border:2px solid #eadce0;border-radius:27px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;margin-top:18px;padding:38px;display:flex;box-shadow:0 8px 22px #66485014}.mail-state-card>span{font-size:67px}.mail-state-card h2{margin:12px 0 5px;font-size:34px}.mail-state-card p{color:#6a5a60;max-width:620px;line-height:1.6}.mail-state-card>button,.mail-connect-card a{color:#fff;background:#d85f84;border:0;border-radius:16px;min-height:48px;padding:12px 17px;font-weight:1000;text-decoration:none}.mail-state-card>i{gap:6px;margin-top:15px;display:flex}.mail-state-card>i b{background:#d85f84;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite mailDot}.mail-state-card>i b:nth-child(2){animation-delay:.13s}.mail-state-card>i b:nth-child(3){animation-delay:.26s}.mail-loading-icon{animation:1.5s ease-in-out infinite mailFloat}.mail-connect-card>div{gap:9px;display:flex}.mail-connect-card>div a:last-child{color:#66565d;background:#f0e7eb}.mailbox-layout{grid-template-columns:285px minmax(0,1fr);align-items:start;gap:17px;margin-top:18px;display:grid}.mail-address-card{text-align:center;background:linear-gradient(#fff9f4,#fff0f5);border:3px solid #edb6c5;border-radius:27px;flex-direction:column;align-items:center;padding:25px 20px;display:flex;position:sticky;top:94px;box-shadow:0 9px 24px #6e475218}.mailbox-character{filter:drop-shadow(0 6px 4px #74454e26);font-size:64px}.mail-address-card>small{color:#85636f;background:#fff;border-radius:999px;margin-top:4px;padding:4px 10px;font-weight:900}.mail-address-card h2{margin:11px 0 7px;font-size:27px}.mail-code{color:#9f3859;width:100%;min-height:58px;font:1000 25px/1 var(--font-nunito),sans-serif;letter-spacing:2px;background:#fff;border:3px dashed #d36b89;border-radius:16px}.mail-address-card>p{color:#695a60;margin:10px 0 13px;font-size:12px;line-height:1.45}.mail-address-card>div{grid-template-columns:1fr 1fr;gap:7px;width:100%;display:grid}.mail-address-card>div button{color:#704d59;background:#f4dce4;border:0;border-radius:13px;min-height:43px;font-size:12px;font-weight:1000}.mailbox-card{background:#fffdf9;border:2px solid #eadce0;border-radius:27px;min-height:500px;padding:16px;box-shadow:0 9px 24px #6e475214}.mailbox-tabs{background:#f5ebef;border-radius:19px;grid-template-columns:1fr 1fr auto;gap:7px;padding:5px;display:grid}.mailbox-tabs>button{color:#705e65;background:0 0;border:2px solid #0000;border-radius:15px;min-height:49px;padding:9px 13px;font-weight:1000}.mailbox-tabs>button.active{color:#ad4264;background:#fff;border-color:#eda9bd;box-shadow:0 3px 9px #6f425018}.mailbox-tabs>button b{color:#fff;background:#cf4e74;border-radius:999px;place-items:center;min-width:25px;height:25px;margin-left:7px;padding:0 6px;font-size:11px;display:inline-grid}.mailbox-tabs>.mail-refresh{width:49px;padding:0;font-size:23px}.mailbox-loading{color:#79686f;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:380px;font-weight:900;display:flex}.mailbox-loading span{font-size:55px;animation:1.5s ease-in-out infinite mailFloat}.mail-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:30px;display:flex}.mail-empty>span{font-size:72px}.mail-empty h2{margin:10px 0 4px;font-size:31px}.mail-empty p{color:#6d5d63;max-width:460px;margin-bottom:18px;font-size:13px;line-height:1.5}.mail-empty button{color:#fff;background:#d85f84;border:0;border-radius:15px;min-height:47px;padding:10px 16px;font-weight:1000}.mail-letter-list{gap:9px;padding:9px 2px 2px;display:grid}.mail-unread-summary{color:#7a5b17;background:#fff1bc;border-radius:12px;width:max-content;margin:3px 3px 0;padding:6px 10px;font-size:11px;font-weight:1000}.mail-letter-card{text-align:left;border:3px solid #0000;border-radius:21px;grid-template-columns:72px minmax(0,1fr) 25px;align-items:center;gap:12px;width:100%;min-height:105px;padding:12px 15px;transition:transform .16s,border-color .16s;display:grid;box-shadow:0 4px 10px #64424b12}.mail-letter-card:hover,.mail-letter-card:focus-visible{border-color:#d66b8c;transform:translateY(-2px)}.mail-letter-card.is-unread{border-color:#e985a2;box-shadow:0 0 0 3px #f8dce5,0 5px 13px #71404d1c}.mail-envelope{background:#ef8faa;border:3px solid #fff;border-radius:11px;place-items:center;width:67px;height:54px;font-size:26px;display:grid;position:relative;box-shadow:0 4px 8px #74434e25}.mail-envelope:before,.mail-envelope:after{content:"";clip-path:polygon(0 0,50% 58%,100% 0);background:#ffc4d2;border-radius:8px;position:absolute;inset:0}.mail-envelope:after{clip-path:polygon(0 100%,50% 44%,100% 100%);background:#d96e8c}.mail-envelope i{z-index:2;font-style:normal;position:relative}.mail-envelope b{z-index:3;color:#fff;background:#d34068;border:3px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;display:grid;position:absolute;top:-8px;right:-8px}.mail-letter-summary{flex-direction:column;min-width:0;display:flex}.mail-letter-summary strong{font:700 22px var(--font-gaegu)}.mail-letter-summary small{color:#594d52;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 5px;font-size:12px;overflow:hidden}.mail-letter-summary time{color:#786a70;font-size:10px;font-weight:800}.mail-open-arrow{color:#a06f7e;font-size:31px}.paper-pink{background-color:#fff0f5}.paper-yellow{background-color:#fff8d6}.paper-mint{background-color:#eaf9ef}.paper-purple{background-color:#f3edff}.mail-more{color:#9f4a65;background:#fff;border:2px dashed #dba1b2;border-radius:16px;min-height:47px;margin-top:4px;font-weight:1000}.letter-modal-open{overflow:hidden}.letter-modal-backdrop{z-index:21000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#382737a8;place-items:center;padding:15px;animation:.2s ease-out mailBackdrop;display:grid;position:fixed;inset:0}.letter-modal{color:#554b57;background:#fffaf5;border:5px solid #fff;border-radius:31px;width:min(760px,100%);max-height:calc(100dvh - 30px);padding:23px;animation:.3s cubic-bezier(.18,.9,.28,1.12) mailModalIn;overflow:auto;box-shadow:0 28px 80px #24162275}.mail-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mail-modal-header>div{align-items:center;gap:11px;display:flex}.mail-modal-header>div>span{background:#ffe1ea;border-radius:18px;flex:none;place-items:center;width:57px;height:57px;font-size:30px;display:grid}.mail-modal-header h2{margin:0;font-size:36px;line-height:1}.mail-modal-header p{color:#6f5f65;margin:5px 0 0;font-size:12px}.mail-modal-header>button{background:#efe5e9;border:0;border-radius:15px;flex:none;width:45px;height:45px;font-size:27px;font-weight:1000}.mail-address-form{gap:10px;margin-top:22px;display:grid}.mail-address-form label{font:700 23px var(--font-gaegu)}.mail-address-form input{color:#903954;width:100%;height:74px;font:1000 clamp(25px,6vw,38px) var(--font-nunito);letter-spacing:3px;text-align:center;text-transform:uppercase;background:#fff;border:4px solid #edafc0;border-radius:20px;padding:0 18px}.mail-address-form>p{color:#5d5269;background:#f1eef8;border-radius:14px;margin:0;padding:11px 13px;font-size:11px;line-height:1.45}.mail-error{color:#9e332d;background:#ffe2df;border-radius:13px;padding:10px 12px;font-size:12px;display:block}.mail-modal-actions{justify-content:flex-end;gap:9px;margin-top:15px;display:flex}.recipient-confirm{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:315px;padding:23px;display:flex}.recipient-confirm>div:first-child{background:#ffe6ee;border-radius:50%;place-items:center;width:93px;height:93px;font-size:48px;display:grid;position:relative}.recipient-confirm>div:first-child b{color:#fff;background:#4c9b63;border:3px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;display:grid;position:absolute;bottom:0;right:0}.recipient-confirm h3{margin:13px 0 4px;font-size:31px}.recipient-confirm code{color:#815366;letter-spacing:1px;background:#f2ebee;border-radius:10px;padding:7px 12px;font-size:15px;font-weight:1000}.recipient-confirm .mail-modal-actions{justify-content:center;width:100%}.mail-compose-form{gap:13px;margin-top:17px;display:grid}.mail-compose-form fieldset{border:0;min-width:0;margin:0;padding:0}.mail-compose-form legend{font:700 20px var(--font-gaegu);margin-bottom:7px}.stamp-options{gap:7px;padding:2px 2px 6px;display:flex;overflow-x:auto}.stamp-options button{background:#fff;border:3px solid #ecdce1;border-radius:15px;width:55px;min-width:55px;height:53px;font-size:27px}.stamp-options button.selected{background:#ffe4ed;border-color:#d85f84;box-shadow:0 0 0 3px #f7c9d7}.paper-options{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.paper-swatch{border:3px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:5px;font-size:11px;font-weight:1000;display:flex}.paper-swatch i{background:inherit;border:2px solid #fff;border-radius:3px;width:16px;height:21px;box-shadow:0 2px 5px #59414b1c}.paper-swatch.selected{border-color:#c95b7d;box-shadow:0 0 0 2px #f5c1d1}.message-presets{gap:6px;padding:2px 2px 8px;display:flex;overflow-x:auto}.message-presets button{color:#6d5a62;background:#fff;border:2px solid #ead8df;border-radius:13px;min-width:max-content;min-height:37px;padding:7px 10px;font-size:11px;font-weight:900}.message-presets button.selected{color:#963a57;background:#ffe6ee;border-color:#d26887}.mail-paper-editor{background-image:repeating-linear-gradient(0deg,#0000,#0000 30px,#7f9fa624 31px);border:3px solid #fff;border-radius:19px;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) 45px;min-height:150px;padding:14px 16px 8px;display:grid;box-shadow:0 6px 16px #64424b19}.mail-paper-editor>span{background:#fffdf7;border:3px dashed #d7839c;border-radius:9px;grid-area:1/2;place-items:center;width:43px;height:43px;font-size:24px;display:grid}.mail-paper-editor textarea{resize:none;color:#51464c;min-width:0;font:700 23px/1.3 var(--font-gaegu);background:0 0;border:0;outline:0;grid-area:1/1/3}.mail-paper-editor small{color:#6c5f64;text-align:right;grid-column:2;align-self:end;font-size:9px}.mail-sent-scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:370px;padding:25px;display:flex}.mail-sent-scene>div{width:100%;height:150px;position:relative}.mail-sent-scene>div span{font-size:57px;animation:1.6s ease-in-out infinite letterFly;position:absolute;top:60%;left:8%}.mail-sent-scene>div i{font-size:31px;font-style:normal;animation:.8s ease-in-out infinite alternate mailTwinkle;position:absolute;top:30%;left:44%}.mail-sent-scene>div b{font-size:68px;position:absolute;top:0;right:8%}.mail-sent-scene>p{max-width:500px;font:700 22px/1.4 var(--font-gaegu);margin:0}.mail-sent-scene .mail-modal-actions{justify-content:center}.letter-detail-modal{width:min(650px,100%)}.letter-detail-paper{background-image:repeating-linear-gradient(0deg,#0000,#0000 36px,#7797a129 37px);border:3px solid #fff;border-radius:22px;flex-direction:column;min-height:300px;margin-top:18px;padding:40px 34px 23px;display:flex;position:relative;box-shadow:0 7px 20px #63434d20}.letter-detail-stamp{background:#fffdf7;border:3px dashed #ce7690;border-radius:10px;place-items:center;width:54px;height:54px;font-size:30px;display:grid;position:absolute;top:17px;right:20px}.letter-detail-paper>p{color:#4f4449;font:700 clamp(23px,5vw,31px)/1.48 var(--font-gaegu);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:30px 0 25px}.letter-detail-paper footer{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.letter-detail-paper footer strong{font:700 20px var(--font-gaegu)}.letter-detail-paper footer time{color:#6d5e64;font-size:10px}.letter-detail-close{width:100%;margin-top:13px}@keyframes mailDot{50%{transform:translateY(-7px)}}@keyframes mailFloat{50%{transform:translateY(-9px)rotate(3deg)}}@keyframes mailBackdrop{0%{opacity:0}}@keyframes mailModalIn{0%{opacity:0;transform:translateY(24px)scale(.94)}}@keyframes letterFly{0%{transform:translate(0)rotate(-8deg)}50%,to{opacity:.25;transform:translate(420%,-105%)rotate(13deg)}}@keyframes mailTwinkle{to{transform:scale(1.3)rotate(12deg)}}@media (max-width:760px){.mailbox-layout{grid-template-columns:1fr}.mail-address-card{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:64px minmax(0,1fr) auto;column-gap:10px;display:grid;position:static}.mailbox-character{grid-row:1/4;font-size:54px}.mail-address-card>small{place-self:end start;margin:0}.mail-address-card h2{align-self:start;margin:2px 0}.mail-code{grid-area:3/2/auto/4;width:auto;min-height:51px}.mail-address-card>p{text-align:center;grid-column:1/4;margin-bottom:8px}.mail-address-card>div{grid-column:1/4}.mailbox-card{min-height:430px}.letterFly{animation:none}}@media (max-width:600px){.letters-shell{padding-bottom:100px}.letters-header{height:65px;padding:0 11px}.letters-header .back{font-size:12px}.letters-header .space-brand{font-size:18px}.letters-wrap{width:calc(100% - 18px);margin:11px auto}.letters-hero{border-radius:23px;align-items:flex-end;min-height:0;padding:17px}.letters-hero p{font-size:9px}.letters-hero h1{font-size:33px}.letters-hero span{font-size:15px}.letters-hero>.mail-primary{width:53px;min-width:53px;height:53px;padding:0;font-size:0;overflow:hidden}.letters-hero>.mail-primary:first-letter{font-size:23px}.mailbox-layout{gap:10px;margin-top:10px}.mail-address-card{border-radius:21px;padding:14px}.mailbox-character{font-size:47px}.mail-address-card h2{font-size:23px}.mailbox-card{border-radius:21px;padding:9px}.mailbox-tabs{gap:4px}.mailbox-tabs>button{min-height:46px;padding:7px;font-size:12px}.mailbox-tabs>.mail-refresh{width:44px}.mail-empty{min-height:315px;padding:18px}.mail-empty>span{font-size:61px}.mail-letter-card{border-radius:17px;grid-template-columns:58px minmax(0,1fr) 17px;gap:8px;min-height:92px;padding:9px}.mail-envelope{width:55px;height:45px;font-size:21px}.mail-letter-summary strong{font-size:19px}.letter-modal-backdrop{align-items:end;padding:6px}.letter-modal{border-width:4px;border-radius:27px 27px 18px 18px;width:100%;max-height:calc(100dvh - 12px);padding:17px 12px}.mail-modal-header>div>span{border-radius:15px;width:47px;height:47px;font-size:25px}.mail-modal-header h2{font-size:29px}.mail-modal-header p{font-size:10px}.mail-modal-header>button{width:42px;height:42px}.mail-address-form input{height:67px;font-size:27px}.mail-modal-actions{grid-template-columns:1fr 1.35fr;display:grid}.mail-modal-actions button{padding-inline:8px;font-size:12px}.recipient-confirm{min-height:300px;padding:12px}.paper-options{grid-template-columns:1fr 1fr}.mail-paper-editor{grid-template-columns:minmax(0,1fr) 40px;min-height:140px;padding:10px}.mail-paper-editor textarea{font-size:21px}.mail-paper-editor>span{width:38px;height:38px;font-size:21px}.mail-sent-scene{min-height:330px;padding:12px}.letter-detail-paper{min-height:320px;padding:34px 19px 18px}.letter-detail-paper footer{flex-direction:column;align-items:flex-start;gap:2px}.letter-detail-paper>p{margin-top:42px}.mail-connect-card>div{width:100%;display:grid}.mail-connect-card>div a{place-items:center;display:grid}}@media (max-width:410px){.letters-header .space-brand{font-size:0}.letters-header .space-brand:first-letter{font-size:22px}.letters-hero span{max-width:230px}.mail-address-card{grid-template-columns:52px minmax(0,1fr) auto}.mailbox-character{font-size:40px}.mail-code{font-size:21px}.stamp-options button{width:49px;min-width:49px;height:48px}.mail-modal-actions{grid-template-columns:1fr}.mail-modal-actions .mail-primary{order:-1}}@media (prefers-reduced-motion:reduce){.mail-loading-icon,.mail-state-card>i b,.mail-sent-scene>div span,.mail-sent-scene>div i,.letter-modal-backdrop,.letter-modal{animation:none!important}}.mail-recent-contacts{background:#fff8ed;border:2px solid #efdae1;border-radius:18px;margin:0 0 8px;padding:12px}.mail-recent-contacts>div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mail-recent-contacts h3{margin:0;font-size:20px}.mail-recent-contacts>div>small{color:#796a70;font-size:9px}.mail-recent-contacts nav{gap:7px;margin-top:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.mail-recent-contacts nav button{text-align:left;background:#fff;border:2px solid #ead7de;border-radius:14px;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:6px;min-width:135px;min-height:58px;padding:7px 9px;display:grid}.mail-recent-contacts nav button:hover,.mail-recent-contacts nav button:focus-visible{background:#fff0f5;border-color:#d66888}.mail-recent-contacts nav button>span:first-child{font-size:23px}.mail-recent-contacts nav button>span:last-child{flex-direction:column;min-width:0;display:flex}.mail-recent-contacts nav strong{font:700 17px/1.1 var(--font-gaegu);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mail-recent-contacts nav small{color:#8a6f78;letter-spacing:.7px;font-size:8px}.mail-sent-scene>small{color:#745918;background:#fff1c3;border-radius:11px;margin-top:8px;padding:7px 10px;font-size:10px;font-weight:900}.letter-detail-actions{grid-template-columns:1fr 1.4fr;gap:8px;margin-top:13px;display:grid}.letter-detail-actions>button,.letter-detail-actions .letter-detail-close{width:100%;margin:0}@media (max-width:600px){.mail-recent-contacts{padding:10px}.mail-recent-contacts>div>small{display:none}.mail-recent-contacts nav button{min-width:122px}.letter-detail-actions{background:linear-gradient(#0000,#fffaf5 18%);padding-top:9px;position:sticky;bottom:0}}