*{box-sizing:border-box}html{background:#f7eee8}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif;color:#62483f;background:#f7eee8}button,input{font:inherit}.screen{min-height:100dvh;max-width:520px;margin:auto;position:relative;overflow:hidden;padding:28px 20px 46px;background:linear-gradient(180deg,#fffaf6 0%,#fff4f1 52%,#fffaf5 100%)}.screen:before,.screen:after{content:"✿";position:absolute;color:#e9b8b2;opacity:.22;font-size:150px;z-index:0}.screen:before{top:-58px;left:-48px}.screen:after{right:-50px;bottom:-55px}.content{position:relative;z-index:1}.center{text-align:center}.script{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#c9787c}.kicker{font-size:16px;letter-spacing:3px;text-transform:uppercase}.hero-title{font:italic 700 54px/1.02 Georgia,serif;color:#b96870;margin:8px 0}.thai-title{font-size:25px;margin:10px 0 6px;color:#654a42}.muted{color:#967c73;line-height:1.7}.heart{color:#d97f86}.hero-photo{width:100%;height:54dvh;min-height:390px;max-height:580px;object-fit:cover;border-radius:180px 180px 28px 28px;box-shadow:0 18px 50px #8c5a5224;border:7px solid #fff;margin:20px 0 10px}.btn{width:100%;border:0;border-radius:999px;padding:16px 22px;font-weight:800;background:linear-gradient(135deg,#d98b8f,#bd6873);color:#fff;box-shadow:0 10px 25px #b96d7540;margin-top:14px}.btn.light{background:#fff;color:#a96369;border:1px solid #eed4cf;box-shadow:none}.card{background:#fffdfbda;backdrop-filter:blur(8px);border:1px solid #efdcd6;border-radius:26px;padding:20px;box-shadow:0 12px 35px #7e544314;margin:16px 0}.input{width:100%;padding:15px;border-radius:16px;border:1px solid #e8d3cd;background:#fff;margin:7px 0 10px}.chapter{display:flex;align-items:center;gap:12px;color:#b56d73;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800}.chapter:before,.chapter:after{content:"";height:1px;background:#e7c4c0;flex:1}.big-photo{width:100%;height:390px;object-fit:cover;border-radius:28px;box-shadow:0 14px 35px #76554a20}.question{font-size:25px;line-height:1.4;text-align:center;color:#5f443d;margin:20px 0}.answers{display:grid;gap:11px}.answer{border:1px solid #ecd2cc;background:#fff;border-radius:18px;padding:16px;color:#75534a;font-weight:800}.answer:active{transform:scale(.98)}.topline{display:flex;justify-content:space-between;align-items:center}.pill{padding:7px 11px;background:#f7e6e1;border-radius:99px;color:#a76569;font-weight:800;font-size:13px}.progress{height:7px;background:#f0dfdb;border-radius:99px;overflow:hidden;margin:14px 0 22px}.bar{height:100%;background:linear-gradient(90deg,#e5a3a1,#c76e77)}.unlock{animation:pop .55s ease}.polaroid{background:white;padding:10px 10px 24px;border-radius:5px;box-shadow:0 15px 35px #7252482c;transform:rotate(-2deg);margin:22px 14px}.polaroid img{width:100%;height:360px;object-fit:cover}.caption{text-align:center;font:italic 19px Georgia,serif;color:#9b6965;margin-top:13px}.memory{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.memory button{aspect-ratio:1;border:0;border-radius:16px;padding:0;overflow:hidden;background:linear-gradient(145deg,#e7aaa8,#c87980);color:white;font-size:28px}.memory img{width:100%;height:100%;object-fit:cover}.timeline{position:relative;margin:22px 0}.timeline:before{content:"";position:absolute;left:21px;top:5px;bottom:5px;width:2px;background:#e7c4c0}.moment{position:relative;display:flex;gap:14px;margin:15px 0}.dot{width:44px;height:44px;flex:none;border-radius:50%;background:#fff;border:2px solid #df9a99;display:grid;place-items:center;z-index:1}.moment-card{flex:1;background:#fff;border:1px solid #efdcd6;border-radius:18px;padding:12px}.moment-card img{width:100%;height:120px;object-fit:cover;border-radius:12px}.result-badge{width:150px;height:150px;border-radius:50%;margin:22px auto;background:#fff;border:1px solid #eacbc6;display:grid;place-items:center;text-align:center;box-shadow:0 12px 30px #a36c6420}.score{font:700 35px Georgia,serif;color:#bd6b72}.collage{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.collage img{width:100%;height:190px;object-fit:cover;border-radius:18px}.collage img:first-child{grid-column:1/3;height:240px}.tiny{font-size:12px;color:#a18379}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:5;background:#62483f;color:white;padding:12px 18px;border-radius:99px;font-weight:700;white-space:nowrap;animation:toast 1.5s both}@keyframes pop{0%{transform:scale(.92);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes toast{0%,100%{opacity:0;transform:translate(-50%,15px)}20%,80%{opacity:1;transform:translate(-50%,0)}}