:root {
  --text: #eef6ff;
  --muted: rgba(238, 246, 255, 0.76);
  --glass: rgba(226, 243, 255, 0.09);
  --border: rgba(226, 243, 255, 0.15);
  --accent: #d6e6ff;
  --accent-strong: #8db7df;
}
*{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(150,185,230,.16),transparent 28%),linear-gradient(180deg,#13253c,#08131f 56%,#040910);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:#07101a;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(4,10,16,.8),rgba(4,10,16,.96))}.moon,.sea,.wave,.mist{position:absolute}.moon{top:10%;right:14%;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(245,250,255,.95),rgba(176,205,235,.18));box-shadow:0 0 60px rgba(200,225,255,.24)}.sea{left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,rgba(35,79,122,.12),rgba(18,44,73,.58),rgba(5,14,25,.9))}.wave{left:-10%;right:-10%;height:180px;border-radius:48% 52% 0 0;background:rgba(138,188,232,.16);bottom:18%;filter:blur(4px);animation:wave 7s ease-in-out infinite}.wave-b{bottom:10%;opacity:.6;animation-delay:1.4s}.mist{left:0;right:0;bottom:22%;height:120px;background:radial-gradient(circle at center,rgba(255,255,255,.18),transparent 68%);filter:blur(18px)}body.intro-complete .wave{transform:translateY(260px);opacity:0;transition:transform 1.2s ease,opacity 1.2s ease}body.intro-complete .intro{opacity:0;pointer-events:none;transition:opacity 1.2s 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(225,238,255,.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(5,8,14,.18),rgba(5,8,14,.82)),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(0,0,0,.24)}.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(7,16,27,.86)),url("assets/bg.jpg") center/cover}.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,.08);border:1px solid var(--border)}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;color:#07101d;text-decoration:none;background:linear-gradient(135deg,var(--accent),#f6fbff)}.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,.08);font:inherit}.music-toggle{position:fixed;right:24px;bottom:24px;z-index:10;width:56px;height:56px;color:#07101d;background:linear-gradient(135deg,#cde0f7,#8fb3da)}.success-modal{display:grid;place-items:center;background:rgba(3,6,12,.78);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 wave{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(4%) translateY(-12px)}}