:root{--paper:#fffaf6;--ink:#4d3d38;--muted:#82736d;--rose:#bb6477;--pink:#d28b99;--line:#e9ddd6;--serif:'Lora',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.14;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='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.18' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a4629c;outline-offset:5px}button,a{touch-action:manipulation}button svg,a svg{flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-1.4px;line-height:1.22}h2 em{font-weight:400;color:var(--rose)}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.section-pad{padding-block:88px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.6;color:#9a7a76}.handwritten{font:italic 20px/1.4 var(--serif)}.pink{color:var(--rose)}.skip-link{position:fixed;top:-80px;left:20px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:12px}
.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--serif);font-size:21px;letter-spacing:-.5px}.brand-flower{width:31px;height:31px;color:#dca3ab}.brand-dot{color:var(--rose)}.site-header nav{display:flex;gap:32px;font-size:11px;font-weight:500;color:#796b65}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--rose)}.sound-toggle{display:flex;align-items:center;gap:8px;background:none;padding:10px 0;font-size:10px;color:#8b7972}.sound-toggle[aria-pressed=true]{color:var(--rose)}.sound-toggle .icon{width:15px;height:15px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:75px;padding-bottom:91px;min-height:660px;align-items:center}.hero .eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.8px}.tiny-star{font-size:22px;color:#b8767c}.hero h1{font-size:clamp(48px,5.3vw,69px);line-height:1.15;letter-spacing:-2.7px;position:relative;margin-top:19px}.hero h1 em{color:var(--rose);font-weight:400}.title-heart{height:46px;width:46px;stroke:#c5828b;stroke-width:1.1;fill:none;transform:rotate(13deg);margin-left:14px}.hero-description{margin-top:25px;color:var(--muted);font-size:13px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:27px}.button{display:inline-flex;gap:18px;align-items:center;justify-content:center;padding:16px 23px;min-height:50px;border-radius:7px;font-size:11px;font-weight:600;line-height:1.5;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #71534912}.primary{background:var(--rose);color:#fff}.primary:hover{background:#a95165}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;background:transparent;padding:10px 0}.text-button:hover{color:var(--rose)}.hero-footnote{display:flex;align-items:center;gap:9px;font-size:9px;color:#9d8c82;margin-top:25px}.mini-hearts{font-size:17px;letter-spacing:-2px;color:#bf8190}.hero-art{position:relative;width:100%;padding:18px 27px 18px 9px;isolation:isolate}.polaroid{background:#fffefa;padding:14px 14px 19px;box-shadow:0 12px 32px #614c381c,0 0 0 1px #eadfd5;transform:rotate(5deg);position:relative;transition:transform .45s}.polaroid:hover{transform:rotate(2deg)}.polaroid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.polaroid figcaption{text-align:center;font:italic 19px/1.3 var(--serif);margin-top:17px;color:#766756;white-space:nowrap}.polaroid figcaption span{color:#c3848d;margin-left:6px}.art-top-note{position:absolute;top:-31px;left:82px;transform:rotate(-7deg);font-size:16px;color:#9e877d}.tape{display:block;position:absolute;background:repeating-linear-gradient(90deg,#e5bfc65e 0 2px,#f0d7d882 2px 5px);z-index:2;box-shadow:0 0 1px #e2c8c2}.tape-top{width:110px;height:35px;top:0;left:38%;transform:rotate(-7deg)}.star-sticker{position:absolute;top:12px;right:-19px;background:#e7ddef;width:105px;height:105px;display:grid;place-items:center;text-align:center;transform:rotate(14deg);color:#7d678e;clip-path:polygon(50% 0%,61% 12%,77% 7%,82% 23%,98% 29%,92% 45%,100% 59%,85% 69%,84% 87%,66% 87%,53% 100%,41% 89%,24% 94%,19% 77%,3% 71%,10% 54%,0 41%,16% 31%,16% 14%,34% 15%)}.star-sticker span{font:italic 24px/1.1 var(--serif);transform:rotate(-10deg)}.art-flower{position:absolute;width:105px;height:105px;left:-32px;bottom:4px;color:#fffaf1;filter:drop-shadow(0 2px 1px #c6a87930);transform:rotate(15deg);z-index:3}.mini-note{position:absolute;right:-25px;bottom:-45px;width:166px;background:#f4edc9;padding:16px 18px 14px;transform:rotate(-8deg);box-shadow:0 5px 15px #6d5c381c;z-index:3}.mini-note>span:first-child{font-size:8px;letter-spacing:1px;color:#9a8c66}.mini-note p{font:17px/1.4 var(--serif);margin-top:8px}.mini-note p em{color:#a77a64}.note-heart{position:absolute;font-size:29px;bottom:10px;right:15px;color:#b68c7d}.art-sparkle{position:absolute;left:-40px;top:55px;width:34px;height:34px;stroke:#cbb27b;stroke-width:1.5;fill:none}
.kindness-ribbon{background:#f6e9e7;border-block:1px solid #eddad8;overflow:hidden;transform:rotate(-1.1deg);padding:15px 0}.kindness-ribbon>div{display:flex;align-items:center;justify-content:center;gap:43px;width:max-content;min-width:100%;white-space:nowrap}.kindness-ribbon span{font-size:11px;font-weight:500;letter-spacing:.3px;color:#a5787e}.kindness-ribbon b{font-size:21px;color:#c8939b;font-weight:400}.mood{padding-top:53px;padding-bottom:42px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px 32px;border-bottom:1px solid var(--line)}.mood-question .handwritten{font-size:23px}.mood-question p{font-size:10px;color:var(--muted);margin-top:5px}.mood-options{display:flex;gap:8px}.mood-options button{background:#fffdfa;border:1px solid #e7ddd6;border-radius:25px;padding:10px 14px;font-size:10px;white-space:nowrap;transition:background .2s,border .2s}.mood-options button:hover,.mood-options button.selected{background:#f6e4e6;border-color:#c9929f}.mood-answer{grid-column:1/-1;display:flex;gap:14px;font-size:10px;color:#938079;min-height:20px}.inline-link{background:none;padding:0;font-size:inherit;text-decoration:underline;text-underline-offset:4px;color:#98727b}.inline-link[hidden]{display:none}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading h2{margin-top:12px}.section-heading>p{color:var(--muted);font-size:11px;line-height:1.85;max-width:270px;padding-bottom:2px}.letters-section{padding-bottom:57px}.envelopes{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.letter-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 12px 22px;border-radius:8px;min-height:224px;transition:transform .25s,box-shadow .25s}.letter-card:nth-child(odd){transform:rotate(-1.5deg)}.letter-card:nth-child(even){transform:rotate(1.5deg)}.letter-card:hover{transform:translateY(-9px) rotate(0);box-shadow:0 12px 20px #624f3e0c}.letter-number{position:absolute;left:15px;top:10px;font-size:8px;opacity:.45;letter-spacing:1px}.rose{--env:#e9bcc3;--envfold:#f1cbd0;--envline:#d5a3ad;background:#f8e9eb}.sage{--env:#c6d1b7;--envfold:#d9e1cc;--envline:#a8b799;background:#edf0e5}.lilac{--env:#d2c5df;--envfold:#e0d5e9;--envline:#b9a5cb;background:#f0ebf5}.butter{--env:#e8d39b;--envfold:#f4e5b8;--envline:#cbb779;background:#faf1d9}.peach{--env:#e7bba3;--envfold:#f2d1ba;--envline:#cd9c86;background:#f8eadd}.envelope{display:block;position:relative;width:111px;height:74px;background:var(--env);border:1px solid var(--envline);border-radius:3px;margin:12px auto 25px;box-shadow:0 5px 10px #6b50450c;isolation:isolate}.envelope::before{content:'';position:absolute;inset:0;background:var(--envfold);clip-path:polygon(0 0,100% 0,50% 61%);filter:drop-shadow(0 1px 0 var(--envline))}.envelope::after{content:'';position:absolute;inset:0;border-radius:3px;background:linear-gradient(33deg,transparent 49%,var(--envline) 50%,transparent 51%) left bottom/50% 70% no-repeat,linear-gradient(-33deg,transparent 49%,var(--envline) 50%,transparent 51%) right bottom/50% 70% no-repeat;z-index:-1}.envelope-heart{position:absolute;left:42px;top:28px;z-index:1;display:grid;place-items:center;width:27px;height:27px;background:#fffcf1e0;border-radius:50%;font-size:20px;color:#b4757f;transition:transform .2s}.letter-card:hover .envelope-heart{transform:scale(1.15)}.letter-label{font:15px/1.4 var(--serif);margin-bottom:7px}.letter-hint{font-size:8px;color:#887773}.section-footnote{text-align:center;color:#a08c82;font-size:15px;margin-top:25px}
.joys-section{padding-top:35px}.joy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.joy-card{border:1px solid var(--line);border-radius:9px;padding:24px 24px 22px;min-width:0;background:#fffdf9;display:flex;flex-direction:column;align-items:flex-start}.card-index{font-size:8px;letter-spacing:1.5px;color:#9c8880}.joy-card h3{font-size:21px;letter-spacing:-.5px;margin-top:6px}.dynamic-message{font-size:11px;line-height:1.8;color:#8d7972;margin-top:11px;min-height:61px}.card-bottom{display:flex;justify-content:space-between;gap:9px;align-items:center;width:100%;margin-top:17px}.card-bottom>span{font-size:8px;color:#a08780;white-space:nowrap}.small{min-height:39px;padding:11px 15px;font-size:9px;border-radius:5px;gap:15px}.rose-button{background:#f0dde1;color:#a36676}.green-button{background:#e5ebdd;color:#758469}.tan-button{background:#f3e6cd;color:#9b8150}.jar-drawing,.hug-drawing,.cookie-drawing{height:130px;margin:12px auto 10px;position:relative;width:160px}.jar-lid{position:absolute;top:9px;left:47px;width:66px;height:13px;background:repeating-linear-gradient(90deg,#bfa4a5 0 2px,#cdb6b4 2px 4px);border:1px solid #b69a9a;border-radius:3px}.jar-body{position:absolute;top:22px;left:44px;width:72px;height:91px;border:2px solid #cbb3b2;border-radius:11px 11px 18px 18px;background:#f8eceb;box-shadow:inset 5px 0 #fff8}.jar-body::after{content:'';position:absolute;top:13px;left:5px;width:3px;height:20px;border-radius:4px;background:#fff}.jar-body>span{display:block;position:absolute;top:31px;left:5px;right:5px;border:1px solid #e0c3c3;background:#fffbf3;font:italic 12px var(--serif);text-align:center;padding:6px 1px;transform:rotate(-6deg)}.jar-body i{position:absolute;font:22px var(--serif);color:#c48694;bottom:1px;left:10px;transform:rotate(-20deg)}.jar-body i:nth-child(2){left:40px;bottom:0;color:#cda765}.jar-body i:nth-child(3){left:38px;bottom:53px;font-size:18px}.hug-heart{position:absolute;font-family:Georgia,serif;font-size:115px;line-height:1;color:#d999a5;top:6px;left:25px;transform:rotate(-7deg);text-shadow:2px 4px #c7838b2b}.hug-arm{position:absolute;top:62px;width:56px;height:29px;border:8px solid #ecd8c3;border-top:0;border-radius:0 0 70% 70%;z-index:1}.hug-arm.left{left:18px;transform:rotate(27deg)}.hug-arm.right{right:15px;transform:rotate(-33deg)}.hug-drawing i{position:absolute;top:0;right:14px;color:#bd8a88;font:27px var(--serif);transform:rotate(14deg)}.hug-drawing b{position:absolute;bottom:6px;left:7px;color:#d2a7a6;font:19px var(--serif)}.cookie-shape{position:absolute;left:30px;top:31px;width:100px;height:68px;border:1px solid #cba874;border-radius:70% 70% 37% 40%;background:#e9c58d;transform:rotate(-14deg);box-shadow:inset -8px -8px #d4ac75,inset 3px 3px #f4d9aa}.cookie-shape::before{content:'';position:absolute;width:39px;height:49px;top:26px;left:26px;transform:rotate(20deg);border-radius:70% 30% 0 0;background:var(--paper);border-left:1px solid #c4a074}.cookie-shape::after{content:'';position:absolute;top:11px;left:45px;width:34px;height:43px;border-left:2px solid #b58b565e;border-radius:40%}.cookie-paper{position:absolute;z-index:2;top:59px;left:84px;background:#fffef7;padding:2px 12px;font:italic 11px var(--serif);transform:rotate(-8deg);box-shadow:1px 2px 3px #59402314}.cookie-star{position:absolute;top:5px;left:23px;color:#cda364;font-size:35px}
.garden-section{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:12px;overflow:hidden;min-height:375px;background:#edf0e5;border:1px solid #e4e7d9}.garden-copy{padding:48px 25px 37px 45px}.garden-copy .eyebrow{color:#8d957b;font-size:8px}.garden-copy h2{margin-top:14px;font-size:41px}.garden-copy h2 em{color:#7f8c71}.garden-copy>p:not(.eyebrow):not(.garden-note){font-size:11px;color:#839079;max-width:300px;margin-block:16px 21px}.garden-copy .primary{background:#8b987d;font-size:10px;min-height:43px;padding:12px 20px}.garden-note{font-size:9px;color:#8e947e;margin-top:14px}.garden-picture{position:relative;min-height:370px;overflow:hidden;isolation:isolate}.garden-sun{position:absolute;top:31px;right:60px;font-size:70px;color:#ddc97e;line-height:1}.garden-cloud{position:absolute;width:90px;height:22px;border-radius:50px;background:#ffffff7d;top:64px;left:20px}.garden-cloud::before,.garden-cloud::after{content:'';position:absolute;background:#f6f7f0;width:42px;height:42px;border-radius:50%;left:12px;bottom:0}.garden-cloud::after{width:32px;height:32px;left:48px}.cloud-two{top:121px;left:180px;transform:scale(.7);opacity:.7}.garden-butterfly{position:absolute;left:80px;top:147px;color:#b094a6;font:36px var(--serif);transform:rotate(-25deg)}#garden-flowers{position:absolute;left:22px;right:27px;bottom:78px;height:190px;z-index:2}.garden-soil{position:absolute;bottom:-50px;left:-100px;right:-40px;height:210px;background:#dce5ce;border-radius:50% 60% 0 0;transform:rotate(-4deg);z-index:-1}.garden-soil::before{content:'';position:absolute;top:-23px;left:200px;width:400px;height:240px;background:#e3ead7;border-radius:60%}.garden-ground-label{position:absolute;bottom:42px;left:0;right:0;text-align:center;color:#839072;font-size:16px;z-index:3}.garden-reset{position:absolute;bottom:15px;right:25px;background:none;color:#7b886e;font-size:8px;text-decoration:underline;text-underline-offset:3px}
.plans-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;padding-block:105px}.plans-title h2{margin-top:15px;font-size:39px}.plans-title>p:not(.eyebrow){font-size:11px;line-height:1.9;color:var(--muted);max-width:320px;margin-top:19px}.plan-generator{margin-top:31px;border-left:2px solid #ead6d6;padding:2px 0 2px 18px}.plan-generator>.handwritten{font-size:18px;color:#ac7982}.plan-generator p{margin-top:9px;font-size:10px;line-height:1.9;max-width:300px;min-height:57px;color:#8d7c74}.plan-generator .text-button{color:#a5717b;font-size:10px;padding-bottom:0}.plans-paper{position:relative;padding:31px 32px 25px;background:#fffdf7;box-shadow:0 6px 22px #62503a0b;border:1px solid #e9dfcd;transform:rotate(1.5deg);background-image:repeating-linear-gradient(transparent 0 45px,#ece2ce66 45px 46px);background-position:0 60px}.tape-plans{height:26px;width:103px;left:38%;top:-12px;transform:rotate(-5deg);background:repeating-linear-gradient(90deg,#cbd5b670 0 2px,#dce3c582 2px 5px)}.paper-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.paper-header .handwritten{font-size:19px;color:#8e7b65}.paper-header>span:last-child{color:#b97b86;font-size:27px}.plan-list{display:flex;flex-direction:column}.plan-list label{display:flex;gap:12px;align-items:center;min-height:46px;cursor:pointer;font-size:10px;color:#7f7163}.plan-list input{appearance:none;width:15px;height:15px;flex:0 0 15px;margin:0;background:#fffdf6;border:1px solid #cabc9f;border-radius:3px;cursor:pointer;display:grid;place-items:center}.plan-list input:checked{background:#9aa58c;border-color:#9aa58c}.plan-list input:checked::after{content:'✓';color:white;font-size:11px}.plan-list input:checked+span{text-decoration:line-through;color:#a79e90}.plan-list b{font-size:15px;font-weight:400;margin-left:auto}.plans-paper>p{font:italic 12px var(--serif);text-align:center;margin-top:23px;color:#ac9984}
.last-letter{position:relative;text-align:center;background:#f8eae8;padding:64px 24px 67px;overflow:hidden;border-block:1px solid #f1deda}.last-letter h2{font-size:40px;line-height:1.35;margin-top:17px}.last-letter>p:not(.eyebrow){font-size:11px;color:#a0807f;line-height:1.9;margin-top:20px}.last-letter .button{margin-top:25px;font-size:10px}.last-flower{position:absolute;width:120px;height:120px;left:9%;top:99px;color:#fffaf0;transform:rotate(-18deg)}.last-sparkle{position:absolute;right:13%;top:141px;font-size:67px;color:#c3999a}.site-footer{min-height:109px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-footer .brand{font-size:16px}.site-footer .brand-flower{width:24px;height:24px}.site-footer>p,.site-footer>.inline-link{font-size:9px;color:#99857c}#secret-heart{background:none;color:#b97885;padding:8px 4px;font-size:17px;vertical-align:middle}
dialog{border:1px solid #eadbd0;box-shadow:0 25px 100px #49372e33;color:var(--ink)}dialog::backdrop{background:#493a325e;backdrop-filter:blur(5px)}.paper-dialog{max-width:min(560px,calc(100% - 32px));width:560px;padding:47px 43px 37px;border-radius:12px;background:#fffcf6;max-height:85dvh;overflow:auto}.dialog-close{position:absolute;right:15px;top:10px;background:none;width:34px;height:34px;font-size:29px;color:#a78c81;line-height:1}.dialog-icon{display:block;color:var(--rose);font-size:45px;line-height:1.2;margin-bottom:18px}.paper-dialog h2{font-size:33px;margin-top:12px}.letter-copy{font-size:14px;line-height:1.95;color:#83716a;margin-top:21px;white-space:pre-line}.letter-copy p+p{margin-top:14px}.letter-signature{color:#b17a83;margin-top:25px;font-size:19px}.surprise-dialog{text-align:center;background:repeating-linear-gradient(45deg,#fffbf4 0 12px,#fdf8ef 12px 24px);padding-bottom:51px}.surprise-dialog>p:not(.eyebrow){font-size:12px;margin-top:18px;color:#958074}.certificate-list{text-align:left;display:inline-block;margin-block:25px 5px}.certificate-list p{margin-block:7px;font-size:12px;color:#9b7480}.surprise-dialog>p.handwritten{font-size:15px}.certificate-seal{display:block;margin:23px auto 0;padding:12px;width:80px;height:80px;border:1px dashed #bc8d8f;outline:1px solid #dec1be;outline-offset:4px;border-radius:50%;font:italic 13px/1.6 var(--serif);color:#a7747b;transform:rotate(-12deg)}.personalize-dialog h2{font-size:30px}.personalize-dialog label{display:block;font-size:11px;margin:20px 0 7px;color:#8d7870}.personalize-dialog input{width:100%;border:1px solid #e1d4c9;border-radius:5px;background:#fffdf9;padding:11px 13px;font-size:12px;color:var(--ink);min-width:0}.personalize-dialog .button{margin-top:22px}.personalize-dialog #copy-link{margin-top:12px}.signature-preview,#share-status{font-size:10px;color:#9a8176;margin-top:17px}#personalize-result{border-top:1px solid var(--line);margin-top:25px;padding-top:0}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:calc(100% - 32px);width:max-content;border-radius:10px;background:#fffaf3;color:#916370;box-shadow:0 5px 30px #4f362b26;border:1px solid #ecd6d8;padding:15px 24px;text-align:center;font-size:12px;z-index:1000;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}#confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:999;overflow:hidden}.noscript-message{padding:20px;text-align:center;font-size:13px;background:#f5e1e6}
@media(min-width:1450px){.hero{padding-top:85px;padding-bottom:105px;gap:100px}.hero-art{max-width:515px}.hero h1{font-size:72px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:20px;font-size:10px}.hero{gap:40px;padding-top:65px;padding-bottom:80px}.hero h1{font-size:58px}.hero-actions{gap:15px}.hero .button{padding-inline:18px}.hero-art{padding-right:15px}.mini-note{right:-10px;bottom:-50px;width:145px}.polaroid figcaption{font-size:16px}.star-sticker{width:90px;height:90px;right:-10px}.mood{grid-template-columns:1fr;gap:15px}.mood-question{display:flex;align-items:center;gap:17px}.mood-options{justify-content:flex-start}.letter-card{padding-inline:6px}.letter-label{font-size:13px}.letter-hint{font-size:7px}.envelope{width:98px;height:67px}.envelope-heart{left:36px;top:25px}.joy-card{padding:20px 18px}.joy-card h3{font-size:18px}.card-bottom{align-items:flex-start;flex-wrap:wrap;gap:10px}.garden-copy{padding-left:32px}.plans-section{gap:40px}.plans-title h2{font-size:35px}.plans-paper{padding-inline:24px}.paper-header .handwritten{font-size:16px}.last-flower{left:5%;width:95px;height:95px}.last-sparkle{right:7%}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:78px;gap:15px}.brand{font-size:19px}.brand-flower{width:27px;height:27px}.site-header nav{display:none}.sound-toggle{font-size:9px;gap:5px}.hero{grid-template-columns:1fr;gap:60px;padding-top:43px;padding-bottom:77px}.hero-copy{padding-left:8px}.hero h1{font-size:64px;letter-spacing:-2.7px;line-height:1.13}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-description{font-size:12px;margin-top:23px}.hero-actions{gap:22px;margin-top:25px}.hero .button{padding:15px 19px;font-size:10px}.hero-footnote{font-size:8px;margin-top:19px}.hero-art{max-width:390px;margin-inline:auto;width:calc(100% - 36px);padding:8px 10px 0}.art-top-note{font-size:14px;left:55px;top:-31px}.tape-top{top:-10px;width:90px;height:28px}.polaroid{padding:11px 11px 16px;transform:rotate(4deg)}.polaroid figcaption{font-size:16px;margin-top:15px}.star-sticker{right:-19px;top:0;width:86px;height:86px}.star-sticker span{font-size:20px}.mini-note{width:137px;bottom:-38px;right:-17px;padding:12px 15px}.mini-note>span:first-child{font-size:7px}.mini-note p{font-size:15px;margin-top:5px}.art-flower{width:87px;height:87px;left:-24px;bottom:1px}.art-sparkle{width:25px;height:25px;left:-28px;top:58px}.kindness-ribbon{padding:12px 0}.kindness-ribbon>div{gap:25px;justify-content:flex-start;padding-left:24px}.kindness-ribbon span{font-size:9px}.kindness-ribbon b{font-size:16px}.mood{padding-top:35px;padding-bottom:28px;gap:17px}.mood-question{display:block}.mood-question .handwritten{font-size:22px}.mood-question p{font-size:9px}.mood-options{flex-wrap:wrap;gap:7px}.mood-options button{font-size:9px;padding:9px 12px}.mood-answer{font-size:9px;display:block}.mood-answer .inline-link{display:inline-block;margin-top:8px}.mood-answer .inline-link[hidden]{display:none}.section-pad{padding-block:51px}.section-heading{align-items:flex-start;margin-bottom:25px;gap:15px;flex-direction:column}.eyebrow{font-size:8px;letter-spacing:1.5px}h2{font-size:34px;letter-spacing:-1px}.section-heading h2{margin-top:10px}.section-heading>p{font-size:10px;max-width:unset}.section-heading>p br{display:none}.envelopes{grid-template-columns:repeat(2,1fr);gap:15px 12px}.letter-card{min-height:210px;padding-top:28px}.letter-card:last-child{grid-column:1/-1;min-height:155px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;padding:24px;column-gap:15px}.letter-card:last-child .envelope{grid-row:1/3;margin:0 auto}.letter-card:last-child .letter-label{align-self:end;margin-bottom:5px;text-align:left}.letter-card:last-child .letter-hint{align-self:start;text-align:left}.envelope{width:108px;height:73px;margin-bottom:20px}.envelope-heart{left:40px;top:27px}.letter-label{font-size:15px}.letter-hint{font-size:8px}.section-footnote{font-size:12px;margin-top:22px}.letters-section{padding-bottom:29px}.joys-section{padding-top:25px}.joy-grid{grid-template-columns:1fr;gap:16px}.joy-card{padding:23px 24px;display:grid;grid-template-columns:1fr 109px;grid-template-rows:auto auto auto auto}.card-index{grid-column:1/3;font-size:8px}.jar-drawing,.hug-drawing,.cookie-drawing{grid-column:2;grid-row:2/4;width:110px;height:110px;transform:scale(.83);transform-origin:center center;margin:0 -8px 0 0}.jar-lid{left:26px}.jar-body{left:23px}.hug-heart{left:0;font-size:100px}.hug-arm.left{left:-3px}.hug-arm.right{right:-5px}.hug-drawing i{right:-10px}.hug-drawing b{left:-13px}.cookie-shape{left:2px}.cookie-paper{left:52px}.cookie-star{left:1px;top:-4px}.joy-card h3{grid-column:1;grid-row:2;font-size:20px;margin-top:19px;align-self:end;line-height:1.3}.dynamic-message{grid-column:1;grid-row:3;font-size:10px;min-height:50px;padding-right:3px;margin-top:10px}.card-bottom{grid-column:1/3;grid-row:4;align-items:center;flex-wrap:nowrap;margin-top:14px}.card-bottom>span{font-size:8px}.small{font-size:10px;min-height:40px;padding-inline:16px}.garden-section{grid-template-columns:1fr}.garden-copy{padding:29px 28px 0}.garden-copy h2{font-size:35px}.garden-copy>p:not(.eyebrow):not(.garden-note){font-size:11px;margin-block:15px 18px}.garden-copy h2 br{display:none}.garden-copy h2{max-width:280px}.garden-picture{min-height:270px;margin-top:-4px}.garden-sun{top:3px;right:30px;font-size:55px}.cloud-one{top:27px;left:20px;transform:scale(.8)}.cloud-two{top:74px;left:130px}.garden-butterfly{left:63px;top:78px;font-size:30px}#garden-flowers{height:140px;bottom:64px;left:15px;right:20px}.garden-soil{height:175px}.garden-ground-label{font-size:13px;bottom:34px}.garden-reset{bottom:11px;font-size:8px}.plans-section{grid-template-columns:1fr;gap:36px;padding-top:58px;padding-bottom:60px}.plans-title h2{font-size:35px}.plans-title>p:not(.eyebrow){font-size:11px;max-width:100%}.plan-generator{margin-top:24px}.plan-generator p{min-height:0;max-width:100%;font-size:10px}.plans-paper{padding:27px 22px 24px;margin-inline:5px}.paper-header .handwritten{font-size:17px}.plan-list label{font-size:9px;gap:10px}.plans-paper>p{font-size:10px}.last-letter{padding:49px 22px 51px}.last-letter h2{font-size:30px;letter-spacing:-1.2px;max-width:390px;margin:17px auto 0}.last-letter>p:not(.eyebrow){font-size:10px}.last-letter .button{font-size:9px;padding-inline:19px}.last-flower{width:55px;height:55px;top:15px;left:-15px}.last-sparkle{font-size:38px;right:11px;top:49px;opacity:.55}.site-footer{padding-block:28px;flex-wrap:wrap;gap:13px}.site-footer .brand{font-size:16px}.site-footer>p{order:3;width:100%;font-size:9px}.site-footer>.inline-link{font-size:8px}.paper-dialog{padding:38px 25px 30px}.paper-dialog h2{font-size:28px}.letter-copy{font-size:13px;line-height:1.9}.letter-signature{font-size:16px}#toast{font-size:11px;padding:13px 18px}.title-heart{width:36px;height:36px;margin-left:11px}}
@media(max-width:370px){.wrap{width:calc(100% - 30px)}.hero h1{font-size:54px}.hero-actions{gap:13px}.hero .button{font-size:9px;padding-inline:15px}.hero-actions .text-button{font-size:10px}.hero-art{width:calc(100% - 28px)}.polaroid figcaption{font-size:14px}.brand{font-size:17px}.joy-card{padding-inline:18px}.joy-card h3{font-size:18px}.plan-list label{font-size:8px}.paper-header .handwritten{font-size:15px}}
body{overflow-x:clip}.dynamic-message{font-size:12px}.letter-signature{font-size:17px}.garden-flower::after{content:'';position:absolute;left:48%;top:85%;height:22px;width:2px;background:#9aa67e;z-index:-1;transform:rotate(-6deg)}
@media(max-width:760px){.hero h1{font-size:clamp(45px,13.1vw,58px);line-height:1.18;letter-spacing:-2px}.garden-copy h2 br{display:block}.garden-copy h2{max-width:100%}.dynamic-message{font-size:11px}.letter-signature{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.polaroid:hover{transform:rotate(5deg)}}