:root{--cream:#f7efde;--cream-2:#fbf6ea;--gold:#b8975a;--gold-deep:#8a6d3a;--ink:#3a2f20;--line:#d9c79a}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}html{height:100dvh}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:linear-gradient(#efe6d2 0%,#f7efde 50%,#efe6d2 100%);min-height:100dvh;font-family:Cormorant Garamond,Georgia,serif}.page{justify-content:center;align-items:center;min-height:100dvh;padding:14px;display:flex}.card{flex-direction:column;width:min(560px,100%);max-height:96dvh;display:flex}.card-hidden{opacity:0;pointer-events:none;transform:translateY(20px)scale(.96)}.card-open{animation:1.1s cubic-bezier(.2,.8,.2,1) .25s both cardReveal}@keyframes cardReveal{0%{opacity:0;transform:translateY(40px)scale(.94)}60%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}.cover{z-index:100;cursor:pointer;background:linear-gradient(#efe6d2 0%,#f7efde 50%,#efe6d2 100%);border:none;justify-content:center;align-items:center;padding:18px;font-family:Cinzel,serif;display:flex;position:fixed;inset:0}.cover[aria-label]:focus{outline:none}.cover:active .cover-inner{transform:scale(.985)}.cover-opening{animation:1.2s cubic-bezier(.7,0,.3,1) forwards coverOpen}@keyframes coverOpen{0%{opacity:1;transform:translateY(0)}55%{opacity:1;transform:translateY(-6%)rotateX(-4deg)}to{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-110%)rotateX(-25deg)}}.cover-inner{aspect-ratio:3/4.2;text-align:center;background:#f5ecd9;border:2px solid #c33a2b;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;width:min(440px,92vw);max-height:88dvh;padding:60px 30px 36px;transition:transform .15s;display:flex;position:relative;box-shadow:0 30px 60px -30px #503c1466}.cover-inner:before{content:"";background:#f5ecd9;border:2px solid #c33a2b;border-top:none;border-radius:0 0 40px 40px;width:70px;height:32px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.cover-monogram{align-items:center;gap:14px;margin-top:40px;display:flex}.cover-monogram span{color:var(--gold);font-family:Cinzel,serif;font-size:clamp(72px,18vw,110px);font-weight:500;line-height:1}.cover-bar{background:var(--gold);align-self:center;width:2px;height:.8em}.cover-tagline{letter-spacing:.18em;color:var(--gold-deep);margin-top:18px;font-size:13px;line-height:1.7}.cover-date{letter-spacing:.18em;color:var(--gold-deep);margin-top:16px;font-family:Cormorant Garamond,serif;font-size:18px}.cover-sn{border:1.5px solid var(--gold);letter-spacing:.2em;width:80%;color:var(--gold-deep);text-align:left;border-radius:999px;margin-top:auto;padding:10px 16px;font-size:13px}.cover-hint{color:var(--gold);opacity:.7;margin-top:14px;font-family:Cormorant Garamond,serif;font-size:13px;font-style:italic;animation:1.8s ease-in-out infinite hintPulse}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:1}}@media (width<=420px){.cover-inner{padding:50px 22px 28px}}.intro-stage{z-index:200;background:linear-gradient(#f3d9a8 0%,#efc88a 45%,#d9a86c 75%,#b8835a 100%);justify-content:center;align-items:flex-end;transition:opacity .6s;display:flex;position:fixed;inset:0;overflow:hidden}.intro-fade{opacity:0}.intro-sky{pointer-events:none;position:absolute;inset:0}.intro-sun{filter:blur(2px);background:radial-gradient(circle,#fff4d4 0%,#ffd98a 55%,#ffd98a00 75%);border-radius:50%;width:160px;height:160px;animation:3s ease-in-out infinite sunPulse;position:absolute;top:18%;left:50%;transform:translate(-50%)}@keyframes sunPulse{0%,to{opacity:.95;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.05)}}.intro-dragon{filter:drop-shadow(0 10px 20px #14080c80);transform-origin:50%;width:clamp(180px,36vw,320px);animation:5s cubic-bezier(.55,0,.85,.8) forwards dragonApproach;position:absolute;top:40%;left:50%}.dragon-svg{width:100%;height:auto;display:block}.dwing{transform-origin:160px 120px;animation:.5s ease-in-out infinite wingFlap}@keyframes wingFlap{0%,to{transform:scaleY(1)scaleX(1)}50%{transform:scaleY(.4)scaleX(.92)}}.dragon-fire{transform-origin:160px 70px;animation:.16s ease-in-out infinite fireFlicker}@keyframes fireFlicker{0%,to{opacity:.95;transform:scaleX(1)scaleY(1)}50%{opacity:1;transform:scaleX(.85)scaleY(1.15)}}@keyframes dragonApproach{0%{opacity:0;transform:translate(-50%,-50%)scale(.08)}10%{opacity:1}60%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}85%{opacity:1;transform:translate(-50%,-50%)scale(6)}to{opacity:0;transform:translate(-50%,-50%)scale(14)}}.intro-hills{background:radial-gradient(at 20% 100%,#8a6d3a 0%,#0000 60%),radial-gradient(at 80% 100%,#6e5530 0%,#0000 55%),linear-gradient(#0000 0%,#5a4624 100%);height:38%;position:absolute;bottom:0;left:0;right:0}.intro-poster{z-index:200;background:radial-gradient(80% 60% at 50% 20%,#fffae699,#0000 70%),linear-gradient(#f7efde 0%,#efe6d2 55%,#d9c79a 100%);grid-template-rows:auto auto;align-content:start;display:grid;position:fixed;inset:0;overflow:hidden}.bokeh{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bk{background:radial-gradient(circle,#fff0c8e6,#ffe1a000 70%);border-radius:50%;animation:9s ease-in-out infinite bokehDrift;position:absolute}.bk0{width:70px;height:70px;animation-delay:0s;top:12%;left:8%}.bk1{width:50px;height:50px;animation-delay:1.2s;top:70%;left:14%}.bk2{width:90px;height:90px;animation-delay:2.1s;top:30%;left:80%}.bk3{width:40px;height:40px;animation-delay:.6s;top:84%;left:70%}.bk4{width:60px;height:60px;animation-delay:3s;top:50%;left:4%}.bk5{width:45px;height:45px;animation-delay:1.8s;top:18%;left:60%}.bk6{width:80px;height:80px;animation-delay:2.6s;top:60%;left:88%}.bk7{width:36px;height:36px;animation-delay:.9s;top:8%;left:40%}.bk8{width:55px;height:55px;animation-delay:2.3s;top:90%;left:30%}.bk9{width:48px;height:48px;animation-delay:1.5s;top:40%;left:50%}@keyframes bokehDrift{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:.85;transform:translateY(-18px)scale(1.15)}}.sparkles{z-index:3;pointer-events:none;position:absolute;inset:0}.sp{filter:drop-shadow(0 0 3px #ffe1a0e6);opacity:0;background:radial-gradient(circle,#fff 0%,#ffebb4f2 28%,#0000 62%);width:15px;height:15px;animation:2.6s ease-in-out infinite sparkleTwinkle;position:absolute}.sp:before,.sp:after{content:"";background:linear-gradient(#fff,#0000);position:absolute;inset:0}.sp:before{background:linear-gradient(#0000,#fff8e6,#0000);width:1.5px;height:100%;left:50%;transform:translate(-50%)}.sp:after{background:linear-gradient(90deg,#0000,#fff8e6,#0000);width:100%;height:1.5px;top:50%;transform:translateY(-50%)}.sp0{animation-delay:0s;top:16%;left:18%}.sp1{animation-delay:.5s;top:24%;left:78%}.sp2{animation-delay:1.1s;top:40%;left:10%}.sp3{animation-delay:.3s;top:38%;left:88%}.sp4{animation-delay:1.6s;top:58%;left:16%}.sp5{animation-delay:.8s;top:54%;left:82%}.sp6{animation-delay:2s;top:12%;left:50%}.sp7{animation-delay:1.3s;top:68%;left:60%}.sp8{animation-delay:.6s;top:30%;left:34%}.sp9{animation-delay:1.9s;top:46%;left:66%}.sp10{animation-delay:.95s;top:72%;left:26%}.sp11{animation-delay:2.3s;top:22%;left:64%}@keyframes sparkleTwinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.poster-photo{z-index:2;box-sizing:border-box;justify-content:center;align-items:flex-start;width:100vw;min-height:0;padding:6dvh 16px 4px;animation:1s cubic-bezier(.2,.8,.2,1) both posterIn;display:flex;position:relative}@keyframes posterIn{0%{opacity:0;transform:translateY(20px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.photo-glow{filter:blur(8px);z-index:-1;background:radial-gradient(50% 50% at 50% 40%,#ffdc968c,#ffdc9600 70%);width:min(460px,96vw);height:64dvh;animation:3.5s ease-in-out infinite glowPulse;position:absolute;top:6dvh;left:50%;transform:translate(-50%)}@keyframes glowPulse{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.05)}}.photo-frame{box-sizing:border-box;background:linear-gradient(145deg,#f3e2b8 0%,#c9a35c 30%,#9c7a3e 55%,#e6c478 80%,#b8975a 100%);border-radius:48% 48% 6% 6%/32% 32% 4% 4%;max-width:min(420px,100vw - 32px);max-height:100%;padding:12px;position:relative;box-shadow:0 26px 50px -18px #4632108c,0 6px 18px #46321038,inset 0 0 0 1px #fff8dc80}.photo-frame:before{content:"";pointer-events:none;z-index:2;border:1px solid #fff8dcb3;border-radius:47% 47% 5% 5%/31% 31% 3% 3%;position:absolute;inset:7px}.photo-frame img{object-fit:cover;border-radius:46% 46% 4% 4%/30% 30% 2% 2%;width:100%;height:auto;max-height:calc(72dvh - 40px);display:block;-webkit-mask-image:linear-gradient(#000 86%,#000000d9 100%);mask-image:linear-gradient(#000 86%,#000000d9 100%)}.frame-corner{z-index:3;background:radial-gradient(circle at 35% 35%,#fff8e6,#8a6d3a);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 5px #ffe6aacc}.frame-corner.bl{bottom:14px;left:14px}.frame-corner.br{bottom:14px;right:14px}.frame-corner.tl{top:40%;left:6px}.frame-corner.tr{top:40%;right:6px}.poster-caption{z-index:4;box-sizing:border-box;opacity:0;flex-direction:column;align-items:center;gap:6px;width:100vw;padding:6px 16px 22px;animation:.9s ease-out .5s forwards captionIn;display:flex;position:relative}.cap-text{color:#8a6d3a;text-align:center;letter-spacing:.01em;text-shadow:0 2px 10px #fff0c880;font-family:Great Vibes,Cormorant Garamond,cursive;font-size:clamp(24px,6vw,40px);line-height:1.15}.cap-orn{color:#b8975a;font-size:clamp(13px,3vw,18px);line-height:1;position:relative}.cap-orn:before,.cap-orn:after{content:"";background:linear-gradient(90deg,#0000,#b8975a);width:38px;height:1px;position:absolute;top:50%}.cap-orn:before{background:linear-gradient(90deg,#0000,#b8975a);right:130%;transform:scaleX(-1)}.cap-orn:after{left:130%}.poster-caption .cap-orn:last-child{order:3}@keyframes captionIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.balloons{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.balloon{background:radial-gradient(circle at 35% 30%,#fff 0%,#fffffff2 35%,#f0ebdcc7 100%);border-radius:50% 50% 48% 48%;animation:linear infinite both balloonFloat;position:absolute;bottom:-80px;box-shadow:inset -3px -6px 10px #b8975a33,0 4px 12px #503c141f}.balloon:before{content:"";background:inherit;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.balloon:after{content:"";transform-origin:top;background:#b8975a73;width:1px;height:50px;animation:2.2s ease-in-out infinite stringSway;position:absolute;top:100%;left:50%}@keyframes balloonFloat{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:1}50%{transform:translateY(-55vh)translate(14px)}92%{opacity:1}to{opacity:0;transform:translateY(-115vh)translate(-8px)}}@keyframes stringSway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.balloon.pop{animation:linear infinite both balloonPop}@keyframes balloonPop{0%{opacity:0;transform:translateY(0)scale(1)}8%{opacity:1}38%{opacity:1;transform:translateY(-24vh)scale(1)}42%{opacity:1;transform:translateY(-26vh)scale(1.35)}46%{opacity:0;transform:translateY(-28vh)scale(0)}to{opacity:0;transform:translateY(-28vh)scale(0)}}.intro-cinema{background:#0a0608}.cinema{position:absolute;inset:0;overflow:hidden}.cinema-stage{background:radial-gradient(60% 80% at 50% 45%,#f3d9a8 0%,#c88a4c 35%,#5a2e1c 75%,#1a0808 100%);position:absolute;inset:0}.cinema-spotlight{pointer-events:none;background:radial-gradient(36% 50% at 50% 38%,#fff0c88c,#0000 70%);width:140%;height:130%;animation:2.4s ease-in-out infinite spotlightPulse;position:absolute;top:-10%;left:50%;transform:translate(-50%)}@keyframes spotlightPulse{0%,to{opacity:.85}50%{opacity:1}}.cinema-floor{background:linear-gradient(#0000 0%,#140804d9 60%,#0a0402 100%);height:16%;position:absolute;bottom:0;left:0;right:0}.cinema-content{text-align:center;color:#fff8e6;opacity:0;z-index:2;animation:1s ease-out 1.6s forwards titleReveal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes titleReveal{0%{opacity:0;transform:translate(-50%,-45%)scale(.85)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.cinema-script{color:#ffd98a;text-shadow:0 0 20px #ffc86499,0 6px 20px #501e0acc;letter-spacing:.01em;font-family:Great Vibes,cursive;font-size:clamp(56px,13vw,110px);line-height:1}.cinema-sub{letter-spacing:.28em;color:#fff8e6;text-shadow:0 2px 8px #0009;max-width:90vw;margin:14px auto 0;font-family:Cinzel,serif;font-size:clamp(11px,2vw,17px);line-height:1.5}.cinema-stars{pointer-events:none;position:absolute;inset:-40px}.star{opacity:0;background:#fff8e6;border-radius:50%;width:4px;height:4px;animation:2.4s ease-in-out infinite starTwinkle;position:absolute;box-shadow:0 0 8px 2px #fff0c8e6}.star.s0{animation-delay:0s;top:10%;left:8%}.star.s1{animation-delay:.3s;top:20%;left:90%}.star.s2{animation-delay:.6s;top:80%;left:14%}.star.s3{animation-delay:.9s;top:70%;left:86%}.star.s4{animation-delay:.2s;top:30%;left:20%}.star.s5{animation-delay:.5s;top:40%;left:80%}.star.s6{animation-delay:.8s;top:60%;left:30%}.star.s7{animation-delay:1.1s;top:50%;left:70%}.star.s8{animation-delay:.4s;top:5%;left:50%}.star.s9{animation-delay:.7s;top:92%;left:50%}.star.s10{animation-delay:1s;top:22%;left:60%}.star.s11{animation-delay:1.3s;top:78%;left:42%}.star.s12{animation-delay:.15s;top:12%;left:32%}.star.s13{animation-delay:.55s;top:88%;left:72%}@keyframes starTwinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.2)}}.curtain{z-index:3;will-change:transform;background:repeating-linear-gradient(90deg,#c89db0 0,#b48798 18px,#d4afc0 36px,#b48798 54px),linear-gradient(#a87a8c 0%,#c89db0 50%,#8e6678 100%);width:52%;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 100px #50283859,0 0 30px #50283840}.curtain-l{transform-origin:0;border-right:2px solid #2a0608;animation:2.4s cubic-bezier(.55,0,.4,1) .4s forwards curtainOpenL;left:0}.curtain-r{transform-origin:100%;border-left:2px solid #2a0608;animation:2.4s cubic-bezier(.55,0,.4,1) .4s forwards curtainOpenR;right:0}@keyframes curtainOpenL{0%{transform:translate(0)scaleX(1)}to{transform:translate(-95%)scaleX(.6)}}@keyframes curtainOpenR{0%{transform:translate(0)scaleX(1)}to{transform:translate(95%)scaleX(.6)}}.fold{pointer-events:none;background:linear-gradient(90deg,#1408104d 0%,#0000 30%,#ffd2b40f 50%,#0000 70%,#1408104d 100%);width:8.33%;position:absolute;top:0;bottom:0}.curtain-edge{background:linear-gradient(90deg,#0009,#0000);width:12px;position:absolute;top:0;bottom:0}.curtain-l .curtain-edge{right:0;transform:scaleX(-1)}.curtain-r .curtain-edge{left:0}.curtain-rope{background:radial-gradient(circle at 35% 35%,#f3d9a8,#8a6d3a);border-radius:50%;width:22px;height:22px;position:absolute;top:38%;box-shadow:0 4px 8px #00000080}.curtain-l .curtain-rope{right:8px}.curtain-r .curtain-rope{left:8px}.cinema-pelmet{z-index:4;background:linear-gradient(#e6c478 0%,#b8975a 60%,#8a6d3a 100%),repeating-linear-gradient(90deg,#d9a86c 0,#b8975a 18px,#e6c478 36px,#b8975a 54px);border-bottom:2px solid #5a3920;height:8%;position:absolute;top:0;left:0;right:0;box-shadow:0 6px 14px #503c1480}.swag{background:radial-gradient(at top,#b8975a 0%,#8a6d3a 80%,#0000 100%);border-radius:0 0 50% 50%;width:9%;height:26px;position:absolute;top:100%}.curtain-l{box-shadow:inset -4px 0 #b8975a,inset 0 0 100px #50283859}.curtain-r{box-shadow:inset 4px 0 #b8975a,inset 0 0 100px #50283859}.intro-caption{color:#fff8e6;text-shadow:0 4px 16px #50280a66;opacity:0;font-family:Great Vibes,cursive;font-size:clamp(40px,8vw,64px);animation:1s ease-out .5s forwards captionInCenter;position:absolute;top:8%;left:50%;transform:translate(-50%)}@keyframes captionInCenter{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.arch{background:var(--cream-2);border-radius:280px 280px 18px 18px;padding:14px;position:relative;box-shadow:0 30px 60px -30px #503c1459,0 4px 16px #503c1414}.arch-inner{border:1px solid var(--line);border-radius:270px 270px 12px 12px;padding:56px 32px 36px;position:relative}.arch-inner:before{content:"";border:1px solid var(--line);opacity:.55;pointer-events:none;border-radius:264px 264px 8px 8px;position:absolute;inset:8px}.names{text-align:center;flex-direction:column;align-items:center;margin-bottom:22px;line-height:.9;display:flex}.script{color:var(--gold);font-family:Great Vibes,cursive;font-size:clamp(58px,13vw,92px);font-weight:400}.script.amp{color:var(--gold-deep);margin:-8px 0;font-size:clamp(36px,7vw,52px)}.intro{text-align:center;color:#6b563a;margin:18px 0 26px;font-size:17px;font-style:italic;line-height:1.55}.parents{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:18px 0 26px;display:grid}.parent{letter-spacing:.08em;color:var(--gold-deep);text-align:center;flex-direction:column;gap:4px;font-family:Cinzel,serif;font-size:13px;line-height:1.4;display:flex}.wheat{width:44px;height:64px}.date-block{text-align:center;color:var(--gold-deep);margin:24px 0 8px;font-family:Cinzel,serif}.date-label{letter-spacing:.32em;margin-bottom:8px;font-size:14px}.date-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:14px;max-width:320px;margin:0 auto;padding:8px 0;display:flex}.date-side{letter-spacing:.2em;font-size:13px}.date-num{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:38px;font-weight:500;line-height:1}.date-year{letter-spacing:.2em;margin-top:6px;font-size:15px}.date-time{letter-spacing:.2em;margin-top:4px;font-size:13px}.date-venue{letter-spacing:.18em;color:var(--gold);margin-top:10px;font-size:13px}.countdown{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0 24px;padding:14px 8px;display:grid}.cd-cell{text-align:center}.cd-num{color:var(--gold-deep);font-family:Cormorant Garamond,serif;font-size:26px;font-weight:500;line-height:1}.cd-label{letter-spacing:.2em;color:var(--gold);margin-top:4px;font-family:Cinzel,serif;font-size:10px}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.btn{letter-spacing:.16em;cursor:pointer;border:1px solid var(--gold);border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-family:Cinzel,serif;font-size:12px;text-decoration:none;transition:transform .15s,background .15s,color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--gold);color:#fff}.btn-primary:hover{background:var(--gold-deep)}.btn-ghost{color:var(--gold-deep);background:0 0}.btn-ghost:hover{background:#b8975a1a}.modal-back{z-index:50;background:#3a2f208c;justify-content:center;align-items:center;padding:20px;animation:.2s fade;display:flex;position:fixed;inset:0}.modal{background:var(--cream-2);border:1px solid var(--line);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:28px}.modal h3{color:var(--gold-deep);letter-spacing:.16em;margin:0 0 12px;font-family:Cinzel,serif}.muted{color:#6b563a;margin-bottom:18px;font-size:16px;line-height:1.5}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=420px){.arch-inner{padding:36px 16px 22px}.parents{gap:8px;margin:10px 0 16px}.parent{font-size:10px}.intro{margin:10px 0 14px;font-size:14px}.script{font-size:clamp(46px,11vw,68px)}.script.amp{margin:-6px 0;font-size:clamp(28px,5vw,40px)}.date-block{margin:14px 0 6px}.date-num{font-size:30px}.countdown{margin:14px 0;padding:10px 4px}.cd-num{font-size:22px}.cd-label{font-size:9px}.actions{gap:8px}.btn{padding:10px 14px;font-size:11px}.wheat{width:30px;height:46px}}@media (height<=720px){.arch-inner{padding-top:28px;padding-bottom:18px}.countdown{margin:10px 0;padding:8px 4px}.intro{margin:8px 0 12px}}