:root{--bg:#fff8f8;--bg-soft:#fffaf5;--surface:#fff8fa8c;--surface-strong:#fff8fad1;--surface-border:#ffffff73;--text:#604451;--heading:#4d2f3d;--muted:#8a6c79;--pink:#f2c8d4;--blush:#f7dce4;--rose:#c9879d;--gold:#d8ab81;--lavender:#d9c9ee;--shadow:0 30px 80px #986a802e;--shadow-soft:0 18px 40px #a074891f;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--max-width:1180px;--serif:"Cormorant Garamond", "Times New Roman", serif;--sans:"Manrope", "Segoe UI", sans-serif;font-family:var(--sans);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background:radial-gradient(circle at 0 0,#ffd5e2d9,#0000 28%),radial-gradient(circle at 100% 0,#dbd0f5cc,#0000 30%),linear-gradient(#fff7f8 0%,#fffaf7 44%,#fff9fb 100%);font-weight:400;line-height:1.6}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{overflow-x:hidden}body.modal-open{overflow:hidden}body:before,body:after{content:"";pointer-events:none;filter:blur(40px);opacity:.7;z-index:0;border-radius:50%;position:fixed;inset:auto}body:before{background:#f6d2dfbf;width:18rem;height:18rem;top:12%;left:-4rem}body:after{background:#ddd3f5ad;width:22rem;height:22rem;bottom:10%;right:-6rem}a,button{font:inherit}button{cursor:pointer;border:0}#app{z-index:1;position:relative}.page-shell{position:relative}.ambient{filter:blur(80px);opacity:.45;pointer-events:none;z-index:0;border-radius:999px;position:fixed}.ambient-one{background:#ffd2ddcc;width:18rem;height:18rem;animation:12s ease-in-out infinite drift;top:14%;right:8%}.ambient-two{background:#e2d6facc;width:14rem;height:14rem;animation:16s ease-in-out infinite reverse drift;bottom:12%;left:6%}.floating-hearts{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-hearts span{background:linear-gradient(135deg,#ffd4dfcc,#d6a7b873);width:18px;height:18px;animation:linear infinite floatHeart;position:absolute;bottom:-10%;transform:rotate(45deg);box-shadow:0 0 12px #ffd6e280}.floating-hearts span:before,.floating-hearts span:after{content:"";background:inherit;border-radius:50%;width:18px;height:18px;position:absolute}.floating-hearts span:before{left:-9px}.floating-hearts span:after{top:-9px}.floating-hearts span:first-child{animation-duration:17s;animation-delay:-2s;left:10%}.floating-hearts span:nth-child(2){width:14px;height:14px;animation-duration:20s;left:24%}.floating-hearts span:nth-child(3){animation-duration:15s;animation-delay:-6s;left:44%}.floating-hearts span:nth-child(4){width:16px;height:16px;animation-duration:18s;animation-delay:-4s;left:64%}.floating-hearts span:nth-child(5){animation-duration:14s;left:82%}.floating-hearts span:nth-child(6){width:12px;height:12px;animation-duration:19s;animation-delay:-8s;left:92%}.section{width:min(var(--max-width), calc(100% - 2rem));margin:0 auto}.hero{flex-direction:column;justify-content:space-between;min-height:100svh;padding:2rem 0 3.5rem;display:flex}.topbar{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.brand{color:var(--heading);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.music-toggle{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--heading);box-shadow:var(--shadow-soft);background:#ffffff6b;border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:.75rem;padding:.8rem 1.1rem;transition:transform .22s,box-shadow .22s,background .22s;display:inline-flex}.music-toggle:hover,.music-toggle.is-playing{background:#fff9fbb8;transform:translateY(-2px);box-shadow:0 18px 35px #9c70852e}.music-indicator{background:linear-gradient(135deg,#ed95af,#d8ab81);border-radius:50%;width:10px;height:10px;box-shadow:0 0 14px #ed95afb3}.hero-grid{grid-template-columns:1.2fr .9fr;align-items:center;gap:2rem;padding:2rem 0 4rem;display:grid}.eyebrow{color:var(--rose);text-transform:uppercase;letter-spacing:.16em;margin:0 0 .75rem;font-size:.8rem;font-weight:700}.hero-copy h1,.section-heading h2,.dream-card h3,.promise-card h2{font-family:var(--serif);color:var(--heading)}.hero-copy h1{text-wrap:balance;max-width:10ch;margin:0;font-size:clamp(3.4rem,7vw,6rem);line-height:.92}.hero-subtitle,.section-copy,.letter-card,.reason-card,.dream-card,.promise-card{font-size:1.02rem}.hero-subtitle{max-width:42rem;color:var(--muted);margin:1.5rem 0 0}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.primary-button,.ghost-button{border-radius:999px;justify-content:center;align-items:center;min-width:12rem;padding:.95rem 1.5rem;text-decoration:none;transition:transform .24s,box-shadow .24s,background .24s;display:inline-flex}.primary-button{color:#fffaf7;background:linear-gradient(135deg,#d8899f 0%,#bb7790 44%,#d5a57f 100%);box-shadow:0 18px 35px #c67e964d}.primary-button:hover,.promise-button.accepted{transform:translateY(-3px);box-shadow:0 22px 44px #c07a925c}.ghost-button{color:var(--heading);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff6;border:1px solid #ffffff80}.ghost-button:hover{background:#ffffffb3;transform:translateY(-3px)}.hero-card,.letter-card,.reason-card,.dream-card,.promise-card{background:linear-gradient(180deg, var(--surface-strong), var(--surface));border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-xl);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card{isolation:isolate;flex-direction:column;justify-content:flex-end;gap:1.25rem;min-height:24rem;padding:2rem;display:flex}.hero-card-glow{filter:blur(10px);z-index:-1;background:radial-gradient(circle,#ffdfe6cc,#0000 70%);border-radius:50%;width:9rem;height:9rem;position:absolute;inset:1.5rem 1.5rem auto auto}.hero-card:before{content:"";z-index:-1;background:radial-gradient(circle at 100% 0,#fffffff2,#0000 28%),radial-gradient(circle at 0 100%,#e2d4f580,#0000 35%);position:absolute;inset:0}.hero-card-title{font-family:var(--serif);color:var(--heading);margin:0;font-size:2rem;line-height:1.05}.hero-card-text{color:var(--muted);margin:0}.hero-photo-frame{background:linear-gradient(#ffffffe0,#fff4f89e),linear-gradient(135deg,#e0c6ff66,#ffdce585);border-radius:28px;min-height:20rem;padding:.7rem;position:relative;box-shadow:inset 0 1px #ffffffe6,0 22px 50px #a77c912e}.hero-photo-frame:before{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(circle,#ffe3eaf2,#0000 72%);border-radius:50%;width:6rem;height:6rem;position:absolute;inset:1rem auto auto 1rem}.hero-photo{object-fit:cover;object-position:center;filter:saturate(1.04)contrast(1.02)brightness(1.03);border-radius:22px;width:100%;height:100%;min-height:18.5rem;display:block}.photo-note{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff6f8;background:#472c3a57;border:1px solid #ffffff3d;border-radius:18px;padding:.9rem 1rem;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem;box-shadow:0 14px 28px #381f2b2e}.photo-note-label{text-transform:uppercase;letter-spacing:.18em;color:#ffeaf0d1;margin-bottom:.3rem;font-size:.74rem;display:inline-block}.photo-note p{font-family:var(--serif);margin:0;font-size:1.3rem;line-height:1.08}.promise-pills{flex-wrap:wrap;gap:.75rem;margin-top:.2rem;display:flex}.promise-pills span{color:var(--heading);background:#ffffff8f;border:1px solid #ffffff80;border-radius:999px;padding:.45rem .85rem;font-size:.9rem}.section-heading{max-width:42rem;margin-bottom:1.75rem}.section-heading h2{margin:0;font-size:clamp(2.5rem,5vw,4rem);line-height:.96}.section-copy{color:var(--muted);margin:1rem 0 0}.letter-section,.reasons-section,.dreams-section,.promise-section{padding:2rem 0 4rem}.letter-card{min-height:22rem;padding:2rem}.letter-spark{background:radial-gradient(circle,#ffffffeb,#0000 72%);width:6rem;height:6rem;position:absolute;top:1.5rem;right:1.5rem}.letter-intro{color:var(--rose);margin:0 0 1rem;font-weight:700}.typewriter{min-height:14rem;color:var(--heading);white-space:pre-wrap;margin:0;font-size:1.14rem;position:relative}.typewriter:after{content:"";vertical-align:middle;background:#bf7991e6;width:2px;height:1.2em;margin-left:6px;animation:1s step-end infinite blink;display:inline-block}.reasons-grid,.dreams-grid{gap:1.2rem;display:grid}.reasons-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.reason-card{min-height:12rem;padding:1.5rem}.reason-number{font-family:var(--serif);color:var(--gold);margin-bottom:2rem;font-size:2rem;display:inline-flex}.reason-card p{color:var(--heading);margin:0;font-size:1.05rem}.dreams-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dream-card{padding:1.8rem}.dream-icon{width:3.2rem;height:3.2rem;color:var(--heading);background:linear-gradient(135deg,#ffe0e7f2,#ded2f5b3);border-radius:50%;place-items:center;margin-bottom:1rem;font-size:1.4rem;display:grid;box-shadow:inset 0 1px #fffc}.dream-card h3{margin:0 0 .7rem;font-size:2rem;line-height:1}.dream-card p,.promise-card p{color:var(--muted);margin:0}.promise-section{padding-bottom:5rem}.promise-card{text-align:center;padding:3rem 1.5rem}.promise-card h2{margin:0;font-size:clamp(2.7rem,5vw,4.4rem);line-height:.94}.promise-card p{max-width:38rem;margin:1rem auto 0}.promise-button{margin-top:2rem}.tiny-note{color:var(--rose);font-size:.92rem}.memory-modal{opacity:0;pointer-events:none;z-index:20;place-items:center;padding:1.2rem;transition:opacity .26s;display:grid;position:fixed;inset:0}.memory-modal.is-open{opacity:1;pointer-events:auto}.memory-backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#4525347a;position:absolute;inset:0}.memory-dialog{background:linear-gradient(#fff7f9f0,#fffaf6db);border:1px solid #ffffff80;border-radius:30px;width:min(920px,100%);padding:1.4rem;position:relative;box-shadow:0 30px 70px #53303e3d}.memory-title{font-family:var(--serif);color:var(--heading);margin:0 0 1.3rem;font-size:clamp(2rem,4vw,3.4rem);line-height:.98}.memory-close{width:2.6rem;height:2.6rem;color:var(--heading);box-shadow:var(--shadow-soft);background:#fffc;border-radius:50%;position:absolute;top:1rem;right:1rem}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.memory-card{background:#ffffff8f;border:1px solid #fff9;border-radius:24px;margin:0;overflow:hidden;box-shadow:0 18px 40px #93687c24}.memory-card img{object-fit:cover;width:100%;height:21rem;display:block}.memory-card figcaption{color:var(--heading);font-family:var(--serif);padding:1rem 1rem 1.1rem;font-size:1.3rem;line-height:1.05}.memory-actions{flex-direction:column;align-items:flex-start;gap:.8rem;margin-top:1.25rem;display:flex}.send-ok-button:disabled{opacity:.8;cursor:default}.send-status{color:var(--rose);min-height:1.6rem;margin:0}.reveal{opacity:0;transition:opacity .8s,transform .8s;transition-delay:var(--delay,0s);transform:translateY(34px)scale(.98)}.reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}@keyframes blink{50%{opacity:0}}@keyframes floatHeart{0%{opacity:0;transform:translate(0,0)rotate(45deg)scale(.9)}10%{opacity:.8}to{opacity:0;transform:translate(20px,-120vh)rotate(45deg)scale(1.2)}}@keyframes drift{50%{transform:translate(20px,-16px)scale(1.08)}}@media (width<=1080px){.hero-grid,.reasons-grid,.dreams-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy h1{max-width:12ch}.reason-card,.dream-card{min-height:auto}.memory-grid{grid-template-columns:1fr}.memory-actions{align-items:stretch}}@media (width<=720px){.section{width:min(var(--max-width), calc(100% - 1.2rem))}.hero{padding-top:1rem}.topbar{flex-direction:column;align-items:stretch}.music-toggle,.primary-button,.ghost-button{width:100%}.hero-grid{gap:1.2rem;padding:1.2rem 0 3rem}.hero-copy h1{max-width:100%;font-size:3.3rem}.hero-card,.letter-card,.promise-card,.dream-card,.reason-card{border-radius:24px}.letter-card,.hero-card,.promise-card{padding:1.35rem}.hero-photo-frame{min-height:17rem;padding:.55rem}.hero-photo{min-height:15.5rem}.photo-note{bottom:.9rem;left:.9rem;right:.9rem}.photo-note p{font-size:1.1rem}.memory-dialog{border-radius:24px;padding:1rem}.memory-card img{height:16rem}.memory-card figcaption{font-size:1.1rem}.typewriter{min-height:18rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}