:root {
  --text: #fff8f0;
  --muted: rgba(255, 248, 240, 0.76);
  --glass: rgba(255, 248, 240, 0.12);
  --border: rgba(255, 255, 255, 0.18);
  --accent: #ffd9ad;
  --accent-strong: #f6a87c;
}
*{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,213,153,.24),transparent 28%),linear-gradient(180deg,#744d44,#2b1b1c 48%,#120d11);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:#1d1214;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,#171014,#2a1717)}.horizon,.sun-glow,.dust{position:absolute}.horizon{left:0;right:0;bottom:28%;height:4px;background:linear-gradient(90deg,transparent,rgba(255,214,161,.9),transparent);box-shadow:0 0 40px rgba(255,214,161,.5)}.sun-glow{left:50%;bottom:20%;width:240px;height:240px;border-radius:50%;transform:translateX(-50%) scale(.4);background:radial-gradient(circle,rgba(255,226,182,.95),rgba(255,167,102,.18),transparent 72%);transition:transform 1.8s ease,opacity 1.2s ease}.dust{width:14px;height:14px;border-radius:50%;background:rgba(255,232,197,.5);filter:blur(1px);animation:dust 7s linear infinite}.dust-a{left:18%;top:42%}.dust-b{right:16%;top:30%;animation-delay:1.4s}body.intro-complete .sun-glow{transform:translateX(-50%) scale(2.8);opacity:0}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(255,233,207,.74)}.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(20,11,12,.18),rgba(20,11,12,.78)),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(20,11,12,.84)),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:#3b1712;text-decoration:none;background:linear-gradient(135deg,var(--accent),#fff1dc)}.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:#3b1712;background:linear-gradient(135deg,#ffdfa9,#f3a579)}.success-modal{display:grid;place-items:center;background:rgba(14,9,10,.72);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 dust{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:1}100%{transform:translateY(-180px) scale(1.3);opacity:0}}