:root{font-family:Segoe UI,Arial,sans-serif;color:#263d34;background:#f4eee3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #263d34;--muted: #66766a;--green: #254b3d;--green-dark: #18362d;--red: #a8463d;--red-dark: #89382f;--gold: #bc8b55;--paper: #fffaf0;--line: #ded0b9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:3px}.page-shell{position:relative;min-height:100vh;isolation:isolate;overflow-x:clip;background:radial-gradient(circle at 96% 4%,#e8dac454 0,transparent 32%),radial-gradient(circle at 3% 78%,#dfe7d957 0,transparent 31%),#f4eee3}.page-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.37;background-image:radial-gradient(#c7b89e .7px,transparent .7px);background-size:32px 32px}.snowfield{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.snowfield i{position:absolute;top:-10px;width:3px;height:3px;border-radius:50%;background:#acbaa7;opacity:.45;animation:snowfall 24s linear infinite}.snowfield i:nth-child(6n+1){left:8%;animation-delay:-5s;animation-duration:24s}.snowfield i:nth-child(6n+2){left:24%;animation-delay:-13s;animation-duration:29s}.snowfield i:nth-child(6n+3){left:42%;animation-delay:-8s;animation-duration:20s}.snowfield i:nth-child(6n+4){left:61%;animation-delay:-19s;animation-duration:27s}.snowfield i:nth-child(6n+5){left:78%;animation-delay:-3s;animation-duration:23s}.snowfield i:nth-child(6n+6){left:93%;animation-delay:-16s;animation-duration:32s}.site-header,.site-footer,.landing,.manage-layout,.write-layout{width:min(100% - 8vw,1240px);margin-inline:auto}.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:104px;gap:20px;border-bottom:1px solid #ddceb8}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;width:45px;height:45px;flex:0 0 auto;color:#fff8ec;background:var(--red);border-radius:50%;box-shadow:0 4px #88382d33}.brand-type{display:grid;gap:2px;line-height:1}.brand-type small{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.22em}.brand-type strong{color:var(--green-dark);font:700 23px/1.05 Georgia,Times New Roman,serif;letter-spacing:-.035em}.site-header nav{color:var(--green);font-size:13px}.site-header nav a{border-bottom:1px solid #a7b6a8;padding-bottom:4px}.site-header nav a:hover{color:var(--red);border-color:var(--red)}.site-header nav a span{padding-left:7px}.nav-note{color:#7b8877;font-style:italic}.site-footer{position:relative;display:flex;justify-content:space-between;gap:16px;padding-block:27px 34px;border-top:1px solid #ddceb8;color:#7a8779;font-size:12px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--red);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.eyebrow-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--red)}h1,h2,h3,p{overflow-wrap:break-word}.hero-copy h1,.page-heading h1,.write-intro h1,.sent-scene h1,.center-state h1,.section-intro h2{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.05;letter-spacing:-.055em}.hero-copy h1 em,.write-intro h1 em,.sent-scene h1 em{color:var(--red);font-weight:400}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 19px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:700;line-height:1.2;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button:disabled{cursor:wait;opacity:.65;transform:none}.button-primary{color:#fffaf0;background:var(--red);box-shadow:0 8px 20px #a8463d26}.button-primary:hover{background:var(--red-dark);box-shadow:0 12px 24px #a8463d30}.button-outline{border-color:var(--green);color:var(--green);background:transparent}.button-outline:hover{background:#e5eddf}.button-small{min-height:40px;padding:8px 13px;border-color:#c4a988;color:var(--green-dark);background:#fff8ea;font-size:12px}.button-small:hover{background:#f6e7cf}.button-quiet{color:var(--green);background:#e8e8dc}.button-quiet:hover{background:#dadfce}.button-danger{color:#fffaf0;background:var(--red-dark)}.button-danger:hover{background:#702d26}.landing{padding-bottom:36px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:clamp(22px,4vw,70px);padding-block:clamp(56px,7vw,106px) 82px}.hero-copy{position:relative;z-index:1;max-width:640px}.hero-copy h1{max-width:670px;margin:23px 0 24px;color:var(--green-dark);font-size:clamp(60px,6.4vw,92px)}.hero-lead{max-width:485px;margin:0 0 32px;color:#5f6e61;font-size:clamp(16px,1.5vw,18px);line-height:1.7}.hero-button{min-height:54px;padding-inline:23px}.hero-caption{display:flex;align-items:flex-start;gap:9px;max-width:450px;margin:18px 0 0;color:#748475;font-size:12px;line-height:1.5}.hero-caption svg{flex:0 0 auto}.hero-art{position:relative;width:min(100%,530px);aspect-ratio:1 / 1;margin-inline:auto}.art-circle{position:absolute;top:8%;right:3%;bottom:6%;left:9%;border-radius:50%;background:#e9d9bd;box-shadow:inset 0 0 0 1px #d9c5a6}.art-circle:before,.art-circle:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff91}.art-circle:before{top:9%;right:9%;bottom:9%;left:9%}.art-circle:after{top:17%;right:17%;bottom:17%;left:17%}.art-letter{position:absolute;left:17%;top:17%;display:flex;flex-direction:column;gap:13px;width:59%;height:62%;padding:12% 7%;transform:rotate(-8deg);border:1px solid #d7c3a2;background:#fffaf0;box-shadow:9px 16px 24px #5d49311c}.art-letter-heading{color:#8d5140;font:italic clamp(13px,1.5vw,20px)/1.3 Georgia,serif;white-space:nowrap}.art-letter-line{display:block;width:100%;height:1px;margin-top:3px;background:#cdbd9e}.art-letter-line.short{width:75%}.art-letter-line.medium{width:88%}.art-envelope{position:absolute;right:3%;bottom:15%;display:grid;place-items:center;width:58%;height:38%;transform:rotate(9deg);background:#b75846;box-shadow:0 22px 30px #4e322b35}.art-envelope:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,50% 54%,100% 0);background:#cf735c}.art-envelope:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 100%,50% 42%,100% 100%);background:#a8463d}.art-seal{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#ffefcf;background:#843329;box-shadow:0 3px 7px #4d1e1d4f;font-size:25px}.art-star{position:absolute;color:#a8463d;font-size:25px}.art-star-one{top:10%;right:7%}.art-star-two{bottom:19%;left:10%;font-size:17px}.art-pine{position:absolute;z-index:1;width:60px;height:115px;border-left:4px solid #325c44;transform:rotate(37deg)}.art-pine:before,.art-pine:after{content:"";position:absolute;width:75px;height:66px;left:-47px;top:6px;border-radius:0 90%;background:#456c4d;opacity:.9;transform:rotate(-36deg)}.art-pine:after{left:-10px;top:46px;width:62px;height:55px;transform:rotate(40deg);background:#315941}.art-pine-left{left:8%;bottom:3%}.art-pine-right{right:7%;top:3%;transform:rotate(-147deg) scale(.75)}.how-it-works{padding-bottom:45px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:0 0 18px;border-bottom:1px solid #cdbb9f}.section-intro h2{max-width:590px;margin:0;font-size:clamp(29px,3.1vw,43px);color:var(--green-dark)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.step{position:relative;min-height:202px;padding:30px 34px 25px 0;border-right:1px solid #d9c7ab}.step+.step{padding-left:34px}.step:last-child{border-right:0}.step svg{color:var(--red)}.step-num{position:absolute;top:31px;right:29px;color:#bba889;font:23px Georgia,serif}.step h3{margin:18px 0 7px;color:var(--green-dark);font:400 25px/1.1 Georgia,serif}.step p{max-width:300px;margin:0;color:#69776d;font-size:13px;line-height:1.55}.honesty-note{margin:20px 0 0;color:#7e897d;font-size:12px;line-height:1.5}.manage-layout{min-height:calc(100vh - 190px);padding-block:64px 86px}.page-heading{max-width:760px}.page-heading h1{margin:14px 0 16px;color:var(--green-dark);font-size:clamp(48px,5vw,72px)}.page-heading>p:last-child{max-width:580px;color:#637365;font-size:16px;line-height:1.65}.accent-dot{color:var(--red)}.secret-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;max-width:880px;margin:34px 0 0;padding:22px;border:1px solid #d4bb95;border-radius:12px;background:#f9edda}.secret-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fffaf0;background:var(--red)}.secret-card b{color:var(--green-dark);font:400 22px Georgia,serif}.secret-card p{max-width:620px;margin:7px 0 15px;color:#687267;font-size:13px;line-height:1.55}.link-row,.share-box{display:flex;align-items:center;gap:10px}.link-row code,.share-box code{display:block;min-width:0;padding:12px;border:1px solid #decbb0;border-radius:6px;color:var(--green-dark);background:#fffaf0;font-size:12px;overflow-wrap:anywhere}.link-row code{max-width:540px}.manage-grid{display:grid;grid-template-columns:minmax(285px,335px) minmax(0,1fr);align-items:start;gap:22px;margin-top:35px}.panel{min-width:0;padding:27px;border:1px solid #dfd0b8;border-radius:13px;background:#fffaf0;box-shadow:0 14px 35px #6a563012}.panel-heading{padding-bottom:18px;border-bottom:1px solid #e3d7c3}.panel-heading h2{margin:8px 0 0;color:var(--green-dark);font:400 31px/1.15 Georgia,serif}.create-form{margin-top:22px}.create-form label,.writing-paper label{display:block;color:var(--green-dark);font-size:13px;font-weight:700}.create-form label span{color:#8b9589;font-weight:400}.create-form input{display:block;width:100%;height:47px;margin-top:9px;padding:10px 13px;border:1px solid #c9bea8;border-radius:6px;color:var(--ink);background:#fffdf7}.create-form input::placeholder{color:#9ba99a}.create-form .button{width:100%;margin:12px 0 20px}.invite-list{display:grid;gap:7px}.invite-item{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:9px;border:1px solid transparent;border-radius:8px;text-align:left;color:var(--ink);background:transparent}.invite-item:hover,.invite-item.active{border-color:#d2bd9e;background:#f5ead8}.invite-symbol{display:grid;place-items:center;width:37px;height:37px;flex:0 0 auto;border-radius:50%;color:var(--red);background:#eedbc3}.invite-item>span:nth-child(2){min-width:0}.invite-item b,.invite-item small{display:block;overflow-wrap:anywhere}.invite-item b{font-size:13px}.invite-item small{margin-top:3px;color:#758477;font-size:11px}.invite-chevron{margin-left:auto;color:#9a8b72;font-size:23px}.empty-aside{color:#859084;font-size:13px;line-height:1.55}.share-box{justify-content:space-between;margin-top:23px;padding:14px;border:1px solid #dfccb0;border-radius:8px;background:#f7ecd9}.share-box>div{min-width:0;display:grid;gap:7px}.share-label{color:#9e5941;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.share-box code{padding:0;border:0;background:transparent}.letters-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 14px;color:#718172;font-size:12px}.text-button{min-height:38px;padding:5px 4px;border:0;color:var(--green);background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:3px}.text-button:hover{color:var(--red)}.text-button.danger{color:var(--red-dark)}.letter-list{display:grid;gap:13px}.letter-card{padding:22px 24px;border:1px solid #e3d2b7;border-radius:8px;background:#fbf3e4}.letter-head{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid #dbcbb3}.letter-avatar{display:grid;place-items:center;width:37px;height:37px;flex:0 0 auto;border-radius:50%;color:#fff9ea;background:var(--green);font:20px Georgia,serif}.letter-head b,.letter-head time{display:block}.letter-head b{color:var(--green-dark);font-size:14px}.letter-head time{margin-top:3px;color:#7b887c;font-size:11px}.remove-letter{display:grid;place-items:center;width:38px;height:38px;margin-left:auto;border:0;border-radius:50%;color:#8e978a;background:transparent}.remove-letter:hover{color:var(--red);background:#f0ded1}.letter-card>p{margin:17px 0 0;color:#3a4b3e;font:16px/1.8 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere}.empty-letters{padding:65px 20px;text-align:center;color:#7b8b7d}.empty-letters svg{color:var(--red)}.empty-letters h3{margin:16px 0 7px;color:var(--green-dark);font:400 27px Georgia,serif}.empty-letters p{max-width:360px;margin:auto;font-size:13px;line-height:1.6}.manage-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;color:#758176;font-size:12px}.manage-footer>div{display:flex;gap:14px}.write-layout{min-height:calc(100vh - 190px);padding-block:clamp(52px,6vw,82px) 110px}.write-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:start;gap:clamp(30px,5vw,80px)}.write-intro{min-width:0;max-width:480px;padding-top:70px}.write-intro h1{margin:23px 0 22px;color:var(--green-dark);font-size:clamp(58px,5.8vw,82px)}.write-intro>p:not(.eyebrow){max-width:420px;margin:0;color:#627365;font-size:17px;line-height:1.7}.privacy-note{display:flex;align-items:flex-start;gap:12px;max-width:425px;margin-top:35px;padding:17px 18px;border-left:3px solid var(--red);border-radius:0 8px 8px 0;color:var(--green-dark);background:#e7eadb;font-size:14px;line-height:1.55}.privacy-note svg{flex:0 0 auto;color:var(--red)}.winter-sprig{position:relative;width:220px;height:105px;margin-top:50px;transform:rotate(-16deg);border-top:4px solid #456e4d;border-radius:50%}.winter-sprig:before,.winter-sprig:after{content:"";position:absolute;left:31px;top:-48px;width:145px;height:65px;border-radius:0 90%;background:#537454;transform:rotate(-10deg)}.winter-sprig:after{left:66px;top:-9px;width:120px;height:56px;background:#315c45;transform:rotate(32deg)}.winter-sprig span{position:absolute;z-index:1;right:-7px;top:-31px;color:var(--red);font-size:24px}.writing-paper{position:relative;width:100%;max-width:680px;margin-inline:auto;padding:clamp(27px,3.4vw,46px);border:1px solid #d8c6a9;border-radius:9px;color:var(--ink);background:#fffaf0;box-shadow:11px 12px #e3d4ba,0 22px 48px #5e4a2d1e}.writing-paper:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid #ecdfcb;border-radius:3px;pointer-events:none}.paper-top,.writing-paper h2,.writing-paper label,.writing-paper input,.writing-paper textarea,.paper-bottom,.paper-privacy,.writing-paper .form-error{position:relative;z-index:1}.paper-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid #ddcbb0;color:#9a6047;font-size:12px;font-weight:700}.paper-top span:last-child{color:#9a8d75;font-weight:400}.writing-paper h2{margin:25px 0 27px;color:var(--green-dark);font:italic 30px/1.2 Georgia,serif;letter-spacing:-.035em}.writing-paper label{margin:20px 0 9px}.writing-paper input,.writing-paper textarea{display:block;width:100%;border:0;border-bottom:1px solid #cbbca2;border-radius:0;outline:none;color:var(--ink);background:transparent;font:19px/1.5 Georgia,serif}.writing-paper input{min-height:45px;padding:6px 0 10px}.writing-paper textarea{min-height:210px;padding:8px 0;resize:vertical}.writing-paper input::placeholder,.writing-paper textarea::placeholder{color:#9daa9b}.writing-paper input:focus,.writing-paper textarea:focus{border-color:var(--red)}.paper-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:21px;color:#8b9889;font-size:12px}.form-error{margin:12px 0 0;color:#9a342e;font-size:13px;line-height:1.5}.center-state{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:62vh;padding:65px 20px;text-align:center;color:#718274}.center-state svg{color:var(--red)}.center-state h1{margin:12px 0 0;color:var(--green-dark);font-size:clamp(45px,6vw,65px)}.center-state p{max-width:480px;margin:0 0 15px;line-height:1.65}.sent-scene{max-width:710px;margin:auto;text-align:center}.sent-sky{position:relative;height:210px;margin-bottom:32px;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 72% 22%,#f2dba5 0 44px,transparent 45px),linear-gradient(160deg,#2b5c49,#173a33)}.sent-sky:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-72px;height:130px;border-radius:50%;background:#d4e2cd}.sent-star{position:absolute;top:35px;left:28%;color:#f4dba8;font-size:26px}.sent-scene h1{margin:17px 0 20px;color:var(--green-dark);font-size:clamp(58px,7vw,86px)}.sent-scene>p:not(.eyebrow){max-width:500px;margin:0 auto 30px;color:#6d7d6e;font-size:16px;line-height:1.65}.toast{position:fixed;z-index:50;right:22px;bottom:22px;display:flex;align-items:center;gap:11px;max-width:min(440px,calc(100vw - 28px));padding:13px 14px;border:1px solid #d5c2a2;border-radius:10px;color:var(--green-dark);background:#fffaf0;box-shadow:0 15px 45px #263d3433;font-size:13px;line-height:1.4}.toast-symbol{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border-radius:50%;color:#fffaf0;background:var(--green)}.toast button{display:grid;place-items:center;width:30px;height:30px;margin-left:auto;border:0;color:#819082;background:transparent}.dialog-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#14291f99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog{position:relative;width:min(100%,470px);max-height:calc(100dvh - 40px);overflow:auto;padding:38px 35px 30px;border:1px solid #dcc7a7;border-radius:12px;color:var(--ink);background:#fffaf0;box-shadow:0 22px 70px #0e231c65}.dialog:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid #eadcc5;border-radius:7px;pointer-events:none}.dialog-seal{position:relative;display:grid;place-items:center;width:49px;height:49px;margin-bottom:21px;border-radius:50%;color:#fff1d5;background:var(--red)}.dialog-close{position:absolute;z-index:1;top:19px;right:19px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;color:#7b897c;background:transparent}.dialog-close:hover{color:var(--red);background:#f2e7d8}.dialog h2{position:relative;margin:9px 0 12px;color:var(--green-dark);font:400 35px/1.1 Georgia,serif;letter-spacing:-.045em}.dialog-content{position:relative;margin:0;color:#687769;font-size:14px;line-height:1.6}.dialog-content p{margin:0}.dialog-actions{position:relative;display:flex;justify-content:flex-end;gap:9px;margin-top:30px}.copy-field{position:relative;display:block;width:100%;min-height:86px;margin-top:18px;padding:12px;border:1px solid #cfb999;border-radius:6px;color:var(--green-dark);background:#f8eddd;font-size:13px;overflow-wrap:anywhere;resize:vertical}@keyframes snowfall{0%{transform:translateY(-15px) translate(0)}to{transform:translateY(110vh) translate(20px)}}@media(max-width:900px){.hero-copy h1{font-size:clamp(55px,7vw,76px)}.write-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:30px}.write-intro{padding-top:38px}.write-intro h1{font-size:clamp(53px,6vw,68px)}.manage-grid{grid-template-columns:285px minmax(0,1fr)}}@media(max-width:700px){.site-header,.site-footer,.landing,.manage-layout,.write-layout{width:min(100% - 40px,600px)}.site-header{min-height:86px}.nav-note{display:none}.hero{grid-template-columns:1fr;gap:10px;padding-block:60px 62px}.hero-copy h1{font-size:clamp(55px,11vw,76px)}.hero-art{width:min(100%,440px);margin-top:10px}.section-intro{display:block}.section-intro h2{margin-top:12px}.steps{grid-template-columns:1fr}.step,.step+.step{min-height:0;padding:23px 0;border-right:0;border-bottom:1px solid #d9c7ab}.step-num{top:25px;right:4px}.manage-layout{padding-block:50px 70px}.manage-grid{grid-template-columns:1fr}.write-layout{padding-block:45px 80px}.write-grid{grid-template-columns:1fr;gap:38px}.write-intro{max-width:600px;padding-top:0}.write-intro h1{font-size:clamp(55px,11vw,75px)}.winter-sprig{display:none}.privacy-note{margin-top:24px}.writing-paper{max-width:620px}.site-footer{flex-direction:column;gap:6px}}@media(max-width:460px){.site-header,.site-footer,.landing,.manage-layout,.write-layout{width:calc(100% - 32px)}.brand-type strong{font-size:20px}.brand-mark{width:40px;height:40px}.site-header nav{font-size:12px}.hero-copy h1{font-size:clamp(49px,12.5vw,62px)}.hero-lead{font-size:16px}.hero-art{width:min(100%,360px)}.art-seal{width:37px;height:37px;font-size:20px}.page-heading h1{font-size:48px}.panel{padding:21px 18px}.secret-card{grid-template-columns:1fr;padding:18px}.link-row,.share-box{align-items:stretch;flex-direction:column}.link-row code,.share-box code{max-width:100%}.manage-footer{align-items:flex-start;flex-direction:column}.manage-footer>div{align-items:flex-start;flex-direction:column;gap:2px}.write-intro h1{font-size:clamp(49px,12.5vw,60px)}.writing-paper{padding:30px 24px;box-shadow:6px 7px #e3d4ba,0 16px 35px #5e4a2d1e}.writing-paper h2{font-size:26px}.paper-bottom{align-items:flex-start;flex-direction:column}.paper-bottom .button{width:100%}.dialog{padding:31px 24px 24px}.dialog h2{font-size:30px}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.toast{right:14px;bottom:14px}}@media(max-width:360px){.site-header,.brand{gap:8px}.brand-mark{width:36px;height:36px}.brand-type small{font-size:8px;letter-spacing:.14em}.brand-type strong{font-size:17px;white-space:nowrap}.site-header nav{font-size:11px;white-space:nowrap}.site-header nav a span{padding-left:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{color:#24382b;background:#f7efdf;--ink: #24382b;--muted: #6e7567;--green: #194434;--green-dark: #10372b;--red: #982d32;--red-dark: #782127;--gold: #c49a5c;--paper: #fff9eb;--line: #d8c8aa}body,.page-shell{background:#f7efdf}.page-shell:before{display:none}.site-header,.site-footer,.landing,.manage-layout,.write-layout,.center-state{position:relative;z-index:1}.snowfield{z-index:0;opacity:.45}.snowfield span{position:absolute;color:#9fae9b}.snowfield span:nth-child(1){top:126px;left:5%}.snowfield span:nth-child(2){top:270px;left:47%;transform:scale(.7)}.snowfield span:nth-child(3){top:520px;left:92%;transform:scale(.8)}.snowfield span:nth-child(4){top:720px;left:11%;transform:scale(.6)}.snowfield span:nth-child(5){top:980px;left:82%}.snowfield span:nth-child(6){top:1200px;left:32%;transform:scale(.7)}.snowfield span:nth-child(7){top:1500px;left:91%;transform:scale(.5)}.snowfield span:nth-child(8){top:1810px;left:9%;transform:scale(.6)}.snowfield span:nth-child(9){top:2100px;left:70%;transform:scale(.7)}.snowfield span:nth-child(10){top:2440px;left:22%;transform:scale(.5)}.manage-shell .snowfield{opacity:.18}.site-header{min-height:96px;border-color:#d7c7aa}.brand{gap:12px}.brand-mark{width:43px;height:43px;border:1px solid #a83a39;border-radius:50%;color:#a12e32;background:transparent;box-shadow:none}.brand-type{gap:3px}.brand-type small{color:#982d32;font:500 12px/1 Georgia,serif;letter-spacing:.03em;text-transform:none}.brand-type strong{color:#143b2e;font:500 25px/1.05 Georgia,serif;letter-spacing:-.02em}.brand:hover .brand-type strong{text-decoration:underline;text-decoration-color:#c49a5c;text-underline-offset:5px}.nav-note{color:#5e6d5b;font-style:normal}.site-footer{border-color:#d7c7aa;color:#6d7668}.eyebrow{color:#972e32;font:500 15px/1.3 Georgia,serif;letter-spacing:.01em;text-transform:none}.eyebrow-dot{width:6px;height:6px;background:#c9a566;transform:rotate(45deg);border-radius:0}.button{border-radius:5px;font-weight:600;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.button:hover{transform:none}.button:active{transform:translateY(1px)}.button-primary{background:#982d32;color:#fff9eb;box-shadow:0 3px #6f2428}.button-primary:hover{background:#81262b;box-shadow:0 3px #5e1e22}.button-outline{border-color:#a78a63;color:#173c2e;background:#f7efdf}.button-outline:hover{background:#eee1c9}.button-small{border-color:#b79d75;color:#173c2e;background:#fff9ec}.button-small:hover{background:#f0e5d2}.button-quiet{color:#173c2e;background:#efe4cf}.button-danger{background:#84292d}.landing{padding-bottom:0}.hero{position:relative;min-height:548px;margin-top:24px;padding:52px clamp(36px,5vw,76px) 64px;overflow:hidden;border:1px solid #6f7858;background:#123b2d;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:24px}.hero:before{content:"";position:absolute;top:12px;right:12px;bottom:18px;left:12px;border:1px solid #c6a2676e;pointer-events:none}.hero:after{content:"";position:absolute;right:0;bottom:0;left:0;height:8px;background:repeating-linear-gradient(45deg,#f6e9d0 0,#f6e9d0 9px,#a82f34 9px,#a82f34 18px,#f6e9d0 18px,#f6e9d0 27px,#286046 27px,#286046 36px)}.hero-copy{z-index:1;max-width:490px}.hero .eyebrow{color:#e7c58b}.hero-copy h1{color:#fff4da;font-size:clamp(60px,6vw,90px);letter-spacing:-.035em}.hero-copy h1 em{color:#dfb979;font-style:normal}.hero-lead{max-width:450px;color:#e1dcc7;font-size:17px;line-height:1.65}.hero-caption{color:#d3d4be;font-size:12px}.hero-caption svg{color:#e2c58e}.hero-art{z-index:1;width:100%;max-width:720px;aspect-ratio:auto;align-self:center}.hero-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 16px #081f1766)}.how-it-works{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);column-gap:clamp(48px,7vw,112px);padding:76px 0 80px}.section-intro{display:block;align-self:start;padding:0;border:0}.section-intro h2{max-width:420px;margin-top:18px;color:#153a2e;font-size:clamp(34px,3.4vw,50px);line-height:1.08}.section-intro:after{content:"";display:block;width:86px;height:116px;margin:24px 0 0 8px;background:url(/christmas-stickers.png) -106px -128px / 577px 577px no-repeat;transform:rotate(-10deg)}.steps{display:block;border-top:1px solid #cbb899}.step,.step+.step{display:grid;grid-template-columns:48px 28px minmax(0,1fr);column-gap:16px;min-height:0;padding:21px 0 23px;border-right:0;border-bottom:1px solid #cbb899}.step-num{position:static;grid-column:1;grid-row:1 / 3;color:#9c6a49;font:400 25px Georgia,serif}.step svg{grid-column:2;grid-row:1 / 3;width:23px;height:23px;color:#9b3034;stroke-width:1.5}.step h3{grid-column:3;grid-row:1;margin:0;color:#163b2e;font:400 27px/1.12 Georgia,serif}.step p{grid-column:3;grid-row:2;max-width:490px;margin-top:6px;color:#647064;font-size:14px;line-height:1.6}.honesty-note{grid-column:2;margin:16px 0 0;color:#6c776a}.page-heading h1{color:#143b2e;letter-spacing:-.035em}.page-heading>p:last-child{color:#617064}.secret-card{border-color:#6b795a;border-radius:5px;background:#173e30}.secret-icon{border:1px solid #d9b77c;color:#e5c589;background:transparent}.secret-card b{color:#fff4db}.secret-card p{color:#d1d3b9}.secret-card .link-row code{border-color:#718165;color:#fff5df;background:#103127}.secret-card .button-small{border-color:#c7aa7d}.panel{border-color:#d6c4a5;border-radius:5px;background:#fffaef;box-shadow:0 5px 20px #3e38271a}.panel-heading{border-color:#ddc9a8}.panel-heading h2{color:#173c2e}.create-form input{border-color:#bba988;background:#fffdf5}.invite-item{border-radius:4px}.invite-item:hover{border-color:#c5ab85;background:#f3e8d4}.invite-item.active{border-color:#254c37;background:#214a38}.invite-item.active b,.invite-item.active .invite-chevron{color:#fff8e7}.invite-item.active small{color:#d8d7b8}.invite-symbol{color:#9b3034;background:#f0ddc0}.invite-item.active .invite-symbol{color:#e1bf7e;background:#123629}.share-box{border-color:#d0b690;border-radius:4px;background:#f7edda}.share-label{color:#853137;letter-spacing:.02em;text-transform:none}.letter-card{border-color:#d4bf9c;border-radius:3px;background:#fff7e6}.letter-avatar{color:#f7edda;background:#22503b}.letter-card>p{color:#273b2d}.empty-letters svg{color:#9b3034}.write-shell{background:#123b2d}.write-shell .site-header,.write-shell .site-footer{border-color:#7b8c70}.write-shell .brand-mark{color:#f3d9a4;border-color:#c8a56d}.write-shell .brand-type small,.write-shell .eyebrow{color:#e9c88e}.write-shell .brand-type strong,.write-shell .site-header nav,.write-shell .site-footer{color:#fff1d3}.write-shell .site-header nav a{border-color:#d4bb88}.write-shell .snowfield{opacity:.36}.write-shell .snowfield span{color:#f4e3bd}.write-shell .snowfield.animated{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:1}.write-shell .snowfield.animated span{top:-12vh;left:var(--flake-left);color:#f3dfb6;opacity:0;animation:letter-snow var(--flake-time) linear var(--flake-delay) infinite;will-change:transform,opacity}.write-shell .snowfield.animated svg{stroke-width:1.15}.write-intro h1{color:#fff2d5;letter-spacing:-.035em}.write-intro h1 em{color:#e2b678;font-style:normal}.write-intro>p:not(.eyebrow){color:#e2dcc7}.privacy-note{border-color:#9e3434;border-radius:2px;color:#17382c;background:#f7efda}.winter-sprig{width:112px;height:112px;margin:34px 0 0 18px;transform:rotate(-10deg);border:0;border-radius:0;background:url(/christmas-stickers.png) -412px -16px / 627px 627px no-repeat}.winter-sprig:before,.winter-sprig:after,.winter-sprig span{display:none}.writing-paper{border-color:#d5b88a;border-radius:2px;background:#fff8e8;box-shadow:7px 7px #d5bd91,0 18px 32px #071c1752}.writing-paper:before{border-color:#e2ceb0;border-radius:1px}.envelope-scene{position:relative;isolation:isolate;width:100%;max-width:720px;margin-inline:auto;padding:56px 14px 104px}.envelope-scene:before{content:"";position:absolute;z-index:0;top:0;right:5px;left:5px;height:205px;background:#ead5b1;clip-path:polygon(0 100%,50% 0,100% 100%);filter:drop-shadow(0 3px 2px #061a1455)}.envelope-scene:after{content:"";position:absolute;z-index:0;right:0;bottom:0;left:0;height:170px;background:linear-gradient(150deg,#e4caa3 0,#e4caa3 49.8%,#d9b98e 50%);clip-path:polygon(0 0,50% 45%,100% 0,100% 100%,0 100%);box-shadow:0 15px 25px #061a1450}.envelope-scene .writing-paper{z-index:1;max-width:none;margin:0}.envelope-seal{position:absolute;z-index:2;bottom:26px;left:50%;display:grid;place-items:center;width:46px;height:46px;border:2px solid #ad4c47;border-radius:50%;color:#f5d9a7;background:#982d32;box-shadow:0 4px 8px #50332645,inset 0 0 0 2px #7b272c;transform:translate(-50%);pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.envelope-scene.is-delivering{pointer-events:none}.envelope-scene.is-delivering .writing-paper{transform-origin:center bottom;animation:letter-fold 1.15s cubic-bezier(.38,.04,.3,1) forwards}.envelope-scene.is-delivering:before,.envelope-scene.is-delivering:after,.envelope-scene.is-delivering .envelope-seal{animation:envelope-fade .38s ease 1s forwards}.write-grid.is-delivering .write-intro{animation:delivery-intro-fade .5s ease 1.25s both}.delivery-envelope{position:absolute;z-index:5;bottom:12px;left:50%;width:min(48%,260px);aspect-ratio:1.6;border:1px solid #c39d6d;background:#d9b88c;box-shadow:0 15px 25px #061a1466;opacity:0;transform:translate(-50%,18px) scale(.7);animation:envelope-journey 1.45s cubic-bezier(.45,.02,.75,1) .85s forwards}.delivery-envelope:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#efd9b4;clip-path:polygon(0 0,50% 66%,100% 0)}.delivery-envelope:after{content:"✳";position:absolute;top:42%;left:50%;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#f4d5a0;background:#982d32;box-shadow:0 3px 7px #44251e66;transform:translate(-50%,-50%);font:23px Georgia,serif}.paper-top{border-color:#cfb68e;color:#8c3231}.paper-top span:last-child{color:#646e59}.writing-paper h2{color:#173b2e}.writing-paper input,.writing-paper textarea{border-color:#c9b694;color:#183b2e}.writing-paper input::placeholder,.writing-paper textarea::placeholder{color:#8d9685}.writing-paper [aria-invalid=true]{border-color:#982d32}.writing-paper .field-error{position:relative;z-index:1;display:flex;align-items:flex-start;gap:8px;margin:10px 0 16px;padding:10px 12px;border-left:3px solid #982d32;color:#78302c;background:#f4e5d6;font-size:13px;line-height:1.45}.writing-paper .field-error span{display:grid;place-items:center;width:17px;height:17px;flex:0 0 auto;border:1px solid currentColor;border-radius:50%;font:700 11px/1 Arial,sans-serif}.sent-sky{height:300px;border:1px solid #6e7d5d;border-radius:2px;background:#123b2d url(/santa-sleigh.png) center / auto 110% no-repeat}.sent-sky:after{display:none}.sent-star{display:none}.sent-scene h1,.write-shell .center-state h1{color:#fff2d8}.sent-scene h1 em{color:#e1ba7e;font-style:normal}.sent-scene>p:not(.eyebrow),.write-shell .center-state p,.write-shell .center-state{color:#e1dcc6}.sent-scene>p.form-error{margin-top:16px;color:#ffd2c7}.write-shell .button-outline{border-color:#d7b780;color:#fff1d9;background:transparent}.write-shell .button-outline:hover{background:#204e3c}.toast{border-color:#c6a773;border-radius:5px;background:#fff8e9;box-shadow:0 12px 30px #162c2450}.toast-symbol{background:#174232}.toast button:hover{color:#982d32;background:#f0e3cf}.dialog-backdrop{background:#081f19b8}.dialog{border-color:#c4a676;border-radius:4px;background:#fff8e9;box-shadow:0 18px 50px #071c175c}.dialog:before{border-color:#ddc8a5;border-radius:1px}.dialog-seal{background:#982d32}.dialog h2{color:#163c2d}.dialog-content{color:#5e6c5e}.copy-field{border-color:#c4aa83;border-radius:3px;background:#f5ead4}@keyframes letter-snow{0%{opacity:0;transform:translateZ(0) rotate(0) scale(var(--flake-scale))}12%{opacity:.62}48%{opacity:.28}80%{opacity:.58}to{opacity:0;transform:translate3d(var(--flake-drift),122vh,0) rotate(180deg) scale(var(--flake-scale))}}@keyframes letter-fold{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}18%{opacity:1;transform:translateY(-25px) rotate(-1deg) scale(1)}48%{opacity:1;transform:translateY(22px) rotate(0) scale(.88,.7)}76%{opacity:1;transform:translateY(78px) rotate(0) scale(.58,.25)}to{opacity:0;transform:translateY(120px) rotate(0) scale(.35,.08)}}@keyframes envelope-fade{0%{opacity:1}to{opacity:0}}@keyframes delivery-intro-fade{0%{opacity:1}to{opacity:0}}@keyframes envelope-journey{0%{opacity:0;transform:translate(-50%,18px) rotate(-3deg) scale(.7)}12%{opacity:1;transform:translate(-50%) rotate(0) scale(1)}32%{opacity:1;transform:translate(-50%,-14px) rotate(-4deg) scale(1)}to{opacity:0;transform:translate(calc(-50% + 72vw),-72vh) rotate(22deg) scale(.22)}}@media(prefers-reduced-motion:reduce){.write-shell .snowfield.animated span{top:var(--flake-still-top);opacity:.32;animation:none;will-change:auto}.envelope-scene.is-delivering .writing-paper,.envelope-scene.is-delivering:before,.envelope-scene.is-delivering:after,.envelope-scene.is-delivering .envelope-seal,.write-grid.is-delivering .write-intro,.delivery-envelope{animation:none}}@media(max-width:900px){.hero{padding-inline:40px}.hero-copy h1{font-size:clamp(54px,7vw,75px)}}@media(max-width:700px){.hero{min-height:0;grid-template-columns:1fr;gap:24px;margin-top:16px;padding:42px 28px 48px}.hero-copy h1{font-size:clamp(50px,10vw,70px)}.hero-art{max-width:520px;margin:0 auto}.how-it-works{display:block;padding:60px 0}.section-intro{position:relative;padding:0 78px 24px 0}.section-intro h2{font-size:clamp(34px,7vw,46px)}.section-intro:after{position:absolute;right:4px;bottom:3px;margin:0;transform:scale(.64) rotate(-10deg);transform-origin:bottom right}.honesty-note{margin-top:18px}.write-intro{padding-top:0}.winter-sprig{display:none}}@media(max-width:460px){.site-header{min-height:80px}.brand-mark{width:39px;height:39px}.brand-type strong{font-size:20px}.hero{padding:34px 22px 42px}.hero:before{top:8px;right:8px;bottom:14px;left:8px}.hero-copy h1{margin:18px 0;font-size:clamp(45px,11vw,58px)}.hero-lead{font-size:15px}.section-intro{padding-right:46px}.section-intro:after{right:0;transform:scale(.48) rotate(-10deg)}.step,.step+.step{grid-template-columns:36px 22px minmax(0,1fr);column-gap:9px;padding:19px 0}.step-num{font-size:22px}.step svg{width:19px;height:19px}.step h3{font-size:23px}.step p{font-size:13px}.writing-paper{box-shadow:5px 5px #d5bd91,0 13px 25px #071c1745}.envelope-scene{padding:48px 6px 84px}.envelope-scene:before{height:158px}.envelope-scene:after{height:136px}.envelope-seal{bottom:16px;width:40px;height:40px}}@media(max-width:360px){.brand-type strong{font-size:17px}}