body{font-family:Georgia,serif;background:#dbeaf3;color:#173e68}.script{font-family:'Love Script',cursive;font-weight:400}.wash{opacity:.9;background:radial-gradient(ellipse at center,#edf5fc,#c5ddec)}#bg{opacity:.7}#brand{top:20px;left:24px;color:#163e68}#music{top:12px;right:20px;width:46px;height:46px}#counter{position:fixed;top:27px;left:50%;transform:translateX(-50%);font:11px Arial;letter-spacing:3px;color:#315c7e;z-index:30}.page{padding:75px 18px 75px}.page.on{z-index:2}.page .card{box-shadow:0 25px 60px #173b6b35,0 2px 0 #fff}.next{font:15px Georgia;letter-spacing:1px;padding:13px 24px;bottom:22px;right:22px;animation:none}#dots{bottom:35px;right:auto;left:24px;gap:6px}#dots b{width:5px;height:5px}.floral{background:#e8f1f9 url('paper.svg');border:1px solid #ffffffa8;overflow:hidden}.floral:before,.floral:after{content:'';position:absolute;width:170px;height:170px;background:url('flower.svg') center/contain no-repeat;pointer-events:none;opacity:.85;z-index:0}.floral:before{top:-32px;right:-32px;transform:rotate(18deg)}.floral:after{left:-50px;bottom:-48px;transform:rotate(190deg)}.floral>*{position:relative;z-index:1}.cover{width:min(590px,92vw);padding:36px 28px 26px;border-radius:5px}.cover h1{font-size:clamp(35px,8vw,55px);letter-spacing:1px;text-shadow:none;line-height:1.05;color:#193a5e}.cover-happy{font-size:54px;line-height:1.3}.cover .sm{font:10px Arial;letter-spacing:3px;color:#476581}.eyecharm{width:65px;height:65px;border-radius:50%;margin:0 auto 20px;background:radial-gradient(circle,#132331 0 15%,#fff 16% 28%,#43bfd3 29% 44%,#fff 45% 56%,#1863ad 57% 100%);box-shadow:inset -8px -10px 16px #082a5d66,inset 7px 7px 12px #fff7,0 16px 25px #153c6a44;animation:fl 4s infinite}.eyecharm.small{width:48px;height:48px}.btn{font:15px Georgia;letter-spacing:.4px;background:linear-gradient(135deg,#3273ac,#183d6a);border-radius:6px;min-height:46px;box-shadow:0 8px 18px #173d6a33}.btn.alt{box-shadow:inset 0 0 0 1px #245689;color:#245689}.micro{font:10px Arial;letter-spacing:3px;text-transform:uppercase;color:#4a6c8c;margin:16px 0}.celestial{width:min(640px,94vw);text-align:center;padding:62px 32px;border-radius:5px}.celestial h2{font-size:clamp(41px,8vw,65px);line-height:1.2}.sky-icons{font-size:52px;letter-spacing:14px;margin:28px 0}.celestial p,.love-reveal p{font-size:14px;line-height:1.7;color:#45647e}.envelope-scene{text-align:center;width:min(620px,95vw)}.envelope-scene h2{font-size:48px;margin:0 0 36px}.envelope-scene .micro{margin-top:42px}.envelope{position:relative;display:block;width:290px;height:195px;border:0;margin:auto;background:#e4c9a6;transform:rotate(-6deg);box-shadow:0 30px 45px #173d6a44;cursor:pointer;perspective:900px}.envelope:before{content:'';position:absolute;inset:0;background:linear-gradient(33deg,#eed7ba 49%,transparent 50%),linear-gradient(-33deg,#f6e6ce 49%,transparent 50%)}.flap{position:absolute;top:0;left:0;right:0;height:120px;background:#f5dfbd;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform .5s}.envelope:hover .flap{transform:rotateX(35deg)}.wax{position:absolute;left:calc(50% - 24px);top:90px;border-radius:50%;width:48px;height:48px;background:radial-gradient(circle at 35% 25%,#d77673,#8e292b);box-shadow:0 5px 8px #57202055;display:grid;place-items:center;color:#f5bf9c;font-size:23px}.letter-layout{display:flex;align-items:center;gap:25px;width:min(750px,94vw);padding:30px}.stamp-photo{width:220px;flex:none;padding:12px;background:#528fbe;outline:5px dotted #a5c7e0;transform:rotate(-5deg);box-shadow:0 12px 25px #183d6a33}.stamp-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.letter-note{background:#f7dec8;padding:30px;box-shadow:0 20px 35px #173d6a33;clip-path:polygon(1% 0,97% 1%,100% 4%,99% 97%,95% 100%,1% 98%,0 5%);color:#533d3e;max-height:64vh;overflow:auto}.letter-note h2{font-size:43px}.letter-note p{font-size:28px;line-height:1.4;margin:12px 0}.letter-note .sign{text-align:right;font-size:28px}.love-reveal{width:min(650px,94vw);padding:30px;text-align:center;border-radius:5px}.love-reveal h2{font-size:clamp(26px,6vw,36px);font-weight:bold;letter-spacing:2px;margin:22px 0 10px}.love-photo{padding:14px 14px 40px;background:#fff;transform:rotate(-4deg);width:min(300px,70vw);margin:auto;box-shadow:0 20px 30px #173d6a33;position:relative}.love-photo img{width:100%;aspect-ratio:4/4;object-fit:cover;object-position:center 25%;display:block}.love-photo span{position:absolute;bottom:6px;left:0;right:0;font-size:26px}.love-reveal .eye-mini{font-size:45px;position:absolute;right:-22px;bottom:-12px}.promises{width:min(700px,94vw);background:linear-gradient(140deg,#326e9f,#16395f);height:450px;border:1px solid #fff9;border-radius:8px}.promises h2{font-size:clamp(28px,6vw,45px);line-height:1.12;letter-spacing:1px}.hf .bk{font-size:15px;color:#183d6a}.hf em{font-size:12px;letter-spacing:1px}.hint{font:11px Arial;letter-spacing:2px}.song{width:min(720px,94vw);border-radius:6px;gap:30px}.player{width:240px;border-radius:12px;background:#204e78}.player img{border-radius:5px}.ourson{font-size:65px;line-height:1.1;padding:35px;color:#224e73}.ourson:before,.ourson:after{content:'✦ · ✧ · ✦';letter-spacing:9px}.cert{border-radius:6px}.cert h2{color:#153e69}.cert .nm{color:#204d73;font-size:52px}.award{border-radius:6px}.award h2{font-size:clamp(35px,7vw,55px);letter-spacing:1px}.wish{border-radius:6px}.wish h2{font-size:clamp(34px,7vw,52px);line-height:1.15;letter-spacing:1px}.wish p{font-size:32px}.final{border-radius:6px;width:min(560px,94vw);max-height:75vh}.final h2{font-size:24px;line-height:1.2}.final p{font-size:13px}.final .ph img{aspect-ratio:16/8;object-position:center 25%}.qrbox{gap:16px}.qrbox img{width:100px;height:100px}.pol{padding:9px 9px 35px}.pol span{font-family:'Love Script';font-size:22px}.side .pol{width:145px!important;height:185px!important}.pol img{object-position:center 25%}
@media(max-width:640px){.cover{padding:30px 18px 24px}.cover-happy{font-size:46px}.floral:before,.floral:after{width:135px;height:135px;opacity:.65}.celestial{padding:46px 18px}.sky-icons{letter-spacing:8px}.envelope-scene h2{font-size:40px}.letter-layout{flex-direction:column;gap:18px;padding:10px}.stamp-photo{width:145px;padding:7px;outline:3px dotted #a5c7e0}.stamp-photo img{aspect-ratio:5/4;object-position:center 25%}.letter-note{max-height:40vh;padding:22px}.letter-note h2{font-size:35px}.letter-note p{font-size:25px;margin:8px 0}.letter-note .sign{font-size:25px}.love-reveal{padding:24px 18px}.promises{height:auto;padding:28px 10px 34px}.hf{width:250px;height:86px}.hf .bk{font-size:15px}.hearts{gap:32px}.hint{margin-top:33px}.song{flex-direction:column;padding:24px 18px;gap:10px}.player{width:200px}.ourson{font-size:44px;padding:18px 30px}.ourson br{display:none}.ourson:before,.ourson:after{font-size:12px}.award{padding:24px 20px}.cert{padding:24px 18px}.wish{padding:38px 22px}#brand{left:17px;font-size:13px}#music{right:13px}#counter{font-size:9px;letter-spacing:1px}.next{right:17px;bottom:18px;padding:13px 19px}#dots{left:19px;bottom:37px}.final{padding:18px;max-height:74vh}.final h2{font-size:21px}.qrbox .btn{font-size:14px}.page{padding:76px 14px 78px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.gallery{width:min(660px,94vw);padding:26px 28px;text-align:center;border-radius:5px}.gallery h2{font-size:40px;margin:10px 0 18px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:center;justify-content:center}.photo-grid figure{margin:0;background:white;padding:7px 7px 24px;position:relative;box-shadow:0 7px 14px #163e6833;transform:rotate(-3deg)}.photo-grid figure:nth-child(even){transform:rotate(4deg)}.photo-grid figure:nth-child(4){grid-column:1/2;margin-left:40px;margin-right:-40px}.photo-grid figure:nth-child(5){grid-column:3/4;margin-left:-40px;margin-right:40px}.photo-grid img{width:100%;aspect-ratio:4/4;object-fit:cover;object-position:center 24%;display:block}.photo-grid figcaption{position:absolute;bottom:3px;left:0;right:0;font-size:20px}
@media(max-width:640px){.gallery{padding:20px 20px 25px}.gallery h2{font-size:34px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:15px}.photo-grid figure:nth-child(4){grid-column:auto;margin:0}.photo-grid figure:nth-child(5){grid-column:1/3;justify-self:center;width:46%;margin:0}.photo-grid img{aspect-ratio:5/4}.photo-grid figcaption{font-size:19px}}

/* perf: hidden pages are not painted/composited */
.page{visibility:hidden;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1),visibility 0s linear .9s;contain:layout style}
.page.on,.page.out{visibility:visible;transition-delay:0s}
.card{will-change:auto}
.page.on .card,.page.out .card{will-change:transform}
@media(max-width:820px){.page .card{box-shadow:0 12px 26px #173b6b30,0 2px 0 #fff}.hf .f{filter:none;text-shadow:0 8px 10px #0b3f8f55}.card{box-shadow:0 12px 26px #0b3f8f33,0 0 0 1px #cfe0f5}}