:root{--bg:#100d12;--paper:#19131a;--pink:#ff9fb9;--cream:#fff5ef;--muted:#b8aab2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 10%,#32202a 0,transparent 30%),var(--bg);color:var(--cream);font-family:Manrope,sans-serif;overflow-x:hidden}.screen{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(92vw,430px);padding:44px 28px;border:1px solid #ffffff1a;border-radius:28px;background:#1b151cdd;box-shadow:0 20px 80px #0008;text-align:center}.small,.badge,span{letter-spacing:.16em;font-size:11px;color:var(--pink);text-transform:uppercase}.card h1,.hero h1,h2{font-family:'DM Serif Display',serif;font-weight:400}.card h1{font-size:58px;margin:8px}.card p{color:var(--muted);line-height:1.7}input,button{width:100%;border:0;border-radius:14px;padding:15px;font:inherit;margin-top:14px}input{background:#ffffff10;color:white;text-align:center;font-size:26px;letter-spacing:.35em}button{cursor:pointer;background:var(--pink);color:#32141e;font-weight:700}#err{display:block;margin-top:10px;color:#ff8a8a}.hidden{display:none!important}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:10vw;max-width:1000px}.hero h1{font-size:clamp(46px,8vw,95px);line-height:.98;margin:18px 0}.hero p,.chapter p{max-width:680px;color:var(--muted);line-height:1.8}.primary{width:auto;padding:16px 22px}.chapter{padding:120px 10vw;max-width:1100px;margin:auto}.chapter h2{font-size:clamp(40px,6vw,72px);line-height:1.05;margin:14px 0}.center{text-align:center}.center p{margin:0 auto}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:38px}.gallery img{width:100%;height:280px;object-fit:cover;border-radius:18px;filter:saturate(.9);box-shadow:0 12px 40px #0006}.gallery img:nth-child(3n){transform:translateY(28px)}.quote{margin:55px auto 0;max-width:700px;padding:30px;border-left:2px solid var(--pink);font-family:'DM Serif Display';font-size:32px;text-align:left;background:#ffffff08}.music{width:auto;padding:18px 24px}.hint{font-size:12px}.gift{margin:30px auto 0;width:220px;height:220px;font-size:80px;background:linear-gradient(145deg,#ffb4c9,#e56d96);box-shadow:0 25px 60px #0008}.gift small{font-size:13px;color:#4b1a2b;letter-spacing:0}.final{min-height:100vh;display:grid;place-items:center;padding:30px}.giftbox{width:min(92vw,620px);position:relative}.lid{height:55px;background:#d65d88;border-radius:16px 16px 4px 4px;transform:rotate(-4deg);transform-origin:left bottom;transition:1s}.box{background:#f6d8df;color:#32131e;padding:45px 30px;border-radius:4px 4px 22px 22px;text-align:center}.box h2{font-size:42px;margin:0}.answer{font-family:'DM Serif Display';font-size:70px;color:#c94772;letter-spacing:.1em}.box p{line-height:1.8}.final.open .lid{transform:rotate(-112deg) translate(-70px,-40px)}#hearts{position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(circle at 15% 20%,#ff9fb944 0 2px,transparent 3px),radial-gradient(circle at 80% 70%,#ff9fb933 0 2px,transparent 3px);z-index:-1}@media(max-width:600px){.hero,.chapter{padding-left:24px;padding-right:24px}.chapter{padding-top:80px;padding-bottom:80px}.gallery img{height:220px}.gallery img:nth-child(3n){transform:none}}