@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#593747;background:#fff5f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit;cursor:pointer}.page-shell{min-height:100vh;position:relative;overflow:hidden;padding:72px 20px 35px;background:radial-gradient(circle at 15% 15%,#ffe0eb 0,transparent 28%),radial-gradient(circle at 85% 75%,#f9dce8 0,transparent 30%),linear-gradient(135deg,#fff8fa,#fff0f5)}.ambient{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.6}.ambient-one{width:220px;height:220px;background:#ffd5e5;top:8%;left:-130px}.ambient-two{width:280px;height:280px;background:#ffe1ec;right:-160px;bottom:5%}.music-button{position:absolute;z-index:3;right:22px;top:20px;border:1px solid #f3c7d8;background:#ffffffbd;color:#a64d73;border-radius:30px;padding:10px 14px;display:flex;gap:8px;align-items:center;font-size:12px}.intro-card{position:relative;z-index:1;width:min(100%,520px);margin:9vh auto 0;text-align:center;padding:58px 34px 42px;background:#ffffffc9;border:1px solid #fff;border-radius:30px;box-shadow:0 24px 80px #bd71851c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tiny-heart{color:#e77ba3;margin-bottom:22px}.eyebrow{display:inline-flex;align-items:center;gap:7px;letter-spacing:.19em;font-size:10px;font-weight:700;color:#c06b8d}h1,h2,h3{font-family:Playfair Display,serif}.intro-card h1{font-size:clamp(54px,12vw,82px);line-height:1;margin:12px 0;color:#61394b}.pink-dot{color:#e783a8}.intro-copy{color:#9b7181;font-size:15px;margin:20px 0 30px}.primary-button,.yes-button{border:0;background:linear-gradient(135deg,#e98caf,#d96e98);color:#fff;padding:14px 22px;border-radius:30px;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 24px #db7e9e45}.hint{margin:32px 0 0;color:#bd8b9f;font-size:11px;display:flex;align-items:center;justify-content:center;gap:5px}.content{position:relative;z-index:1;width:min(100%,850px);margin:0 auto}.hero{text-align:center;padding:24px 10px 34px}.hero h1{font-size:clamp(42px,8vw,66px);margin:15px 0 8px;color:#60394b}.hero-subtitle{color:#a77a8c;margin:0 auto;max-width:470px;line-height:1.7}.divider-heart{display:flex;align-items:center;justify-content:center;gap:13px;color:#e58aaa;margin-top:25px}.divider-heart span{height:1px;width:65px;background:#efbfd0}.letter-card{max-width:680px;margin:0 auto;background:#fffdfd;border:1px solid #f9dce6;border-radius:20px;padding:34px clamp(22px,6vw,52px);box-shadow:0 15px 45px #a95d7710;line-height:1.9;color:#856575;font-size:14px}.letter-greeting{font-family:Playfair Display,serif;font-size:21px;color:#74475b}.signature{margin-top:25px!important;color:#a15c7b}.signature span{display:block;font-family:Playfair Display,serif;font-size:20px;color:#704156}.memories{padding:66px 0 55px;text-align:center}.section-heading h2{font-size:34px;margin:10px 0;color:#60394b}.section-heading p{color:#a77a8c;font-size:13px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}figure{margin:0;background:#fff;padding:9px 9px 15px;border-radius:13px;box-shadow:0 12px 35px #a95d7714}figure img{display:block;width:100%;height:210px;object-fit:cover;border-radius:8px}figcaption{font-family:Playfair Display,serif;color:#946277;font-size:13px;padding:12px 3px 0}.question-card{max-width:680px;margin:0 auto;text-align:center;padding:42px 25px;background:linear-gradient(145deg,#fff,#fff0f5);border:1px solid #f6d4e0;border-radius:24px;box-shadow:0 18px 55px #a95d7712}.question-heart{color:#e77fa4;margin-bottom:18px}.question-card h2{font-size:clamp(27px,5vw,39px);line-height:1.25;max-width:550px;margin:15px auto 27px;color:#633d50}.answer-buttons{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap}.yes-button{font-weight:700}.no-button{background:#fff;border:1px solid #edc4d3;color:#a36b82;border-radius:30px;padding:13px 20px}.response h3{font-size:27px;color:#bd6388;margin:10px}.response p{color:#997487;line-height:1.6}.confetti-hearts{font-size:24px;color:#e47da2;margin-top:15px}footer{display:flex;justify-content:center;align-items:center;gap:5px;color:#bd8b9f;font-size:11px;padding:32px 0 0}@media(max-width:650px){.page-shell{padding:72px 15px 28px}.intro-card{margin-top:7vh;padding:48px 22px 35px}.photo-grid{grid-template-columns:1fr;max-width:390px;margin:25px auto}.photo-grid figure img{height:230px}.memories{padding:52px 0 42px}.letter-card{padding:26px 22px}.music-button{right:14px;top:14px}}