:root {
  --text: #4b2b34;
  --muted: rgba(75, 43, 52, 0.74);
  --glass: rgba(255, 255, 255, 0.48);
  --border: rgba(138, 93, 111, 0.14);
  --accent: #f2b3c6;
  --accent-strong: #d684a2;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Poppins",sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(255,215,229,.5),transparent 28%),linear-gradient(180deg,#ffeef4,#f6dfe7 56%,#f0d7e0);overflow-x:hidden}body.locked{overflow:hidden}.loading-screen,.intro,.success-modal{position:fixed;inset:0;z-index:25}.loading-screen{display:grid;place-items:center;background:#f9e6ed;transition:opacity .8s ease}.loading-screen.hidden,.success-modal.hidden{opacity:0;pointer-events:none}.intro{display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,rgba(255,242,246,.92),rgba(250,223,233,.96))}.garden-glow,.butterfly,.flower{position:absolute}.garden-glow{inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.58),transparent 40%)}.butterfly{width:44px;height:30px;filter:drop-shadow(0 0 16px rgba(255,212,228,.8));animation:fly 8s ease-in-out infinite}.butterfly::before,.butterfly::after{content:"";position:absolute;top:0;width:22px;height:30px;background:linear-gradient(180deg,rgba(255,220,233,.95),rgba(231,153,185,.92));border-radius:80% 20% 70% 30%}.butterfly::before{left:0;transform:rotate(-18deg)}.butterfly::after{right:0;transform:scaleX(-1) rotate(-18deg)}.butterfly-a{left:14%;top:26%}.butterfly-b{right:16%;top:20%;animation-delay:1.2s}.butterfly-c{left:46%;bottom:24%;animation-delay:2.2s}.flower{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.78),rgba(247,202,219,.48),transparent 72%);filter:blur(10px);animation:bloom 5.5s ease-in-out infinite}.flower-a{left:12%;bottom:10%}.flower-b{right:8%;bottom:14%;animation-delay:1.6s}body.intro-complete .butterfly{transform:translateY(-160px) scale(.4);opacity:0;transition:transform 1.2s ease,opacity 1.2s ease}body.intro-complete .intro{opacity:0;pointer-events:none;transition:opacity 1.1s ease .9s}.intro-copy{position:relative;z-index:2;max-width:640px;text-align:center}.intro h1,.hero h2,.modal-card h3{font-family:"Playfair Display",serif}.intro h1{font-size:clamp(2.4rem,7vw,4.8rem);margin:12px 0}.eyebrow{margin:0;letter-spacing:.24em;text-transform:uppercase;font-size:.78rem;color:rgba(107,68,82,.72)}.intro-actions,.response-options,.share-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.page-shell.hidden{opacity:0;transform:translateY(22px)}.page-shell{transition:opacity 1s ease .9s,transform 1s ease .9s}body.intro-complete .page-shell{opacity:1;transform:none}.section{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:88px 0}.hero{min-height:100vh;display:grid;align-items:center;background:linear-gradient(180deg,rgba(255,246,248,.24),rgba(245,220,229,.72)),url("assets/bg.jpg") center/cover}.hero h2{font-size:clamp(3rem,8vw,6rem);line-height:1;margin:12px 0}.typed-line{min-height:58px;color:var(--muted)}.quote-section{text-align:center;padding-top:8px}.quote{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(1.7rem,4vw,2.9rem)}.glass-card{background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(18px);border-radius:30px;padding:30px;box-shadow:0 28px 60px rgba(158,100,122,.14)}.glass-card p{color:var(--muted);line-height:1.9}.gallery{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.memory-card{min-height:280px;padding:24px;border-radius:24px;display:flex;align-items:end;background:linear-gradient(180deg,transparent,rgba(111,61,79,.5)),url("assets/bg.jpg") center/cover;color:#fff7fb}.response-choice,.share-actions button,.skip-button,.cta-button,.music-toggle{border:0;border-radius:999px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.response-choice,.share-actions button,.skip-button{padding:14px 20px;color:var(--text);background:rgba(255,255,255,.6);border:1px solid var(--border)}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;color:#fff8fb;text-decoration:none;background:linear-gradient(135deg,var(--accent-strong),var(--accent))}.response-form label{display:block;margin-bottom:16px;color:var(--muted)}.response-form input,.response-form textarea{width:100%;margin-top:8px;padding:14px 16px;border-radius:16px;border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.72);font:inherit}.music-toggle{position:fixed;right:24px;bottom:24px;z-index:10;width:56px;height:56px;color:#fff8fb;background:linear-gradient(135deg,#d78aa5,#f2bfd0)}.success-modal{display:grid;place-items:center;background:rgba(124,76,93,.2);padding:24px;transition:opacity .4s ease}.modal-card{max-width:440px;text-align:center}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes fly{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(90px,-60px) rotate(10deg)}}@keyframes bloom{0%,100%{transform:scale(.8);opacity:.45}50%{transform:scale(1.1);opacity:.9}}