@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=DynaPuff:wght@400;500;600;700&family=Patrick+Hand&display=swap";:root{--ink:lab(23.4435% 20.8027 -18.5332);--muted:lab(38.8946% 14.3981 -14.5407);--rose:lab(43.5757% 46.7384 -5.18724);--lilac:lab(45.9239% 27.7317 -40.0581);--paper:lab(98.8294% 1.00446 1.99275);color:var(--ink);font-synthesis:none;scroll-behavior:smooth;font-family:Patrick Hand,cursive}*{box-sizing:border-box}body{background:lab(96.2449% 7.96723 1.67193);margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}:is(button:focus-visible,a:focus-visible){outline:3px solid var(--lilac);outline-offset:6px}button{touch-action:manipulation}img{max-width:100%;display:block}p{margin:0 0 1.15em;line-height:1.6}h1,h2{letter-spacing:-.045em;margin:0;font-family:DynaPuff,cursive;font-weight:600;line-height:1.18}h2{font-size:clamp(32px,4.2vw,53px)}h2 em{color:var(--rose);font-style:normal}section{isolation:isolate;position:relative}.section{padding:110px 24px}.section-heading{text-align:center;max-width:720px;margin:0 auto 52px}.section-heading>p:last-child{color:var(--muted);margin:22px 0 0;font-size:21px;line-height:1.5}.chapter{color:var(--muted);margin-bottom:19px;font-family:Caveat,cursive;font-size:20px}.hero{background:radial-gradient(at 12% 4%,lab(88.5592% 24.662 -4.69025),#0000 60%),radial-gradient(at 92% 4%,lab(86.3286% 13.4378 -25.6161),#0000 66%),radial-gradient(at 50% 110%,lab(94.2033% 8.6166 26.9483),#0000 60%),lab(95.1179% 5.93022 -1.48159);place-items:center;min-height:100svh;padding:65px 24px 55px;display:grid;overflow:hidden}.hero-content{text-align:center;z-index:2;animation:.9s both arrive;position:relative}.hero-picture{width:clamp(152px,17vw,220px);height:clamp(152px,17vw,220px);margin:0 auto 23px;position:relative}.hero-picture img{object-fit:cover;border:4px solid lab(81.4761% 28.0095 -4.19993);border-radius:50%;width:100%;height:100%;box-shadow:0 12px 36px lab(49.8039% 35.5367 -6.835/.15)}.hero-picture>span{color:var(--rose);font-family:Caveat,cursive;font-size:57px;position:absolute;bottom:0;right:-6px;transform:rotate(14deg)}h1{font-size:clamp(56px,7.2vw,94px)}h1>span{color:lab(52.512% 54.6378 -7.19757)}.name-tag{background:lab(98.7463% 2.31993 -.531268/.83);border:1.5px dashed lab(70.134% 13.7099 -21.8625);border-radius:40px;margin:22px auto 17px;padding:5px 25px 8px;font:500 28px/1.4 Caveat,cursive;display:table}.hero-copy{color:var(--muted);font-size:22px;line-height:1.48}.scroll-note{color:var(--rose);margin-top:16px;padding:10px;font:500 23px Caveat,cursive;text-decoration:none;display:inline-block}.scroll-note span{margin-left:6px;animation:3s ease-in-out infinite drift;display:inline-block}.weather{pointer-events:none;position:absolute;inset:0}.weather span{opacity:.5;font-size:25px;animation:7s ease-in-out infinite drift;position:absolute}.weather span:first-child{font-size:37px;top:15%;left:9%}.weather span:nth-child(2){top:22%;right:10%}.weather span:nth-child(3){top:53%;left:7%}.weather span:nth-child(4){top:74%;right:7%}.weather span:nth-child(5){bottom:13%;left:15%}.weather span:nth-child(6){color:var(--lilac);bottom:14%;right:20%}.rain{pointer-events:none;position:absolute;inset:0;overflow:hidden}.rain i{left:calc(5% + var(--i)*8%);width:1px;height:70px;animation:rainfall calc(6s + var(--i)*.3s) linear infinite;animation-delay:calc(var(--i)*-.85s);background:linear-gradient(#0000,lab(58.0768% 20.4607 -30.8523/.22),#0000);position:absolute;top:-80px}.honest{background:linear-gradient(lab(95.0182% 7.95013 -3.16788),lab(95.0761% 4.09612 -9.17877));padding-top:105px}.honest h2 em{color:var(--lilac)}.honest-note{background:lab(98.7522% 1.39052 -2.61575);border:1px solid lab(84.4849% 6.81254 -12.2795);border-radius:6px 14px 10px 5px;max-width:635px;margin:0 auto;padding:44px 48px 25px;font-size:23px;position:relative;transform:rotate(-.6deg);box-shadow:5px 9px lab(85.5544% 8.33219 -14.3611/.45)}.tape{clip-path:polygon(3% 0,98% 3%,96% 25%,100% 40%,96% 60%,99% 83%,97% 100%,0 96%,3% 75%,0 55%,4% 35%);background:lab(86.1424% 6.30662 24.7425/.58);width:90px;height:29px;position:absolute;top:-13px;left:calc(50% - 45px);transform:rotate(-4deg)}.note-label{text-align:center;color:var(--lilac);margin-bottom:24px;font:500 21px Caveat,cursive}.honest-note strong{color:var(--rose);font-weight:400}.no-excuses{flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0;display:flex}.no-excuses span{color:var(--muted);border:1px dashed lab(76.1509% 10.3768 -16.9737);border-radius:25px;padding:4px 13px;font-size:17px}.handwritten{text-align:center;color:var(--lilac);font:600 29px/1.45 Caveat,cursive}.tiny-divider{text-align:center;color:lab(57.2069% 16.3647 -24.5454);letter-spacing:8px;margin:66px 0 -45px;font-size:24px}.memories{background:linear-gradient(lab(95.0761% 4.09612 -9.17877),lab(94.9774% 12.0623 5.11713));padding-bottom:88px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 37px;max-width:740px;margin:65px auto;display:grid}.polaroid{background:var(--paper);border:1px solid lab(89.3514% 7.33143 4.87185);margin:0;padding:13px 13px 0;transition:transform .4s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 6px 18px lab(29.7676% 13.192 -8.28538/.1)}.polaroid img{aspect-ratio:4/3;object-fit:cover;width:100%}.polaroid figcaption{text-align:center;padding:19px 0 21px;font:500 24px/1.3 Caveat,cursive}.photo-0{transform:rotate(-4deg)}.photo-1{margin-top:20px;transform:rotate(3deg)}.photo-2{transform:rotate(2deg)}.photo-3{margin-top:19px;transform:rotate(-3deg)}.polaroid:hover{transform:rotate(0)translateY(-5px)}.memory-after{text-align:center;color:var(--muted);margin:0;font-size:23px}.memory-after span{color:var(--rose);font:600 29px/1.6 Caveat,cursive}.letter-section{background:linear-gradient(lab(94.9774% 12.0623 5.11713),lab(96.4966% 5.43895 14.0042));padding-top:78px}.letter{background:lab(98.8695% 1.07127 5.23846);border:1px solid lab(85.9954% 7.56845 15.6044);border-radius:4px;max-width:660px;margin:0 auto;padding:40px 48px;font-size:23px;position:relative;transform:rotate(.4deg);box-shadow:5px 7px lab(89.3997% 8.82968 13.1363)}.letter .tape{background:lab(84.0262% 22.0527 -4.19139/.6);width:110px;left:calc(50% - 55px);transform:rotate(3deg)}.letter-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.letter-top p{color:var(--rose);margin:0;font:600 31px/1.3 Caveat,cursive}.letter-top img{object-fit:cover;border:3px solid lab(88.9618% 20.7671 13.8977);border-radius:50%;width:99px;height:99px;transform:rotate(7deg)}.letter-emphasis{color:var(--rose);padding:4px 0;font:600 31px/1.4 Caveat,cursive}.signature{color:var(--rose);margin:28px 0 10px;font:600 27px Caveat,cursive}.letter-heart{color:lab(70.5524% 38.9602 -7.47013);font-size:51px;position:absolute;bottom:6px;right:17px;transform:rotate(14deg)}.letter-foot{text-align:center;color:var(--muted);margin:28px 0 0;font:500 22px Caveat,cursive}.decision{text-align:center;background:radial-gradient(at 50% 25%,lab(96.7205% 2.90641 25.6605),#0000 65%),linear-gradient(lab(96.4966% 5.43895 14.0042),lab(92.307% 18.164 -3.44474));padding-top:78px;padding-bottom:30px;overflow:hidden}.decision .section-heading{margin-bottom:28px}.flower-gif{object-fit:contain;mix-blend-mode:multiply;width:195px;height:195px;margin:0 auto 26px}.choice-arena{width:min(510px,100%);height:242px;margin:auto;position:relative}.yes-button,.runaway-button{white-space:nowrap;border:1px solid lab(72.1169% 29.4178 -5.61636);border-radius:40px;min-height:53px;padding:12px 24px;font-size:22px}.yes-button{z-index:2;color:lab(98.7735% 1.66833 -.314271);background:lab(43.5096% 48.2891 -5.36228);transition:transform .2s,background .2s;position:relative;box-shadow:0 5px lab(33.4641% 38.6845 -4.29317/.2)}.yes-button:hover{background:lab(37.7081% 48.1037 -5.35035);transform:translateY(-3px)}.runaway-button{color:var(--muted);z-index:3;background:lab(98.804% 2.32452 3.78382);border-style:dashed;transition:transform .18s cubic-bezier(.22,1,.36,1);position:absolute;top:78px;left:50%;transform:translate(-50%)}.runaway-button.has-run{top:0;left:6px}.button-whisper{color:var(--muted);pointer-events:none;font:500 20px Caveat,cursive;position:absolute;top:146px;left:0;right:0}.real-choice{color:var(--muted);margin:-15px 0 0;font:500 23px/1.5 Caveat,cursive}.hug-message{min-height:260px;padding:24px 0;font-size:25px;position:relative}.hug-message>p:nth-child(2){color:var(--rose);font:600 34px Caveat,cursive}.text-button{text-underline-offset:5px;color:var(--muted);background:0 0;border:0;font-size:18px;text-decoration:underline}.heart-shower{pointer-events:none;position:absolute;inset:-100px -20px}.heart-shower span{left:calc(var(--i)*6.4%);color:var(--rose);animation:hearts 3.2s calc(var(--i)*.12s) both;font-size:30px;position:absolute;bottom:0}footer{max-width:620px;color:var(--muted);border-top:1px solid lab(79.6166% 16.5526 -2.80461/.55);margin:65px auto 0;padding-top:30px}footer>div{color:var(--rose);margin-bottom:15px;font-size:25px}footer p{margin:0 0 8px;font-size:17px}.footer-script{color:var(--rose);font:600 30px Caveat,cursive}.footer-small{margin-top:20px;font-size:14px}footer a{margin-top:24px;padding:10px;font:500 19px Caveat,cursive;text-decoration:none;display:inline-block}@keyframes arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{50%{transform:translateY(-9px)rotate(3deg)}}@keyframes rainfall{to{transform:translate(-105px,115svh)rotate(8deg)}}@keyframes hearts{0%{opacity:0;transform:translateY(0)rotate(-15deg)}20%{opacity:.8}to{opacity:0;transform:translateY(-380px)rotate(25deg)}}@media (min-width:1500px){.hero{padding-top:80px;padding-bottom:70px}.hero-copy{font-size:24px}}@media (max-width:600px){.hero{min-height:100svh;padding:52px 22px 37px}.hero-picture{width:156px;height:156px;margin-bottom:24px}h1{font-size:clamp(53px,12.5vw,70px)}.hero-copy{font-size:21px}.name-tag{font-size:27px}.weather span:first-child{top:10%;left:3%}.weather span:nth-child(2){top:28%;right:3%}.weather span:nth-child(3){top:58%;left:2%}.weather span:nth-child(5){bottom:9%;left:7%}.section{padding:76px 22px}.section-heading{margin-bottom:42px}h2{font-size:35px}.chapter{font-size:19px}.section-heading>p:last-child{font-size:20px}.honest-note{padding:36px 25px 23px;font-size:21px}.no-excuses{gap:7px}.no-excuses span{padding:3px 9px;font-size:16px}.handwritten{font-size:27px}.photo-grid{gap:31px 15px;max-width:460px;margin:50px auto}.polaroid{padding:7px 7px 0}.polaroid img{aspect-ratio:3/4}.polaroid figcaption{padding:12px 2px 15px;font-size:19px}.polaroid .tape{width:60px;height:23px;left:calc(50% - 30px)}.memory-after{font-size:20px}.memory-after span{font-size:26px}.letter{padding:30px 25px;font-size:21px}.letter-top{gap:10px}.letter-top p{font-size:28px}.letter-top img{width:75px;height:75px}.letter-emphasis{font-size:28px}.signature{font-size:25px}.decision{padding-bottom:25px}.flower-gif{width:170px;height:170px}.choice-arena{height:240px}.real-choice{font-size:22px}footer{margin-top:50px}.footer-small{font-size:13px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.rain{display:none}}.rain{z-index:1}.rain i{left:var(--left);width:1.5px;height:var(--length);opacity:.72;animation:rainfall var(--duration) linear var(--delay) infinite;background:linear-gradient(#0000,lab(59.5835% 9.31427 -35.9181/.5),lab(70.7082% -4.04924 -28.3603/.2));border-radius:99px;top:-130px;transform:rotate(8deg);box-shadow:0 0 9px lab(64.2027% 10.1051 -35.7863/.16)}