@font-face{font-family:HeartSerif;src:url('public/fonts/serif.woff2') format('woff2');font-display:swap;font-weight:400 700;font-style:normal}@font-face{font-family:HeartSerif;src:url('public/fonts/serif-italic.woff2') format('woff2');font-display:swap;font-weight:400 700;font-style:italic}@font-face{font-family:HeartSans;src:url('public/fonts/sans.woff2') format('woff2');font-display:swap;font-weight:400 700}@font-face{font-family:HeartHand;src:url('public/fonts/hand.woff2') format('woff2');font-display:swap;font-weight:400 700}
:root{--paper:#f5f3ec;--ink:#293e34;--muted:#74796c;--green:#314a3b;--rose:#a46465;--line:#dedfd4;--serif:HeartSerif,Georgia,serif;--sans:HeartSans,Arial,sans-serif;--hand:HeartHand,'Segoe Print',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.7' d='M0 0h200v200H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #bc8d71;outline-offset:5px}input:focus,textarea:focus{outline:2px solid #aab59a;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.08}em{font-weight:400;color:var(--rose)}h2{font-size:clamp(38px,4.2vw,58px);letter-spacing:-1.8px}p{color:var(--muted)}[hidden]{display:none!important}.handwritten{font-family:var(--hand);font-size:25px;font-weight:400;line-height:1.2}.eyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:2px;line-height:1.6}.section-wrap{max-width:1200px;margin:0 auto;padding-left:60px;padding-right:60px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:17px}.section-heading>p{font-size:13px;line-height:1.8}.section-heading>.handwritten{font-size:25px;color:#908170;transform:rotate(-5deg)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:52px;padding:15px 24px;border-radius:5px;border:1px solid transparent;font-size:12px;font-weight:500;transition:background .2s,transform .2s;line-height:1.5}.button:hover{transform:translateY(-2px)}.button span{font-size:19px}.primary{background:var(--green);color:#faf9ef}.primary:hover{background:#223b2c}.outline{border-color:#71806c;background:transparent;color:#f3f0df}.outline:hover{background:#ffffff0f}.icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:var(--paper);padding:12px}.skip-link:focus{top:12px}
/* The front door */
.gate-page{min-height:100svh;display:flex;flex-direction:column;overflow-x:clip}.gate-header{display:flex;align-items:center;justify-content:space-between;padding:32px 6vw}.brand{display:flex;gap:11px;align-items:center;font-family:var(--serif);font-size:25px;line-height:1.1}.brand-heart{font-family:Georgia,serif;font-size:37px;color:#8c6d61;font-weight:400}.brand-sub{display:block;font-family:var(--sans);font-size:7px;letter-spacing:1.8px;margin-top:7px}.gate-main{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;width:min(100%,1060px);padding:60px 50px;margin:auto}.gate-intro h1{font-size:clamp(50px,5.7vw,76px);letter-spacing:-2px;margin:24px 0}.gate-intro p{font-size:15px}.gate-intro>.handwritten{display:block;color:var(--rose);margin-top:30px;transform:rotate(-6deg)}.gate-card{background:#fcfbf7;padding:55px 34px 30px;box-shadow:0 20px 75px #3b493712;border:1px solid #e3e1d5;border-radius:8px;position:relative}.wax-seal{position:absolute;top:-29px;left:calc(50% - 29px);width:58px;height:58px;border:5px double #c6a599;background:#9c6764;border-radius:50%;color:#edcabc;display:grid;place-items:center;font-size:28px;box-shadow:1px 5px 10px #442b2320}.gate-card>.eyebrow{font-size:8px;letter-spacing:1.5px;text-align:center}.gate-card h2{font-size:37px;letter-spacing:-1px;text-align:center;margin:17px 0 7px}.gate-card>p{font-size:12px;text-align:center;margin-bottom:27px}.gate-card label{font-size:11px;display:block;margin-bottom:8px}.password-wrap{display:flex;border:1px solid #dcded2;background:#f7f6ef;border-radius:4px}.password-wrap input{min-width:0;width:100%;font-size:16px;padding:14px;background:transparent;border:0;color:var(--ink)}.password-wrap button{background:transparent;border:0;padding:0 15px;color:#8b9383;min-width:45px}.gate-card>.gate-error{min-height:19px;color:#a15151;font-size:12px;margin:10px 0 16px}.gate-card>.button{width:100%;justify-content:space-between}.gate-foot{font-size:10px;text-align:center;margin-top:22px;color:#878c7e}.gate-footer{padding:30px 6vw;font-size:10px;color:#8b8c7e;display:flex;justify-content:space-between}.gate-orbit{border:1px solid #e4e2d5;position:fixed;border-radius:50%;width:600px;height:600px;z-index:-1;pointer-events:none}.orbit-one{left:-330px;bottom:-360px}.orbit-two{right:-420px;top:-350px;width:900px;height:900px}
/* A little universe */
.site-header{max-width:1440px;margin:auto;padding:24px 60px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);height:91px}.site-header .brand{font-size:24px}.desktop-nav{display:flex;gap:29px;font-size:11px}.desktop-nav a{color:#6b7566;padding:12px 0;position:relative}.desktop-nav a:after{content:'';position:absolute;left:0;bottom:5px;width:0;height:1px;background:var(--rose);transition:width .3s}.desktop-nav a:hover:after{width:100%}.header-tools{display:flex;align-items:center;gap:14px}.header-tools form{display:flex}.quiet-button{display:flex;gap:9px;align-items:center;background:transparent;border:1px solid #dbded2;border-radius:30px;font-size:10px;padding:8px 13px;min-height:38px}.music-bars{display:flex;align-items:center;gap:2px;height:13px}.music-bars i{display:block;width:2px;background:#7d8973;height:5px}.music-bars i:nth-child(2){height:12px}.music-bars i:nth-child(3){height:8px}.quiet-button[aria-pressed=true] .music-bars i{animation:music-wave 1s infinite alternate}.quiet-button[aria-pressed=true] .music-bars i:nth-child(2){animation-delay:-.6s}.lock-button{display:grid;place-items:center;width:38px;height:38px;border:0;background:transparent;color:#83907c}.lock-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:20px;padding-top:78px;padding-bottom:100px;min-height:655px;align-items:center}.occasion{font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:12px;white-space:nowrap}.occasion-line{width:24px;height:1px;background:#b5b9a7}.small-star{font-size:16px;color:#a18160}.hero h1{font-size:clamp(58px,5.7vw,78px);line-height:1.01;letter-spacing:-2.8px;margin:23px 0 24px;position:relative}.her-name{font-style:italic;color:#a76a68}.title-heart{font-family:Georgia,serif;font-size:47px;font-weight:400;color:#ad8172;display:inline-block;transform:rotate(-13deg);vertical-align:top;margin:15px 0 0 17px}.hero-description{font-size:13px;line-height:1.85;margin-bottom:28px}.hero-signature{display:flex;align-items:center;gap:8px;font-size:10px;color:#868977;margin-top:20px}.hero-signature .handwritten{font-size:22px;margin-left:5px;color:#8c725f}.tiny-heart{font-family:Georgia,serif;color:var(--rose);font-size:16px}.scroll-cue{position:absolute;bottom:28px;left:60px;right:60px;display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:1.6px;color:#8c927e}.scroll-cue:before{content:'';width:24px;height:1px;background:#b9bfac}.scroll-cue>span:last-child{font-size:18px;letter-spacing:0}.universe-art{position:relative;width:100%;height:445px}.planet-disc{width:286px;height:286px;position:absolute;left:calc(50% - 148px);top:93px;border-radius:50%;background:radial-gradient(circle at 34% 25%,#fff8df 0,#eee6c9 27%,#d8cbb1 64%,#b7b79a 100%);box-shadow:inset -25px -12px 60px #9095713d,0 0 65px #d7ceac21}.planet-grain{position:absolute;inset:0;border-radius:50%;opacity:.3;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.04' numOctaves='5'/%3E%3C/filter%3E%3Ccircle filter='url(%23n)' cx='100' cy='100' r='100'/%3E%3C/svg%3E")}.moon-surface{position:absolute;border-radius:50%;background:radial-gradient(circle at 65% 65%,#ede4c437,#a1a48c27);box-shadow:inset 2px 3px 5px #a5a58c16}.moon-dot-1{width:53px;height:45px;top:62px;left:48px;transform:rotate(20deg)}.moon-dot-2{width:34px;height:30px;top:178px;left:68px}.moon-dot-3{width:77px;height:70px;top:112px;left:175px;opacity:.5}.moon-dot-4{width:15px;height:17px;top:111px;left:111px}.orbital{position:absolute;left:4%;top:110px;width:95%;height:245px;border:1px solid #bdc1a6;border-radius:50%;transform:rotate(-28deg)}.orbital-b{height:355px;width:70%;left:18%;top:59px;transform:rotate(28deg);border-color:#d5d6c2}.paper-heart{position:absolute;left:calc(50% - 17px);top:148px;font-family:Georgia,serif;font-size:181px;line-height:1;color:#af7771;transform:rotate(16deg);text-shadow:-1px 1px 0 #c69082,4px 9px 8px #87695721;animation:heart-hover 6s ease-in-out infinite}.paper-heart:after{content:'♡';position:absolute;left:21px;top:22px;font-size:134px;color:#e2b0a23a}.art-caption{position:absolute;left:16px;top:15px;font-size:8px;letter-spacing:2px;color:#8b8f77;transform:rotate(-6deg)}.art-caption svg{display:block;margin-left:62px;width:77px;height:40px;fill:none;stroke:#9b9d7f;stroke-width:1.3;stroke-linecap:round}.art-star{position:absolute;color:#a08c62;font-size:33px}.star-a{left:13%;top:91px;font-size:45px}.star-b{right:4%;top:69px;font-size:22px}.star-c{right:7%;top:307px;font-size:41px}.star-d{left:19%;top:343px;font-size:18px}.secret-star{position:absolute;right:26%;top:26px;font-size:21px;border:0;background:none;color:#8d9278;width:44px;height:44px;padding:0;animation:twinkle 4s infinite}.orbit-label{position:absolute;left:-2%;top:250px;transform:rotate(-11deg);background:#faf8f0;border:1px solid #ded8c6;padding:13px 28px 13px 15px;box-shadow:2px 5px 15px #7779570e;line-height:1.25;max-width:210px}.orbit-label span:first-child{font-family:var(--hand);font-size:21px;color:#9b8870}.orbit-label strong{display:block;font-family:var(--serif);font-size:25px;font-weight:500}.label-flower{position:absolute;right:6px;top:4px;font-size:18px;color:#b79474}.art-note{position:absolute;bottom:2px;left:30%;font-size:25px;color:#9c8368;transform:rotate(-6deg)}.art-dot{position:absolute;border-radius:50%;width:5px;height:5px;background:#aeb698}.dot-a{left:1%;top:213px}.dot-b{right:21%;bottom:75px;width:8px;height:8px}.dot-c{right:10%;top:182px;width:4px;height:4px}
.countdown-card{background:var(--green);color:#f0f0df;position:relative;border-radius:8px;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden}.countdown-intro .eyebrow{color:#b4c0a5;font-size:8px}.countdown-intro h2{font-size:31px;letter-spacing:-.8px;margin:9px 0}.countdown-intro p{color:#bcc4b2;font-size:11px}.countdown{display:flex;align-items:center;gap:18px;position:relative;z-index:1;padding-right:22px}.countdown>div{text-align:center;min-width:55px}.countdown strong{display:block;font-family:var(--serif);font-weight:400;font-size:49px;line-height:1.1;font-variant-numeric:tabular-nums}.countdown span{display:block;font-size:7px;letter-spacing:1.8px;color:#bbc7ad;margin-top:7px}.countdown b{font-family:var(--serif);font-size:23px;font-weight:400;color:#8da27c;margin-top:-20px}.countdown-star{position:absolute;right:-23px;top:-40px;font-size:173px;color:#7c937b26;line-height:1}.chapters{padding-top:77px;padding-bottom:90px}.chapters h2{font-size:42px;letter-spacing:-1.3px}.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.chapter-card{border-radius:5px;padding:25px 22px;position:relative;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;min-height:231px}.chapter-card:hover{transform:translateY(-6px);box-shadow:0 9px 20px #49513c0e}.chapter-number{position:absolute;right:19px;top:23px;font-size:10px;color:#989788}.chapter-card .icon{width:29px;height:29px;margin:8px 0 21px}.chapter-card h3{font-size:25px;letter-spacing:-.5px;margin-bottom:8px}.chapter-card p{font-size:10px;line-height:1.7}.chapter-link{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-top:auto;padding-top:25px}.chapter-link>span{font-size:18px}.chapter-rose{background:#eaded8;color:#8c6862}.chapter-green{background:#e0e5d5;color:#677b60}.chapter-lavender{background:#e4e1e8;color:#7e728d}.chapter-peach{background:#eee5d5;color:#9a8460}.chapter-card h3{color:#39463a}.letter-section{padding-top:55px;padding-bottom:110px;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.letter-side .eyebrow{margin:45px 0 24px}.letter-side h2{font-size:62px;line-height:1.04}.letter-side>p{font-size:12px;margin-top:19px}.letter-sketch{position:relative;margin-top:38px;width:190px;transform:rotate(-9deg)}.letter-sketch svg{width:160px;height:150px;fill:none;stroke:#a38b73;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.letter-sketch .handwritten{display:block;font-size:21px;color:#9d806d;white-space:nowrap}.letter-paper{background:#fdfcf7;position:relative;padding:37px 43px 40px;box-shadow:2px 9px 35px #5661470a;border:1px solid #e5e3d8;transform:rotate(1deg);border-radius:2px}.letter-paper:before{content:'';position:absolute;top:-13px;left:40%;width:96px;height:26px;background:#ded8bd99;transform:rotate(-4deg)}.paper-date{font-size:8px;letter-spacing:1.7px;color:#939581;display:flex;justify-content:space-between;border-bottom:1px solid #e6e5da;padding-bottom:16px;margin-bottom:24px}.paper-date>span{font-size:19px;line-height:1}.letter-paper h3{font-family:var(--hand);font-size:31px;color:#8d6960;margin-bottom:24px}.letter-paper>p{font-size:12px;line-height:1.95;margin-bottom:18px;color:#717867}.letter-paper strong{font-weight:500;color:#4b5b45}.letter-signoff{display:flex;flex-direction:column;font-size:10px;color:#727e65;gap:4px;margin-top:25px}.letter-signoff .handwritten{font-size:33px;color:#8d6960}.letter-ps{font-size:10px;margin-top:16px}
.stars-section{background:#2b4035;padding:80px 0 35px;color:#efeddd;position:relative;overflow:hidden}.stars-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 30%,#79937222,transparent 55%)}.stars-section .section-wrap{position:relative}.stars-section .eyebrow{color:#acba9d}.stars-section h2{font-size:53px}.stars-section em{color:#cfb6a2}.stars-section .section-heading>p{color:#b9c3ac}.star-field{height:380px;position:relative;margin-top:5px}.constellation-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#8e9e7740;stroke-width:1;fill:none;stroke-dasharray:3 5}.love-star{position:absolute;display:flex;flex-direction:column;align-items:center;background:transparent;border:0;color:#dbcc9f;width:65px;height:76px;transition:color .2s,transform .3s;transform:translate(-50%,-50%)}.love-star:hover{color:#ffebbd;transform:translate(-50%,-50%) scale(1.18)}.love-star>span{font-size:36px;line-height:1.4;filter:drop-shadow(0 0 12px #efd4963a);transition:filter .3s}.love-star small{font-size:8px;letter-spacing:1px;color:#95a689}.love-star.discovered{color:#f0c6aa}.love-star.discovered small:after{content:' ✓';color:#d0b198}.love-star-1{left:10%;top:36%}.love-star-2{left:28%;top:17%}.love-star-3{left:48%;top:39%}.love-star-4{left:71%;top:19%}.love-star-5{left:87.5%;top:40%}.love-star-6{left:78.5%;top:74%}.love-star-7{left:54%;top:72%}.love-star-8{left:32.5%;top:77%}.love-star-9{left:16%;top:66%}.love-star:nth-of-type(3n)>span{font-size:29px}.field-speck{position:absolute;font-size:28px;color:#8d9b7680;pointer-events:none}.speck-1{left:10%;top:1%}.speck-2{left:61%;top:3%;font-size:16px}.speck-3{right:1%;top:74%}.speck-4{left:40%;top:53%}.star-progress{border-top:1px solid #83916c33;padding-top:22px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;color:#b7c3a8}.star-progress>span:last-child{font-size:7px;letter-spacing:1.5px;color:#8ea17e}.memories-section{padding-top:90px;padding-bottom:95px}.memory-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:12px 35px 0}.memory-stack{position:relative;isolation:isolate;max-width:410px}.polaroid{display:block;padding:13px 13px 17px;background:#fdfbf5;border:1px solid #e6e2d7;box-shadow:0 12px 28px #424b3217;transform:rotate(-5deg);width:100%;transition:transform .3s;position:relative}.polaroid:hover{transform:rotate(-2deg)}.polaroid img{display:block;width:100%;aspect-ratio:4/4.6;object-fit:cover;object-position:center;border-radius:1px;background:#e4e5da}.polaroid .handwritten{display:block;font-size:19px;color:#8d7b64;margin-top:16px;line-height:1.3}.photo-back{position:absolute;inset:0;background:#e1dfcd;border:1px solid #d6d8c7;z-index:-1;transform:rotate(3deg);box-shadow:0 3px 14px #4b563513}.photo-back-two{background:#eee6d9;transform:rotate(8deg);z-index:-2}.photo-tape{position:absolute;top:-14px;left:calc(50% - 40px);width:95px;height:28px;transform:rotate(-9deg);background:#c9cead90;pointer-events:none}.memory-copy .handwritten{color:#a17e6b;font-size:25px;display:block;transform:rotate(-4deg);margin-bottom:24px}.memory-copy h3{font-size:46px;letter-spacing:-1px}.memory-copy>p{margin:23px 0;font-size:12px;line-height:1.9}.memory-copy blockquote{margin:25px 0;font-family:var(--serif);font-size:25px;font-style:italic;color:#9a7766;border-left:2px solid #c3bb9c;padding-left:20px;line-height:1.4}.gallery-controls{display:flex;align-items:center;gap:25px;margin:26px 0}.gallery-controls>span{font-size:10px;color:#8d947d;letter-spacing:2px;font-variant-numeric:tabular-nums}.circle-button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #ced3bf;background:transparent;font-size:19px;flex:none}.circle-button:hover:not(:disabled){background:#e4e8d9}.memory-foot{font-size:7px;color:#929980;letter-spacing:1.5px}.empty-memory{min-height:310px;background:#e9e7da;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:25px;transform:rotate(-4deg)}.empty-memory h3{font-size:32px}.empty-memory p{font-size:12px}.notes-section{border-top:1px solid var(--line);padding-top:70px;padding-bottom:85px}.notes-section h2{font-size:44px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.note-envelope{position:relative;isolation:isolate;overflow:hidden;min-height:205px;padding:51px 23px 23px;border:1px solid #dbd9ca;background:#eeeadf;box-shadow:0 3px 12px #4e563009;transition:transform .3s;display:flex;flex-direction:column;align-items:center;border-radius:3px}.note-envelope:hover{transform:translateY(-5px) rotate(-1deg)}.note-1{background:#e6e9dc;border-color:#d5dccb}.note-2{background:#eadfd9;border-color:#ded0c9}.envelope-flap{position:absolute;z-index:-1;top:-126px;width:100%;height:180px;transform:rotate(0);background:linear-gradient(135deg,transparent 49.6%,#b7b9a626 50%,transparent 50.4%),linear-gradient(225deg,transparent 49.6%,#b7b9a626 50%,transparent 50.4%)}.envelope-heart{font-family:Georgia,serif;position:absolute;top:23px;font-size:23px;color:#9c8671}.note-envelope small{font-size:7px;letter-spacing:1.8px;color:#90957c;margin-top:15px}.note-envelope strong{font-family:var(--serif);font-size:27px;font-weight:500;margin:9px 0 12px;line-height:1.15}.note-open{font-size:8px;color:#8d927b;margin-top:auto}.wishes-section{padding-top:20px;padding-bottom:75px}.wish-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;background:#ebe6d9;border-radius:7px;padding:53px 55px 40px;overflow:hidden;position:relative}.wish-copy .eyebrow{font-size:8px;color:#879079}.wish-copy h2{font-size:58px;margin:20px 0;letter-spacing:-1.8px}.wish-copy>p{font-size:12px;line-height:1.95}.wish-copy>.button{margin-top:25px;padding:14px 18px;font-size:10px;gap:19px}.wish-copy>.candle-note{font-size:9px;margin-top:13px;min-height:20px}.cake-scene{position:relative;height:355px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:65px}.cake-aura{position:absolute;width:270px;height:270px;border-radius:50%;background:#f4efe280;top:35px;left:calc(50% - 135px)}.candle{position:absolute;bottom:217px;left:calc(50% - 6px);z-index:3}.candle-stick{width:12px;height:52px;display:block;border-radius:3px 3px 0 0;background:repeating-linear-gradient(-35deg,#b28980 0 6px,#f4dbc3 7px 14px)}.flame{position:absolute;top:-25px;left:0;width:12px;height:24px;border-radius:70% 25% 55% 45%;background:linear-gradient(#e3b450,#fff0b4);transform-origin:bottom;animation:flicker 1.5s infinite alternate;box-shadow:0 0 30px 9px #e7c48436}.flame.extinguished{display:none}.candle:has(.extinguished):before{content:'';position:absolute;top:-27px;left:7px;width:18px;height:25px;border-left:2px solid #938574;opacity:0;border-radius:60%;animation:smoke 2s ease-out}.cake-top{height:40px;width:190px;border-radius:50%;background:#ead0be;z-index:2;position:absolute;bottom:182px;box-shadow:inset 0 4px 10px #faf0db78}.cake-top span{position:absolute;width:16px;height:16px;top:9px;background:#af756b;border-radius:50%;box-shadow:inset 0 2px 3px #db9f8666}.cake-top span:first-child{left:29px;top:15px}.cake-top span:nth-child(2){right:36px;top:13px}.cake-top span:nth-child(3){left:79px;top:23px}.cake-body{position:absolute;bottom:97px;width:190px;height:107px;background:linear-gradient(90deg,#b88579,#d5a998 50%,#ba8c7c);border-radius:0 0 50% 50% / 0 0 20px 20px;z-index:1;box-shadow:inset -7px 0 14px #8a615312}.cake-body:before{content:'';position:absolute;inset:0 0 auto;height:34px;background:#ead0be;border-radius:0 0 6px 7px;clip-path:polygon(0 0,100% 0,100% 90%,94% 85%,88% 55%,82% 95%,73% 65%,65% 89%,55% 50%,45% 92%,35% 74%,28% 100%,20% 56%,12% 81%,6% 65%,0 91%)}.cake-text{position:absolute;left:0;right:0;top:44px;text-align:center;color:#f7e3cf;font-size:20px}.cake-scallops{position:absolute;left:0;right:0;bottom:12px;height:7px;background:radial-gradient(circle at 5px 0,#f3d8bb 5px,transparent 6px) 0 0/12px 7px}.cake-plate{position:absolute;bottom:85px;width:253px;height:34px;border-radius:50%;background:#dadbc6;border:1px solid #cbccb6;box-shadow:0 10px 0 -4px #c0c4aa,0 15px 18px #676b4d10}.cake-caption{position:absolute;bottom:15px;font-size:23px;color:#927660;transform:rotate(-5deg);white-space:nowrap}.cake-star{position:absolute;font-size:37px;color:#aa956f}.cake-star-one{top:55px;left:9%;transform:rotate(-10deg)}.cake-star-two{top:117px;right:7%;font-size:21px}.wish-journal{margin-top:25px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding:30px;background:#eeece2;border-radius:5px}.wish-journal h3{font-size:31px;margin:12px 0}.wish-journal p{font-size:11px}.wish-journal textarea{resize:vertical;min-height:100px;max-height:400px;width:100%;background:#fbfaf4;border:1px solid #d5d8c8;color:var(--ink);font-size:16px;padding:14px;border-radius:4px}.wish-actions{display:flex;gap:15px;align-items:center;margin-top:12px}.wish-actions .button{padding:10px 17px;min-height:44px;gap:15px}.wish-actions>span{font-size:11px;color:#67795b}.text-button{background:none;border:0;border-bottom:1px solid #b9bfa9;font-size:10px;margin-top:23px;padding:5px 0}.saved-wishes{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.saved-wishes article{padding:25px;background:#ece8dc;border:1px solid #dedfd1;border-radius:4px}.saved-wishes p{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--serif);font-size:21px;color:var(--ink);line-height:1.5}.saved-wishes time{display:block;font-size:8px;letter-spacing:1px;margin-top:18px;color:#979d84}.future-section{border-top:1px solid var(--line);padding-top:70px;padding-bottom:75px;text-align:center}.future-section h2{font-size:48px;margin:22px 0 44px}.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.future-grid>div>span{font-family:Georgia,serif;font-size:31px;line-height:1;color:#9a886c}.future-grid h3{font-size:27px;margin:18px 0 10px}.future-grid p{font-size:11px;line-height:1.9}.finale{background:var(--green);padding:77px 0 65px;text-align:center;position:relative;overflow:hidden;color:#f0eddf}.finale:before,.finale:after{content:'';position:absolute;width:700px;height:400px;border:1px solid #9caa8326;border-radius:50%;transform:rotate(-35deg);top:120px;left:-400px;pointer-events:none}.finale:after{left:auto;right:-380px;top:-20px;transform:rotate(35deg)}.finale .eyebrow{color:#afbd9b;font-size:8px}.finale h2{font-size:clamp(48px,5.6vw,73px);margin:23px 0;line-height:1.05}.finale em{color:#d0b39a}.finale p{color:#bdc8af;font-size:12px;line-height:1.95}.final-signature{color:#dac6ac;font-size:30px;margin:27px 0}.finale .button{font-size:10px;padding:12px 20px;min-height:45px}.site-footer{padding:35px 25px 30px;text-align:center}.site-footer .brand-heart{font-size:28px}.site-footer p{font-size:10px;margin:7px 0 10px}.site-footer>span:last-of-type{display:block;font-size:7px;letter-spacing:1.5px;color:#939981}.site-footer>a{display:inline-block;font-size:9px;margin-top:20px;color:#7f8971}.mobile-nav{display:none}.love-dialog{width:min(490px,calc(100% - 32px));border:1px solid #dedbca;border-radius:8px;padding:46px 40px 34px;background:#f9f7ed;text-align:center;color:var(--ink);box-shadow:0 25px 100px #13281866;overflow-wrap:anywhere;max-height:calc(100svh - 40px)}dialog::backdrop{background:#1b2e28bb;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:13px;top:13px;width:34px;height:34px;font-size:24px}.dialog-symbol{display:block;font-size:41px;font-family:Georgia,serif;color:#ad7b70;margin:4px 0 11px}.love-dialog .eyebrow{font-size:8px;color:#8d947c}.love-dialog h2{font-size:43px;margin:19px 0;color:#6c7b5f}.love-dialog p{font-size:14px;line-height:1.95;color:#6b7660;margin-bottom:25px;white-space:pre-line}.love-dialog>.handwritten{font-size:25px;color:#a07964}.photo-dialog{width:min(750px,calc(100% - 22px));max-height:calc(100svh - 30px);border:0;border-radius:5px;padding:48px 14px 19px;background:var(--paper);text-align:center;overflow:auto}.photo-dialog img{display:block;max-height:calc(100svh - 155px);max-width:100%;margin:auto;object-fit:contain}.photo-dialog>p{margin-top:17px;font-size:23px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:14px 24px;color:#f9f7ed;background:var(--green);border:1px solid #9dab88;border-radius:8px;z-index:99;max-width:calc(100% - 32px);font-size:12px;text-align:center;box-shadow:0 5px 25px #10251733}#confetti{position:fixed;inset:0;z-index:80;width:100%;height:100%;pointer-events:none}.noscript-note{padding:20px;text-align:center;font-size:12px;background:#e7e6d5}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.motion-ready .reveal.visible{opacity:1;transform:none}@keyframes heart-hover{50%{transform:translateY(-7px) rotate(13deg)}}@keyframes twinkle{50%{opacity:.5;transform:scale(.85)}}@keyframes flicker{0%{transform:rotate(-7deg) scaleY(.9)}100%{transform:rotate(8deg) scaleY(1.08)}}@keyframes smoke{20%{opacity:.4}100%{transform:translateY(-45px) scale(1.6);opacity:0}}@keyframes music-wave{to{height:3px}}
@media(min-width:1500px){.site-header{padding-left:90px;padding-right:90px}.hero{min-height:710px}.hero h1{font-size:84px}.universe-art{transform:scale(1.05)}}
@media(max-width:1050px){.section-wrap{padding-left:35px;padding-right:35px}.site-header{padding-left:35px;padding-right:35px}.desktop-nav{gap:19px}.hero{padding-top:55px;min-height:620px}.hero h1{font-size:65px}.occasion{font-size:8px;gap:8px;letter-spacing:1px}.universe-art{transform:scale(.9);transform-origin:center}.scroll-cue{left:35px;right:35px}.countdown-card{padding:30px}.countdown{gap:12px;padding-right:0}.countdown>div{min-width:45px}.countdown strong{font-size:42px}.countdown-intro h2{font-size:29px}.chapter-card{padding:23px 17px}.chapter-card h3{font-size:23px}.letter-section{gap:45px}.letter-side h2{font-size:55px}.letter-paper{padding:34px}.memory-layout{gap:60px;padding-left:20px;padding-right:20px}.wish-card{padding:40px}.wish-copy h2{font-size:52px}}
@media(max-width:800px){html{scroll-padding-top:30px}.desktop-nav{display:none}.section-wrap{padding-left:28px;padding-right:28px}.site-header{padding:20px 28px;height:83px}.hero{grid-template-columns:1fr 1fr;gap:0;padding-top:48px;padding-bottom:78px;min-height:585px}.hero h1{font-size:57px;letter-spacing:-2px}.occasion{font-size:7px;letter-spacing:.8px;gap:7px}.occasion-line{width:14px}.hero-description{font-size:12px}.title-heart{font-size:32px;margin-left:8px}.universe-art{transform:scale(.82);width:120%;margin-left:-10%}.hero .button{font-size:10px;gap:15px;padding:13px 16px}.hero-signature{flex-wrap:wrap;font-size:9px;gap:6px}.countdown-card{flex-direction:column;align-items:flex-start;padding:27px 30px;gap:24px}.countdown{width:100%;justify-content:space-around;max-width:500px;align-self:center}.countdown strong{font-size:50px}.countdown-intro h2{font-size:34px}.chapter-grid{grid-template-columns:repeat(2,1fr);gap:14px}.chapter-card{min-height:210px;padding:23px}.chapters .section-heading>.handwritten{font-size:21px}.section-heading{gap:20px}.section-heading>p{font-size:11px}.letter-section{grid-template-columns:1fr 1.4fr;gap:25px}.letter-side h2{font-size:47px}.letter-side .eyebrow{font-size:8px}.letter-paper{padding:28px 25px}.letter-paper>p{font-size:11px}.letter-sketch{width:145px}.letter-sketch svg{width:135px}.letter-sketch .handwritten{font-size:17px}.stars-section h2{font-size:44px}.memory-layout{gap:40px;padding-left:5px;padding-right:5px}.memory-copy h3{font-size:37px}.memory-copy>.handwritten{font-size:21px}.memory-copy blockquote{font-size:22px}.notes-section h2{font-size:39px}.notes-grid{grid-template-columns:repeat(2,1fr)}.note-envelope{min-height:196px}.wish-card{padding:35px 28px;gap:5px}.wish-copy h2{font-size:46px}.cake-scene{transform:scale(.87);margin-left:-10%;width:120%;transform-origin:center}.wish-copy .button{font-size:9px;gap:10px;padding:13px}.future-grid{gap:25px}.future-section h2{font-size:44px}.wish-journal{grid-template-columns:1fr;gap:18px}.saved-wishes{grid-template-columns:repeat(2,1fr)}.gate-main{gap:40px;padding:50px 35px}.gate-intro h1{font-size:54px}.gate-intro>.eyebrow{font-size:8px}.gate-card{padding:49px 25px 27px}.gate-card h2{font-size:33px}.gate-card>.eyebrow{font-size:7px;letter-spacing:1px}.gate-card>.button{font-size:11px;padding:14px 17px;gap:12px}}
@media(max-width:600px){.section-wrap{padding-left:23px;padding-right:23px}.site-header{padding:16px 23px;height:77px}.site-header .brand{font-size:23px}.brand-sub{font-size:6px;letter-spacing:1.5px}.brand-heart{font-size:33px}.header-tools{gap:5px}.quiet-button{font-size:9px;padding:7px 10px;gap:6px}.lock-button{width:32px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:39px;padding-bottom:64px;min-height:0}.occasion{font-size:7px;letter-spacing:1.1px;gap:8px}.occasion-line{width:18px}.hero h1{font-size:clamp(58px,12.5vw,73px);letter-spacing:-2px;line-height:1.02;margin:23px 0 22px}.hero-description{font-size:12px;line-height:1.9;margin-bottom:24px}.hero .button{font-size:11px;padding:14px 21px;gap:25px;align-self:flex-start;min-height:49px}.hero-signature{margin-top:17px;font-size:9px}.hero-signature .handwritten{font-size:22px}.title-heart{font-size:37px;margin:12px 0 0 13px}.universe-art{width:100%;height:350px;transform:scale(.92);margin:14px auto 0;max-width:380px;transform-origin:center}.planet-disc{width:234px;height:234px;left:calc(50% - 117px);top:65px}.paper-heart{font-size:145px;left:calc(50% - 9px);top:109px}.paper-heart:after{font-size:106px;left:18px;top:18px}.moon-dot-1{top:45px;left:35px}.moon-dot-2{top:157px}.moon-dot-3{top:93px;left:145px;width:60px;height:55px}.orbital-a{top:72px;height:230px;left:0;width:100%}.orbital-b{height:288px;top:39px}.art-caption{left:9px;top:4px;font-size:7px}.star-a{left:5%;top:63px;font-size:37px}.star-b{right:0;top:30px}.star-c{right:4%;top:251px;font-size:35px}.star-d{top:275px;left:19%}.orbit-label{top:217px;left:0;padding:10px 26px 10px 14px}.orbit-label strong{font-size:22px}.orbit-label span:first-child{font-size:19px}.art-note{bottom:-6px;left:27%;font-size:21px}.secret-star{top:0;right:22%}.dot-a{left:-2%;top:185px}.dot-c{right:3%;top:136px}.scroll-cue{bottom:16px;left:23px;right:23px;font-size:6.5px;letter-spacing:1.2px;gap:10px}.countdown-section{padding-top:13px}.countdown-card{padding:27px 23px 30px;gap:23px;border-radius:7px}.countdown-intro .eyebrow{font-size:7px;letter-spacing:1.6px}.countdown-intro h2{font-size:31px;margin:12px 0 8px}.countdown-intro p{font-size:10px;line-height:1.7;max-width:260px}.countdown{gap:7px}.countdown strong{font-size:43px}.countdown>div{min-width:40px}.countdown span{font-size:6px;letter-spacing:1.3px}.countdown b{font-size:20px;margin-top:-14px}.countdown-star{font-size:137px;right:-12px;top:-27px}.section-heading{display:block;margin-bottom:28px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:15px}.section-heading>p{font-size:11px;line-height:1.85;margin-top:20px}.section-heading>.handwritten{display:block;margin-top:18px;font-size:23px;transform:rotate(-4deg);transform-origin:left}.chapters{padding-top:51px;padding-bottom:56px}.chapters h2{font-size:36px;letter-spacing:-1px}.chapter-grid{gap:11px}.chapter-card{padding:20px 16px;min-height:219px}.chapter-card .icon{width:26px;height:26px;margin:8px 0 17px}.chapter-number{top:19px;right:15px;font-size:8px}.chapter-card h3{font-size:23px;line-height:1.1}.chapter-card p{font-size:9px;line-height:1.8;margin-top:3px}.chapter-link{font-size:8px;padding-top:17px;gap:6px}.chapter-link>span{font-size:16px}.letter-section{display:block;padding-top:46px;padding-bottom:60px}.letter-side{position:relative;padding-bottom:28px}.letter-side .eyebrow{margin:0 0 20px;font-size:8px}.letter-side h2{font-size:47px;line-height:1}.letter-side>p{font-size:11px;margin-top:18px}.letter-sketch{position:absolute;right:-5px;bottom:40px;width:123px;transform:rotate(-10deg);margin:0}.letter-sketch svg{width:110px;height:110px}.letter-sketch .handwritten{font-size:14px;white-space:normal}.letter-paper{padding:30px 24px;transform:rotate(.6deg);margin-top:12px}.paper-date{font-size:7px;margin-bottom:22px}.letter-paper h3{font-size:30px;margin-bottom:20px}.letter-paper>p{font-size:12px;line-height:1.95}.letter-signoff .handwritten{font-size:32px}.stars-section{padding:51px 0 28px}.stars-section h2{font-size:41px;letter-spacing:-1px}.stars-section .section-heading>p{font-size:11px;line-height:1.8}.star-field{height:330px;margin-top:15px}.love-star{width:49px;height:66px}.love-star>span{font-size:32px}.love-star small{font-size:7px}.love-star-1{left:9%;top:30%}.love-star-2{left:27%;top:12%}.love-star-3{left:48%;top:34%}.love-star-4{left:73%;top:15%}.love-star-5{left:92%;top:38%}.love-star-6{left:82%;top:73%}.love-star-7{left:55%;top:68%}.love-star-8{left:29%;top:83%}.love-star-9{left:12%;top:63%}.constellation-lines{opacity:.8}.star-progress{flex-direction:column;align-items:flex-start;gap:13px;font-size:9px}.star-progress>span:last-child{font-size:6px;letter-spacing:1px}.memories-section{padding-top:54px;padding-bottom:54px}.memories-section h2{font-size:42px}.memory-layout{display:block;padding:20px 10px 0}.memory-stack{width:86%;margin:0 auto 50px;max-width:340px}.polaroid{padding:10px 10px 16px}.polaroid img{aspect-ratio:4/4.5}.polaroid .handwritten{font-size:17px}.photo-tape{width:80px;height:24px;top:-10px}.memory-copy>.handwritten{font-size:24px;margin-bottom:20px}.memory-copy h3{font-size:43px}.memory-copy>p{font-size:12px;max-width:380px}.memory-copy blockquote{font-size:25px}.memory-foot{font-size:6px;letter-spacing:1.2px}.notes-section{padding-top:45px;padding-bottom:52px}.notes-section h2{font-size:36px;letter-spacing:-1px}.notes-grid{gap:12px}.note-envelope{min-height:177px;padding:50px 10px 19px}.note-envelope strong{font-size:23px;margin:8px 0 12px}.note-envelope small{font-size:6px;letter-spacing:1.5px}.envelope-heart{top:21px;font-size:22px}.note-open{font-size:7px}.wishes-section{padding-top:0;padding-bottom:47px}.wish-card{display:flex;flex-direction:column;align-items:stretch;padding:35px 26px 28px;gap:0}.wish-copy .eyebrow{font-size:7px;letter-spacing:1.4px}.wish-copy h2{font-size:51px;margin:20px 0}.wish-copy>p{font-size:12px}.wish-copy>.button{font-size:10px;padding:14px 17px;gap:13px;margin-top:24px}.wish-copy>.candle-note{font-size:9px;margin-top:12px}.cake-scene{width:100%;margin:0;height:320px;transform:scale(.93)}.cake-caption{font-size:22px}.cake-star-one{top:26px}.cake-star-two{top:98px}.cake-aura{top:3px}.wish-journal{padding:23px;gap:20px}.wish-journal h3{font-size:32px}.wish-actions{flex-direction:column;align-items:flex-start;gap:10px}.saved-wishes{grid-template-columns:1fr}.future-section{padding-top:44px;padding-bottom:49px}.future-section .eyebrow{font-size:8px}.future-section h2{font-size:38px;letter-spacing:-1px;margin:19px 0 32px}.future-grid{grid-template-columns:1fr;gap:26px}.future-grid>div{max-width:275px;margin:auto}.future-grid h3{font-size:29px;margin:13px 0 8px}.future-grid p{font-size:11px}.future-grid>div>span{font-size:29px}.finale{padding:53px 0 47px}.finale .eyebrow{font-size:7px;letter-spacing:1.5px}.finale h2{font-size:45px;letter-spacing:-1.4px;margin:24px 0}.finale p{font-size:11px;line-height:1.95}.final-signature{font-size:29px;margin:25px 0}.site-footer{padding:27px 20px 105px}.site-footer p{font-size:9px}.site-footer>span:last-of-type{font-size:6px;letter-spacing:1.3px}.mobile-nav{display:flex;position:fixed;z-index:40;bottom:0;left:0;right:0;padding:10px 8px calc(10px + env(safe-area-inset-bottom,0px));background:#f7f5ecf2;backdrop-filter:blur(12px);border-top:1px solid #d9ddcc;justify-content:space-around;box-shadow:0 -3px 25px #2c443a05}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:50px;min-height:42px;padding:3px;color:#919a80;border-radius:5px}.mobile-nav .icon{width:19px;height:19px;stroke-width:1.5}.mobile-nav span{font-size:8px}.mobile-nav a.active{color:var(--green);background:#e6eadc}.love-dialog{padding:44px 26px 30px;max-height:calc(100svh - 45px)}.love-dialog h2{font-size:36px;margin:19px 0}.love-dialog p{font-size:13px;line-height:1.95}.love-dialog>.handwritten{font-size:25px}.toast{bottom:89px;font-size:11px;width:max-content}.gate-header{padding:23px}.gate-header>.eyebrow{font-size:7px;letter-spacing:1.5px}.gate-header .brand{font-size:22px}.gate-header .brand-sub{font-size:6px}.gate-main{display:flex;flex-direction:column;gap:45px;padding:36px 27px 45px;max-width:450px;align-items:stretch;margin:auto}.gate-intro>.eyebrow{font-size:7px;letter-spacing:1.5px}.gate-intro h1{font-size:clamp(49px,11vw,58px);letter-spacing:-1.5px;margin:21px 0}.gate-intro p{font-size:12px}.gate-intro>.handwritten{margin-top:20px;font-size:23px;transform:rotate(-4deg)}.gate-card{padding:47px 26px 27px}.gate-card h2{font-size:36px}.gate-card>.eyebrow{font-size:7px}.gate-card>.button{font-size:11px;padding:15px 18px}.gate-footer{padding:20px 23px;font-size:8px;gap:20px}.gate-foot{font-size:9px}.orbit-two{right:-680px}.orbit-one{left:-430px}}
@media(max-width:360px){.section-wrap{padding-left:19px;padding-right:19px}.site-header{padding-left:19px;padding-right:19px}.hero h1{font-size:55px}.hero .occasion{font-size:6px;gap:7px}.hero-signature{font-size:8px}.universe-art{transform:scale(.86);margin-left:-2%;width:104%}.chapter-card{padding:18px 13px}.chapter-card h3{font-size:21px}.chapter-link{font-size:7px}.letter-sketch{width:95px;right:-4px}.letter-sketch svg{width:90px}.letter-sketch .handwritten{font-size:13px}.letter-side h2{font-size:43px}.countdown-card{padding:25px 19px}.countdown-intro h2{font-size:28px}.countdown strong{font-size:38px}.countdown{gap:4px}.note-envelope strong{font-size:21px}.wish-card{padding-left:22px;padding-right:22px}.wish-copy>.button{font-size:9px;gap:10px}.cake-caption{font-size:20px}.finale h2{font-size:40px}.quiet-button{padding:6px 8px}.hero-signature .handwritten{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1;transform:none}}

/* Give the personal writing room to breathe on a phone. */
@media(max-width:600px){.hero-description{font-size:14px}.letter-paper>p{font-size:13.5px;line-height:1.95}.memory-copy>p{font-size:13.5px}.wish-copy>p{font-size:13px}.section-heading>p,.stars-section .section-heading>p{font-size:12px}.finale p{font-size:12px}.love-dialog p{font-size:14px}.future-grid p{font-size:12px}.gate-intro p{font-size:13px}.gate-card>p{font-size:13px}}