*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Noto Sans Devanagari","DM Sans",system-ui,sans-serif;background:#210b19;color:#fff;overflow-x:hidden}body{min-height:100svh}.ambient{position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 10% 20%,rgba(255,88,154,.35),transparent 28%),radial-gradient(circle at 85% 15%,rgba(255,194,214,.22),transparent 28%),radial-gradient(circle at 65% 80%,rgba(152,64,137,.3),transparent 30%),linear-gradient(150deg,#210b19 0%,#4d1236 45%,#160814 100%);animation:ambient 12s ease-in-out infinite alternate}@keyframes ambient{to{filter:hue-rotate(12deg) brightness(1.08)}}#hearts{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.heart{position:absolute;bottom:-80px;opacity:.22;animation:floatUp linear forwards;filter:blur(.2px)}@keyframes floatUp{to{transform:translateY(-120vh) rotate(20deg);opacity:0}}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:20}#app{min-height:100svh}.screen{display:none;min-height:100svh;padding:28px 18px;align-items:center;justify-content:center;animation:fade .55s ease}.screen.active{display:flex}@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.glass{width:min(760px,100%);padding:clamp(26px,5vw,58px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center}.eyebrow,.step{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:#ffc7dc;margin-bottom:14px}h1,h2,p{margin-top:0}h1{font-size:clamp(2.6rem,9vw,5.6rem);line-height:.98;margin-bottom:22px}h1 span{font-family:"Great Vibes",cursive;color:#ffd0e1;font-weight:400}h2{font-size:clamp(1.9rem,6vw,3.2rem);line-height:1.15;margin-bottom:16px}.lead{font-size:clamp(1.05rem,2.7vw,1.35rem);line-height:1.75;color:#fff3f7}.soft,.hint,.tiny{color:#e9cbd8}.hint{font-size:.82rem;margin-top:22px}.primary,.secondary,.mini,.quiz-opt,.reason{border:0;cursor:pointer;font:inherit;font-weight:700;transition:.2s ease;touch-action:manipulation}.primary{border-radius:999px;background:linear-gradient(135deg,#ff4f92,#ff86af);color:#fff;padding:15px 24px;box-shadow:0 12px 28px rgba(255,79,146,.3)}.primary:hover{transform:translateY(-2px) scale(1.015)}.secondary{border-radius:999px;padding:14px 22px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18)}.choice-area{position:relative;min-height:160px;margin-top:22px;display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.runaway{position:relative;z-index:3}.tease{min-height:28px;color:#ffd0df;font-weight:600}.option-stack{display:grid;gap:12px;margin:24px auto;max-width:520px}.quiz-opt{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.09);color:#fff;border:1px solid rgba(255,255,255,.14)}.quiz-opt:hover{background:rgba(255,100,160,.18);transform:translateY(-2px)}.quiz-msg{min-height:28px;color:#ffd0df;font-weight:700}.score{font-size:1.1rem;margin:10px 0 18px}.heart-game{height:300px;position:relative;border-radius:22px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.16);overflow:hidden;margin-bottom:18px}.game-heart{position:absolute;border:0;background:none;font-size:2rem;cursor:pointer;animation:pop .25s ease}@keyframes pop{from{transform:scale(.2)}to{transform:scale(1)}}.hidden{display:none!important}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.reason{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:18px;padding:17px 18px;text-align:left}.reason small{display:none;margin-top:10px;line-height:1.6;font-weight:500;color:#ffd9e7}.reason.open small{display:block}.reason.open{background:rgba(255,113,164,.18)}.gallery-screen{align-items:flex-start}.gallery-wrap{width:min(1100px,100%);padding:24px 0 50px}.gallery-head{margin:5px 4px 24px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.polaroid{margin:0;background:#fff;color:#2d1a24;padding:10px 10px 16px;border-radius:10px;transform:rotate(var(--r,0deg));box-shadow:0 20px 50px rgba(0,0,0,.25);transition:.28s}.polaroid:nth-child(3n+1){--r:-1.5deg}.polaroid:nth-child(3n+2){--r:1.2deg}.polaroid:nth-child(4n){--r:-.7deg}.polaroid:hover{transform:rotate(0) translateY(-5px) scale(1.02);z-index:2}.polaroid img{width:100%;height:260px;display:block;object-fit:cover;border-radius:5px}.polaroid.tall img{height:360px}.polaroid figcaption{padding:12px 4px 0;text-align:center;font-size:.9rem;font-weight:600}.bottom-next{display:block;margin:30px auto 0}.meter{height:24px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;margin:28px 0 12px;border:1px solid rgba(255,255,255,.13)}#meterFill{height:100%;width:0;background:linear-gradient(90deg,#ff4f92,#ffd166);transition:width .06s linear}.meter-text{font-size:2rem;font-weight:800;margin-bottom:22px}.letter{text-align:left}.letter h2,.letter .step{text-align:center}.letter-text{font-size:1.03rem;line-height:1.9;color:#fff3f7}.signature{font-family:"Great Vibes",cursive;font-size:2rem;line-height:1.35;color:#ffd1e1;margin-top:30px}.signature span{font-family:"Noto Sans Devanagari";font-size:.9rem;color:#e7c6d3}.cake{font-size:6rem;margin:10px 0}.candles{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.candles button{font-size:2.3rem;background:none;border:0;cursor:pointer;transition:.2s}.candles button.blown{opacity:.18;transform:translateY(8px) rotate(20deg)}.final-card .big-heart{font-size:4rem;animation:pulse 1.3s infinite}@keyframes pulse{50%{transform:scale(1.13)}}.forever{font-family:"Great Vibes","Noto Sans Devanagari",cursive;font-size:clamp(2rem,7vw,3.4rem);color:#ffd0e1;margin:24px 0}
@media(max-width:780px){.photo-grid{grid-template-columns:repeat(2,1fr)}.polaroid img,.polaroid.tall img{height:260px}}@media(max-width:520px){.screen{padding:18px 13px}.glass{border-radius:22px;padding:28px 18px}.choice-area{min-height:190px}.photo-grid{grid-template-columns:1fr;gap:16px}.polaroid img,.polaroid.tall img{height:auto;max-height:560px}.reason-grid{grid-template-columns:1fr}h1{font-size:3rem}.primary,.secondary{min-width:145px}.letter-text{font-size:.98rem}.heart-game{height:260px}}





.game-heart{
  position:absolute!important;
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-size:30px!important;
  line-height:1;
  cursor:pointer;
  z-index:5;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  animation:heartPop .22s ease;
}
.game-heart:active{transform:scale(.82)}
.heart-win{
  min-height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-size:1.35rem;
  font-weight:700;
  color:#fff3f7;
}
@keyframes heartPop{
  from{transform:scale(.3);opacity:0}
  to{transform:scale(1);opacity:1}
}
#meterFill{transition:width .08s linear}
#startMeter:disabled{opacity:.7;cursor:wait}