@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500&display=swap";:root{color:#eef0f8;font-synthesis:none;text-rendering:optimizelegibility;background:#10152d;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overscroll-behavior:none;min-width:320px;overflow:hidden}button{font:inherit}button:focus-visible{outline-offset:4px;outline:2px solid #ffeecfeb}.story{background:#10152d;width:100vw;min-height:100dvh;position:relative;overflow:hidden}.scene{isolation:isolate;min-height:100dvh;position:absolute;inset:0;overflow:hidden}.sad-scene{background:radial-gradient(circle at 50% 64%,#5c5b8438,#0000 34%),linear-gradient(#11162f 0%,#171c38 48%,#101427 100%)}.ambient-lights:before,.ambient-lights:after{content:"";filter:blur(42px);opacity:.16;border-radius:999px;position:absolute}.ambient-lights:before{background:#6972a9;width:18rem;height:18rem;top:20%;left:-9rem}.ambient-lights:after{background:#83729c;width:13rem;height:13rem;bottom:18%;right:-7rem}.opening-line{z-index:8;top:max(calc(env(safe-area-inset-top) + 6vh), 2.2rem);text-align:center;letter-spacing:.012em;color:#efeff8e6;text-shadow:0 2px 18px #03050f8c;width:min(85vw,38rem);margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.3rem,4.9vw,2.2rem);font-weight:400;line-height:1.22;position:absolute;left:50%;translate:-50%}.cloud-wrap,.rain-wrap{z-index:3;transform-origin:50% 25%;position:absolute;inset:0}.cloud-layer{z-index:3;width:min(96vw,32rem);position:absolute;top:10%;left:50%;overflow:visible;transform:translate(-50%)}.rain-layer{z-index:4;width:min(76vw,26rem);height:48%;position:absolute;top:25%;left:50%;overflow:visible;transform:translate(-50%)}.character-stage{z-index:5;left:50%;bottom:max(env(safe-area-inset-bottom), 0px);transform-origin:52% 38%;will-change:transform;justify-content:center;align-items:flex-end;width:min(84vw,27rem);height:min(61dvh,37rem);display:flex;position:absolute;translate:-50%}.girl-figure{width:100%;height:100%;overflow:visible}.vignette{z-index:20;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 7rem 1.4rem #0305118a}.transition-copy{z-index:26;text-align:center;letter-spacing:.015em;color:#fff6eef2;text-shadow:0 2px 24px #090819cc;width:min(85vw,35rem);margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.55rem,6vw,2.55rem);font-weight:400;position:absolute;left:50%;translate:-50%}.transition-copy--first{top:max(calc(env(safe-area-inset-top) + 10vh), 4rem)}.transition-copy--second{bottom:max(calc(env(safe-area-inset-bottom) + 11vh), 5rem)}.particles--cool{opacity:.28;background-image:radial-gradient(circle,#d1d6efa6 0 1px,#0000 1.4px);background-size:86px 86px;animation:18s linear infinite drift;position:absolute;inset:0}@keyframes drift{to{transform:translate(22px,-42px)}}.eye-transition-copy{z-index:30;pointer-events:none;position:absolute;inset:0}.portal-copy{z-index:1}.happy-scene{z-index:8;background:radial-gradient(circle at 50% 42%,#ffe8b28c,#0000 18%),linear-gradient(#745f85 0%,#ad7188 33%,#df8e82 63%,#f0bd90 100%)}.sunset-sun{z-index:0;aspect-ratio:1;filter:blur(1px);background:#ffdf9ee6;border-radius:50%;width:min(38vw,13rem);position:absolute;top:35%;left:50%;translate:-50% -50%;box-shadow:0 0 4rem 1.8rem #ffc78b5c}.sunset-haze{filter:blur(50px);opacity:.28;border-radius:50%;position:absolute}.sunset-haze--left{background:#f8c4b4;width:70vw;height:27vh;bottom:11vh;left:-25vw}.sunset-haze--right{background:#8f6794;width:62vw;height:32vh;top:8vh;right:-25vw}.distant-hills{z-index:1;opacity:.28;filter:blur(1px);height:26vh;position:absolute;inset:auto 0 15vh}.distant-hills span{background:#6d607e;border-radius:55% 58% 0 0;width:70%;height:78%;position:absolute;bottom:0}.distant-hills span:first-child{left:-22%;transform:rotate(8deg)}.distant-hills span:nth-child(2){background:#80687e;width:62%;height:55%;left:22%}.distant-hills span:nth-child(3){background:#625b78;height:68%;right:-29%;transform:rotate(-7deg)}.ground-glow{z-index:2;background:linear-gradient(#78525b00,#5c3e4857);height:27vh;position:absolute;inset:auto 0 0}.warm-vignette{z-index:20;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 7rem #4627434d}.couple-stage{z-index:5;position:absolute;inset:0;overflow:hidden}.embrace-glow{z-index:0;filter:blur(18px);background:radial-gradient(#ffe6b2b8,#ffb29930 48%,#0000 72%);border-radius:50%;width:min(88vw,34rem);height:min(52vh,32rem);position:absolute;bottom:11%;left:50%;translate:-50%}.person{z-index:3;bottom:max(calc(env(safe-area-inset-bottom) + 2vh), 1rem);will-change:transform, opacity;width:min(58vw,18.5rem);height:min(55dvh,34rem);position:absolute;left:50%;translate:-50%}.person--girl{z-index:4}.person--boy{z-index:3}.couple-character{width:100%;height:100%;overflow:visible}.hug-details{z-index:3;left:50%;bottom:max(calc(env(safe-area-inset-bottom) + 2vh), 1rem);pointer-events:none;width:min(82vw,27rem);height:min(55dvh,34rem);position:absolute;overflow:visible;translate:-50%}.warm-particles{z-index:2;pointer-events:none;position:absolute;inset:7% 3% 6%;overflow:hidden}.warm-particles>i:not(.tiny-heart){left:var(--left);width:var(--size);height:var(--size);animation:rise var(--duration) var(--delay) linear infinite;background:#ffeabdd1;border-radius:50%;position:absolute;bottom:-4%;box-shadow:0 0 8px #ffd39bb3}.tiny-heart{color:#ffdbc79e;font-size:.65rem;font-style:normal;animation:7s ease-out infinite heart-rise;position:absolute;bottom:24%}.tiny-heart--one{animation-delay:1.2s;left:43%}.tiny-heart--two{animation-delay:4.5s;left:58%}@keyframes rise{0%{opacity:0;transform:translate(0,0)}15%{opacity:.7}to{opacity:0;transform:translate(8px,-70vh)}}@keyframes heart-rise{0%,15%{opacity:0;transform:translateY(0)scale(.8)}30%{opacity:.55}to{opacity:0;transform:translateY(-19vh)scale(1.1)rotate(8deg)}}.final-layer{z-index:40;pointer-events:none;text-align:center;color:#fff7e9;position:absolute;inset:0}.final-layer h1{top:max(calc(env(safe-area-inset-top) + 5vh), 2.7rem);letter-spacing:.12em;text-indent:.12em;text-shadow:0 5px 34px #562b455c;width:100%;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(3.2rem,15vw,7.8rem);font-weight:500;line-height:.85;position:absolute;left:50%;translate:-50%}.final-lines{z-index:2;top:max(calc(env(safe-area-inset-top) + 18vh), 8.4rem);width:min(90vw,34rem);position:absolute;left:50%;translate:-50%}.final-lines p{text-shadow:0 2px 18px #45243d59;margin:.28rem 0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.13rem,4.6vw,1.55rem);line-height:1.25}.final-heart{filter:saturate(.72);margin-top:.45rem;font-size:clamp(1rem,4vw,1.35rem);display:block}.final-actions{z-index:10;left:50%;bottom:max(calc(env(safe-area-inset-bottom) + 2.2vh), 1.25rem);pointer-events:auto;flex-direction:column;align-items:center;gap:.7rem;display:flex;position:absolute;translate:-50%}.last-thing-button,.replay-icon-button,.note-close{color:#fff8ed;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}.replay-icon-button{z-index:90;top:max(calc(env(safe-area-inset-top) + 1rem), 1rem);right:max(calc(env(safe-area-inset-right) + 1rem), 1rem);color:#ffffffd1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto;background:#3a273b33;border:1px solid #fff3;border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;padding:.62rem;transition:opacity .2s,background .2s,transform .25s;display:grid;position:fixed;box-shadow:0 6px 20px #371f341f}.replay-icon-button:hover{background:#3a273b57;transform:rotate(-20deg)}.replay-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.last-thing-button{color:#fffaf1eb;letter-spacing:.015em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#53314824;border:1px solid #fff4e147;border-radius:999px;min-height:2.25rem;padding:.42rem .9rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;transition:background .25s,border-color .25s,transform .25s;box-shadow:0 5px 18px #4023391a}.last-thing-button:hover{background:#53314845;border-color:#fff4e170;transform:translateY(-1px)}.note-backdrop{z-index:100;padding:max(calc(env(safe-area-inset-top) + 1.5rem), 1.5rem) 1.25rem max(calc(env(safe-area-inset-bottom) + 1.5rem), 1.5rem);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#281c3075;place-items:center;display:grid;position:fixed;inset:0}.last-note{color:#fff5e6;text-align:center;background:linear-gradient(145deg,#6c475de0,#49324eeb);border:1px solid #ffecd34d;border-radius:2rem 1.5rem 2.1rem 1.4rem;width:min(91vw,35rem);padding:clamp(2rem,7vw,3.4rem) clamp(1.4rem,7vw,3.4rem);position:relative;box-shadow:0 2rem 6rem #2c162c66}.last-note p{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1rem,4.8vw,1.65rem);line-height:1.42}.last-note .note-signoff{margin-top:1.4rem;font-size:clamp(1.7rem,7vw,2.4rem)}.note-feri-signature{color:#fff8eeeb;flex-direction:column;align-items:center;margin-top:1.2rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.3rem,5vw,1.6rem);font-style:italic;line-height:1;display:flex}.note-feri-face{width:7.5rem;height:4.9rem;margin-bottom:.3rem;display:block;overflow:hidden}.note-feri-face img{filter:brightness(0)invert();mix-blend-mode:screen;opacity:.94;width:100%;height:auto;display:block;transform:translateY(-1.45rem)}.note-close{color:#fff7ebad;background:0 0;width:2.5rem;height:2.5rem;font-family:Manrope,sans-serif;font-size:1.65rem;font-weight:300;line-height:1;position:absolute;top:.7rem;right:.85rem}@media (width>=700px){.character-stage{width:min(37vw,29rem);height:min(68dvh,42rem)}.cloud-layer{width:min(52vw,34rem);top:7%}.rain-layer{width:min(42vw,27rem)}.person{width:min(31vw,19rem);height:min(62dvh,38rem);bottom:max(calc(env(safe-area-inset-bottom) + 1vh), .5rem)}.hug-details{width:min(45vw,28rem);height:min(62dvh,38rem);bottom:max(calc(env(safe-area-inset-bottom) + 1vh), .5rem)}.final-layer h1{top:max(calc(env(safe-area-inset-top) + 6vh), 3rem)}.final-lines{top:max(calc(env(safe-area-inset-top) + 21vh), 10rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}