:root{--paper:#f7f0e6;--ivory:#fff9ef;--ink:#4b3932;--red:#964b40;--muted:#66564b;--line:#cbbcab;--sage:#a3ad96;--blue:#dbe5e7;--serif:"Newsreader", "Noto Serif SC", "Songti SC", Georgia, serif;--sans:"DM Sans", "Noto Sans SC", "PingFang SC", sans-serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:99;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button{border:0}:is(button:focus-visible,a:focus-visible,summary:focus-visible){outline:2px solid var(--red);outline-offset:5px}:is(input:focus-visible,textarea:focus-visible,select:focus-visible){outline:2px solid var(--red);outline-offset:3px}input,select,textarea{border:1px solid var(--line);background:#fffaf2;border-radius:0;max-width:100%;padding:12px 14px}input[type=checkbox]{accent-color:var(--red);flex:none;width:16px;height:16px;margin:4px 0 0}label{font-size:12px;display:block}label input:not([type=checkbox]),label select,label textarea{width:100%;margin-top:8px;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;font-family:var(--serif);line-height:1.08}em{font-weight:400}h1{letter-spacing:-2.3px;font-size:68px}h2{letter-spacing:-1px;font-size:44px}p{line-height:1.8}svg{flex-shrink:0}::selection{color:var(--ink);background:#ddc6a2}.site-shell{max-width:1600px;margin:auto;padding:0 64px}.header{border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:45px;height:105px;display:flex;position:relative}.wordmark{font-family:var(--serif);white-space:nowrap;letter-spacing:-.7px;align-items:baseline;gap:5px;font-size:25px;display:flex}.header-tools{align-items:center;gap:15px;display:flex}.language{white-space:nowrap;background:0 0;align-items:center;gap:9px;padding:8px 0;font-size:11px;display:flex}.language span{opacity:.55}.language .selected{opacity:1}.language i{opacity:.4;font-size:11px;font-style:normal}.icon-button{background:0 0;justify-content:center;align-items:center;padding:8px;display:inline-flex}.mono,.page-topline,.paper-metadata,.paper-footer{font-family:var(--mono);letter-spacing:1.2px;font-size:10px;line-height:1.5}.button{background:var(--red);color:var(--ivory);border:1px solid #0000;justify-content:center;align-items:center;gap:30px;min-height:52px;padding:16px 24px;font-size:13px;line-height:1.4;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#8f473e;transform:translateY(-1px)}.underlined{border-bottom:1px solid #9d8d7e;align-items:center;gap:15px;padding:5px 0;font-size:12px;transition:color .2s;display:inline-flex}.underlined:hover{color:var(--red)}.text-button{background:0 0;align-items:center;gap:9px;padding:8px 0;font-size:12px;display:inline-flex}.text-button:hover{color:var(--red)}.small-copy{color:var(--muted);font-size:11px;line-height:1.8}.muted{color:var(--muted)}.red,.danger{color:var(--red)}.align-right{text-align:right;display:block}.skip{z-index:999;background:var(--ink);color:#fff;padding:12px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.envelope{aspect-ratio:1.65;filter:drop-shadow(0 13px 13px #6a483525);isolation:isolate;width:100%;position:relative}.envelope-back{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:#dcd0b7;position:absolute;inset:0}.envelope-letter{background:#fffaf0;width:84%;height:90%;padding:24px;transition:transform .4s;position:absolute;top:-8%;left:8%;transform:rotate(3deg);box-shadow:0 0 8px #4b39320d}.envelope-letter span{font:italic 20px var(--serif)}.envelope-letter i{border-bottom:1px solid #d4c5ab;width:85%;margin-top:20px;display:block}.envelope-face{background:linear-gradient(165deg,#eae0c9,#eee5d1 60%,#e5d9bf);border:1px solid #c8b99c60;position:absolute;inset:0;overflow:hidden}.envelope-face:before{content:"";opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.35' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.1' d='M0 0h100v100H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.envelope-seams{background:linear-gradient(36deg,#0000 29.8%,#b6a58150 30%,#0000 30.3%),linear-gradient(-36deg,#0000 29.8%,#b6a58150 30%,#0000 30.3%);position:absolute;inset:0}.envelope-face:after{content:"";pointer-events:none;background:linear-gradient(144deg,#0000 38%,#b09d7c15 38.4%,#0000 39%),linear-gradient(-144deg,#0000 38%,#b09d7c15 38.4%,#0000 39%);position:absolute;inset:0}.envelope-address{font-family:var(--serif);z-index:2;font-size:clamp(21px,2.1vw,33px);font-style:italic;position:absolute;top:46%;left:12%;transform:rotate(1deg)}.envelope-address span{margin:4px 0 0 20px;font-size:15px;display:block}.stamp{color:#46513f;outline-offset:-7px;filter:drop-shadow(1px 2px 1px #705b2720);clip-path:polygon(0 3%,5% 3%,5% 0,10% 0,10% 3%,15% 3%,15% 0,20% 0,20% 3%,25% 3%,25% 0,30% 0,30% 3%,35% 3%,35% 0,40% 0,40% 3%,45% 3%,45% 0,50% 0,50% 3%,55% 3%,55% 0,60% 0,60% 3%,65% 3%,65% 0,70% 0,70% 3%,75% 3%,75% 0,80% 0,80% 3%,85% 3%,85% 0,90% 0,90% 3%,95% 3%,95% 0,100% 0,100% 97%,95% 97%,95% 100%,90% 100%,90% 97%,85% 97%,85% 100%,80% 100%,80% 97%,75% 97%,75% 100%,70% 100%,70% 97%,65% 97%,65% 100%,60% 100%,60% 97%,55% 97%,55% 100%,50% 100%,50% 97%,45% 97%,45% 100%,40% 100%,40% 97%,35% 97%,35% 100%,30% 100%,30% 97%,25% 97%,25% 100%,20% 100%,20% 97%,15% 97%,15% 100%,10% 100%,10% 97%,5% 97%,5% 100%,0 100%);background:#a0ad97;outline:1px solid #5d6b4c55;flex-direction:column;align-items:center;width:83px;height:104px;padding:8px 6px 6px;display:flex;position:absolute;top:8%;right:6%;transform:rotate(4deg)}.stamp>svg{width:65px;height:44px;margin:3px 0 -2px}.stamp>strong{font:21px var(--serif);align-items:center;gap:5px;line-height:1.2;display:flex}.stamp i{font-size:11px;font-style:normal}.envelope-postal{outline-offset:-5px;color:#676e57;opacity:.7;border:1px solid #6f6e5a90;border-radius:50%;outline:1px solid #6f6e5a50;flex-direction:column;justify-content:center;align-items:center;width:85px;height:85px;display:flex;position:absolute;top:9%;right:23%;transform:rotate(12deg)}.footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;padding:34px 0;display:grid}.footer-title{font:27px var(--serif);letter-spacing:-.6px;align-items:center;gap:13px;display:inline-flex}.footer-title>span{color:var(--red);font:19px var(--sans)}.footer>nav{justify-content:flex-end;align-items:center;gap:26px;font-size:10px;display:flex}.footer>nav a:hover{text-decoration:underline}.page-topline{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-top:25px;font-size:8px;display:flex}.page-topline .text-button{font-family:var(--sans);letter-spacing:0;font-size:11px}.page-intro{text-align:center;padding:47px 0 45px}.page-intro>.mono{color:var(--red);font-size:9px}.page-intro h1{letter-spacing:-1.8px;margin:16px 0 12px;font-size:59px}.page-intro em{color:var(--red)}.write-page{padding-bottom:80px}.writing-layout{grid-template-columns:240px 1fr;gap:54px;max-width:1000px;margin:0 auto;display:grid}.writing-options{padding-top:8px}.option-group{border-top:1px solid var(--line);margin-bottom:29px;padding-top:17px}.option-group h2{font-family:var(--sans);letter-spacing:0;align-items:center;gap:13px;margin-bottom:23px;font-size:12px;display:flex}.option-group h2>span{font:9px var(--mono);color:var(--red)}.paper-options{flex-direction:column;gap:8px;display:flex}.paper-option{text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:15px;width:100%;padding:9px 6px;display:flex}.paper-option.active{background:#f1e9dc;border-color:#a7967b}.paper-option:hover{background:#efe6d8}.paper-option>span:nth-child(2){font-family:var(--serif);flex:1;font-size:17px;line-height:1.1}.paper-option small{font:7px var(--mono);color:var(--muted);margin-bottom:5px;display:block}.paper-swatch{border:1px solid #ac9d7e50;width:39px;height:49px;padding:13px 7px;display:block;position:relative;box-shadow:1px 2px 2px #4b39320d}.paper-swatch>i{background:#9a8a6e45;height:1px;margin:4px 0;display:block}.paper-swatch svg{color:#9f986c;width:15px;height:24px;position:absolute;bottom:1px;right:1px}.radio-dot{border:1px solid #9f907c;border-radius:50%;flex:none;width:10px;height:10px}.active .radio-dot{background:var(--red);box-shadow:inset 0 0 0 2px var(--paper);border-color:var(--red)}.option-group label+label{margin-top:16px}.option-group select{background:0 0;padding:10px 8px;font-size:11px}.writing-prompt{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;min-height:37px;margin-bottom:12px;font-size:10px;display:flex}.writing-prompt>span{border-left:1px solid #ac8f62;padding-left:12px}.writing-paper{border:1px solid #ddd0b94a;min-height:530px;padding:30px 39px 18px;position:relative;box-shadow:0 8px 25px #4b39320b,0 1px 2px #4b39321a}.paper-original{background:#fffaf1}.paper-afternoon{background:#f0e3bc}.paper-blue{background:#dde7e8}.paper-somewhere{background:#efe9dd}.writing-paper.paper-blue{outline-offset:-13px;outline:1px solid #9aafb34d}.letter-image-picker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:25px;padding:20px 0 24px}.letter-image-picker>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.letter-image-picker h2{font:25px var(--serif)}.letter-image-picker>div:first-child>span{color:var(--red);font:9px var(--mono);letter-spacing:.05em}.letter-image-picker>p{max-width:560px;color:var(--muted);margin:9px 0 15px;font-size:12px;line-height:1.7}.image-upload-control{border:1px solid var(--line);cursor:pointer;align-items:center;gap:9px;padding:10px 15px;font-size:12px;display:inline-flex}.image-upload-control:hover,.image-upload-control:focus-within{border-color:var(--red);color:var(--red)}.letter-image-picker>small{max-width:560px;color:var(--muted);margin-top:14px;font-size:10px;line-height:1.6;display:block}.selected-image{align-items:center;gap:17px;margin-top:16px;display:flex}.selected-image img{object-fit:contain;background:#eee5d8;width:150px;max-height:140px}.selected-image>div{gap:9px;min-width:0;font-size:11px;display:grid}.selected-image>div>span{overflow-wrap:anywhere}.letter-image{object-fit:contain;border:6px solid #fffaf1;max-width:100%;max-height:520px;margin:25px auto;display:block;box-shadow:0 5px 16px #4b39321e}.paper-metadata{color:#847767;letter-spacing:.7px;justify-content:space-between;gap:15px;font-size:7px;display:flex}.letter-salutation{letter-spacing:-.5px;font-size:34px;font-family:var(--serif);color:var(--ink);background:0 0;border:0;border-bottom:1px solid #bba9845c;border-radius:0;width:100%;margin-top:37px;padding:4px 0}.writing-paper textarea{resize:vertical;width:100%;min-height:290px;font-family:var(--serif);background:repeating-linear-gradient(#0000,#0000 36px,#bba98425 36px 37px) 0 0/100% 37.8px;border:0;border-radius:0;margin-top:24px;padding:0;font-size:21px;line-height:1.8}.writing-paper textarea::placeholder{color:#a39580;font-style:italic}.writing-paper textarea:focus-visible{outline:none;padding-left:10px;box-shadow:inset 2px 0 #a6554940}.writing-signoff{justify-content:space-between;align-items:center;min-height:68px;display:flex}.letter-signoff{font:italic 20px var(--serif);color:#84755f;background:0 0;border:0;border-bottom:1px solid #bba9845c;border-radius:0;width:min(100%,400px);padding:4px 0}.writing-signoff svg{color:#9c8062;width:37px;height:65px;transform:rotate(12deg)}.paper-afternoon .writing-signoff svg{color:#7e8c63}.paper-footer{letter-spacing:.5px;color:#8c7d65;border-top:1px solid #c7b99f50;justify-content:space-between;margin-top:11px;padding-top:13px;font-size:7px;display:flex}.paper-footer .over-limit{color:#a3312a}.writing-bottom>.small-copy{margin-top:22px}.small-copy a{text-underline-offset:3px;text-decoration:underline}.check-row{align-items:flex-start;gap:12px;margin-top:19px;font-size:12px;line-height:1.7;display:flex}.check-row small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.recipient-link-field{margin:16px 0 8px 29px;font-size:12px;display:block}.recipient-link-field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffaf1;margin:9px 0 6px;padding:12px 14px;font-size:13px;display:block}.recipient-link-field textarea{border:1px solid var(--line);width:100%;min-height:118px;color:var(--ink);font:13px/1.55 var(--sans);resize:vertical;overflow-wrap:anywhere;background:#fffaf1;margin:9px 0 6px;padding:12px 14px;display:block}.recipient-link-field small{color:var(--muted);font-size:10px;line-height:1.6;display:block}.write-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:25px;padding-top:23px;display:flex}.writing-bottom>.align-right{margin-top:10px;font-size:9px}.honeypot{opacity:0;position:absolute;left:-9999px}.error-note{border-left:2px solid var(--red);color:#8b4036;background:#ae625610;margin:16px 0;padding:13px 15px;font-size:12px}.loading{text-align:center;font-family:var(--serif);color:var(--muted);padding:50px 0;font-size:24px;font-style:italic}.ink-dot{background:var(--red);border-radius:50%;width:5px;height:5px;margin-right:13px;animation:1s infinite alternate pulse;display:inline-block}@keyframes pulse{0%{opacity:.3}to{opacity:1}}.modal{background:var(--paper);width:700px;max-width:min(700px,100vw - 32px);max-height:90vh;color:var(--ink);border:1px solid #d5c7b1;padding:0;box-shadow:0 20px 90px #30231a50}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#332b2573}.modal-close{z-index:3;background:#f7f0e6d9;position:absolute;top:8px;right:8px}.reading-paper{overflow-wrap:anywhere;min-height:400px;padding:55px 49px 40px;animation:.35s ease-out unfold;position:relative}.reading-paper h2{margin-top:34px;font-size:36px}.letter-body{font-family:var(--serif);white-space:pre-wrap;margin:27px 0;font-size:24px;line-height:1.65}.signature{font:italic 22px var(--serif);color:#7b6c58;margin:34px 0 10px}.letter-greeting{font:26px var(--serif);margin:24px 0 0}.send-guidelines{max-height:90vh;padding:46px 40px 28px;overflow-y:auto}.send-guidelines h2{margin-bottom:12px;font-size:34px}.send-guidelines p,.send-guidelines li{font-size:14px;line-height:1.7}.send-guidelines ul{margin:22px 0;padding-left:22px}.send-guidelines li+li{margin-top:9px}.send-guidelines .reader-actions{gap:14px;padding:20px 0 0}.reader-flower{color:#9d886c;width:42px;height:68px;position:absolute;bottom:25px;right:34px}.reader-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:20px 30px;display:flex}.report-form{padding:0 30px 30px}.report-form label{margin:16px 0}.report-form textarea{min-height:90px}.confirm-dialog{padding:55px 35px 20px}.confirm-dialog h2{margin-bottom:22px;font-size:38px}.confirm-dialog p{font-size:13px}.confirm-dialog .reader-actions{margin-top:25px;padding:25px 0 0}.sent-page{text-align:center;max-width:700px;margin:auto;padding:65px 0 85px}.sent-page>.mono{color:var(--red)}.sealing-scene{width:270px;margin:75px auto 40px;animation:.8s ease-out seal;position:relative}.sealing-scene .envelope{transform:rotate(-6deg)}.mini-envelope .stamp{outline-offset:-5px;width:57px;height:72px;padding:5px}.mini-envelope .stamp>svg{width:41px;height:29px;margin:0}.mini-envelope .stamp>strong{gap:3px;font-size:15px}.mini-envelope .stamp i{font-size:7px}.mini-envelope .envelope-postal{width:60px;height:60px}.mini-envelope .envelope-address{font-size:23px;top:47%;left:9%}.mini-envelope .envelope-address span{margin:3px 0 0 7px;font-size:12px}.mini-envelope .envelope-letter{padding:12px 20px}.mini-envelope .envelope-letter span{font-size:17px}.sent-postmark{border:2px solid var(--red);outline:1px solid var(--red);outline-offset:4px;color:var(--red);font:22px var(--mono);border-radius:50%;flex-direction:column;justify-content:center;width:91px;height:91px;line-height:1.1;animation:.3s .6s backwards stamp;display:flex;position:absolute;bottom:-18px;right:-40px;transform:rotate(-15deg)}.sent-postmark small{margin-top:7px;font-size:7px}.sent-page h1{margin-bottom:12px;font-size:86px}.sent-page>p{font-size:15px}.sent-page>.muted{max-width:390px;margin:15px auto 28px;font-size:12px}.sent-page>.small-copy{max-width:350px;margin:20px auto 0;font-size:10px}.sent-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 26px;display:flex}.sent-actions .text-button{align-items:center;gap:9px;display:inline-flex}.sent-page>.text-button{margin:12px auto 0}@keyframes seal{0%{opacity:.2;transform:translateY(-20px)rotate(5deg)}to{opacity:1;transform:translateY(0)}}@keyframes stamp{0%{opacity:0;transform:scale(1.4)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(-15deg)}}@keyframes unfold{0%{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mailbox-entry{text-align:center;max-width:540px;margin:65px auto 85px}.entry-envelope{width:220px;margin:57px auto 33px;transform:rotate(-8deg)}.mailbox-entry h1{letter-spacing:-1.4px;margin-bottom:18px;font-size:52px}.mailbox-entry>p{color:var(--muted);font-size:12px}.mailbox-entry .mailbox-entry-intro{max-width:440px;color:var(--ink);margin:0 auto;font-size:15px;line-height:1.6}.mailbox-entry form{text-align:left;max-width:440px;margin:33px auto 24px}.input-with-button{margin-top:9px;display:flex}.input-with-button input{flex:1;min-width:0}.input-with-button .button{padding:12px 18px}.mailbox-entry>.small-copy{max-width:420px;margin:auto;font-size:11px}.mailbox-entry>.underlined{margin-top:28px}.mailbox-page{padding-bottom:75px}.review-status{border-left:4px solid var(--red);background:#f1e9de;max-width:660px;margin:28px auto 0;padding:22px 26px 24px}.review-status-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.review-status-top>span{color:var(--red);font:700 11px var(--sans);letter-spacing:.08em}.review-status-top .text-button{font-size:11px}.review-status-value{font:600 28px var(--serif);color:var(--ink);margin-top:15px;display:block}.review-status-pending,.review-status-rejected{color:var(--red)}.review-status>p{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.6}.schedule-layout{grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:950px;margin:10px auto 30px;display:grid}.schedule-art .envelope{max-width:330px;margin:10px auto 60px;transform:rotate(-8deg)}.schedule-form{border-top:1px solid var(--line);padding-top:22px}.date-presets{gap:10px;margin:10px 0 14px;display:flex}.date-presets>button{text-align:left;background:#eee4d3;border:1px solid #0000;flex:1;padding:13px 14px;font-size:11px}.date-presets>button.active{border-color:var(--red)}.date-presets>button>span{color:var(--red);font:8px var(--mono);margin-bottom:10px;display:block}.date-presets small{font:7px var(--mono);color:var(--muted);margin-top:7px;display:block}.schedule-form>label{margin-top:20px}.schedule-form>.small-copy{margin:14px 0}.schedule-form>.button{width:100%;margin-top:10px}.mailbox-heading{text-align:center;margin:55px 0 38px}.mailbox-heading>.mono{color:var(--red)}.mailbox-heading h1{margin:20px 0 12px;font-size:82px}.mailbox-heading p{font-size:14px}.mailbox-heading>.muted{color:var(--muted);margin-top:8px;font-size:9px;display:block}.waiting-art{text-align:center;max-width:530px;margin:55px auto 35px}.mail-drawer{outline-offset:-12px;background:repeating-linear-gradient(3deg,#8f63443d 0 1px,#0000 2px 13px),linear-gradient(105deg,#a6825f,#af8c67 35%,#987050);border:12px solid #9d7955;outline:1px solid #7c5c42;height:195px;margin:0 25px;padding-top:28px;position:relative;transform:rotate(-1deg);box-shadow:inset 0 3px 7px #422c2735,0 14px 22px #51342214}.drawer-label{font:7px var(--mono);letter-spacing:1px;color:#78634b;background:#e5d8b9;border:3px solid #a98e59;width:150px;margin:auto;padding:8px;box-shadow:1px 2px 2px #30231a80,inset 0 0 2px #3f2925}.drawer-label b{font:24px var(--serif);margin-top:4px;display:block}.drawer-handle{background:linear-gradient(#ad9365,#685232 70%,#ad9365);border-radius:6px 6px 45% 45%;width:87px;height:19px;margin:20px auto 8px;box-shadow:0 5px 4px #4b393240}.mail-drawer>svg{color:#5d412d;position:absolute;bottom:15px;right:25px}.countdown{justify-content:center;align-items:flex-start;gap:25px;margin:35px auto;display:flex}.countdown>span{font:7px var(--mono);letter-spacing:1.3px;min-width:55px;color:var(--muted)}.countdown b{font:40px var(--serif);color:var(--ink);margin-bottom:7px;display:block}.countdown>i{font:25px var(--serif);color:#a78f72;margin-top:4px}.status-note,.supply-note{max-width:540px;color:var(--muted);text-align:center;background:#eee5d4;margin:20px auto;padding:15px 21px;font-size:12px}.received-section{text-align:center}.received-letters{flex-wrap:wrap;justify-content:center;gap:30px;margin:55px auto 30px;display:flex}.received-envelope{background:0 0;width:260px;padding:0;transition:transform .3s}.received-envelope:nth-child(odd){transform:rotate(-5deg)}.received-envelope:nth-child(2n){transform:rotate(4deg)}.received-envelope:hover{transform:rotate(0)translateY(-10px)}.received-envelope>span{font:9px var(--mono);letter-spacing:1px;justify-content:space-between;align-items:center;margin-top:28px;display:flex}.received-envelope.paper-blue .envelope-face{background:#c7d7d9}.received-envelope.paper-afternoon .envelope-face{background:#e9d6a3}.received-envelope.paper-somewhere .envelope-face{background:#dbcfbe}.key-section{border-top:1px solid var(--line);max-width:660px;margin:24px auto 0;padding-top:20px}.key-heading{padding-left:40px;position:relative}.key-heading>svg{color:var(--red);position:absolute;top:3px;left:0}.key-section h2{letter-spacing:-.4px;font-size:28px}.key-section .mailbox-username{margin-top:18px}.key-warning{border-left:4px solid var(--red);background:#f1e5d8;margin-top:22px;padding:22px 25px 24px}.key-warning strong{color:var(--red);font:700 12px var(--sans);letter-spacing:.08em;display:block}.key-section .key-warning p{color:var(--ink);margin-top:10px;font-size:20px;font-weight:600;line-height:1.55}.key-section p{color:var(--muted);margin-top:10px;font-size:11px}.key-section>input{width:100%;font-family:var(--mono);margin:21px 0 5px;font-size:10px}.key-actions{flex-wrap:wrap;gap:25px;display:flex}.key-actions>.text-button{font-size:11px}.manage-letter{border-top:1px solid var(--line);max-width:660px;margin:35px auto 0;padding-top:17px;font-size:11px}.manage-letter summary{cursor:pointer;color:var(--muted)}.manage-letter p{margin:15px 0;font-size:12px}.manage-letter .text-button{margin-right:25px}.archive-page{padding-bottom:80px}.archive-heading{text-align:center;padding:55px 0 48px}.archive-heading>.mono{color:var(--red);font-size:9px}.archive-heading h1{letter-spacing:-3px;margin:20px 0 15px;font-size:94px}.archive-heading h1>span{color:var(--red);vertical-align:top;margin-left:16px;font-size:40px;position:relative;top:6px}.archive-heading p{font:italic 24px var(--serif);color:var(--muted)}.archive-locked{grid-template-columns:1.15fr 1fr;align-items:center;gap:90px;max-width:980px;margin:50px auto 45px;display:grid}.archive-folder{background:#b7ad8d;border-radius:0 7px 7px;height:340px;margin-top:35px;position:relative;transform:rotate(-6deg);box-shadow:4px 16px 24px #4b39321a}.folder-tab{font:7px var(--mono);letter-spacing:1px;background:#b7ad8d;border-radius:6px 12px 0 0;height:30px;padding:10px 20px;position:absolute;top:-28px;left:0}.folder-paper{background:#fcf4e7;height:300px;padding:30px 25px;position:absolute;top:-22px;left:25px;right:20px;transform:rotate(5deg);box-shadow:0 0 3px #4b393230}.folder-paper>span{font:7px var(--mono);letter-spacing:1px}.folder-paper i{font:italic 37px/1.1 var(--serif);color:#83735b;margin:23px 0;display:block}.folder-paper svg{color:#8c987d;width:48px;height:100px;position:absolute;bottom:0;right:15px}.folder-front{background:#c7bd9e;border-top:1px solid #a39a7e;border-radius:3px 3px 7px 7px;padding:15px 25px;position:absolute;inset:105px 0 0;box-shadow:0 -3px 5px #4b39320a}.folder-front>span{font:7px var(--mono);letter-spacing:1px;color:#796e52}.folder-label{width:210px;font:25px var(--serif);background:#ece4d1;border:1px solid #b1a58a;margin-top:24px;padding:17px;box-shadow:1px 2px #877b5f15}.folder-label small{font:6px var(--mono);letter-spacing:1px}.folder-front .stamp{width:60px;height:80px;top:75px;right:15px}.folder-front .stamp>svg{width:45px;height:30px}.folder-front .stamp strong{font-size:17px}.folder-string{background:#927d56;height:1px;position:absolute;bottom:28px;left:0;right:0;box-shadow:0 2px 1px #7f644c30}.archive-locked-copy>svg{color:var(--red)}.archive-locked-copy h2{margin:16px 0;font-size:43px}.archive-locked-copy>p{color:var(--muted);max-width:330px;font-size:12px}.archive-date{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:8px;margin:23px 0 17px;padding:18px 0;display:flex}.archive-date>span,.archive-date>small{font:8px var(--mono);letter-spacing:1px;color:var(--red)}.archive-date>small{color:var(--muted);font-size:7px}.archive-date>strong{font:29px var(--serif)}.archive-locked-copy>.small-copy{font-size:10px}.archive-locked-copy>.underlined{margin-top:20px;font-size:11px}.archive-filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:flex-end;gap:20px;margin:10px 0 50px;padding:20px 0;display:flex}.archive-filters label{min-width:185px}.archive-filters label>span{font:8px var(--mono);text-transform:uppercase;letter-spacing:1px}.archive-filters select{background:0 0;padding:9px 10px;font-size:12px}.archive-filters>.text-button{margin-bottom:4px;margin-left:auto}.archive-grid{columns:3;column-gap:30px;padding:0 10px}.archive-letter{break-inside:avoid;text-align:left;width:100%;margin:0 0 35px;padding:30px;transition:transform .25s;display:block;position:relative;box-shadow:0 5px 13px #4b39320d}.archive-letter:nth-child(3n+1){transform:rotate(-2deg)}.archive-letter:nth-child(3n+2){padding-bottom:65px;transform:rotate(1.5deg)}.archive-letter:hover{transform:translateY(-6px)rotate(0);box-shadow:0 10px 17px #4b39321a}.archive-letter>.mono{letter-spacing:.5px;font-size:7px}.archive-letter h2{margin:25px 0 18px;font-size:28px}.archive-letter>p{font:22px/1.5 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere}.archive-letter>div{font:7px var(--mono);color:var(--muted);justify-content:space-between;margin-top:25px;display:flex}.archive-letter>svg{color:#9a8a64;width:25px;height:47px;position:absolute;bottom:8px;right:22px}.load-more{margin:25px auto 0;display:flex}.empty-state{text-align:center;padding:20px 0 60px}.empty-state>svg{color:#8e987c;width:60px;height:100px}.empty-state h2{margin:30px 0 15px;font-size:37px}.empty-state p{color:var(--muted);font-size:12px}.info-page{max-width:710px;margin:70px auto 90px}.info-page>.mono{color:var(--red);font-size:9px}.info-page h1{margin:20px 0 30px;font-size:67px}.info-page .lede{font:28px/1.5 var(--serif);margin-bottom:35px}.info-page h2{margin:35px 0 14px;font-size:30px}.info-page p,.info-page li{color:var(--muted);font-size:13px;line-height:1.9}.info-page p+p{margin-top:16px}.info-page ul{padding-left:20px}.info-page li{margin:10px 0;padding-left:5px}.info-page a:not(.button){text-underline-offset:4px;text-decoration:underline}.info-page .button{margin-top:28px}.info-flower{float:right;width:50px;height:90px;color:var(--red);margin:15px 0 20px 25px}.admin-page{max-width:1000px;margin:55px auto 80px}.admin-page h1{margin:17px 0 30px;font-size:55px}.admin-login{max-width:430px;margin:55px auto 100px}.admin-login h1{margin:20px 0;font-size:55px}.admin-login p{color:var(--muted);margin-bottom:25px;font-size:12px}.admin-login .button{margin-top:20px}.admin-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:25px;margin-bottom:25px;display:flex}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0;display:grid}.admin-stat-grid>div{border:1px solid var(--line);flex-direction:column;gap:8px;padding:18px;display:flex}.admin-stat-grid strong{font-size:32px;font-weight:400}.admin-stat-grid span{color:var(--muted);font-size:12px}.admin-overview h2,.admin-accounts h2{margin:32px 0 16px;font-size:28px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);padding:12px;font-size:13px}.admin-accounts form{max-width:440px}.admin-accounts form .button{margin-top:16px}.admin-new-key{border:1px solid var(--red);flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;padding:20px;display:flex}.admin-new-key input{width:100%}.admin-account-row{border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:15px;padding:20px 0;display:flex}.admin-permissions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:16px 0;display:grid}.admin-permissions label{align-items:center;gap:9px;font-size:13px;display:flex}.admin-permissions input{width:auto;margin:0}@media (max-width:600px){.admin-permissions{grid-template-columns:1fr}}.admin-mailbox-link{border:1px solid var(--line);margin:16px 0;padding:14px}.admin-mailbox-link label{color:var(--muted);font-size:12px;display:block}.admin-mailbox-link input{width:100%;margin:8px 0 12px;display:block}@media (max-width:600px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-tabs>button{background:0 0;padding:12px 0;font-size:12px}.admin-tabs>button.active{border-bottom:2px solid var(--red);color:var(--red)}.review-item{border:1px solid var(--line);background:var(--ivory);margin:20px 0;padding:27px}.review-item .letter-body{font-size:22px}.review-actions{align-items:center;gap:25px;display:flex}.review-actions .button{min-height:40px;padding:12px 20px}.admin-setting{max-width:600px}.admin-setting label{margin:25px 0}.admin-setting textarea{min-height:130px}.admin-heading{justify-content:space-between;align-items:center;display:flex}.review-guide{color:var(--muted);margin:20px 0;font-size:12px}.admin-page .empty-state{padding-top:50px}.success-note{color:#52613d;background:#a3ad9622;padding:13px;font-size:12px}@media (min-width:1350px){.site-shell{padding:0 90px}}@media (max-width:1100px){.site-shell{padding:0 38px}.header{gap:25px}.wordmark{font-size:23px}.envelope-address{font-size:25px}.envelope-address span{font-size:13px}.footer>nav{gap:18px;font-size:9px}.writing-layout{grid-template-columns:210px 1fr;gap:34px}.writing-paper{padding:28px 30px 17px}.archive-locked{gap:60px}.archive-grid{column-gap:22px}.archive-letter{padding:25px}.schedule-layout{gap:45px}.archive-heading h1{font-size:83px}}@media (max-width:800px){.site-shell{padding:0 25px}.header{gap:20px;height:85px}.wordmark{font-size:22px}.header-tools{margin-left:0}.language{gap:5px;font-size:9px}.envelope-address{font-size:20px}.envelope-address span{font-size:11px}.footer{grid-template-columns:1fr;padding:34px 0}.footer>nav{justify-content:flex-start;gap:23px;font-size:11px}.writing-layout{grid-template-columns:175px 1fr;gap:25px}.paper-option{gap:9px;padding:8px 5px}.paper-option>span:nth-child(2){font-size:15px}.paper-swatch{flex:none;width:30px;height:42px}.option-group h2{gap:9px;font-size:10px}.writing-paper{padding:23px 25px 16px}.writing-paper textarea{font-size:19px}.writing-paper .paper-metadata{font-size:6px}.writing-paper .paper-metadata span:last-child{display:none}.letter-signoff{font-size:18px}.writing-prompt{font-size:9px}.letter-salutation{font-size:30px}.page-intro h1{font-size:53px}.archive-locked{gap:40px}.archive-folder{height:290px}.folder-front{padding:15px;inset:105px 0 0}.folder-label{width:185px;padding:14px;font-size:22px}.folder-front .stamp{display:none}.folder-paper{padding:23px 18px;left:15px;right:15px}.folder-paper i{font-size:32px}.archive-locked-copy h2{font-size:36px}.archive-locked-copy>p{font-size:11px}.schedule-layout{grid-template-columns:.9fr 1fr;gap:35px}.schedule-art .envelope{width:270px;max-width:100%}.date-presets{gap:7px}.date-presets>button{padding:12px 9px;font-size:10px}.archive-grid{columns:2}.archive-heading h1{font-size:76px}.archive-filters label{min-width:150px}}@media (max-width:650px){.site-shell{padding:0 22px}.header{height:80px}.wordmark{font-size:24px}.header-tools{gap:9px;margin-left:auto}.language{font-size:10px}.envelope-address{font-size:24px}.envelope-address span{font-size:12px}.footer{padding:28px 0}.footer-title{font-size:27px}.footer>nav{flex-wrap:wrap;gap:13px 23px;max-width:320px;font-size:10px}.page-topline{letter-spacing:.8px;align-items:flex-start;margin-top:20px;font-size:6px}.page-topline .text-button{padding:0;font-size:10px}.page-intro{padding:38px 0 30px}.page-intro>.mono{font-size:8px}.page-intro h1{letter-spacing:-1px;margin-top:17px;font-size:43px}.writing-layout{flex-direction:column;gap:0;display:flex}.writing-options{display:contents}.option-group:first-child{order:0;margin:0 0 15px;padding-top:15px}.option-group h2{margin-bottom:16px;font-size:11px}.paper-options{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.paper-option{text-align:center;flex-direction:column;align-items:center;gap:9px;padding:9px 5px;display:flex;position:relative}.paper-option>span:nth-child(2){min-height:34px;font-size:14px;line-height:1.05}.paper-option small{margin-bottom:4px;font-size:6px}.paper-option>.radio-dot{display:none}.paper-swatch{width:30px;height:39px}.paper-option.active{border-color:#a99475}.option-group:nth-child(2){grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;padding-top:14px;display:grid}.option-group:nth-child(2)>h2{display:none}.option-group label+label{margin-top:0}.option-group label{font-size:9px}.option-group select{height:38px;margin-top:6px;font-size:10px}.writing-prompt{margin-bottom:13px;font-size:10px}.writing-paper{min-height:500px;margin:0 -4px;padding:24px 22px 15px}.letter-salutation{margin-top:30px;font-size:31px}.writing-paper textarea{min-height:270px;font-size:20px}.writing-paper .paper-metadata{font-size:6px}.letter-signoff{font-size:18px}.paper-footer{letter-spacing:.2px;font-size:6px}.writing-signoff svg{width:30px;height:52px}.writing-bottom>.small-copy{margin-top:18px;font-size:10px}.check-row{gap:10px;font-size:11px}.check-row small{font-size:10px}.write-actions{gap:15px;margin-top:24px;padding-top:20px}.write-actions .button{gap:20px;padding:14px 19px;font-size:12px}.write-actions .text-button{font-size:11px}.write-page{padding-bottom:50px}.modal{max-width:calc(100vw - 20px);max-height:92dvh}.reading-paper{padding:48px 25px 30px}.reading-paper h2{margin-top:27px;font-size:31px}.letter-body{font-size:22px;line-height:1.65}.signature{max-width:230px;font-size:20px}.reader-actions{gap:15px;padding:17px 23px}.reader-actions .button{gap:10px;min-height:45px;padding:12px 15px;font-size:11px}.reader-actions .text-button{font-size:11px}.reader-flower{width:30px;height:55px;right:18px}.report-form{padding:0 23px 23px}.sent-page{padding:45px 0 55px}.sent-page>.mono{font-size:8px}.sealing-scene{width:245px;margin:60px auto 40px}.sent-postmark{width:78px;height:78px;font-size:19px;right:-20px}.sent-page h1{font-size:73px}.sent-page>p{font-size:13px}.sent-page>.muted{max-width:310px;font-size:11px}.mailbox-entry{margin:40px auto 60px}.mailbox-entry>.mono{font-size:8px}.mailbox-entry h1{font-size:43px}.entry-envelope{width:210px;margin:50px auto 35px}.mailbox-entry form{margin:27px 0 20px}.mailbox-entry label{font-size:11px}.input-with-button input{font-size:12px}.mailbox-entry>.small-copy{font-size:10px}.schedule-layout{flex-direction:column;gap:0;margin:5px 0 0;display:flex}.schedule-art{display:none}.schedule-form{width:100%;padding-top:2px}.date-presets>button{padding:15px;font-size:11px}.schedule-form>label{font-size:11px}.schedule-form input,.schedule-form select{font-size:12px}.schedule-form>.small-copy{font-size:10px}.mailbox-page{padding-bottom:50px}.mailbox-heading{margin:40px 0 27px}.mailbox-heading>.mono{font-size:8px}.mailbox-heading h1{margin-top:16px;font-size:66px}.mailbox-heading p{font-size:12px}.mailbox-heading>.muted{font-size:8px}.waiting-art{margin:40px auto 25px}.mail-drawer{border-width:10px;height:170px;margin:0 3px;padding-top:23px}.drawer-label{width:135px;padding:7px;font-size:6px}.drawer-label b{font-size:24px}.drawer-handle{width:77px;margin-top:15px}.countdown{gap:22px;margin:28px auto}.countdown b{font-size:37px}.status-note,.supply-note{padding:13px 15px;font-size:11px}.key-section{margin-top:35px;padding-top:24px}.key-section h2{font-size:27px}.key-section p{font-size:10px}.key-actions{gap:8px 21px}.key-actions .text-button{font-size:10px}.key-section>input{font-size:9px}.manage-letter{margin-top:26px;font-size:10px}.manage-letter p{font-size:11px}.received-letters{gap:55px;margin-top:52px}.received-envelope{width:275px}.archive-heading{padding:40px 0 30px}.archive-heading h1{letter-spacing:-2px;margin-top:19px;font-size:64px}.archive-heading h1>span{margin-left:8px;font-size:24px;top:6px}.archive-heading>.mono{font-size:8px}.archive-heading p{font-size:22px}.archive-locked{flex-direction:column;gap:65px;margin:38px auto 10px;display:flex}.archive-folder{align-self:center;width:290px;height:290px;margin-top:10px}.folder-front .stamp{width:50px;height:65px;display:flex;top:70px;right:10px}.folder-front .stamp>svg{width:35px;height:23px}.folder-front .stamp strong{font-size:14px}.folder-label{width:180px;font-size:22px}.archive-locked-copy{width:100%;max-width:370px}.archive-locked-copy>p{max-width:none;font-size:12px}.archive-locked-copy>.small-copy{font-size:10px}.archive-locked-copy h2{font-size:39px}.archive-date{margin:20px 0;padding:17px 0}.archive-date>strong{font-size:29px}.archive-page{padding-bottom:55px}.archive-filters{flex-wrap:wrap;gap:14px;margin-top:10px;margin-bottom:34px}.archive-filters label{flex:1;min-width:0}.archive-filters label>span{font-size:7px}.archive-filters select{width:100%;max-width:100%;font-size:10px}.archive-filters>.text-button{justify-content:flex-end;width:100%;padding-bottom:0;font-size:11px}.archive-grid{columns:1;padding:0 6px}.archive-letter{margin-bottom:30px;padding:29px}.archive-letter h2{font-size:31px}.archive-letter>p{font-size:24px}.archive-letter>.mono{font-size:8px}.empty-state h2{font-size:34px}.empty-state p{font-size:11px}.info-page{margin:45px auto 60px}.info-page h1{letter-spacing:-1.4px;margin:20px 0 25px;font-size:48px}.info-page .lede{margin-bottom:30px;font-size:25px}.info-page h2{margin-top:30px;font-size:29px}.info-page p,.info-page li{font-size:12px}.info-flower{width:38px;height:75px}.admin-page{margin:35px auto 50px}.admin-page h1{font-size:43px}.admin-login{margin:40px 0 65px}.admin-login h1{font-size:43px}.admin-heading{align-items:flex-start}.admin-heading .text-button{font-size:10px}.admin-tabs{gap:22px}.admin-tabs>button{font-size:11px}.review-item{padding:20px}.review-actions{gap:17px}.review-actions .button,.review-guide,.admin-setting label{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.received-envelope:hover,.archive-letter:hover,.button:hover{transform:none}}.sealing-scene .envelope-letter{animation:.7s ease-in-out tuck;transform:translateY(28px)}.seal-paper{background:var(--ivory);z-index:4;transform-origin:bottom;opacity:0;pointer-events:none;height:140px;animation:.6s ease-in forwards fold-letter;position:absolute;top:-35px;left:13%;right:13%;box-shadow:0 2px 6px #4b393215}.seal-paper:after{content:"Dear Stranger,";font:italic 20px var(--serif);position:absolute;top:20px;left:20px}.seal-flap{clip-path:polygon(0 0,100% 0,50% 100%);z-index:3;transform-origin:top;background:#e9dfc8;height:50%;animation:.4s .55s backwards close-flap;position:absolute;inset:0 0 auto;box-shadow:0 2px 2px #4b393210}.sent-postmark{z-index:5;animation-delay:.9s}@keyframes fold-letter{0%{opacity:1;transform:translateY(-25px)rotate(-5deg)scaleY(1)}70%{opacity:1;transform:translateY(20px)rotate(-5deg)scaleY(.45)}to{opacity:0;transform:translateY(70px)rotate(-5deg)scaleY(.4)}}@keyframes tuck{0%,50%{transform:translateY(-25px)}to{transform:translateY(28px)}}@keyframes close-flap{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}.stamp{justify-content:center;gap:3px}.envelope-postal .postal-year{font:16px var(--serif);letter-spacing:1px}.envelope-postal:after{content:"";opacity:.5;border-bottom:1px solid;width:55%;margin-top:5px}.letter-salutation{margin-top:12px}.mailbox-page>.page-topline{justify-content:flex-end}.archive-heading h1,.info-page h1,.admin-login h1,.admin-page h1{margin-top:0}.folder-label{margin-top:38px}@media (max-width:650px){.footer{row-gap:22px}}.header-tools{margin-left:auto}.wordmark span{font-style:italic}.home-page{max-width:1050px;margin:0 auto}.home-purpose{padding:72px 0 54px}.home-purpose h1{text-wrap:balance;letter-spacing:-1.2px;max-width:1000px;font-size:clamp(34px,3.35vw,51px);line-height:1.2}.purpose-translation{max-width:830px;color:var(--muted);margin-top:24px;font-size:16px;line-height:1.85}.home-how{border-top:1px solid var(--line);padding:35px 0 48px}.steps{grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.step{padding:12px 32px 8px 0}.step+.step{border-left:1px solid var(--line);padding-left:32px}.step:last-child{padding-right:0}.step-art{color:#8c806d;align-items:center;height:80px;margin-bottom:22px;display:flex}.step-art>svg{width:104px;max-width:100%;height:76px}.step-one .step-art>svg:first-child{width:42px;transform:rotate(-14deg)}.step-one .step-art>svg:last-child{align-self:flex-end;width:72px;height:30px;margin:0 0 12px -10px}.step-three .step-art>svg{width:118px;height:82px}.step h2{letter-spacing:-.7px;margin-bottom:17px;font-size:31px;line-height:1.1}.step p{color:var(--muted);font-size:14px;line-height:1.8}.home-note-section{border-top:1px solid var(--line);padding:54px 12px 62px}.creator-note{background:#eee5d3;max-width:900px;margin:0 auto;padding:44px 49px 30px;position:relative;transform:rotate(-.8deg);box-shadow:2px 8px 16px #4b39320b}.tape{clip-path:polygon(1% 3%,97% 0,100% 90%,2% 100%);background:#c0b79c70;width:115px;height:30px;position:absolute;top:-14px;left:43%;transform:rotate(5deg)}.creator-note>p{text-wrap:pretty;font:29px/1.4 var(--serif);letter-spacing:-.3px;white-space:pre-wrap}.home-invitation{border-top:1px solid #c6b89c;margin-top:28px;padding-top:24px}.note-signoff{justify-content:space-between;align-items:center;gap:24px;margin-top:25px;display:flex}.note-signoff em{font:italic 25px var(--serif)}.note-star{color:var(--red);font-size:36px;line-height:1}.home-note-section>.button{width:fit-content;margin:35px auto 0;display:flex}.home-mailbox-entry{border-top:1px solid var(--line);text-align:center;padding:47px 0 35px}.home-mailbox-entry h2{letter-spacing:-.5px;font-size:31px;line-height:1.3}.home-mailbox-entry .underlined{margin-top:22px;font-size:14px}.home-archive-entry{text-align:center;padding:21px 0 36px}.home-archive-entry a{color:var(--muted);align-items:center;gap:12px;padding:8px 0;font-size:13px;display:inline-flex}.home-archive-entry a:hover{color:var(--red)}.home-contact{border-top:1px solid var(--line);text-align:center;padding:30px 12px 50px;font-size:13px;line-height:1.8}.home-contact a{color:var(--red);text-underline-offset:4px;text-decoration:underline}@media (max-width:800px){.home-purpose{padding:53px 0 42px}.home-purpose h1{font-size:38px}.step{padding-right:24px}.step+.step{padding-left:24px}.step h2{font-size:27px}.step p{font-size:14px}.creator-note{padding:37px 35px 28px}.creator-note>p{font-size:26px}.home-mailbox-entry h2{font-size:29px}}@media (max-width:650px){.home-purpose{padding:39px 0 36px}.home-purpose h1{letter-spacing:-.7px;font-size:32px;line-height:1.25}.purpose-translation{margin-top:21px;font-size:14px;line-height:1.85}.home-purpose .button{margin-top:24px}.home-how{padding:4px 0 15px}.steps{display:block}.step,.step+.step{border-left:0;padding:27px 0 26px}.step+.step{border-top:1px solid var(--line)}.step-art{float:right;width:75px;height:69px;margin:0 0 10px 14px}.step-art>svg{width:70px;height:62px}.step-one .step-art>svg:first-child{width:29px}.step-one .step-art>svg:last-child{width:43px;height:25px;margin:0 0 10px -7px}.step-three .step-art>svg{width:77px;height:62px}.step h2{margin:0 0 13px;font-size:29px}.step p{font-size:14px;line-height:1.8}.step:after{content:"";clear:both;display:block}.home-note-section{padding:41px 2px 38px}.creator-note{padding:29px 24px 26px;transform:rotate(-.7deg)}.creator-note>p{font-size:24px;line-height:1.42}.home-invitation{margin-top:23px;padding-top:20px}.home-invitation p{font-size:14px;line-height:1.9}.note-signoff{margin-top:23px}.note-signoff em{font-size:22px}.note-star{font-size:31px}.home-note-section>.button{margin-top:29px}.home-mailbox-entry{padding:34px 0 24px}.home-mailbox-entry h2{font-size:27px;line-height:1.35}.home-mailbox-entry .underlined{margin-top:20px;font-size:13px}.home-archive-entry{padding:17px 0 27px}}.home-purpose h1{max-width:950px;font-size:inherit}.home-purpose h1 span{display:block}.home-purpose h1 span:first-child{font-size:clamp(39px,4vw,58px);line-height:1.12}.home-purpose h1 span+span{color:#5b4a40;max-width:820px;margin-top:14px;font-size:clamp(31px,3vw,43px);line-height:1.24}.home-purpose h1[lang=zh-CN] span:first-child{font-size:clamp(37px,3.7vw,52px);line-height:1.35}.home-purpose h1[lang=zh-CN] span+span{font-size:clamp(30px,2.8vw,40px);line-height:1.43}.purpose-translation{max-width:800px;margin-top:27px;font-size:19px;line-height:1.75}.home-purpose .button{margin-top:32px}.note-signoff{justify-content:flex-start}.writing-layout{max-width:780px;display:block}.writing-main{min-width:0}.letter-style-options{border-bottom:1px solid var(--line);margin-top:18px}.letter-style-options>summary{cursor:pointer;align-items:center;gap:12px;padding:13px 0 16px;font-size:14px;list-style:none;display:flex}.letter-style-options>summary::-webkit-details-marker{display:none}.letter-style-options>summary:after{content:"+";color:var(--red);margin-left:auto;font-size:22px;line-height:1}.letter-style-options[open]>summary:after{content:"−"}.letter-style-options>summary span+span{color:var(--muted);font-size:13px}.style-panel{padding:6px 0 23px}.letter-style-options .paper-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.letter-style-options .paper-option{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;display:flex}.letter-style-options .paper-option>span:nth-child(2){font-size:15px;line-height:1.3}.letter-style-options .style-panel>label{gap:8px;max-width:300px;margin-top:22px;font-size:14px;display:grid}.letter-style-options select{background:var(--ivory);border:1px solid var(--line);padding:10px 12px;font-size:14px}.paper-footer{letter-spacing:0;color:#685849;font-size:11px}.writing-status{width:min(100%,730px);min-height:24px;color:var(--muted);font:11px/1.4 var(--mono);justify-content:space-between;align-items:center;gap:18px;margin:11px auto 0;padding:0 5px;display:flex}.writing-status .over-limit{color:#a3312a}.letter-salutation::placeholder,.letter-signoff::placeholder{color:#756653;opacity:.9}.writing-paper textarea::placeholder{color:#82715f}.letter-image-picker{border-top:0;margin-top:0;padding:22px 0}.letter-image-picker .attachment-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.letter-image-picker h2{font-size:23px;line-height:1.2}.letter-image-picker>p{max-width:none;margin:8px 0 0;font-size:14px;line-height:1.65}.image-upload-control{flex:none;font-size:14px}.attachment-help{color:var(--muted);margin-top:13px;font-size:13px}.attachment-help summary{cursor:pointer;text-underline-offset:3px;width:fit-content;text-decoration:underline}.attachment-help p{max-width:620px;margin:8px 0 0;line-height:1.6}.writing-bottom h2{font:29px/1.25 var(--serif);margin:31px 0 8px}.writing-rule,.privacy-line{color:var(--muted);font-size:13px;line-height:1.7}.writing-rule a{text-underline-offset:3px;text-decoration:underline}.privacy-line{margin-top:22px}.check-row{margin-top:21px;font-size:14px;line-height:1.55}.check-row small,.recipient-link-field small{font-size:12px;line-height:1.6}.exchange-rule{border-left:3px solid var(--red);color:var(--ink);background:#f3e9dc;margin:20px 0 8px;padding:15px 18px;font-size:14px;line-height:1.55}.username-step{background:#e5ebd9;border:1px solid #8e9b78;border-left:5px solid #6c805e;margin-top:30px;padding:22px 24px}.username-step label{font:22px/1.3 var(--serif);color:#3f5642;display:block}.username-step p,.username-step small{color:var(--muted);font:13px/1.6 var(--sans);margin:9px 0 0;display:block}.username-step input{border:1px solid var(--line);width:100%;color:var(--ink);font:16px/1.4 var(--sans);background:#fffaf2;margin-top:16px;padding:12px 14px;display:block}.username-step input:focus-visible{outline:2px solid var(--red);outline-offset:2px}.sent-username,.mailbox-username{border-left:3px solid var(--red);background:#f2e6d5;gap:5px;padding:17px 20px;display:grid}.sent-username strong,.mailbox-username strong{color:var(--red);font:700 11px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase}.sent-username span,.mailbox-username span{overflow-wrap:anywhere;font:25px/1.3 var(--serif);color:var(--ink)}.mailbox-username small{color:var(--muted);font:12px/1.4 var(--sans)}.recipient-link-field{font-size:14px}.writing-required-hint{color:var(--muted);margin:8px 0 19px;font-size:14px;line-height:1.6}.letter-field-label{color:#77594f;font:11px/1.35 var(--sans);letter-spacing:.04em;display:block}.writing-paper>.letter-field-label{margin-top:2px}.writing-paper>.letter-salutation{margin-top:5px}.signoff-field{width:min(100%,400px)}.signoff-field .letter-signoff{width:100%;margin-top:5px}@media (max-width:650px){.home-purpose h1 span:first-child{font-size:36px}.home-purpose h1 span+span{margin-top:13px;font-size:29px}.home-purpose h1[lang=zh-CN] span:first-child{font-size:32px}.home-purpose h1[lang=zh-CN] span+span{font-size:27px}.purpose-translation{font-size:16px;line-height:1.75}.writing-layout{display:block}.letter-style-options .paper-options{gap:5px}.letter-style-options .paper-option>span:nth-child(2){min-height:0;font-size:13px}.letter-image-picker .attachment-heading{flex-wrap:wrap;align-items:flex-start}.letter-image-picker h2{font-size:22px}.paper-footer{font-size:11px}.check-row{font-size:14px}.check-row small{font-size:12px}}.home-purpose{border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 30%,#e8d8c2 0,#f1e7d8 21%,#0000 52%);flex-direction:column;justify-content:center;align-items:flex-start;min-height:620px;padding:78px 42px 82px;display:flex;position:relative;overflow:hidden}.home-purpose:before,.home-purpose:after{content:"";pointer-events:none;position:absolute;box-shadow:9px 18px 35px #60463621}.home-purpose:before{z-index:0;background:#dacdb8;width:252px;height:353px;top:110px;right:40px;transform:rotate(13deg)}.home-purpose:after{z-index:0;background:linear-gradient(144deg,#fff9ee 0 49.5%,#eadfcb 50% 50.3%,#f5ebd9 50.5% 100%);border:1px solid #d6c6ae;width:252px;height:353px;top:102px;right:68px;transform:rotate(5deg)}.home-purpose h1,.purpose-translation,.home-purpose .button{z-index:1;position:relative}.home-purpose h1{letter-spacing:-1.8px;max-width:840px;margin:0}.home-purpose h1 span:first-child{max-width:810px;font-size:clamp(53px,5.1vw,73px);line-height:1.05}.home-purpose h1 span+span{max-width:720px;color:var(--red);margin:23px 0 0 58px;font-size:clamp(37px,3.6vw,52px);font-style:italic;line-height:1.17}.home-purpose h1[lang=zh-CN] span:first-child{max-width:790px;font-size:clamp(45px,4.3vw,62px);line-height:1.3}.home-purpose h1[lang=zh-CN] span+span{max-width:700px;font-size:clamp(35px,3.3vw,48px);line-height:1.35}.purpose-translation{border-left:2px solid var(--red);max-width:630px;color:var(--ink);margin:34px 0 0 58px;padding-left:22px;font-size:18px;line-height:1.75}.home-purpose .button{margin:32px 0 0 82px}.steps{gap:16px}.step,.step+.step{background:#fbf5e9;border:1px solid #d8c9b5;min-height:322px;padding:29px 28px 28px;box-shadow:3px 7px 12px #5440340b}.step:nth-child(2){background:#f0e2ce;transform:translateY(19px)}.step:nth-child(3){background:#e8e9db}.step-art{color:#a25749;height:93px;margin-bottom:23px}.step h2{margin-bottom:16px;font-size:35px;line-height:1.08}.step p{font-size:15px;line-height:1.7}.creator-note{background:#f8eedb;max-width:900px;padding:57px 64px 44px;transform:rotate(-1.6deg);box-shadow:13px 15px #6f382f55,20px 26px 34px #502b2340}.home-note-section>.button{color:var(--ink);background:#fff7e9;margin-top:46px}.home-mailbox-entry{text-align:left;border:0;justify-content:space-between;align-items:end;gap:40px;padding:95px 16px 70px;display:flex}.home-mailbox-entry h2{max-width:700px;font-size:clamp(35px,3.9vw,52px);line-height:1.12}.home-mailbox-entry .underlined{flex:none;margin:0 0 4px;font-size:16px}.home-archive-entry{border-top:1px solid var(--line);text-align:left;padding:24px 16px 30px}.home-contact{padding-top:35px}.writing-layout{grid-template-columns:238px minmax(0,1fr);gap:40px;max-width:1100px;display:grid}.writing-options{background:#eee3d2;border:1px solid #d9cbb7;align-self:start;padding:25px 19px 23px;display:block}.writing-options h2{font:26px/1.15 var(--serif);margin:0 0 20px}.writing-options .paper-options{flex-direction:column;gap:5px;display:flex}.writing-options .paper-option{text-align:left;border:1px solid #0000;flex-direction:row;align-items:center;gap:12px;min-height:60px;padding:8px;display:flex}.writing-options .paper-option.active{border-color:#a99475}.writing-options .paper-option>span:nth-child(2){min-height:0;font-size:16px}.writing-options .paper-swatch{flex:none;width:32px;height:42px}.writing-theme-select{border-top:1px solid #cbbba6;gap:8px;margin-top:20px;padding-top:19px;font-size:14px;display:grid}.writing-theme-select select{border:1px solid var(--line);background:#fff9ef;width:100%;padding:10px 12px;font-size:14px}@media (max-width:900px){.home-purpose{min-height:0;padding:75px 27px 70px}.home-purpose:before,.home-purpose:after{opacity:.45;right:-75px}.home-purpose h1 span:first-child{font-size:54px}.home-purpose h1 span+span{font-size:40px}.step,.step+.step{padding:25px 21px}.step h2{font-size:30px}.writing-layout{grid-template-columns:205px minmax(0,1fr);gap:25px}}@media (max-width:700px){.home-purpose{padding:54px 20px 60px;display:block}.home-purpose:before,.home-purpose:after{opacity:.36;width:153px;height:210px;top:auto;bottom:63px;right:-96px}.home-purpose h1 span:first-child{font-size:clamp(39px,8.7vw,50px);line-height:1.1}.home-purpose h1 span+span{margin:18px 0 0 17px;font-size:clamp(31px,7vw,38px);line-height:1.2}.home-purpose h1[lang=zh-CN] span:first-child{font-size:35px}.home-purpose h1[lang=zh-CN] span+span{font-size:29px}.purpose-translation{margin:29px 0 0 17px;padding-left:15px;font-size:16px}.home-purpose .button{margin:29px 0 0 32px}.home-how{padding:36px 20px 47px}.steps{grid-template-columns:1fr;gap:14px;display:grid}.step,.step+.step{border:1px solid #d8c9b5;min-height:0;padding:20px 22px 23px}.step:nth-child(2){transform:none}.step-art{float:right;width:72px;height:66px;margin:0 0 8px 16px}.step h2{font-size:30px}.step p{font-size:14px}.home-note-section{padding:58px 21px 59px}.creator-note{padding:39px 28px 32px}.creator-note>p{font-size:26px}.home-invitation p{font-size:15px}.home-mailbox-entry{padding:63px 20px 54px;display:block}.home-mailbox-entry h2{font-size:36px}.home-mailbox-entry .underlined{margin-top:25px;display:inline-flex}.writing-layout{flex-direction:column;gap:22px;display:flex}.writing-options{width:100%;padding:22px 17px 19px;display:block}.writing-options h2{margin-bottom:13px}.writing-options .paper-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.writing-options .paper-option{text-align:center;flex-direction:column;justify-content:center;gap:7px;min-height:82px;padding:8px 3px}.writing-options .paper-option>span:nth-child(2){font-size:13px}.writing-theme-select{margin-top:15px;padding-top:14px}}.hero-seal{z-index:1;color:#fff3de;background:#a35749;border:3px double #e8bead;border-radius:50%;place-items:center;width:68px;height:68px;font-size:40px;line-height:1;display:grid;position:absolute;top:339px;right:165px;transform:rotate(5deg);box-shadow:2px 5px 7px #513c3159}@media (max-width:900px){.hero-seal{right:54px}}@media (max-width:700px){.home-purpose:before,.home-purpose:after,.hero-seal{display:none}}.home-page{max-width:1180px}.home-purpose{background:linear-gradient(115deg,#f8f0e3 0%,#f2e7d7 68%,#e9ddc9 100%);border-top:1px solid #d1bea5;border-bottom:1px solid #cbb79e;grid-template-columns:minmax(0,65%) minmax(0,35%);min-height:560px;padding:0;display:grid;position:relative;overflow:hidden}.home-purpose h1{z-index:1;color:#493b34;letter-spacing:normal;flex-direction:column;grid-area:1/1;justify-content:center;max-width:none;margin:0;padding:49px 30px 57px 45px;display:flex}.home-purpose h1 span:first-child{max-width:730px;font:500 clamp(52px, 4.8vw, 72px)/1.03 var(--serif);letter-spacing:-.057em;text-wrap:balance}.home-purpose h1 span+span{color:#99534a;max-width:700px;font:italic 400 clamp(37px, 3.6vw, 54px)/1.1 var(--serif);letter-spacing:-.042em;text-wrap:balance;margin:25px 0 0 7%}.home-purpose h1[lang=zh-CN] span:first-child{font:500 clamp(46px, 4.5vw, 65px)/1.3 var(--serif);letter-spacing:-.045em}.home-purpose h1[lang=zh-CN] span+span{font:400 clamp(36px, 3.5vw, 52px)/1.38 var(--serif);letter-spacing:-.035em}.home-purpose .purpose-translation{z-index:2;color:#66574b;background:0 0;border:0;border-top:2px solid #a96153;grid-area:1/2;align-self:start;max-width:none;margin:51px 46px 0 0;padding:20px 0 0;font-size:17px;line-height:1.7}.home-purpose .button{z-index:4;color:#fff5e5;background:#914f45;border:1px solid #834239;gap:36px;min-height:76px;margin:0;padding:23px 33px;font-size:19px;position:absolute;bottom:28px;right:46px;box-shadow:4px 5px #c5af93}.home-purpose .button:hover{background:#703b34}.home-purpose:before,.home-purpose:after{opacity:1;width:180px;height:230px;top:auto}.home-purpose:before{z-index:0;background:#c7c8ad;bottom:117px;right:59px;transform:rotate(11deg)}.home-purpose:after{z-index:1;background:linear-gradient(145deg,#fff8e9 0 49.5%,#dccbad 50% 50.3%,#efe3cc 50.5% 100%);border:1px solid #cbb99d;bottom:120px;right:83px;transform:rotate(-6deg);box-shadow:7px 13px 24px #59483830}.hero-seal{z-index:3;background:#9d564a;top:auto;bottom:199px;right:145px;transform:rotate(-6deg)}.home-how{border:0;padding:42px 6px 47px}.steps{border-top:1px solid #cdbba5;border-bottom:1px solid #cdbba5;gap:0}.step,.step+.step,.step:nth-child(2),.step:nth-child(3){min-height:275px;box-shadow:none;background:0 0;border:0;padding:24px 29px 25px;position:relative;transform:none}.step+.step{border-left:1px solid #cdbba5}.step-number{color:#955348;height:53px;font:500 15px/1.2 var(--mono);letter-spacing:.05em;display:block}.step-art{color:#955348;width:91px;height:65px;margin:0;position:absolute;top:16px;right:26px}.step-art>svg{max-height:65px}.step h2{color:#493b34;font:400 clamp(30px, 2.9vw, 38px)/1.04 var(--serif);letter-spacing:-.035em;margin-bottom:12px}.step p{color:#6d6156;max-width:300px;font-size:14px;line-height:1.65}.home-note-section{background:#79473e;border:0;width:100vw;margin:0;padding:55px 36px 50px;position:relative;left:50%;transform:translate(-50%)}.creator-note{background:#f4e8d0;max-width:900px;padding:42px 53px 31px;box-shadow:13px 15px #512c2850,20px 27px 31px #3b211e35}.creator-note>p{font-size:clamp(27px,2.75vw,37px);line-height:1.23}.creator-note>p+p{margin-top:17px}.home-invitation{margin-top:23px;padding-top:18px}.home-invitation p{font-size:15px;line-height:1.65}.note-signoff{margin-top:16px}.tape{background:#d2c7a9b5}.note-signoff em{color:#985448}.home-note-section>.button{color:#613d35;background:#f4e8d0;border:1px solid #ead8b9;min-height:59px;margin-top:26px;padding:17px 28px;font-size:16px}.home-note-section>.button:hover{background:#fff9ed}.home-mailbox-float{z-index:40;background:#f7eedf;border:1px solid #bea88f;width:auto;position:fixed;bottom:16px;right:28px;box-shadow:5px 7px #b9a98f,8px 12px 26px #4b39322b}.home-mailbox-float details{width:162px}.home-mailbox-float details[open]{width:min(308px,100vw - 32px)}.home-mailbox-float summary{cursor:pointer;color:#493b34;min-height:56px;font:400 17px/1.16 var(--serif);justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;list-style:none;display:flex}.home-mailbox-float summary::-webkit-details-marker{display:none}.mailbox-float-question{display:none}.mailbox-float-icon{color:#955348}.home-mailbox-float details[open] .mailbox-float-question{display:block}.home-mailbox-float details[open] .mailbox-float-label,.home-mailbox-float details[open] .mailbox-float-icon{display:none}.home-mailbox-float details[open] summary{font-size:19px}.home-mailbox-float summary:after{content:"−";color:#955348;font:400 23px/1 var(--sans);flex:none;display:none}.home-mailbox-float details[open] summary:after{display:block}.home-mailbox-float summary:focus-visible{outline-offset:-4px;outline:2px solid #914f45}.home-mailbox-float-content{border-top:1px solid #cbb79e;margin:0 18px 17px;padding-top:13px}.home-mailbox-float .underlined{color:#8e4c42;margin:0;font-size:14px}.home-archive-entry{border:0;padding:15px 16px 20px}.home-contact{padding:20px 12px 26px}@media (max-width:900px){.home-purpose{min-height:0;display:block}.home-purpose h1{padding:50px 36px 0;display:block}.home-purpose h1 span:first-child{font-size:clamp(43px,6.8vw,60px)}.home-purpose h1 span+span{margin:24px 0 0 5%;font-size:clamp(34px,5vw,46px)}.home-purpose h1[lang=zh-CN] span:first-child{font-size:clamp(41px,6.4vw,58px)}.home-purpose h1[lang=zh-CN] span+span{font-size:clamp(34px,5.4vw,48px)}.home-purpose .purpose-translation{max-width:620px;margin:31px 36px 0;padding-top:17px}.home-purpose .button{margin:28px 0 46px 36px;display:inline-flex;position:relative;bottom:auto;right:auto}.home-purpose:before,.home-purpose:after,.hero-seal{display:none}}@media (max-width:700px){.home-purpose h1{padding:37px 23px 0}.home-purpose h1 span:first-child{font-size:clamp(36px,8.6vw,46px)}.home-purpose h1 span+span{margin:21px 0 0;font-size:clamp(31px,7.6vw,41px)}.home-purpose h1[lang=zh-CN] span:first-child{font-size:clamp(32px,7.9vw,41px)}.home-purpose h1[lang=zh-CN] span+span{font-size:clamp(27px,7vw,35px)}.home-purpose .purpose-translation{margin:26px 23px 0;font-size:16px}.home-purpose .button{margin:23px 0 37px 23px}.home-how{padding:31px 0 39px}.steps{display:block}.step,.step+.step,.step:nth-child(2),.step:nth-child(3){border:0;min-height:0;padding:20px 17px 24px}.step+.step{border-top:1px solid #cdbba5}.step-number{height:49px}.step-art{width:76px;height:58px;top:11px;right:15px}.step h2{font-size:32px}.step p{font-size:14px}.home-note-section{padding:45px 21px 44px}.creator-note{padding:31px 25px 25px}.creator-note>p{font-size:25px}.home-invitation p{font-size:14px}.home-mailbox-float{width:auto;bottom:16px;right:16px}.home-mailbox-float details{width:46px}.home-mailbox-float details[open]{width:min(286px,100vw - 32px)}.home-mailbox-float summary{justify-content:center;min-height:44px;padding:10px;font-size:17px}.home-mailbox-float details:not([open]) .mailbox-float-label{display:none}.home-mailbox-float details[open] summary{justify-content:space-between;min-height:56px;padding:14px 16px}.home-archive-entry{padding:19px 16px 24px}}.home-purpose:before,.home-purpose:after{content:none;display:none}.home-envelope-art{z-index:2;aspect-ratio:1;pointer-events:none;filter:drop-shadow(9px 14px 12px #6a483529);width:238px;position:absolute;bottom:119px;right:38px;transform:rotate(-7deg)}.home-envelope-art>img:first-child{object-fit:contain;width:100%;height:100%;display:block}.home-postage-stamp{width:59px;height:59px;position:absolute;top:102px;right:22px;transform:rotate(13deg)}.step-art{width:100px;height:91px;top:9px;right:18px}.step-art>img{object-fit:contain;width:100%;height:100%;display:block}.step h2{margin-top:18px}.home-note-tape{pointer-events:none;width:160px;height:auto;position:absolute;top:-43px;left:50%;transform:translate(-50%)rotate(-4deg)}.writing-botanical{opacity:.82;pointer-events:none;width:165px;height:auto;margin:32px 0 0 9px;display:block}.mailbox-waiting-image{filter:drop-shadow(8px 12px 10px #51342224);width:min(320px,70vw);height:auto;margin:0 auto;display:block}.waiting-art{margin-top:22px}.waiting-art .countdown{margin-top:8px}.archive-object{place-items:center;min-width:0;display:grid}.archive-object img{filter:drop-shadow(8px 14px 10px #51342228);width:min(100%,450px);height:auto;display:block}@media (max-width:900px){.home-envelope-art,.writing-botanical{display:none}}@media (max-width:700px){.step-art{width:78px;height:75px;top:8px;right:12px}.step h2{margin-top:12px}.home-note-tape{width:138px;top:-37px}.archive-locked{gap:23px}.archive-object img{width:min(76vw,300px)}}@font-face{font-family:Paper Typewriter;src:url(/fonts/papers/special-elite.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Paper Herbarium;src:url(/fonts/papers/cormorant-garamond.woff2)format("woff2");font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Paper Herbarium;src:url(/fonts/papers/cormorant-garamond-italic.woff2)format("woff2");font-style:italic;font-weight:300 700;font-display:swap}@font-face{font-family:Paper Rose Script;src:url(/fonts/papers/caveat.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Paper Bamboo Brush;src:url(/fonts/papers/ma-shan-zheng.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Paper Notebook Hand;src:url(/fonts/papers/patrick-hand.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Paper Coastal Sans;src:url(/fonts/papers/josefin-sans.woff2)format("woff2");font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Paper Collage;src:url(/fonts/papers/fraunces.woff2)format("woff2");font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Paper Collage CJK;src:url(/fonts/papers/zcool-xiaowei.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}.paper-airmail{--paper-image:url(/papers/airmail.webp);--paper-thumb:url(/papers/airmail-thumb.webp);--letter-ink:#344c5c;--letter-muted:#697b83;--letter-rule:#a7afb0;--letter-font:"Paper Typewriter", "STFangsong", "FangSong", monospace;--paper-placeholder-style:normal;--paper-signoff-style:normal;--paper-top:153px;--paper-top-mobile:112px;--paper-left:68px;--paper-left-mobile:37px;--paper-right:68px;--paper-right-mobile:37px;--paper-body-size:19px;--paper-body-size-mobile:17px;--paper-line-height:1.9;--paper-greeting-size:29px;--paper-greeting-size-mobile:24px;--paper-greeting-spacing:.025em}.paper-herbarium{--paper-image:url(/papers/herbarium.webp);--paper-thumb:url(/papers/herbarium-thumb.webp);--letter-ink:#485641;--letter-muted:#69745c;--letter-rule:#a5ac93;--letter-font:"Paper Herbarium", "Songti SC", "Noto Serif SC", serif;--paper-body-weight:500;--paper-body-spacing:.01em;--paper-top:108px;--paper-top-mobile:244px;--paper-left:200px;--paper-left-mobile:40px;--paper-right:85px;--paper-right-mobile:36px;--paper-body-size:24px;--paper-body-size-mobile:22px;--paper-line-height:1.57;--paper-greeting-size:38px;--paper-greeting-size-mobile:32px;--paper-greeting-style:italic}.paper-rose{--paper-image:url(/papers/rose.webp);--paper-thumb:url(/papers/rose-thumb.webp);--letter-ink:#754849;--letter-muted:#986c6d;--letter-rule:#c6a4a4;--letter-font:"Paper Rose Script", "Kaiti SC", "STKaiti", cursive;--paper-placeholder-style:normal;--paper-signoff-style:normal;--paper-body-weight:500;--paper-top:139px;--paper-top-mobile:110px;--paper-left:78px;--paper-left-mobile:40px;--paper-right:78px;--paper-right-mobile:40px;--paper-body-size:29px;--paper-body-size-mobile:25px;--paper-line-height:1.55;--paper-greeting-size:48px;--paper-greeting-size-mobile:37px;--paper-greeting-spacing:.005em}.paper-washi{--paper-image:url(/papers/washi.webp);--paper-thumb:url(/papers/washi-thumb.webp);--letter-ink:#36566b;--letter-muted:#687e8b;--letter-rule:#a2b3bb;--letter-font:"Paper Bamboo Brush", "Kaiti SC", "STKaiti", serif;--paper-placeholder-style:normal;--paper-signoff-style:normal;--paper-top:128px;--paper-top-mobile:100px;--paper-left:78px;--paper-left-mobile:42px;--paper-right:100px;--paper-right-mobile:49px;--paper-body-size:27px;--paper-body-size-mobile:23px;--paper-line-height:1.9;--paper-greeting-size:41px;--paper-greeting-size-mobile:32px;--paper-greeting-spacing:.07em}.paper-notebook{--paper-image:url(/papers/notebook.webp);--paper-thumb:url(/papers/notebook-thumb.webp);--letter-ink:#3b4950;--letter-muted:#66757b;--letter-rule:#9cabb0;--letter-font:"Paper Notebook Hand", "HanziPen SC", "KaiTi", cursive;--paper-placeholder-style:normal;--paper-signoff-style:normal;--paper-top:140px;--paper-top-mobile:103px;--paper-left:127px;--paper-left-mobile:62px;--paper-right:69px;--paper-right-mobile:34px;--paper-body-size:24px;--paper-body-size-mobile:21px;--paper-line-height:1.73;--paper-greeting-size:37px;--paper-greeting-size-mobile:31px}.paper-coastal{--paper-image:url(/papers/coastal.webp);--paper-thumb:url(/papers/coastal-thumb.webp);--letter-ink:#345e70;--letter-muted:#638595;--letter-rule:#a0bbc5;--letter-font:"Paper Coastal Sans", "PingFang SC", "Noto Sans SC", sans-serif;--paper-placeholder-style:normal;--paper-signoff-style:normal;--paper-body-weight:400;--paper-body-spacing:.025em;--paper-top:172px;--paper-top-mobile:112px;--paper-left:73px;--paper-left-mobile:38px;--paper-right:73px;--paper-right-mobile:38px;--paper-body-size:22px;--paper-body-size-mobile:19px;--paper-line-height:1.85;--paper-greeting-size:40px;--paper-greeting-size-mobile:29px;--paper-greeting-weight:300;--paper-greeting-spacing:.07em}.paper-scrapbook{--paper-image:url(/papers/scrapbook.webp);--paper-thumb:url(/papers/scrapbook-thumb.webp);--letter-ink:#604b3e;--letter-muted:#846c59;--letter-rule:#baa993;--letter-font:"Paper Collage", "Paper Collage CJK", "Songti SC", serif;--paper-body-weight:500;--paper-placeholder-style:normal;--paper-signoff-style:normal;--paper-top:184px;--paper-top-mobile:128px;--paper-left:83px;--paper-left-mobile:46px;--paper-right:86px;--paper-right-mobile:45px;--paper-body-size:22px;--paper-body-size-mobile:21px;--paper-line-height:1.75;--paper-greeting-size:39px;--paper-greeting-size-mobile:32px;--paper-greeting-weight:600}:is(.writing-paper,.reading-paper,.archive-letter):is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook){background-color:#0000;background-image:var(--paper-image);color:var(--letter-ink);box-shadow:none;filter:drop-shadow(0 8px 13px #513d2e24);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.writing-options .paper-swatch:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook){background-color:#0000;background-image:var(--paper-thumb);width:48px;height:64px;box-shadow:none;filter:drop-shadow(0 2px 2px #513d2e26);background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;padding:0}.writing-options .paper-option{min-height:76px}.writing-options .paper-option.active{background:#f7efe2;border-color:#9e806c}.writing-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook){width:min(100%,730px);min-height:895px;padding:var(--paper-top) var(--paper-right) 87px var(--paper-left);border:0;outline:0;margin:0 auto}.writing-paper.paper-herbarium{min-height:790px}.writing-paper.paper-scrapbook{min-height:940px}.writing-paper.paper-herbarium .writing-signoff{width:70%}.reading-paper.paper-herbarium :is(.letter-body,.signature){width:78%}.writing-paper.paper-washi .writing-signoff{padding-left:170px}.writing-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) :is(.letter-salutation,textarea,.letter-signoff){color:var(--letter-ink);font-family:var(--letter-font)}.writing-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) .letter-salutation{font-size:var(--paper-greeting-size);font-style:var(--paper-greeting-style,normal);font-weight:var(--paper-greeting-weight,400);letter-spacing:var(--paper-greeting-spacing,-.02em);border-bottom-color:var(--letter-rule);margin-top:0}.writing-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) textarea{min-height:435px;font-size:var(--paper-body-size);font-weight:var(--paper-body-weight,400);letter-spacing:var(--paper-body-spacing,normal);line-height:var(--paper-line-height);background-image:none;margin-top:30px}.writing-paper.paper-herbarium textarea{min-height:320px}.writing-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) :is(.letter-salutation,textarea,.letter-signoff)::placeholder{color:var(--letter-muted);opacity:.78}.writing-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) textarea::placeholder{font-style:var(--paper-placeholder-style,italic)}.writing-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) .letter-signoff{border-bottom-color:var(--letter-rule);font-size:var(--paper-signoff-size,21px);font-style:var(--paper-signoff-style,italic)}.writing-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) .writing-signoff svg{display:none}.writing-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) .paper-footer{color:var(--letter-muted);border-top-color:var(--letter-rule)}.reading-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook){min-height:740px;padding:var(--paper-top) var(--paper-right) 105px var(--paper-left)}.reading-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) :is(h2,.letter-body,.signature,.letter-greeting){color:var(--letter-ink);font-family:var(--letter-font)}.reading-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) h2{font-size:var(--paper-greeting-size);font-style:var(--paper-greeting-style,normal);font-weight:var(--paper-greeting-weight,400);letter-spacing:var(--paper-greeting-spacing,-.02em)}.reading-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) .letter-body{font-size:var(--paper-body-size);font-weight:var(--paper-body-weight,400);letter-spacing:var(--paper-body-spacing,normal);line-height:var(--paper-line-height)}.reading-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) .signature{font-style:var(--paper-signoff-style,italic)}.reading-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) :is(.paper-metadata,.signature){color:var(--letter-muted)}.reading-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) .reader-flower{display:none}.archive-letter:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook){min-height:390px;padding:64px 37px 58px}.archive-letter.paper-herbarium{padding:105px 45px 64px 125px}.archive-letter:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) :is(h2,p,.mono){color:var(--letter-ink);font-family:var(--letter-font)}.archive-letter:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook)>div{color:var(--letter-muted)}.received-envelope.paper-airmail .envelope-face{background:#dce4e5}.received-envelope.paper-herbarium .envelope-face{background:#e5e2cd}.received-envelope.paper-rose .envelope-face{background:#ead8d4}.received-envelope.paper-washi .envelope-face{background:#dbe2e5}.received-envelope.paper-notebook .envelope-face{background:#e6dab3}.received-envelope.paper-coastal .envelope-face{background:#cbdfe6}.received-envelope.paper-scrapbook .envelope-face{background:#e7dccb}@media (max-width:700px){.writing-options .paper-options{scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:112px;grid-auto-flow:column;gap:7px;padding:0 1px 8px;display:grid;overflow-x:auto}.writing-options .paper-option{text-align:center;flex-direction:column;min-height:111px;padding:7px 4px}.writing-options .paper-option>span:nth-child(2){font-size:12px;line-height:1.15}.writing-options .paper-swatch:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook){width:43px;height:57px}.writing-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook){width:100%;min-height:650px;padding:var(--paper-top-mobile) var(--paper-right-mobile) 61px var(--paper-left-mobile);margin:0 auto}.writing-paper:is(.paper-herbarium,.paper-scrapbook){min-height:680px}.writing-paper.paper-herbarium .writing-signoff,.reading-paper.paper-herbarium :is(.letter-body,.signature){width:100%}.writing-paper.paper-washi .writing-signoff{padding-left:75px}.writing-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) .letter-salutation{font-size:var(--paper-greeting-size-mobile,28px)}.writing-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) textarea{min-height:322px;font-size:var(--paper-body-size-mobile,19px)}.reading-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook){min-height:580px;padding:var(--paper-top-mobile) var(--paper-right-mobile) 75px var(--paper-left-mobile)}.reading-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) h2{font-size:var(--paper-greeting-size-mobile,28px)}.reading-paper:is(.paper-airmail,.paper-herbarium,.paper-rose,.paper-washi,.paper-notebook,.paper-coastal,.paper-scrapbook) .letter-body{font-size:var(--paper-body-size-mobile,20px)}}