:root{color:#fffaf4;font-synthesis:none;--serif:"Cormorant Garamond", Georgia, serif;background:#050716;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;background:#050716;width:100%;min-height:100%}body,#root,main{width:100%;min-height:100%}body{overscroll-behavior-x:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:clip}button{font:inherit}.scroll-space{pointer-events:none;height:1500vh}.experience{z-index:0;background:#03142f;width:100vw;height:100svh;position:fixed;inset:0;overflow:hidden}.experience canvas{display:block;width:100%!important;height:100%!important}.experience:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(90deg,#02031061,#0000 32% 68%,#02031061);position:absolute;inset:0}.ui-layer{z-index:2;pointer-events:none;width:100vw;height:100svh;position:fixed;inset:0;overflow:hidden}.story-copy{will-change:opacity;transition:opacity 80ms linear;position:absolute}.copy-reveal{will-change:transform, filter;transition:filter 80ms linear,transform 80ms linear}.intro{text-align:center;place-content:center;display:grid;inset:0}h1,h2,h3,p{margin:0}.intro h1{font:400 clamp(4rem, 9vw, 8.5rem)/.77 var(--serif);letter-spacing:-.055em;text-shadow:0 0 55px #7d9bff3b}.intro h1 em{color:#ffd9dc;font-weight:400}.intro>div>p{font:italic 400 clamp(1.15rem, 2vw, 1.65rem)/1.45 var(--serif);color:#fffaf4b8;margin-top:2.4rem}.scroll-cue{letter-spacing:.24em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;font-size:.65rem;transition:opacity .4s;animation:2.4s ease-in-out infinite breathe;position:fixed;bottom:4.5vh;left:50%;transform:translate(-50%)}.scroll-cue b{margin-top:.65rem;font-size:1rem;font-weight:300;display:block}.scroll-cue.used{opacity:0}.eyebrow{color:#f1b2bd;letter-spacing:.35em;margin-bottom:1.3rem;font-size:.62rem;font-weight:600;display:block}.split{width:min(30rem,37vw);top:50%;transform:translateY(-50%)}.split.left{text-align:left;left:7vw}.split.right{text-align:right;right:7vw}.split blockquote{font:italic 400 clamp(1.5rem, 2.7vw, 2.8rem)/1.12 var(--serif);text-shadow:0 2px 30px #070817;margin:0}.memory-title{width:30rem;top:8vh;left:6vw}.memory-title h2{font:italic 400 clamp(1.6rem, 2.5vw, 2.6rem)/1.08 var(--serif)}.story-beat{text-shadow:0 3px 30px #030412f2;width:min(31rem,38vw);top:50%;transform:translateY(-50%)}.story-beat.left{text-align:left;left:7vw}.story-beat.right{text-align:right;right:7vw}.story-beat.center,.story-beat.sharing{text-align:center;width:min(48rem,86vw);left:50%;transform:translate(-50%,-50%)}.story-beat h2{font:italic 400 clamp(2rem, 3.3vw, 3.7rem)/1.02 var(--serif)}.story-beat p{color:#fffaf4c7;margin-top:1rem;font:500 clamp(.95rem,1.35vw,1.2rem)/1.6 Manrope,sans-serif}.story-beat.sharing h2{margin:.85rem 0}.story-beat.sharing p{font-family:var(--serif);margin-top:0;font-size:clamp(1.05rem,1.8vw,1.4rem);font-style:italic}.meteor-title{letter-spacing:.4em;text-shadow:0 0 14px #fff;justify-content:center;align-items:center;gap:1.4rem;font-size:.63rem;transition:opacity .1s,transform .1s;display:flex;position:absolute;inset:0}.meteor-title i{background:linear-gradient(90deg,#72d9ff,#fff,#fa67ca);width:6rem;height:1px;box-shadow:0 0 14px #fff}.cross-flash{pointer-events:none;mix-blend-mode:screen;filter:saturate(1.2);will-change:opacity;background:radial-gradient(at 50% 48%,#ffffffc2 0,#ffe0f580 2.5%,#ff66b933 9%,#66aeff1a 19%,#0000 39%);position:absolute;inset:0}.cross-flash:before{content:"";aspect-ratio:1;filter:blur(.35px);background:linear-gradient(90deg,#0000 8%,#ff5bb408 30%,#ffdbf457 48.8%,#fff 49.85% 50.15%,#8bd2ff4d 51.2%,#5ca3ff08 70%,#0000 92%),linear-gradient(#0000 33%,#75c7ff1a 49.5%,#ffffffb8 50%,#ffa4d61f 50.5%,#0000 67%);width:min(42rem,72vw);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-42deg);-webkit-mask-image:radial-gradient(circle,#000 0,#000000e0 7%,#00000047 32%,#0000 69%);mask-image:radial-gradient(circle,#000 0,#000000e0 7%,#00000047 32%,#0000 69%)}.cross-flash:after{content:"";aspect-ratio:1;border:1px solid #ffb9e23d;border-radius:50%;width:clamp(4.5rem,9vw,8rem);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)scale(1.12);box-shadow:0 0 1.2rem #ff52b033,inset 0 0 1.8rem #68bfff1f}.searching{place-items:center;display:grid;position:absolute;inset:0}.searching p{font:italic 400 clamp(2rem, 5vw, 5.5rem)/1 var(--serif);text-align:center;text-shadow:0 0 38px #8c6eff99;transition:opacity 80ms,transform 80ms;position:absolute}.connection{text-align:center;width:90%;top:50%;left:50%;transform:translate(-50%,-50%)}.connection h2{font:400 clamp(3rem, 7vw, 7rem)/.88 var(--serif);letter-spacing:-.04em}.confession{text-align:center;background:radial-gradient(circle at 50% 65%,#ff856d1c,#0000 48%);place-items:center;transition:opacity .1s;display:grid;position:absolute;inset:0}.confession p{font:italic 400 clamp(1.05rem, 1.8vw, 1.45rem)/1.35 var(--serif);color:#fffaf4b8}.confession h2{font:400 clamp(2.8rem, 6.5vw, 6.4rem)/.9 var(--serif);letter-spacing:-.045em;margin:1rem 0 2.3rem}.confession h3{font:italic 400 clamp(2rem, 4vw, 4rem)/1 var(--serif);color:#ffe8dd}.actions{pointer-events:auto;justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}.actions button{cursor:pointer;color:#fff;letter-spacing:.1em;border:1px solid #ffffff40;border-radius:999px;min-width:10.5rem;padding:.95rem 1.45rem}.yes{background:linear-gradient(135deg,#ef315f,#ff6d7a);box-shadow:0 0 24px #ff306285,inset 0 1px #ffffff4d}.yes span{margin-left:.35rem}.maybe{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0a0a1b52}.yes-ending .infinity{height:7rem;font:400 9rem/.6 var(--serif);color:#ff526f;text-shadow:0 0 18px #ff315a,0 0 55px #ff355acc;animation:2s ease-in-out infinite pulse}.yes-ending h2{margin-bottom:2.4rem}.yes-ending>span{font:italic 1.3rem var(--serif);color:#ffffff94;margin:.55rem 0 1.2rem;display:block}.yes-ending strong{font:400 clamp(2.5rem, 6vw, 5rem) var(--serif);letter-spacing:.12em;color:#fff1e7;display:block}.sound{z-index:5;color:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:#08091a3d;border:0;border-radius:99px;padding:.65rem .85rem;font-size:.65rem;position:fixed;top:1.5rem;right:1.6rem}.sound i{background:#999;border-radius:50%;width:.35rem;height:.35rem;margin-right:.35rem;display:inline-block}.sound.is-on i{background:#ff5b74;box-shadow:0 0 9px #ff5b74}.progress{background:#ffffff14;height:1px;position:fixed;top:0;left:0;right:0}.progress span{transform-origin:0;background:linear-gradient(90deg,#56cbff,#fa638d,#ffd06d);width:100%;height:100%;display:block;box-shadow:0 0 8px #ff8da1}.loader{z-index:20;text-align:center;background:#03040e;place-content:center;gap:2rem;width:100vw;height:100svh;display:grid;position:fixed;inset:0}.loader p{text-transform:uppercase;letter-spacing:.3em;color:#ffffff9e;font-size:.68rem}.loader-mark{background:#ffffff14;width:10rem;height:1px;position:relative;overflow:hidden}.loader-mark span{transform-origin:0;background:#f32d5f;animation:1.4s cubic-bezier(.7,0,.2,1) both load;position:absolute;inset:0;box-shadow:0 0 12px #ff315d}.wish{color:#ffffff59;pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:1rem;transition:all .5s;position:absolute;top:22vh;left:19vw}.wish.found{color:#fff;text-shadow:0 0 12px #fff;font:italic 1rem var(--serif)}@keyframes load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes breathe{50%{opacity:.45;transform:translate(-50%,5px)}}@keyframes pulse{50%{filter:brightness(1.2);transform:scale(1.04)}}@media (width<=768px),(height<=500px) and (pointer:coarse){.scroll-space{height:1350svh}.experience:after{background:linear-gradient(#02031040,#0000 30% 68%,#02031040)}.intro{padding:max(4.5rem, env(safe-area-inset-top)) 1rem max(3rem, env(safe-area-inset-bottom))}.intro h1{font-size:clamp(2.6rem,9vw,3.6rem);line-height:.84}.intro>div>p{width:min(92vw,24rem);margin:1.7rem auto 0;padding:0 .75rem;font-size:clamp(.95rem,4vw,1.15rem)}.scroll-cue{bottom:calc(1.3rem + env(safe-area-inset-bottom));font-size:.58rem}.split{width:min(82vw,24rem);top:auto}.split.left{top:14svh;left:6vw}.split.right{top:66svh;right:6vw}.split blockquote{font-size:clamp(1.35rem,6.7vw,1.8rem);line-height:1.08}.eyebrow{letter-spacing:.28em;margin-bottom:.8rem;font-size:.55rem}.memory-title{left:5vw;top:calc(4.5rem + env(safe-area-inset-top));width:76vw}.memory-title h2{font-size:clamp(1.45rem,7vw,2rem)}.story-beat,.story-beat.left,.story-beat.right{text-align:center;width:min(88vw,30rem);top:72%;left:50%;right:auto;transform:translate(-50%,-50%)}.story-beat.center,.story-beat.sharing{top:50%}.story-beat h2{font-size:clamp(1.8rem,8.5vw,2.7rem)}.story-beat p{font-size:clamp(.86rem,3.7vw,1rem);line-height:1.45}.meteor-title{letter-spacing:.25em;gap:.7rem;font-size:.5rem}.meteor-title i{width:3.2rem}.searching p{width:88%;font-size:clamp(2.25rem,11.5vw,3.7rem);line-height:.95}.connection{width:92%;top:47%}.connection h2{font-size:clamp(2.7rem,14vw,4.5rem)}.confession{padding:max(4.25rem, env(safe-area-inset-top)) 1.1rem max(1.3rem, env(safe-area-inset-bottom));align-items:center;overflow-y:auto}.confession p{font-size:1rem}.confession h2{margin:.8rem 0 1.5rem;font-size:clamp(2.8rem,14.5vw,4rem)}.confession h3{font-size:clamp(2rem,10vw,2.75rem)}.actions{flex-direction:column;align-items:center;gap:.7rem}.actions button{touch-action:manipulation;min-width:12rem;min-height:3rem;padding:.8rem 1.2rem}.maybe{transform:none!important}.sound{right:max(.7rem, env(safe-area-inset-right));top:max(.7rem, env(safe-area-inset-top));padding:.7rem .75rem}.wish{left:max(.35rem, env(safe-area-inset-left));top:calc(4.2rem + env(safe-area-inset-top))}.yes-ending .infinity{height:5rem;font-size:6.5rem}.yes-ending strong{font-size:clamp(2.2rem,12vw,3.7rem)}}@media (width<=380px){.intro h1{font-size:2.55rem}.intro>div>p{font-size:.95rem}.split blockquote{font-size:1.3rem}.confession h2{font-size:2.7rem}.confession h3{font-size:1.95rem}.actions{margin-top:1.5rem}.actions button{min-height:2.7rem;padding:.65rem 1rem}}@media (height<=520px) and (orientation:landscape){.intro h1{font-size:clamp(3rem,10vw,4.5rem)}.intro>div>p{margin-top:1rem;font-size:1rem}.scroll-cue{display:none}.split.left{width:40vw;top:18svh}.split.right{width:40vw;top:60svh}.split blockquote{font-size:1.15rem}.memory-title{width:46vw;top:3rem}.searching p{font-size:clamp(2rem,7vw,3.2rem)}.connection h2{font-size:clamp(2.3rem,8vw,4rem)}.confession{padding:2.5rem 2rem .8rem}.confession h2{margin:.4rem 0 .65rem;font-size:2.55rem}.confession h3{font-size:1.8rem}.confession p{font-size:.9rem}.actions{flex-direction:row;margin-top:.8rem}.actions button{min-height:2.5rem;padding:.55rem 1rem}.yes-ending .infinity{height:3.5rem;font-size:5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}