@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap";:root{color:#f9f5f7;background:#09090c;font-family:DM Sans,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden;background:#09090c}button{font:inherit;-webkit-tap-highlight-color:transparent}.screen{min-height:100svh;position:relative;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.eyebrow{margin:0 0 17px;color:#d69bb9;font:500 .61rem/1.3 DM Mono,monospace;letter-spacing:.17em}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1,h2{font-family:Playfair Display,Georgia,serif;font-weight:500}.primary-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#f6edf1;padding:14px 21px;color:#221719;font-size:.84rem;font-weight:600;box-shadow:0 7px 26px #0000002e;transition:transform .2s ease,background .2s ease}.primary-button:active{transform:scale(.96);background:#fff}.primary-button span{font-size:1rem}.page-number,.intro-number{position:absolute;right:23px;bottom:calc(21px + env(safe-area-inset-bottom));color:#ffffff59;font:.58rem DM Mono,monospace;letter-spacing:.1em}.page-number.dark{color:#3f2a3170}.intro-screen{justify-content:center;padding:50px 27px calc(64px + env(safe-area-inset-bottom));background:#09090c}.intro-glow{position:absolute;z-index:-1;width:460px;height:460px;top:-180px;left:50%;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(137,57,107,.25),transparent 65%);filter:blur(8px)}.intro-copy{max-width:410px}.intro-copy h1{margin-bottom:28px;font-size:clamp(2.35rem,11vw,4.1rem);line-height:1.04;letter-spacing:-.045em}.intro-second{margin:0 0 25px;color:#b8afb4;font-size:1rem}.hunt-screen{align-items:center;justify-content:center;padding:44px 23px 78px;background:radial-gradient(ellipse at 50% 64%,#301a2a,#141016 35%,#09090c 72%)}.centered-copy{text-align:center;max-width:335px}.section-copy h2,.memories-head h2,.scene-heading h2{margin:0 0 12px;font-size:clamp(1.95rem,8vw,2.8rem);line-height:1.07;letter-spacing:-.035em}.muted,.section-copy>p:last-child{color:#a9a0a6;font-size:.89rem;line-height:1.6}.gift-options{display:flex;align-items:flex-end;justify-content:center;gap:clamp(11px,5vw,27px);min-height:184px;margin:23px 0 13px}.mini-gift{position:relative;cursor:pointer;width:75px;height:100px;border:0;background:none;filter:drop-shadow(0 17px 13px rgba(0,0,0,.38));transition:transform .23s ease,filter .23s ease}.mini-gift:nth-child(1){transform:rotate(-4deg) translateY(12px)}.mini-gift:nth-child(2){transform:translateY(-5px)}.mini-gift:nth-child(3){transform:rotate(4deg) translateY(8px)}.mini-gift:active{filter:drop-shadow(0 8px 6px rgba(0,0,0,.4))}.mini-gift:active .gift-box{transform:translateY(4px)}.gift-box{position:absolute;right:1px;bottom:0;left:1px;height:66px;border-radius:4px;background:linear-gradient(132deg,#e7a2c1,#bd5e90);box-shadow:inset 7px 0 #ffffff1f,inset -5px -7px #4a153029;transition:transform .22s ease}.gift-box:before{position:absolute;top:-10px;right:-3px;left:-3px;height:14px;border-radius:3px;background:#f0b1ce;content:""}.gift-ribbon{position:absolute;z-index:2;top:27px;bottom:0;left:calc(50% - 5px);width:10px;background:linear-gradient(90deg,#7c234b,#b9386e)}.gift-bow{position:absolute;z-index:3;top:10px;left:50%;width:14px;height:14px;border-radius:50%;background:#a72e61;transform:translate(-50%)}.gift-bow:before,.gift-bow:after{position:absolute;top:-2px;width:22px;height:14px;border:5px solid #9a285a;border-radius:50% 50% 42% 42%;content:""}.gift-bow:before{right:8px;transform:rotate(20deg)}.gift-bow:after{left:8px;transform:rotate(-20deg)}.mini-gift.is-wrong{animation:shake .52s both}.mini-gift.is-correct{animation:winner .8s both}.gift-options.is-found .mini-gift:not(.is-correct){opacity:.2;transform:scale(.8)}@keyframes shake{18%,54%{transform:translate(-7px) rotate(-5deg)}36%,72%{transform:translate(7px) rotate(5deg)}to{transform:translate(0)}}@keyframes winner{50%{transform:translateY(-18px) scale(1.11)}to{transform:translateY(-5px) scale(1)}}.hunt-message{min-height:45px;margin:0;color:#d7c7cf;text-align:center;font-size:.85rem;line-height:1.5}.hunt-message.success{color:#ffd79c;font-size:.95rem}.hunt-message.empty{color:#ffffff47}.memories-screen{min-height:100svh;overflow:visible;padding:calc(63px + env(safe-area-inset-top)) 17px 35px;background:#eee5e3;color:#322229}.memories-head{padding:0 10px 30px}.memories-head .eyebrow{color:#ad607e}.memories-head h2{margin-bottom:13px}.memories-head>p:last-child{margin:0;color:#8a747b;font-size:.83rem}.memories-list{display:grid;gap:13px}.memory-card{position:relative;min-height:190px;overflow:hidden;border:1px solid rgba(70,42,51,.08);border-radius:17px;background:#fbf8f6;box-shadow:0 8px 20px #3e1e2b0f}.memory-card:nth-child(2n){background:#e0bfd0}.memory-card:nth-child(3n){background:#d7c5ac}.memory-number{position:absolute;z-index:2;top:18px;left:18px;color:#9a6577;font:.66rem DM Mono,monospace;letter-spacing:.1em}.memory-content{padding:53px 21px 22px}.memory-card h3{margin-bottom:9px;font-family:Playfair Display,Georgia,serif;font-size:1.7rem;font-weight:500;letter-spacing:-.04em}.memory-card p{margin:0;max-width:430px;color:#705c64;font-size:.86rem;line-height:1.57}.photo-card{min-height:360px;background:#211d20!important}.photo-card .memory-number{color:#ffffffba}.photo-card .memory-content{position:absolute;z-index:2;right:0;bottom:0;left:0;padding-top:72px;background:linear-gradient(transparent,#0b090ac2)}.photo-card h3,.photo-card p{color:#fffafb}.photo-card p{color:#ffffffc2}.photo-card img,.photo-placeholder{position:absolute;width:100%;height:100%;object-fit:cover}.photo-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#6e3c53,#c57495 48%,#e4c6a7);color:#ffffffc2;text-align:center;font:.6rem/1.8 DM Mono,monospace;letter-spacing:.15em}.memories-end{display:flex;flex-direction:column;align-items:flex-start;gap:17px;padding:43px 10px 12px;color:#7a656d;font-size:.84rem}.memories-end .primary-button{margin-top:1px;background:#4a2937;color:#fff5f8}.notes-screen{min-height:100svh;overflow:visible;padding:calc(54px + env(safe-area-inset-top)) 20px calc(47px + env(safe-area-inset-bottom));background:#201922;color:#fbf3f5}.notes-glow{position:absolute;z-index:-1;top:-130px;left:50%;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(187,91,135,.25),transparent 67%);transform:translate(-50%)}.notes-head{max-width:400px;margin:0 auto 24px;text-align:center}.notes-head .eyebrow{color:#e0a1be;margin-bottom:10px}.notes-head h2{margin:0 0 9px;font-size:clamp(2rem,8vw,2.8rem);line-height:1.03;letter-spacing:-.045em}.notes-head p:last-child{margin:0;color:#bdafb5;font-size:.82rem}.notes-list{display:grid;gap:12px;width:min(100%,480px);margin:auto}.note-envelope{position:relative;min-height:115px}.envelope-trigger{position:absolute;z-index:3;inset:0;width:100%;border:0;border-radius:10px;background:#d999b5;cursor:pointer;box-shadow:0 10px 18px #0000002e;overflow:hidden;transition:opacity .32s ease,transform .25s ease}.envelope-trigger:active{transform:scale(.985)}.envelope-trigger:before,.envelope-trigger:after{position:absolute;width:74%;height:128%;background:linear-gradient(145deg,#f2bbcf,#cf789d);content:"";top:32%}.envelope-trigger:before{left:-30%;transform:rotate(32deg)}.envelope-trigger:after{right:-30%;transform:rotate(-32deg)}.envelope-flap{position:absolute;z-index:2;top:-26px;left:9%;width:82%;height:82px;background:linear-gradient(145deg,#f5c5d7,#e89dbb);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform .48s cubic-bezier(.22,1,.36,1)}.envelope-seal{position:absolute;z-index:4;top:48px;left:calc(50% - 13px);display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#78324f;color:#ffd8e7;font:1rem Playfair Display,serif;box-shadow:0 2px 3px #0003;transition:opacity .2s ease}.note-number,.tap-label{position:absolute;z-index:5;color:#561f39cc;font:.56rem DM Mono,monospace;letter-spacing:.12em}.note-number{top:15px;left:16px}.tap-label{right:15px;bottom:13px;font-size:.5rem}.envelope-base{position:absolute;z-index:1;inset:0;overflow:hidden;border-radius:10px;background:#cf789d}.note-paper{position:absolute;z-index:2;inset:8px 10px;padding:19px 21px;overflow:hidden;border-radius:6px;background:#fff9ef;box-shadow:0 7px 15px #0000003d;color:#4c303a}.note-paper>span{color:#b16c87;font:.55rem DM Mono,monospace;letter-spacing:.12em}.note-paper h3{margin:5px 0;font:500 1.2rem/1.05 Playfair Display,Georgia,serif;letter-spacing:-.03em}.note-paper p{margin:0;color:#785e69;font-size:.72rem;line-height:1.38}.note-envelope.is-open{min-height:180px;z-index:2}.note-envelope.is-open .envelope-trigger{opacity:0;pointer-events:none}.notes-end{display:flex;min-height:73px;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px;color:#a998a0;text-align:center;font-size:.74rem}.notes-end.is-visible{color:#f4d7a7}.notes-end .primary-button{background:#f5e8ed}.three-screen{background:#09090f;align-items:center;text-align:center}.scene-heading{z-index:2;max-width:370px;padding:calc(43px + env(safe-area-inset-top)) 23px 0}.scene-heading .eyebrow{margin-bottom:11px}.scene-heading h2{margin-bottom:10px;font-size:clamp(1.72rem,7.2vw,2.45rem)}.scene-heading p:last-child{margin:0;color:#a89da6;font-size:.8rem}.scene-wrap{position:absolute;inset:0;z-index:1}.scene-wrap canvas{touch-action:none}.scene-button{position:absolute;z-index:3;bottom:calc(51px + env(safe-area-inset-bottom))}.letter-screen{align-items:center;justify-content:center;padding:calc(39px + env(safe-area-inset-top)) 25px calc(64px + env(safe-area-inset-bottom));background:#dfccd0;color:#4b313a}.letter-halo{position:absolute;width:350px;height:350px;border-radius:50%;background:#f7e7c6;filter:blur(20px);opacity:.75}.letter{position:relative;width:min(100%,440px);padding:42px 28px 35px;background:#fffaf0;box-shadow:11px 13px #5f36421f,0 21px 42px #45263033}.letter:after{position:absolute;right:14px;bottom:12px;left:14px;height:1px;background:#6f455329;content:""}.letter-mark{display:block;margin-bottom:12px;color:#b35f82;font:2rem/1 Playfair Display,serif}.letter h1{margin-bottom:24px;font-size:clamp(2.05rem,8vw,2.9rem);line-height:1.05;letter-spacing:-.045em}.letter p{margin-bottom:15px;color:#765763;font-family:Playfair Display,Georgia,serif;font-size:1rem;line-height:1.57}.letter .signature{margin:28px 0 0;color:#9d5d78;font-size:.93rem;font-style:italic}.text-button{z-index:1;margin-top:27px;border:0;background:transparent;color:#704756;cursor:pointer;font:500 .75rem DM Mono,monospace;letter-spacing:.1em}.text-button span{display:inline-block;margin-left:7px;font-size:1rem;animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(4px)}}.letter-continue{display:inline-flex;align-items:center;gap:11px;margin-top:27px;padding:9px 15px 9px 11px;border:1px solid rgba(112,71,86,.18);border-radius:999px;background:#fffaf08c;color:#704756;text-align:left;box-shadow:0 4px 12px #5e354314}.letter-continue:active{transform:scale(.97)}.letter-continue>span:last-child{margin:0;font-size:inherit;animation:none}.continue-dot{display:grid!important;width:27px;height:27px;place-items:center;margin:0!important;border-radius:50%;background:#704756;color:#fff9f0;font-size:1.05rem!important;animation:none!important}.letter-continue strong,.letter-continue small{display:block}.letter-continue strong{font:500 .68rem DM Mono,monospace;letter-spacing:.07em}.letter-continue small{margin-top:2px;color:#9a7b87;font-size:.59rem}.final-screen{align-items:center;justify-content:center;padding:35px 25px 68px;background:radial-gradient(circle at 50% 44%,#64314e,#291626 37%,#0b0a0e 76%);text-align:center}.final-copy{z-index:2;max-width:390px}.final-copy .eyebrow{color:#e5b2c7}.final-copy h1{margin-bottom:17px;font-size:clamp(2.55rem,11.5vw,4.2rem);line-height:.99;letter-spacing:-.055em}.final-copy h1 em{color:#ffcbdf}.final-copy h1 span{font-size:.7em}.final-copy>p:not(.eyebrow){color:#c9b8c0;font-size:.9rem}.final-button{margin-top:21px}.party-message{margin:28px 0 0;color:#ffdfa0!important;font:italic 1.1rem Playfair Display,serif}.final-stars{position:absolute;top:14%;color:#ffe7a9;font-size:.9rem;letter-spacing:.42em;opacity:.74}.balloon{position:absolute;width:53px;height:68px;border-radius:50% 50% 48% 48%;filter:blur(.1px);opacity:.85}.balloon:before{position:absolute;z-index:1;top:calc(100% - 2px);left:50%;border-top:8px solid currentColor;border-right:4px solid transparent;border-left:4px solid transparent;color:#b45b7d;content:"";transform:translate(-50%)}.balloon:after{position:absolute;top:calc(100% + 5px);left:50%;width:1px;height:100px;background:linear-gradient(#df9bb9,transparent);content:"";transform:translate(-50%) rotate(6deg);transform-origin:top}.balloon-one{top:11%;left:7%;background:radial-gradient(circle at 35% 25%,#fff3fb 0 4%,#db6d9d 6%,#9b315a 73%);animation:float-one 5.5s ease-in-out infinite}.balloon-two{right:6%;bottom:14%;width:45px;height:58px;background:radial-gradient(circle at 35% 25%,#fffde9 0 4%,#f0c45f 6%,#ba7735 73%);animation:float-two 6s ease-in-out infinite}.balloon-two:before{color:#c08439}.balloon-two:after{background:linear-gradient(#d7aa55,transparent)}.balloon-three{right:16%;top:15%;width:28px;height:37px;background:radial-gradient(circle at 35% 25%,#fff 0 4%,#c5a2ee 7%,#6b4291 75%);animation:float-one 6.5s ease-in-out -1.5s infinite}.balloon-three:before{color:#79529e;border-top-width:6px;border-right-width:3px;border-left-width:3px}.balloon-three:after{top:calc(100% + 3px);height:60px;background:linear-gradient(#9a75bb,transparent)}@keyframes float-one{50%{transform:translate(8px,-14px) rotate(6deg)}}@keyframes float-two{50%{transform:translate(-8px,13px) rotate(-5deg)}}@media(min-width:700px){.intro-screen{padding-left:max(9vw,80px)}.intro-copy{max-width:550px}.memories-screen{padding-inline:max(8vw,50px)}.memories-list{max-width:670px;margin-inline:auto}.memories-head,.memories-end{max-width:670px;width:100%;margin-inline:auto}.memory-card{min-height:220px}.scene-heading{max-width:500px}.letter{padding:57px 52px 46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}