:root {
  --text: #fff7ef;
  --muted: rgba(255, 247, 239, 0.76);
  --glass: rgba(255, 247, 239, 0.12);
  --border: rgba(255, 255, 255, 0.16);
  --accent: #f4d7b7;
  --accent-strong: #b78972;
}
*{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(244,215,183,.24),transparent 26%),linear-gradient(180deg,#4e332e,#1f1416 56%,#110d10);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:#1c1212;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(20,12,12,.82),rgba(20,12,12,.96))}.music-box{position:relative;width:min(360px,82vw);height:260px}.lid,.base,.ballerina,.dust{position:absolute}.base{left:0;right:0;bottom:0;height:150px;border-radius:28px;background:linear-gradient(180deg,#7f5a4d,#b58871 48%,#6a483d);box-shadow:0 26px 48px rgba(0,0,0,.22)}.lid{left:0;right:0;top:10px;height:90px;border-radius:28px 28px 16px 16px;background:linear-gradient(180deg,#cfa992,#8d6555);transform-origin:bottom center;transition:transform 1.2s ease}.ballerina{left:50%;bottom:110px;width:26px;height:88px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,239,222,.95),rgba(255,239,222,.3));clip-path:polygon(46% 0,54% 0,58% 34%,100% 72%,0 72%,42% 34%);filter:drop-shadow(0 0 12px rgba(255,232,201,.5));animation:spin 4s linear infinite}.dust{width:18px;height:18px;border-radius:50%;background:rgba(255,229,193,.66);filter:blur(2px);animation:dust 6s linear infinite}.dust-a{left:16%;top:26%}.dust-b{right:18%;top:18%;animation-delay:1.4s}body.intro-complete .lid{transform:rotateX(-155deg)}body.intro-complete .music-box{transform:scale(1.06);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 .95s}.intro-copy{position:relative;z-index:2;max-width:640px;text-align:center;margin-top:26px}.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,232,207,.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(18,10,10,.18),rgba(18,10,10,.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(20,12,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:#2e1713;text-decoration:none;background:linear-gradient(135deg,var(--accent),#fff3e4)}.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:#2e1713;background:linear-gradient(135deg,#f3d9bd,#bd8d77)}.success-modal{display:grid;place-items:center;background:rgba(10,6,6,.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 spin{from{transform:translateX(-50%) rotate(0)}to{transform:translateX(-50%) rotate(360deg)}}@keyframes dust{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:1}100%{transform:translateY(-140px) scale(1.2);opacity:0}}