@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(./manrope-cyrillic-400-normal-BMzJvInZ.woff2)format("woff2"),url(./manrope-cyrillic-400-normal-Dvx59UGC.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(./manrope-latin-400-normal-PaqtzbVb.woff2)format("woff2"),url(./manrope-latin-400-normal-8tf8FM3T.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(./manrope-cyrillic-500-normal-B1OEZity.woff2)format("woff2"),url(./manrope-cyrillic-500-normal-CNwnNrRC.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(./manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(./manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-cyrillic-500-normal-CyAY5ZLS.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-500-normal-DkJXBcIH.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(./cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(./cormorant-garamond-cyrillic-500-italic-DVnfXoMy.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-500-italic-C9gO-8KC.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(./cormorant-garamond-latin-500-italic-Y14P-dkT.woff2)format("woff2"),url(./cormorant-garamond-latin-500-italic-DhNIfkTX.woff)format("woff")}:root{color:#443537;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#fbf7f3;--rose:#b84e6b;--rose-deep:#963b55;--muted:#79686b;--serif:"Cormorant Garamond",Georgia,serif;background:#fbf7f3;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline:2px solid var(--rose-deep);outline-offset:6px}::selection{color:#643646;background:#f0cbd4}.icon{vertical-align:middle;flex-shrink:0;display:inline-block}.app{isolation:isolate;background:var(--paper);flex-direction:column;min-height:100svh;padding:0 max(6vw,24px);display:flex;position:relative;overflow:hidden}.ambient{z-index:-1;pointer-events:none;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='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%237c5960' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0;overflow:hidden}.blush{z-index:-1;filter:blur(65px);opacity:.6;border-radius:50%;position:absolute}.blush-one{background:radial-gradient(#f3d7d7,#0000 72%);width:570px;height:570px;top:9%;right:-120px}.blush-two{background:#f2dbd9;width:430px;height:430px;bottom:-240px;left:-180px}.tiny-star{color:#d2a1ab;font-family:var(--serif);font-size:26px;animation:5s ease-in-out 3 glimmer;position:absolute}.star-a{top:20%;left:47%}.star-b{font-size:36px;bottom:21%;right:5%}.star-c{font-size:13px;bottom:19%;left:7%}.site-header{border-bottom:1px solid #eaddd9;flex-shrink:0;align-items:center;gap:24px;width:100%;max-width:1320px;height:110px;margin:0 auto;display:flex}.wordmark{font-family:var(--serif);color:#784655;letter-spacing:-3px;font-size:36px;line-height:1}.wordmark-heart{font-size:28px;position:relative;top:-2px;left:3px}.header-note{color:var(--muted);letter-spacing:.12em;font-size:11px}.dedication{color:var(--muted);letter-spacing:.04em;align-items:center;gap:9px;margin-left:auto;font-size:11px;display:flex}.dedication-dot{background:#bc7185;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 4px #f3e3e5}.story{flex:1;align-items:center;width:100%;max-width:1130px;margin:auto;padding:55px 0;transition:opacity .22s,transform .22s;display:flex}.story.is-leaving{opacity:0;transform:translateY(-10px)}.scene{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;width:100%;animation:.85s cubic-bezier(.2,.7,.2,1) both scene-in;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--rose-deep);align-items:center;gap:11px;margin:0 0 24px;font-size:10px;font-weight:500;display:flex}.eyebrow>span{background:#c28292;width:22px;height:1px}h1{font-family:var(--serif);letter-spacing:-.045em;text-wrap:balance;outline:none;margin:0 0 28px;font-size:clamp(62px,6.5vw,94px);font-weight:500;line-height:1;position:relative}h1 em{color:var(--rose);letter-spacing:-.05em;font-weight:500}.scene-0 h1{letter-spacing:-.05em;margin-bottom:34px;font-size:clamp(88px,9.4vw,140px);line-height:.92}.scene-1 h1{font-size:clamp(58px,5.2vw,76px)}.title-star{color:#c98296;vertical-align:top;margin:8px 0 0 20px;font-family:Georgia,serif;font-size:48px;font-weight:400;animation:2s ease-out both star-turn;display:inline-block}.body-copy{color:#645356;letter-spacing:-.015em;margin:0 0 18px;font-size:15px;line-height:1.95}.quiet-copy{color:var(--muted);margin:0;font-size:12px;line-height:1.95}.closing-line{color:var(--rose-deep)}.actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px;display:flex}.primary-button{background:var(--rose);color:#fff;border:1px solid #a94761;border-radius:100px;justify-content:center;align-items:center;gap:28px;min-height:54px;padding:0 29px;font-size:12px;font-weight:500;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 15px #ac4a6726,inset 0 1px #ffffff40}.primary-button .icon{width:19px;height:19px;transition:transform .2s}.primary-button:hover{background:var(--rose-deep);transform:translateY(-2px);box-shadow:0 9px 22px #ac4a6733}.primary-button:hover .icon{transform:translate(3px)}.primary-button:active{transform:translateY(0)}.button-sheen{pointer-events:none;background:linear-gradient(105deg,#0000 20%,#fff3 45%,#0000 65%);animation:4s 1.2s 2 sheen;position:absolute;inset:0;transform:translate(-140%)}.button-aside{font-family:var(--serif);color:var(--muted);align-items:center;gap:9px;font-size:17px;font-style:italic;display:flex}.button-aside .icon{color:#b68591;width:15px;height:15px}.back-button{min-height:44px;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:13px 6px;font-size:12px;display:flex}.back-button .icon{width:15px;height:15px}.back-button:hover{color:var(--rose-deep)}.story-visual{justify-content:center;align-items:center;min-width:0;animation:1s .12s both visual-in;display:flex}.handwritten{font-family:var(--serif);font-style:italic}.envelope-scene{place-items:center;width:440px;max-width:100%;height:420px;display:grid;position:relative}.orbit{pointer-events:none;border:1px solid #dfbec24f;border-radius:50%;width:380px;height:380px;position:absolute;transform:rotate(-20deg)}.orbit-two{border-style:dashed;border-color:#dfbec258;width:425px;height:280px;transform:rotate(-32deg)}.envelope{filter:drop-shadow(0 16px 18px #895c6021);width:310px;height:197px;position:absolute;top:165px;left:50%;transform:translate(-50%)rotate(-8deg)}.envelope-back{background:linear-gradient(150deg,#edd0ce,#e7b6bd);border:1px solid #e0b5b9;border-radius:5px;position:absolute;inset:0}.envelope-fold{background:linear-gradient(33deg,#f4d9d5 49.7%,#0000 50%) 0/50.1% 100% no-repeat,linear-gradient(-33deg,#f0ccce 49.7%,#0000 50%) 100%/50.1% 100% no-repeat;border-radius:5px;position:absolute;inset:0;overflow:hidden}.envelope-fold:after{content:"";clip-path:polygon(0 100%,50% 42%,100% 100%);background:#efd0ce;border-radius:5px;position:absolute;inset:0}.letter-paper{text-align:center;color:#aa7883;background:linear-gradient(125deg,#fffdf9,#fbf5ed);border:1px solid #eaddd1;width:270px;height:220px;padding:25px 30px;position:absolute;top:88px;left:50%;transform:translate(-50%)rotate(-8deg);box-shadow:0 2px 12px #84665c14}.letter-paper>span{font-family:var(--serif);letter-spacing:.03em;font-size:28px;font-style:italic}.paper-rule{background:#ddc9c2;width:85%;height:1px;margin:18px auto 0}.paper-rule.short{width:60%;margin-top:9px}.letter-paper>.icon{width:17px;height:17px;margin-top:16px}.wax-seal{color:#f7d9dc;background:radial-gradient(circle at 38% 30%,#cf8392,#ac4f67);border:3px solid #c37688;border-radius:48% 52% 46% 54%;place-items:center;width:47px;height:47px;display:grid;position:absolute;top:89px;left:50%;transform:translate(-50%);box-shadow:0 3px 6px #8b44583b,inset 0 0 0 2px #ac4f6755}.wax-seal .icon{stroke-width:1.2px;width:20px;height:20px}.envelope-note{color:#a7757e;font-size:24px;position:absolute;bottom:2px;right:10px;transform:rotate(-7deg)}.handdrawn-arrow{color:#bd9399;width:90px;position:absolute;bottom:12px;left:27px;transform:rotate(-12deg)}.sparkle{color:#bb7389;stroke-width:1px;position:absolute}.sparkle-one{width:35px;height:35px;animation:4s 3 glimmer;top:77px;right:22px}.sparkle-two{width:22px;height:22px;top:205px;left:10px}.floating-heart{color:#c5929b;stroke-width:1px;animation:4s ease-in-out 3 float;position:absolute}.floating-heart-one{width:23px;height:23px;top:55px;left:34px;transform:rotate(-20deg)}.floating-heart-two{width:16px;height:16px;animation-delay:1s;bottom:75px;right:23px;transform:rotate(17deg)}.photo-composition{justify-content:center;align-items:center;width:420px;max-width:100%;margin:0;padding:12px 0;display:flex;position:relative}.photo-halo{z-index:-1;background:radial-gradient(#edcdd2a6,#0000 67%);position:absolute;inset:0 -30px}.phone-frame{background:linear-gradient(135deg,#d6b6ae,#96736d 30%,#e3c9be 50%,#a5847a);border-radius:36px;width:246px;padding:6px;position:relative;transform:rotate(6deg);box-shadow:12px 22px 40px #75515329,0 0 0 1px #8b6d6740}.phone-frame img{aspect-ratio:1178/2560;background:#665240;border:2px solid #493f3a;border-radius:30px;width:100%;height:auto;display:block}.photo-star{color:#bb788b;stroke-width:1px;width:34px;height:34px;position:absolute;top:6%;left:8%}.photo-heart{color:#bc8190;stroke-width:1.1px;width:25px;height:25px;position:absolute;bottom:18%;right:5%;transform:rotate(15deg)}.photo-side-note{writing-mode:vertical-rl;letter-spacing:.14em;color:#946d76;font-size:10px;position:absolute;top:50%;right:-3%}.portrait-frame{background:#fffcf7;width:85%;max-width:325px;padding:12px 12px 0;position:relative;transform:rotate(-5deg);box-shadow:9px 16px 35px #74514a21,0 0 0 1px #d7c9bc4d}.portrait-frame:before{content:"";z-index:1;clip-path:polygon(3% 0,100% 5%,96% 93%,0 100%);background:#dcc6b970;width:80px;height:27px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(5deg)}.portrait-frame img{aspect-ratio:943/1667;object-fit:contain;background:#d2b58f;width:100%;height:auto;display:block}.portrait-frame figcaption{text-align:center;color:#8f6871;white-space:nowrap;padding:18px 0 20px;font-size:21px}.portrait-composition .photo-star{top:15%;left:0}.portrait-composition .photo-heart{bottom:9%;right:0}.photo-fallback{text-align:center;min-height:350px;color:var(--rose-deep);border-radius:inherit;background:#f4e2df;place-content:center;padding:20px;font-size:13px;line-height:1.8;display:grid}.photo-fallback .icon{margin:auto}.thanks-art{place-items:center;width:440px;max-width:100%;height:420px;display:grid;position:relative}.heart-paper{background:#fdfaf5;border:1px solid #ddc8c2;width:255px;height:300px;position:absolute;box-shadow:8px 15px 25px #78535c12}.paper-back{background:#efd8d6;border-color:#e4c6c7;transform:translate(-12px,4px)rotate(-12deg)}.paper-front{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex;transform:rotate(6deg)}.paper-front>.icon{stroke-width:.7px;color:#b46076;fill:#f6e4e5;width:78px;height:78px}.paper-front .handwritten{color:#9c6171;font-size:27px;line-height:1.2}.flower{color:#a8777c;width:120px;height:170px;position:absolute;bottom:14px;right:18px;transform:rotate(12deg)}.thanks-art .sparkle-one{top:65px;right:8px}.thanks-art .sparkle-two{top:270px;left:16px}.site-footer{width:100%;max-width:1320px;min-height:90px;padding:18px 0 max(24px,env(safe-area-inset-bottom));border-top:1px solid #eaddd9;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex}.chapter-progress{align-items:center;gap:23px;display:flex}.chapter-number{color:#90606d;font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:11px}.chapter-number>span{color:#9c8c8c}.progress-bars{gap:5px;display:flex}.progress-bars>span{background:#e8dcd8;border-radius:2px;width:30px;height:2px;transition:background .4s}.progress-bars>span.filled{background:#ba788b}.footer-note{color:#8c777c;letter-spacing:.04em;align-items:center;gap:9px;font-size:10px;display:flex}.footer-note .icon{color:#b07b89;width:13px;height:13px}@keyframes scene-in{0%{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@keyframes visual-in{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes glimmer{0%,to{opacity:.45}50%{opacity:1}}@keyframes float{0%,to{translate:0}50%{translate:0 -9px}}@keyframes star-turn{0%{opacity:0;rotate:-35deg}to{opacity:1;rotate:0deg}}@keyframes sheen{0%,65%{transform:translate(-140%)}to{transform:translate(140%)}}@media (width>=1500px){.story{max-width:1180px}.scene{gap:95px}}@media (width<=1000px) and (width>=701px){.scene{grid-template-columns:1.2fr 1fr;gap:20px}.scene-1 h1{font-size:clamp(44px,5.6vw,58px)}.envelope-scene,.thanks-art{scale:.85}.phone-frame{width:215px}.portrait-frame{width:80%}.portrait-frame figcaption{font-size:17px}.photo-side-note{right:-1%}.button-aside{max-width:150px;font-size:15px}.orbit{max-width:100%}.orbit-two{max-width:115%}.body-copy{font-size:14px}}@media (width<=700px){.app{padding:0 24px;padding-top:env(safe-area-inset-top)}.site-header{gap:16px;height:78px}.wordmark{font-size:31px}.wordmark-heart{font-size:24px}.header-note{letter-spacing:.05em;font-size:9px}.dedication{gap:7px;font-size:9px}.dedication-dot{width:4px;height:4px}.story{max-width:470px;padding:30px 0 40px}.scene{text-align:center;flex-direction:column;gap:34px;display:flex}.story-copy{width:100%}.eyebrow{letter-spacing:.17em;justify-content:center;margin-bottom:18px;font-size:9px}h1{margin-bottom:20px;font-size:clamp(52px,10.7vw,72px);line-height:1.02}.scene-0 h1{margin-bottom:25px;font-size:clamp(86px,19vw,116px)}.title-star{margin-top:7px;margin-left:12px;font-size:35px}.scene-1 h1{font-size:clamp(48px,10.7vw,62px)}.body-copy{margin-bottom:14px;font-size:13px;line-height:1.9}.quiet-copy{font-size:11px;line-height:1.9}.desktop-break{display:none}.actions{justify-content:center;gap:16px;margin-top:25px}.primary-button{gap:25px;min-height:52px;padding:0 27px}.button-aside{gap:7px;font-size:16px}.scene-0{gap:15px}.scene-0 .story-visual{order:-1;width:100%;height:235px;margin:0 0 6px}.envelope-scene{flex-shrink:0;width:400px;max-width:440px;height:370px;scale:.69}.envelope{top:138px}.letter-paper{top:61px}.envelope-note{font-size:24px;bottom:18px;right:-12px}.handdrawn-arrow{bottom:8px}.orbit{width:330px;height:330px}.orbit-two{width:390px;height:250px}.sparkle-one{top:65px}.scene-1,.scene-2{gap:29px}.scene-1 .story-visual,.scene-2 .story-visual{order:-1;width:100%}.scene-1 .story-copy,.scene-2 .story-copy{padding-top:4px}.photo-composition{width:310px;max-width:calc(100% - 14px);padding:6px 0}.phone-frame{border-radius:27px;width:174px;padding:4px;transform:rotate(4deg)}.phone-frame img{border-radius:23px}.photo-side-note{letter-spacing:.1em;font-size:8px;right:1%}.photo-star{width:25px;height:25px;top:12%;left:5%}.photo-heart{width:20px;height:20px;right:4%}.portrait-frame{width:220px;padding:8px 8px 0;transform:rotate(-4deg)}.portrait-frame figcaption{padding:13px 0 15px;font-size:17px}.portrait-composition .photo-star{left:1%}.portrait-composition .photo-heart{bottom:17%;right:0}.scene-3{gap:13px}.scene-3 .story-visual{order:-1;width:100%;height:245px;margin-top:0}.thanks-art{flex-shrink:0;width:400px;max-width:none;height:360px;scale:.69}.thanks-art .flower{bottom:-10px;right:3px}.site-footer{min-height:74px;padding-top:18px;padding-bottom:max(20px,env(safe-area-inset-bottom));gap:12px}.chapter-progress{gap:14px}.progress-bars>span{width:20px}.chapter-number{font-size:10px}.footer-note{gap:5px;font-size:9px}.blush-one{width:440px;height:500px;top:8%;right:-130px}.star-a{font-size:20px;top:17%;left:10%}.star-b{font-size:26px;bottom:29%;right:5%}.star-c{display:none}}@media (width<=370px){.app{padding-left:18px;padding-right:18px}.header-note{display:none}.scene-0 .story-visual{height:210px}.scene-0 h1{font-size:84px}.button-aside{justify-content:center;width:100%}.body-copy{font-size:12px}.quiet-copy{font-size:10px}.site-footer{gap:10px}.footer-note{font-size:8px}.progress-bars>span{width:15px}.scene-1 h1{font-size:48px}}@media (width>=701px) and (height<=760px){.site-header{height:85px}.story{padding:35px 0}.phone-frame{width:210px}.portrait-frame{max-width:270px}.portrait-frame figcaption{font-size:18px}.scene-0 h1{font-size:110px}.site-footer{min-height:75px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.story.is-leaving,.primary-button:hover,.primary-button:hover .icon{transform:none}}