@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_dbbf8c4b-module__5qCx7q__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_dbbf8c4b-module__5qCx7q__variable{--font-geist:"Geist", "Geist Fallback"}
:root{--paper:#f2e7d5;--paper-light:#fbf3e4;--ink:#332620;--muted:#7a665a;--wine:#722830;--wine-dark:#441318;--rose:#bb7c76;--line:#3f2a2033}*{box-sizing:border-box}html{background:var(--paper);-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%}body{color:var(--ink);background:var(--paper);font-family:var(--font-geist), Arial, sans-serif;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.letter-page{isolation:isolate;background:radial-gradient(circle at 50% 42%,#fffc,#0000 38%),linear-gradient(135deg,#e9dac5,#f9efdf 48%,#eadcc9);min-height:100svh;display:block;position:relative;overflow:visible}.paper-grain{z-index:-1;pointer-events:none;opacity:.32;mix-blend-mode:multiply;background-image:repeating-linear-gradient(91deg,#4630240b 0 1px,#0000 1px 5px),repeating-linear-gradient(7deg,#ffffff40 0 1px,#0000 1px 8px);position:absolute;inset:0}.thread{z-index:-1;pointer-events:none;border:1px solid #6f252c21;border-radius:48% 52% 55% 45%;width:34vw;height:34vw;position:absolute}.thread--one{top:12vh;left:-16vw;transform:rotate(24deg)}.thread--two{bottom:0;right:-19vw;transform:rotate(-21deg)}.topline{border-bottom:1px solid var(--line);width:min(1120px,100% - 56px);color:var(--muted);letter-spacing:.24em;text-transform:uppercase;justify-content:center;align-items:center;gap:14px;margin:0 auto;padding:22px 0 16px;font-size:9px;font-weight:700;display:flex}.topline__heart{color:var(--wine);font-size:9px}.letter-page--opened .topline__heart{animation:1.9s ease-in-out infinite tiny-heartbeat}@keyframes tiny-heartbeat{0%,46%,to{transform:scale(1)}12%{transform:scale(1.5)}24%{transform:scale(1.08)}}.player-scene{text-align:center;opacity:.14;filter:blur(5px);flex-direction:column;justify-content:center;width:min(760px,100% - 40px);min-height:calc(100svh - 96px);margin:auto;padding:30px 0 28px;transition:opacity 1.1s .28s,transform 1.1s .28s,filter 1.1s .28s;display:flex;position:relative;transform:scale(.985)}.letter-page--opened .player-scene{opacity:1;filter:none;transform:scale(1)}.letter-page--opened .eyebrow{animation:.7s .42s both rise-in}.letter-page--opened .player-scene h1{animation:.82s cubic-bezier(.2,.75,.25,1) .52s both rise-in}.letter-page--opened .handwritten{animation:.82s cubic-bezier(.2,.75,.25,1) .64s both rise-in}.letter-page--opened .cassette{animation:1.05s cubic-bezier(.16,.85,.25,1) .7s both cassette-arrive}.letter-page--opened .controls{animation:.8s .96s both rise-in}.letter-page--opened .listening-note,.letter-page--opened .secret-hint{animation:.8s 1.08s both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cassette-arrive{0%{opacity:0;transform:translateY(35px)rotate(2.2deg)scale(.94)}to{opacity:1;transform:translateY(0)rotate(-.6deg)scale(1)}}.eyebrow{color:var(--wine);letter-spacing:.25em;text-transform:uppercase;margin:0 0 6px;font-size:9px;font-weight:750}.player-scene h1{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,7vw,70px);font-weight:400;line-height:.98}.handwritten{color:var(--wine);margin:7px 0 21px;font-family:Segoe Print,Bradley Hand,cursive;font-size:clamp(15px,2.5vw,21px);transform:rotate(-1deg)}.visible-love{color:#5b2b2abd;letter-spacing:.025em;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 11px;width:min(680px,94vw);margin:-7px auto 13px;font-family:Georgia,serif;font-size:10px;font-style:italic;display:flex}.visible-love i{color:var(--wine);font-size:7px;font-style:normal}.letter-page--opened .visible-love span{animation:.7s both love-phrase-in}.letter-page--opened .visible-love span:first-of-type{animation-delay:.72s}.letter-page--opened .visible-love span:nth-of-type(2){animation-delay:.82s}.letter-page--opened .visible-love span:nth-of-type(3){animation-delay:.92s}.letter-page--opened .visible-love span:nth-of-type(4){animation-delay:1.02s}@keyframes love-phrase-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.cassette{aspect-ratio:1.67;background:linear-gradient(105deg,#ffffff6b,#0000 22% 76%,#462b1c14),#cdb998;border:1px solid #8b745f;border-radius:18px 18px 28px 28px;width:min(550px,90vw);margin:0 auto;padding:8.5% 9%;position:relative;transform:rotate(-.6deg);box-shadow:0 25px 48px #3d261c33,inset 0 1px #ffffffbf,inset 0 -7px #47312414}.cassette:before{content:"";pointer-events:none;border:1px solid #4d34262b;border-radius:12px 12px 22px 22px;position:absolute;inset:10px}.cassette__label{background:repeating-linear-gradient(0deg,#0000 0 22px,#64392f13 22px 23px),#f4e6ca;border:1px solid #482b2338;border-radius:7px;flex-direction:column;height:82%;padding:11px 18px 10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #5c412d14}.cassette__label:before,.cassette__label:after{content:"";background:var(--wine);height:4px;position:absolute;left:0;right:0}.cassette__label:before{top:0}.cassette__label:after{bottom:0}.cassette__label-top{color:var(--wine-dark);letter-spacing:.16em;justify-content:space-between;font-size:clamp(7px,1.3vw,9px);font-weight:800;display:flex}.cassette__title{letter-spacing:.055em;flex:none;margin:7px 0 5px;font-family:Georgia,serif;font-size:clamp(12px,2.8vw,18px)}.cassette__window{background:#2f2522;border:5px solid #5d302f;border-radius:40px;flex:auto;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:76%;min-height:58px;margin:0 auto;padding:6px 9px;display:grid;box-shadow:inset 0 2px 6px #140e0c}.reel{aspect-ratio:1;background:repeating-conic-gradient(#eee0c7 0 12deg,#87685b 13deg 22deg);border-radius:50%;width:clamp(39px,8vw,62px);padding:8px;animation:2.5s linear infinite paused turn;box-shadow:0 0 0 3px #e9dac1,inset 0 0 0 3px #301b1733}.cassette--playing .reel{animation-play-state:running}.reel i{background:#4b3430;border-radius:50%;width:100%;height:100%;display:block}@keyframes turn{to{transform:rotate(360deg)}}.tape-window{align-self:stretch;place-items:center;min-width:54px;display:grid}.tape-window span{opacity:.55;border-block:1px solid #b79c82;width:100%;height:7px}.cassette--playing .tape-window span{animation:1.45s ease-in-out infinite tape-glow}@keyframes tape-glow{50%{opacity:1;box-shadow:0 0 8px #ddb28b57}}.tape-window small{color:#f2e5d6;letter-spacing:.12em;font-size:8px}.cassette__note{color:var(--wine);flex:none;margin-top:4px;font-family:Segoe Print,Bradley Hand,cursive;font-size:clamp(9px,2vw,13px)}.screw{z-index:2;background:#715e4d;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:inset 1px 1px 1px #ffffff73}.screw:after{content:"";background:#2d251e;height:1px;position:absolute;top:3px;left:1px;right:1px;transform:rotate(35deg)}.screw--tl{top:14px;left:16px}.screw--tr{top:14px;right:16px}.screw--bl{bottom:15px;left:19px}.screw--br{bottom:15px;right:19px}.cassette__base{border:1px solid #402c2147;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);border-bottom:0;justify-content:space-between;align-items:flex-end;height:15%;padding:0 10%;display:flex;position:absolute;bottom:7.5%;left:25%;right:25%}.cassette__base i{border:2px solid #6d5846;border-radius:50%;width:10px;height:10px}.cassette__base i:nth-child(2){background:#6d5846;align-self:center;width:5px;height:5px}.controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:min(550px,90vw);margin:21px auto 0;display:grid}.timeline-wrap{min-width:0}.timeline{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.timeline::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--wine) var(--progress),#482f2640 var(--progress));height:2px}.timeline::-webkit-slider-thumb{appearance:none;border:2px solid var(--paper-light);background:var(--wine);width:11px;height:11px;box-shadow:0 0 0 1px var(--wine);border-radius:50%;margin-top:-4.5px}.timeline::-moz-range-track{background:#482f2640;height:2px}.timeline::-moz-range-progress{background:var(--wine);height:2px}.timeline::-moz-range-thumb{border:2px solid var(--paper-light);background:var(--wine);border-radius:50%;width:9px;height:9px}.time-row{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:7px;display:flex}.transport{align-items:center;gap:12px;display:flex}.play-button,.skip-button,.sound-button{cursor:pointer;background:0 0;border:0}.play-button{border:1px solid var(--wine-dark);color:#fff8ea;background:var(--wine);appearance:none;touch-action:manipulation;border-radius:50%;flex:0 0 50px;place-items:center;width:50px;height:50px;padding:0;transition:transform .2s,background .2s;display:grid;box-shadow:0 8px 20px #51171d3d}.play-button svg{fill:currentColor;width:22px;height:22px;display:block;overflow:visible}.play-button svg path{transform-origin:50%;transform:translate(1px)}@media (hover:hover){.play-button:hover{background:var(--wine-dark);transform:translateY(-2px)scale(1.03)}}.play-button:active{transform:scale(.96)}.skip-button{width:32px;height:34px;color:var(--muted);position:relative}.skip-button span{font-size:27px;line-height:1}.skip-button small{font-size:7px;font-weight:700;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.sound-button{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;justify-self:end;font-size:8px}.sound-button span{color:var(--wine);margin-right:7px;font-size:13px}.play-button:focus-visible,.skip-button:focus-visible,.sound-button:focus-visible,.open-button:focus-visible,.secret:focus-visible,.love-note button:focus-visible,.final-love button:focus-visible{outline:2px solid var(--wine);outline-offset:4px}.listening-note{color:var(--muted);margin:17px 0 0;font-family:Georgia,serif;font-size:12px;font-style:italic;line-height:1.55}.scroll-love{color:#6f252cb8;letter-spacing:.08em;margin:10px 0 0;font-size:8px}.scroll-love span{margin-left:4px;animation:1.8s ease-in-out infinite scroll-nudge;display:inline-block}@keyframes scroll-nudge{50%{transform:translateY(4px)}}.love-wall{z-index:1;color:#f6e5ce;background:radial-gradient(circle at 50% 9%,#9a414452,#0000 31%),linear-gradient(155deg,#270b0f,#551a22 48%,#26090d);padding:105px 24px 0;position:relative;overflow:hidden;box-shadow:0 -20px 55px #34181124}.love-wall:before{content:"";background:#f9e0c52e;height:1px;position:absolute;inset:18px 18px auto}.love-wall__heading{text-align:center;width:min(760px,100%);margin:0 auto 70px}.love-wall__heading>p{color:#dcae94;letter-spacing:.27em;text-transform:uppercase;margin:0 0 16px;font-size:9px;font-weight:750}.love-wall__heading h2{letter-spacing:-.04em;margin:0;font-family:Georgia,serif;font-size:clamp(42px,6vw,70px);font-weight:400;line-height:1.03}.love-wall__heading>span{color:#e4bba2;margin-top:19px;font-family:Segoe Print,Bradley Hand,cursive;font-size:13px;display:block;transform:rotate(-1deg)}.love-lines{border-top:1px solid #f7e0c533;width:min(920px,100%);margin:0 auto}.love-line{border-bottom:1px solid #f7e0c52e;grid-template-columns:60px 1fr 36px;align-items:center;gap:24px;padding:35px 6px;display:grid;position:relative}.love-line>span{color:#be8d78;letter-spacing:.18em;align-self:start;padding-top:7px;font-size:8px;font-weight:700}.love-line h3{color:#f4d8bd;margin:0 0 8px;font-family:Georgia,serif;font-size:clamp(24px,3.5vw,34px);font-style:italic;font-weight:400}.love-line p{color:#e4cbb5;max-width:690px;margin:0;font-family:Georgia,serif;font-size:clamp(14px,1.8vw,17px);line-height:1.65}.love-line>i{color:#de8f878c;font-size:13px;font-style:normal;animation:2.4s ease-in-out infinite tiny-heartbeat}.love-line:nth-child(2n){text-align:right}.love-line:nth-child(2n) p{margin-left:auto}.love-line:nth-child(2n)>i{grid-area:1/1}.love-line:nth-child(2n)>span{grid-area:1/3}.love-line:nth-child(2n)>div{grid-area:1/2}.always-love{background:radial-gradient(circle at 50% 46%,#8e303966,#0000 48%),#2d0c11;border-top:1px solid #f7e0c529;place-items:center;width:calc(100% + 48px);min-height:72svh;margin:100px -24px 0;display:grid;position:relative;overflow:hidden}.always-love__content{z-index:2;text-align:center;width:min(850px,100% - 40px);padding:80px 0;position:relative}.always-love__content>p{color:#dca28a;letter-spacing:.28em;text-transform:uppercase;margin:0 0 21px;font-size:9px;font-weight:750}.always-love h2{letter-spacing:-.04em;margin:0 0 27px;font-family:Georgia,serif;font-size:clamp(40px,6.5vw,76px);font-weight:400;line-height:1.02}.always-love strong{color:#f2c7ae;font-family:Segoe Print,Bradley Hand,cursive;font-size:clamp(17px,2.7vw,25px);font-weight:400;display:block;transform:rotate(-1deg)}.always-love__content>span{color:#d8a68e;margin-top:15px;font-family:Georgia,serif;font-size:15px;font-style:italic;display:block}.always-love__hearts{pointer-events:none;position:absolute;inset:0}.always-love__hearts i{color:#e99c904d;font-size:8px;font-style:normal;animation:8s linear infinite heart-fall;position:absolute;top:-8%}.always-love__hearts i:nth-child(2n){color:#f8d5b93d;animation-duration:10s}.always-love__hearts i:nth-child(3n){font-size:5px;animation-duration:7s}.always-love__hearts i:first-child{animation-delay:-1s;left:4%}.always-love__hearts i:nth-child(2){animation-delay:-7s;left:10%}.always-love__hearts i:nth-child(3){animation-delay:-3s;left:17%}.always-love__hearts i:nth-child(4){animation-delay:-9s;left:23%}.always-love__hearts i:nth-child(5){animation-delay:-5s;left:30%}.always-love__hearts i:nth-child(6){animation-delay:-2s;left:36%}.always-love__hearts i:nth-child(7){animation-delay:-8s;left:42%}.always-love__hearts i:nth-child(8){animation-delay:-4s;left:48%}.always-love__hearts i:nth-child(9){animation-delay:-6s;left:53%}.always-love__hearts i:nth-child(10){animation-delay:-1.5s;left:58%}.always-love__hearts i:nth-child(11){animation-delay:-8.5s;left:64%}.always-love__hearts i:nth-child(12){animation-delay:-3.5s;left:70%}.always-love__hearts i:nth-child(13){animation-delay:-6.5s;left:76%}.always-love__hearts i:nth-child(14){animation-delay:-.5s;left:82%}.always-love__hearts i:nth-child(15){animation-delay:-7.5s;left:88%}.always-love__hearts i:nth-child(16){animation-delay:-2.5s;left:93%}.always-love__hearts i:nth-child(17){animation-delay:-5.5s;left:97%}.always-love__hearts i:nth-child(18){animation-delay:-9.5s;left:50%}@supports (animation-timeline:view()){.love-line{animation:both line-reveal;animation-timeline:view();animation-range:entry 8% cover 32%}@keyframes line-reveal{0%{opacity:.1;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}footer{border-top:1px solid var(--line);width:min(1120px,100% - 56px);color:var(--muted);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;margin:0 auto;padding:14px 0 18px;font-size:8px;font-weight:650;display:flex}.footer-mark{color:var(--wine);letter-spacing:.08em;text-transform:none;font-family:Georgia,serif;font-style:italic;font-weight:400}.intro{z-index:10;color:#f8ead5;clip-path:circle(150% at 50% 68%);background:radial-gradient(circle at 50% 35%,#aa4d4c33,#0000 26%),linear-gradient(145deg,#2a0e12,#571c24 48%,#260b0f);place-items:center;padding:26px;transition:clip-path .95s cubic-bezier(.65,0,.35,1),opacity .9s .15s,visibility .9s .15s,transform 1.05s cubic-bezier(.22,.8,.22,1);display:grid;position:fixed;inset:0;overflow:hidden}.intro:before{content:"";pointer-events:none;border:1px solid #ffeacf2e;position:absolute;inset:16px}.intro:after{content:"FOR YOUR HEART ONLY";color:#ffebd561;letter-spacing:.25em;writing-mode:vertical-rl;font-size:8px;position:absolute;bottom:38px;left:29px}.letter-page--opened .intro{opacity:0;visibility:hidden;clip-path:circle(0 at 50% 68%);pointer-events:none;transform:translateY(-22px)scale(1.025)}.intro__ring{aspect-ratio:1;border:1px solid #f8dcb91a;border-radius:50%;width:min(640px,88vw);transition:transform 1.15s,opacity .8s;animation:4.2s ease-in-out infinite love-breathe;position:absolute;box-shadow:0 0 110px #b7554d38,inset 0 0 100px #d37a6412}.letter-page--opening .intro__ring{opacity:0;transform:scale(2.6)}@keyframes love-breathe{0%,to{opacity:.68;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.intro__content{text-align:center;width:min(720px,100%);position:relative}.intro__content>*{animation:.8s cubic-bezier(.2,.8,.2,1) both intro-rise}.intro__content>:first-child{animation-delay:60ms}.intro__content>:nth-child(2){animation-delay:.16s}.intro__content>:nth-child(3){animation-delay:.26s}.intro__content>:nth-child(4){animation-delay:.36s}.intro__content>:nth-child(5){animation-delay:.48s}.intro__content>:nth-child(6){animation-delay:.6s}.intro__content>:nth-child(7){animation-delay:.7s}@keyframes intro-rise{0%{opacity:0;filter:blur(4px);transform:translateY(13px)}to{opacity:1;filter:blur();transform:translateY(0)}}.intro__date{color:#d9b89c;letter-spacing:.3em;margin:0 0 21px;font-size:9px;font-weight:700}.seal{color:#efd3b4;border:1px solid #c89478;border-radius:50%;justify-content:center;align-items:center;gap:3px;width:68px;height:68px;margin:0 auto 24px;font-family:Georgia,serif;font-size:13px;display:flex;transform:rotate(-5deg);box-shadow:inset 0 0 0 5px #23080c40,0 6px 24px #0000003d}.seal i{color:#d9897d;font-size:9px;font-style:normal;animation:2.5s ease-in-out 1.1s infinite seal-heartbeat}@keyframes seal-heartbeat{0%,52%,to{text-shadow:none;transform:scale(1)}11%{text-shadow:0 0 13px #ee8c80b3;transform:scale(1.7)}23%{transform:scale(1.1)}31%{transform:scale(1.38)}}.intro__to{color:#ddb99d;margin:0 0 8px;font-family:Segoe Print,Bradley Hand,cursive;font-size:16px;transform:rotate(-1deg)}.intro h2{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,6.5vw,68px);font-weight:400;line-height:1.02}.intro h2 em{color:#ffd7be;font-family:Segoe Print,Bradley Hand,cursive;font-size:.76em;font-weight:400;line-height:1.15;display:inline-block;transform:rotate(-1deg)}.intro__copy{color:#ead1bd;margin:20px auto 24px;font-family:Georgia,serif;font-size:clamp(12px,1.6vw,15px);line-height:1.7}.open-button{color:#3f1418;letter-spacing:.09em;cursor:pointer;background:#f0d8b8;border:1px solid #d9b594;border-radius:0;min-width:275px;padding:16px 24px;font-size:10px;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s;position:relative;box-shadow:7px 7px #12030752}.open-button:hover{background:#f7e5cb;transform:translate(-2px,-2px);box-shadow:10px 10px #12030752}.open-button:after{content:"♡  ♡  ♡";color:#efc3ac;letter-spacing:.5em;opacity:0;font-family:Georgia,serif;transition:opacity .25s,transform .25s;position:absolute;top:-19px;left:50%;transform:translate(-50%,8px)}.open-button:hover:after{opacity:1;transform:translate(-50%)}.open-button span{background:#942f39;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block;box-shadow:0 0 0 4px #942f391f}.intro__signature{color:#efc1a6;margin:22px 0 0;font-family:Segoe Print,Bradley Hand,cursive;font-size:13px;transform:rotate(-2deg)}.intro__whispers{pointer-events:none;position:absolute;inset:0}.intro__whispers span{color:#f3cdb357;letter-spacing:.03em;font-family:Segoe Print,Bradley Hand,cursive;font-size:clamp(9px,1.1vw,13px);position:absolute}.intro__whispers span:first-child{top:18%;left:8%;transform:rotate(-8deg)}.intro__whispers span:nth-child(2){top:20%;right:9%;transform:rotate(7deg)}.intro__whispers span:nth-child(3){bottom:19%;left:10%;transform:rotate(5deg)}.intro__whispers span:nth-child(4){bottom:20%;right:10%;transform:rotate(-6deg)}.intro__whispers span:nth-child(5){top:51%;left:5%;transform:rotate(-90deg)}.intro__whispers span:nth-child(6){top:52%;right:6%;transform:rotate(90deg)}.intro__whispers span:nth-child(odd){animation:6s ease-in-out infinite alternate whisper-float}.intro__whispers span:nth-child(2n){animation:7s ease-in-out -2s infinite alternate-reverse whisper-float}@keyframes whisper-float{to{opacity:.72;margin-top:-8px}}.intro__heart-field,.intro__burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.intro__heart-field i{color:#ec9b9133;font-size:9px;font-style:normal;animation:12s linear infinite soft-heart-rise;position:absolute;bottom:-8%}.intro__heart-field i:nth-child(3n){font-size:5px;animation-duration:15s}.intro__heart-field i:nth-child(2n){color:#f9d7bc29;animation-duration:10s}.intro__heart-field i:first-child{animation-delay:-3s;left:4%}.intro__heart-field i:nth-child(2){animation-delay:-8s;left:12%}.intro__heart-field i:nth-child(3){animation-delay:-1s;left:20%}.intro__heart-field i:nth-child(4){animation-delay:-10s;left:29%}.intro__heart-field i:nth-child(5){animation-delay:-5s;left:37%}.intro__heart-field i:nth-child(6){animation-delay:-12s;left:44%}.intro__heart-field i:nth-child(7){animation-delay:-6s;left:51%}.intro__heart-field i:nth-child(8){animation-delay:-2s;left:58%}.intro__heart-field i:nth-child(9){animation-delay:-9s;left:65%}.intro__heart-field i:nth-child(10){animation-delay:-4s;left:72%}.intro__heart-field i:nth-child(11){animation-delay:-11s;left:79%}.intro__heart-field i:nth-child(12){animation-delay:-7s;left:86%}.intro__heart-field i:nth-child(13){animation-delay:-.5s;left:92%}.intro__heart-field i:nth-child(14){animation-delay:-9.5s;left:97%}@keyframes soft-heart-rise{to{transform:translateY(-116vh)rotate(70deg)}}.intro__burst{z-index:3;width:1px;height:1px;inset:67% auto auto 50%;overflow:visible}.intro__burst i{color:#f5c9ae;opacity:0;font-style:normal;position:absolute;top:0;left:0}.letter-page--opening .intro__burst i{animation:1.15s cubic-bezier(.15,.7,.2,1) both love-burst;animation-delay:var(--burst-delay)}@keyframes love-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}18%{opacity:1}to{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) rotate(var(--burst-r)) scale(1.15)}}.secret{z-index:3;color:#72283094;cursor:pointer;opacity:.52;background:#fff8eb52;border:0;border-radius:50%;width:29px;height:29px;padding:0;font-family:Georgia,serif;font-size:16px;transition:opacity .25s,transform .25s,background .25s;animation:3.6s ease-in-out infinite secret-pulse;position:absolute}.secret:hover{opacity:1;background:#fff8ebe6;transform:scale(1.22)rotate(-8deg);box-shadow:0 4px 16px #5a21272e}.secret--found{color:var(--wine);opacity:.88;background:#fff8ebcc;animation:.5s cubic-bezier(.2,.8,.2,1) both found-pop;box-shadow:0 3px 12px #5a21271f}@keyframes found-pop{0%{transform:scale(.6)}55%{transform:scale(1.35)rotate(-8deg)}to{transform:scale(1)}}.secret--one{animation-delay:.2s;top:13%;left:3%}.secret--two{animation-delay:1.1s;top:23%;right:5%}.secret--three{animation-delay:2s;top:54%;left:8%}.secret--four{animation-delay:.7s;top:63%;right:7%}.secret--five{animation-delay:1.6s;bottom:8%;left:17%}.secret--six{animation-delay:2.5s;bottom:6%;right:18%}.secret--seven{color:#d8b6a0;background:#4b241f40;top:36%;left:50%;transform:translate(-50%)}.secret--seven:hover{transform:translate(-50%)scale(1.2)}@keyframes secret-pulse{0%,to{opacity:.38}50%{opacity:.78}}.note-backdrop{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#2a15118f;place-items:center;padding:24px;animation:.28s both fade-in;display:grid;position:fixed;inset:0}.love-note{text-align:center;color:#3a2923;background:linear-gradient(92deg,#7e5f4612,#0000 14% 88%,#7e5f4612),#f8e9cc;width:min(470px,92vw);min-height:300px;padding:56px 46px 40px;animation:.46s cubic-bezier(.2,.8,.2,1) both note-in;position:relative;transform:rotate(-1.2deg);box-shadow:16px 20px 45px #1f0a0a4d}.love-note:before{content:"";pointer-events:none;border:1px solid #7046322e;position:absolute;inset:13px}.love-note__tape{background:#dec499ad;width:116px;height:30px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(2deg);box-shadow:0 2px 4px #5236231f}.love-note__number{color:#a47d67;letter-spacing:.2em;font-size:8px;position:absolute;top:23px;right:25px}.love-note__kicker{color:var(--wine);letter-spacing:.2em;text-transform:uppercase;margin:0 0 12px;font-size:8px;font-weight:750}.love-note h2{margin:0 0 18px;font-family:Georgia,serif;font-size:32px;font-style:italic;font-weight:400}.love-note>p:last-of-type{max-width:350px;margin:0 auto;font-family:Georgia,serif;font-size:17px;line-height:1.7}.love-note button{border:0;border-bottom:1px solid var(--wine);color:var(--wine);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;margin-top:27px;padding:10px 0 5px;font-size:9px;font-weight:700}.love-note button span{margin-left:5px;font-size:13px}@keyframes fade-in{0%{opacity:0}}@keyframes note-in{0%{opacity:0;transform:translateY(20px)rotate(1.5deg)scale(.96)}}.final-love{z-index:30;color:#f9e9d2;background:radial-gradient(circle at 50% 42%,#772f37,#3a1117 62%,#21090d);place-items:center;padding:25px;animation:.6s both fade-in;display:grid;position:fixed;inset:0;overflow:hidden}.final-love__content{z-index:2;text-align:center;width:min(720px,100%);position:relative}.final-love__content>p{color:#d7a88f;letter-spacing:.28em;text-transform:uppercase;margin:0 0 22px;font-size:9px;font-weight:700}.final-love h2{letter-spacing:-.035em;margin:0 0 25px;font-family:Georgia,serif;font-size:clamp(38px,7vw,72px);font-weight:400;line-height:1.02}.final-love strong{color:#f5d2bd;font-family:Segoe Print,Bradley Hand,cursive;font-size:clamp(17px,3vw,25px);font-weight:400;display:block;transform:rotate(-1deg)}.final-love__content>span{color:#d9a992;margin:14px 0 30px;font-family:Georgia,serif;font-size:15px;font-style:italic;display:block}.final-love button{color:#f6dfc5;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #f6dbbe8c;padding:13px 20px;font-size:9px;font-weight:700}.heart-rain{pointer-events:none;position:absolute;inset:0}.heart-rain i{color:#e89b9073;font-style:normal;animation:7s linear infinite heart-fall;position:absolute;top:-10%}.heart-rain i:nth-child(3n){font-size:10px;animation-duration:9s}.heart-rain i:nth-child(2n){color:#f8d5b95c;animation-duration:6s}.heart-rain i:first-child{animation-delay:-1s;left:5%}.heart-rain i:nth-child(2){animation-delay:-5s;left:11%}.heart-rain i:nth-child(3){animation-delay:-2s;left:17%}.heart-rain i:nth-child(4){animation-delay:-6s;left:23%}.heart-rain i:nth-child(5){animation-delay:-3s;left:29%}.heart-rain i:nth-child(6){animation-delay:-7s;left:36%}.heart-rain i:nth-child(7){animation-delay:-4s;left:42%}.heart-rain i:nth-child(8){animation-delay:-.5s;left:48%}.heart-rain i:nth-child(9){animation-delay:-4.5s;left:53%}.heart-rain i:nth-child(10){animation-delay:-2.5s;left:58%}.heart-rain i:nth-child(11){animation-delay:-5.5s;left:63%}.heart-rain i:nth-child(12){animation-delay:-1.5s;left:68%}.heart-rain i:nth-child(13){animation-delay:-6.5s;left:73%}.heart-rain i:nth-child(14){animation-delay:-3.5s;left:78%}.heart-rain i:nth-child(15){animation-delay:-.8s;left:83%}.heart-rain i:nth-child(16){animation-delay:-4.8s;left:88%}.heart-rain i:nth-child(17){animation-delay:-2.2s;left:93%}.heart-rain i:nth-child(18){animation-delay:-5.8s;left:97%}@keyframes heart-fall{to{transform:translateY(115vh)rotate(280deg)}}@media (max-width:680px){.letter-page{min-height:100dvh}.topline{width:calc(100% - 32px);padding:max(15px,env(safe-area-inset-top)) 0 13px;letter-spacing:.18em;gap:10px;font-size:8px}.player-scene{justify-content:flex-start;width:calc(100% - 28px);min-height:auto;padding:27px 0 42px}.eyebrow{letter-spacing:.21em;font-size:8px}.player-scene h1{font-size:clamp(39px,12vw,50px);line-height:1}.handwritten{margin:7px 0 16px;font-size:clamp(14px,4.2vw,17px);line-height:1.35}.visible-love{gap:5px 8px;width:100%;margin:-3px auto 14px;font-size:9px;line-height:1.45}.cassette{aspect-ratio:1.58;border-radius:12px 12px 20px 20px;width:100%;max-width:430px;padding:8.5% 7.5%}.cassette:before{inset:7px}.cassette__label{height:84%;min-height:0;padding:8px 9px 7px}.cassette__label-top{letter-spacing:.09em;white-space:nowrap;font-size:7px}.cassette__title{margin:5px 0 4px;font-size:clamp(11px,3.5vw,14px)}.cassette__window{border-width:3px;gap:6px;width:88%;min-height:48px;padding:5px 7px}.reel{width:clamp(34px,11vw,43px);padding:6px}.tape-window{min-width:35px}.tape-window small{letter-spacing:.08em;font-size:7px}.cassette__note{font-size:clamp(9px,3vw,12px)}.controls{grid-template-columns:1fr;gap:7px;width:100%;margin-top:16px}.transport{grid-row:1;justify-content:center}.timeline-wrap{grid-row:2}.timeline{height:24px}.play-button{flex-basis:54px;width:54px;height:54px}.skip-button{width:40px;height:40px}.sound-button{grid-row:3;justify-self:center;min-height:38px}.listening-note{margin-top:8px;padding:0 8px;font-size:11px}.scroll-love{max-width:310px;margin:8px auto 0;line-height:1.45}footer{width:calc(100% - 32px);padding:14px 0 max(14px,env(safe-area-inset-bottom));letter-spacing:.1em;font-size:7px}.footer-mark{display:none}.intro{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));place-items:start center;overflow-y:auto}.intro:before{inset:10px}.intro:after{display:none}.intro__content{width:min(100%,390px);margin:auto;padding:8px 0}.intro__date{letter-spacing:.22em;margin-bottom:15px;font-size:8px;line-height:1.45}.seal{width:58px;height:58px;margin-bottom:17px}.intro__to{margin-bottom:6px;font-size:15px}.intro h2{font-size:clamp(34px,10.5vw,46px);line-height:1.05}.intro h2 br{display:none}.intro__copy{max-width:340px;margin:16px auto 20px;font-size:13px;line-height:1.58}.intro__copy br{display:none}.open-button{width:min(100%,330px);min-width:0;min-height:52px;padding:14px 16px;line-height:1.35}.intro__signature{max-width:330px;margin:18px auto 0;font-size:12px;line-height:1.45}.intro__whispers{display:none}.secret--one{left:0}.secret--two{right:0}.secret--three{left:1%}.secret--four{right:1%}.secret--five{bottom:4%;left:4%}.secret--six{bottom:4%;right:4%}.love-note{padding:52px 28px 36px}.love-wall{padding:72px 18px 0}.love-wall__heading{margin-bottom:48px}.love-wall__heading>p{line-height:1.5}.love-wall__heading h2{font-size:clamp(36px,11vw,48px)}.love-wall__heading h2 br{display:none}.love-wall__heading>span{max-width:310px;margin:17px auto 0;line-height:1.5}.love-line{grid-template-columns:32px 1fr;gap:13px;padding:28px 2px;text-align:left!important}.love-line>span{grid-area:1/1!important}.love-line>div{grid-area:1/2!important}.love-line>i{display:none}.love-line p{margin:0!important}.love-line h3{font-size:clamp(23px,7.5vw,30px);line-height:1.12}.love-line p{font-size:15px;line-height:1.62}.always-love{width:calc(100% + 36px);min-height:72svh;margin:72px -18px 0}.always-love__content{width:calc(100% - 36px);padding:64px 0}.always-love__content>p{line-height:1.5}.always-love h2{font-size:clamp(34px,10.5vw,46px);line-height:1.05}.always-love h2 br{display:none}.always-love strong{font-size:clamp(16px,5vw,20px);line-height:1.45}}@media (max-width:360px){.topline{letter-spacing:.14em;gap:7px;font-size:7px}.cassette__label-top span:first-child{text-overflow:ellipsis;max-width:175px;overflow:hidden}.love-line{grid-template-columns:25px 1fr;gap:9px}}@media (max-height:760px) and (min-width:681px){.player-scene{min-height:calc(100svh - 78px);padding-top:15px}.player-scene h1{font-size:47px}.handwritten{margin-bottom:12px}.cassette{width:480px}.controls{margin-top:13px}.listening-note{margin-top:7px}.secret-hint{margin-top:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}