@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html{background:#fff9f7}body,#root{min-height:100vh}:root{--cream:#fff9f7;--cream-2:#fff3f2;--blush:#f4dde5;--pink:#dfa8ba;--pink-deep:#b86f87;--lilac:#b9a2c8;--ink:#563f49;--muted:#8b737c;--night:#272431;--white:#fff;--border:#734d5b21;--shadow:0 24px 70px #5d34441f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 0%, #f4dde5b3, transparent 35%), linear-gradient(180deg, var(--cream) 0%, #fffdfc 54%, #fff8f7 100%);min-width:320px;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #b86f8747}.app-shell{min-height:100vh;overflow:hidden}.intro-screen{background:linear-gradient(#fff6, #fff3), radial-gradient(circle at 50% 20%, #f6dfe7, transparent 34%), var(--cream);place-items:center;min-height:100svh;padding:24px;display:grid;position:relative}.ambient{filter:blur(18px);opacity:.55;border-radius:999px;position:absolute}.ambient-one{background:#ecd8f2;width:260px;height:260px;top:-90px;right:-70px}.ambient-two{background:#f5cedb;width:220px;height:220px;bottom:-90px;left:-70px}.intro-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(100%,620px);box-shadow:var(--shadow);z-index:2;background:#ffffffad;border:1px solid #ffffffd9;border-radius:34px;padding:48px 34px;position:relative}.tiny-heart{background:var(--cream-2);width:48px;height:48px;color:var(--pink-deep);border:1px solid var(--border);border-radius:999px;place-items:center;margin:0 auto 26px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--pink-deep);margin:0 0 10px;font-size:.72rem;font-weight:700}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:500}.intro-card h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.65rem,8vw,5rem);line-height:.98}.intro-copy{max-width:460px;color:var(--muted);margin:22px auto 30px;font-size:1rem;line-height:1.8}.primary-button,.ghost-button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;transition:transform .2s,box-shadow .2s;display:inline-flex}.primary-button{background:var(--ink);color:#fff;padding:14px 22px;box-shadow:0 12px 30px #4a313a2e}.primary-button:hover{transform:translateY(-2px)}.section-wrap{width:min(1120px,100% - 32px);margin:0 auto;padding:96px 0}.hero-section{flex-direction:column;justify-content:center;min-height:92svh;display:flex;position:relative}.hero-glow{pointer-events:none;background:radial-gradient(circle,#efcad899,#0000 68%);border-radius:999px;width:380px;height:380px;position:absolute;top:70px;left:-120px}.floating-label{border:1px solid var(--border);width:max-content;color:var(--pink-deep);z-index:2;background:#fff;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 12px;font-size:.78rem;display:flex;position:relative;box-shadow:0 10px 30px #5738440f}.hero-section h1{letter-spacing:-.055em;z-index:2;max-width:900px;margin:0;font-size:clamp(3rem,8vw,7.2rem);line-height:.92;position:relative}.hero-section h1 span{color:var(--pink-deep);font-style:italic;display:block}.hero-copy{max-width:610px;color:var(--muted);margin:28px 0 0;font-size:1.02rem;line-height:1.85}.scroll-cue{color:#fff;background:var(--ink);border:1px solid #563f492e;border-radius:999px;align-items:center;gap:9px;width:max-content;margin-top:46px;padding:13px 18px;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 12px 30px #4a313a2e}.scroll-cue:hover{background:#49343d;transform:translateY(-2px);box-shadow:0 16px 36px #4a313a3d}.section-heading{max-width:720px;margin-bottom:34px}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.02}.section-heading>p:last-child:not(.eyebrow){color:var(--muted);line-height:1.7}.distance-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffc7;border-radius:30px;grid-template-columns:160px 1fr 160px;align-items:center;gap:24px;padding:38px;display:grid}.city{letter-spacing:.13em;text-align:center;flex-direction:column;align-items:center;gap:10px;font-size:.76rem;font-weight:700;display:flex}.pin{background:var(--cream-2);width:54px;height:54px;color:var(--pink-deep);border-radius:50%;place-items:center;display:grid}.connection{text-align:center}.connection-line{background:repeating-linear-gradient(90deg,#b86f874d 0 8px,#0000 8px 14px);width:100%;height:2px;margin:0 auto 18px;position:relative}.travel-heart{color:var(--pink-deep);filter:drop-shadow(0 4px 8px #b86f872e);position:absolute;top:-11px}.connection strong,.connection small{display:block}.connection strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:500}.connection small{color:var(--muted);margin-top:6px}.soft-quote{text-align:center;max-width:730px;color:var(--pink-deep);margin:38px auto 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.45}.memory-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.memory-card{border:1px solid var(--border);text-align:left;cursor:pointer;background:#ffffffd6;border-radius:24px;padding:10px;box-shadow:0 16px 45px #57384414}.memory-image-placeholder{aspect-ratio:4/5;color:#5738447a;text-transform:uppercase;letter-spacing:.15em;background:linear-gradient(135deg,#e5becbb3,#d1c4dfbf),#f2e7eb;border-radius:18px;place-items:center;font-size:.76rem;display:grid}.memory-text{padding:18px 12px 16px}.memory-text small{color:var(--pink-deep);text-transform:uppercase;letter-spacing:.13em;font-weight:700}.memory-text h3{margin:8px 0;font-size:1.45rem}.memory-text p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}.love-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.love-note{border:1px solid var(--border);cursor:pointer;text-align:left;min-height:150px;color:var(--pink-deep);background:#ffffffb8;border-radius:22px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:22px;transition:background .25s,transform .25s;display:flex}.love-note.is-open{background:linear-gradient(145deg,#fbe9ee,#f4e7f7)}.love-note span{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:1.25rem;line-height:1.45}.letter-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.letter-card{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fffaf8;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:180px;padding:22px;display:flex;box-shadow:0 16px 40px #57384412}.letter-card:nth-child(2n){background:#fbf7ff}.envelope-icon{background:var(--cream-2);width:46px;height:46px;color:var(--pink-deep);border-radius:50%;place-items:center;display:grid}.letter-card span{font-family:Georgia,Times New Roman,serif;font-size:1.2rem}.letter-card small{color:var(--muted)}.voice-card{box-shadow:var(--shadow);background:linear-gradient(135deg,#f7e5ebe6,#f0eaf8f5);border:1px solid #ffffffe6;border-radius:30px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:36px;display:grid}.voice-card h2{margin:0 0 8px;font-size:clamp(2rem,5vw,3.5rem)}.voice-card p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.7}.voice-icon{width:66px;height:66px;color:var(--pink-deep);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 12px 35px #5b374514}.ghost-button{border:1px solid var(--border);color:var(--muted);background:#ffffffa6;padding:12px 16px}.same-sky-section{color:#fff;background:radial-gradient(circle at 50% 110%,#b79ccb47,#0000 45%),linear-gradient(#302c3a,#211e29);place-items:center;min-height:78svh;padding:80px 24px;display:grid;position:relative;overflow:hidden}.sky-copy{text-align:center;z-index:2;width:min(720px,100%);position:relative}.sky-copy .eyebrow{color:#d7b7c8;margin-top:18px}.sky-copy h2{margin:0;font-size:clamp(2.6rem,7vw,5.8rem);line-height:.98}.sky-copy>p:last-child{color:#ffffffb3;max-width:580px;margin:24px auto 0;line-height:1.8}.stars{position:absolute;inset:0}.star{background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 12px #fffc}.centered{text-align:center;margin-left:auto;margin-right:auto}.final-section{text-align:center}.gift-box{aspect-ratio:1.25;border:1px solid var(--border);cursor:pointer;width:min(320px,100%);color:var(--pink-deep);box-shadow:var(--shadow);background:linear-gradient(145deg,#f8e2e9,#efe5f6);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:0 auto;display:flex}.gift-box.open{background:linear-gradient(145deg,#fff7f8,#f7f0fb)}.gift-box span{color:var(--ink);font-weight:700}.gift-message{border:1px solid var(--border);background:#ffffffd1;border-radius:24px;width:min(700px,100%);margin:28px auto 0;padding:30px;box-shadow:0 18px 50px #5b374514}.gift-message h3{margin:12px 0;font-size:clamp(1.8rem,5vw,3rem)}.gift-message p{color:var(--muted);line-height:1.8}footer{text-align:center;color:var(--muted);padding:0 24px 40px;font-size:.82rem}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#2a202575;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fffdfa;border-radius:28px;width:min(520px,100%);max-height:88svh;padding:18px;position:relative;overflow:auto;box-shadow:0 30px 90px #2c1a2140}.close-button{cursor:pointer;z-index:2;background:#ffffffd6;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:28px;right:28px}.modal-photo-placeholder{aspect-ratio:4/3;color:#5738448c;background:linear-gradient(135deg,#f0d9e1,#e7def0);border-radius:20px;place-items:center;margin-bottom:24px;display:grid}.modal-card h3{margin:4px 0 12px;font-size:2rem}.modal-card>p:last-child{color:var(--muted);line-height:1.75}.letter-modal{background:linear-gradient(#ffffffd6,#ffffffd6),repeating-linear-gradient(0deg,#fffaf6 0 28px,#eadfe0 29px);padding:38px 32px 34px}.letter-modal>svg{color:var(--pink-deep);margin-bottom:18px}@media (width<=860px){.memory-grid{grid-template-columns:1fr}.memory-card{grid-template-columns:120px 1fr;align-items:stretch;display:grid}.memory-image-placeholder{aspect-ratio:auto;min-height:160px}.love-grid,.letter-grid{grid-template-columns:repeat(2,1fr)}.distance-card{grid-template-columns:1fr;gap:20px}.connection{width:100%}.voice-card{grid-template-columns:auto 1fr}.voice-card .ghost-button{grid-column:1/-1}}@media (width<=560px){.section-wrap{width:min(100% - 24px,1120px);padding:72px 0}.intro-card{border-radius:28px;padding:38px 22px}.hero-section{min-height:92svh}.hero-section h1{font-size:clamp(3.25rem,17vw,5.2rem)}.hero-copy{font-size:.96rem}.distance-card{border-radius:24px;padding:26px 18px}.memory-card{grid-template-columns:108px 1fr}.memory-text{padding:12px}.memory-text h3{font-size:1.2rem}.love-grid,.letter-grid{grid-template-columns:1fr}.love-note{min-height:122px}.letter-card{min-height:145px}.voice-card{grid-template-columns:1fr;padding:24px}.voice-icon{width:56px;height:56px}.same-sky-section{min-height:72svh}}.city span{max-width:160px;line-height:1.45}@media (width<=560px){.scroll-cue{padding:13px 17px;font-size:.9rem}.city span{max-width:220px}}.theme-stickers{justify-content:space-between;gap:10px;display:flex;position:absolute;top:14px;left:14px;right:14px}.theme-stickers span{color:var(--ink);text-transform:uppercase;letter-spacing:.12em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border:1px solid #563f4914;border-radius:999px;justify-content:center;align-items:center;padding:7px 10px;font-size:.68rem;display:inline-flex}.memory-image-placeholder{position:relative;overflow:hidden}.memory-image-placeholder strong{color:var(--ink);text-transform:uppercase;letter-spacing:.18em;white-space:nowrap;background:#ffffffb3;border:1px solid #563f491a;border-radius:999px;padding:9px 14px;font-size:.74rem;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.memory-image-placeholder.hair{background:radial-gradient(circle at 75% 22%,#ffffff61,#0000 18%),linear-gradient(135deg,#eac8d4,#d6c5df)}.memory-image-placeholder.france{background:radial-gradient(circle at 80% 24%,#ffffff5c,#0000 18%),linear-gradient(135deg,#eed6de,#d8d8eb)}.memory-image-placeholder.prom{background:radial-gradient(circle at 78% 22%,#ffffff6b,#0000 18%),linear-gradient(135deg,#e6d0df,#dacbe6)}.theme-stickers span{width:44px;height:34px;padding:0}.mini-icon{width:16px;height:16px;color:var(--ink)}.memory-main-illustration{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.main-illustration-icon{color:#563f4938;filter:drop-shadow(0 8px 18px #563f4914);width:86px;height:86px}.memory-image-placeholder.hair .main-illustration-icon{transform:rotate(-10deg)}.memory-image-placeholder.france .main-illustration-icon{transform:rotate(-8deg)}.memory-image-placeholder.prom .main-illustration-icon{transform:rotate(-4deg)}.memory-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.memory-photo-overlay{pointer-events:none;background:linear-gradient(#0000 60%,#281c232e),linear-gradient(#ffffff14,#ffffff14);position:absolute;inset:0}.memory-image-placeholder strong,.theme-stickers{z-index:2;position:absolute}.memory-main-illustration{display:none}.modal-photo{aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg,#f0d9e1,#e7def0);border-radius:20px;width:100%;margin-bottom:24px;display:block}.memory-quote{color:var(--pink-deep);margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-style:italic;line-height:1.6}.voice-card-live{grid-template-columns:auto 1fr;align-items:center}.voice-card-live audio{display:none}.voice-play-button{cursor:pointer;width:72px;height:72px;color:var(--pink-deep);background:#ffffffeb;border:0;border-radius:50%;place-items:center;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 14px 34px #5b37451f}.voice-play-button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 18px 40px #5b374529}.voice-content{min-width:0}.voice-subcopy{margin-top:6px!important}.audio-player-row{grid-template-columns:42px 1fr 42px;align-items:center;gap:12px;margin-top:24px;display:grid}.audio-player-row span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.audio-progress{width:100%;accent-color:var(--pink-deep);cursor:pointer}@media (width<=560px){.voice-card-live{grid-template-columns:1fr}.voice-play-button{width:64px;height:64px}.audio-player-row{grid-template-columns:38px 1fr 38px;gap:8px}}.gift-box-v2{aspect-ratio:1;width:min(330px,88vw);min-height:330px;position:relative;overflow:visible}.gift-box-v2:disabled{cursor:default}.gift-visual{place-items:end center;width:150px;height:138px;margin-bottom:22px;display:grid;position:relative}.gift-base{background:linear-gradient(145deg,#f0cbd7,#ddbad1);border:1px solid #563f491a;border-radius:14px 14px 20px 20px;height:92px;position:absolute;bottom:0;left:12px;right:12px;overflow:hidden;box-shadow:0 15px 30px #563f491f}.gift-lid{z-index:3;transform-origin:bottom;background:linear-gradient(145deg,#f7dce4,#e8c8d8);border:1px solid #563f491a;border-radius:14px;height:42px;position:absolute;top:26px;left:3px;right:3px;box-shadow:0 10px 20px #563f491a}.gift-ribbon-vertical{background:#ffffffb8;width:22px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.gift-ribbon-horizontal{background:#ffffffb8;height:18px;position:absolute;top:36px;left:0;right:0}.gift-bow{border:8px solid #ffffffdb;width:43px;height:31px;position:absolute;top:-24px}.gift-bow-left{border-radius:60% 45%;right:50%;transform:rotate(17deg)}.gift-bow-right{border-radius:45% 60%;left:50%;transform:rotate(-17deg)}.gift-sparkles{color:var(--pink-deep);z-index:5;position:absolute;top:-8px;right:-8px}.gift-action-text{z-index:6;font-weight:700;position:relative}.gift-message-v2{margin-top:34px;scroll-margin-block:18vh;position:relative;overflow:hidden}.gift-message-v2:before{content:"";pointer-events:none;background:radial-gradient(circle,#eec9d76b,#0000 68%);border-radius:50%;width:190px;height:190px;position:absolute;top:-90px;right:-50px}.reveal-sparkle{color:var(--pink-deep);margin-bottom:10px}@media (width<=560px){.gift-box-v2{width:min(300px,88vw);min-height:300px}.gift-visual{transform:scale(.9)}.gift-message-v2{margin-top:26px;scroll-margin-block:12vh}}@media (width<=640px){html,body,#root,.app-shell{width:100%;max-width:100%;overflow-x:hidden}body{font-size:16px}.section-wrap{width:calc(100% - 28px);padding:58px 0}.section-heading{margin-bottom:24px}.section-heading h2{font-size:clamp(2.15rem,10vw,2.8rem);line-height:1.03}.section-heading>p:last-child:not(.eyebrow){margin-top:14px;line-height:1.65}.eyebrow{letter-spacing:.15em;font-size:.68rem;line-height:1.45}.intro-screen{padding:14px}.intro-card{border-radius:26px;width:100%;padding:34px 22px}.intro-card h1{font-size:clamp(2.8rem,14vw,4rem);line-height:.98}.intro-copy{margin:18px auto 24px;font-size:.96rem;line-height:1.7}.hero-section{min-height:auto;padding-top:82px;padding-bottom:74px}.floating-label{margin-bottom:22px}.hero-section h1{letter-spacing:-.05em;max-width:100%;font-size:clamp(3rem,14.2vw,4.35rem);line-height:.94}.hero-copy{max-width:100%;margin-top:24px;font-size:.94rem;line-height:1.75}.scroll-cue{margin-top:30px;padding:12px 17px;font-size:.88rem}.distance-section{padding-top:52px;padding-bottom:56px}.distance-card{border-radius:24px;gap:16px;padding:24px 16px}.pin{width:48px;height:48px}.city{gap:8px;font-size:.71rem}.city span{max-width:240px}.connection-line{margin-bottom:14px}.connection strong{font-size:1.65rem}.connection small{font-size:.78rem}.soft-quote{margin-top:28px;padding:0 4px;font-size:1.45rem;line-height:1.45}.memories-section{padding-top:58px;padding-bottom:58px}.memory-grid{grid-template-columns:1fr;gap:18px}.memory-card{border-radius:22px;padding:8px;display:block}.memory-image-placeholder{aspect-ratio:4/5;border-radius:18px;width:100%;min-height:0}.memory-photo{object-position:center center}.memory-text{padding:16px 12px 14px}.memory-text h3{margin:7px 0 8px;font-size:1.38rem;line-height:1.15}.memory-text p{font-size:.91rem;line-height:1.6}.theme-stickers{top:12px;left:12px;right:12px}.memory-image-placeholder strong{font-size:.7rem;bottom:16px}.love-section{padding-top:54px;padding-bottom:54px}.love-grid{grid-template-columns:1fr;gap:11px}.love-note{border-radius:20px;min-height:92px;padding:16px 18px}.love-note span{font-size:1.12rem}.letters-section{padding-top:54px;padding-bottom:54px}.letter-grid{grid-template-columns:1fr;gap:12px}.letter-card{border-radius:18px;min-height:124px;padding:18px}.letter-card span{font-size:1.12rem}.envelope-icon{width:42px;height:42px}.voice-section{padding-top:54px;padding-bottom:54px}.voice-card,.voice-card-live{border-radius:24px;gap:18px;padding:22px}.voice-card h2,.voice-card-live h2{font-size:2rem;line-height:1.05}.voice-play-button{width:60px;height:60px}.audio-player-row{grid-template-columns:36px 1fr 36px;margin-top:20px}.same-sky-section{min-height:560px;padding:64px 22px}.sky-copy h2{font-size:clamp(2.7rem,12vw,3.65rem);line-height:.98}.sky-copy>p:last-child{margin-top:20px;font-size:.94rem;line-height:1.7}.final-section{padding-top:62px;padding-bottom:46px}.final-section .section-heading{margin-bottom:26px}.final-section .section-heading h2{font-size:2.4rem}.gift-box-v2{width:min(260px,82vw);min-height:260px}.gift-visual{margin-bottom:10px;transform:scale(.78)}.gift-message,.gift-message-v2{border-radius:22px;width:100%;margin-top:24px;padding:24px 18px}.gift-message h3,.gift-message-v2 h3{font-size:2.05rem;line-height:1.08}.gift-message p,.gift-message-v2 p{font-size:.92rem;line-height:1.75}footer{padding:4px 18px 30px}.modal-backdrop{padding:14px}.modal-card{border-radius:24px;width:100%;max-height:90svh}.modal-photo{aspect-ratio:4/5}.modal-card h3{font-size:1.8rem;line-height:1.08}}@media (width<=380px){.section-wrap{width:calc(100% - 22px)}.hero-section h1{font-size:3rem}.section-heading h2{font-size:2.08rem}.distance-card{padding-left:13px;padding-right:13px}.same-sky-section{padding-left:18px;padding-right:18px}.sky-copy h2{font-size:2.75rem}}