:root{--wine:#3f0201;--wine-deep:#240000;--gold:#e9c47c;--gold-soft:#f6e0ad;--gold-line:#c08a48;--cream:#fbeed6;--foil:linear-gradient(115deg, #8a5a1e 0%, #e5b65c 22%, #fff0bd 38%, #c9962e 52%, #f0cc7a 68%, #8a5a1e 100%);--script:"Alex Brush", cursive;--caps:"Cinzel", Georgia, serif;--serif:"Cormorant Garamond", Georgia, serif;--num:"Playfair Display", Georgia, serif}*{box-sizing:border-box;margin:0}html,body{overscroll-behavior:none;background:var(--wine-deep);-webkit-tap-highlight-color:transparent;height:100%;overflow:hidden}body{color:var(--cream);font-family:var(--serif);background:radial-gradient(120% 80% at 50% 45%, #5a0403 0%, var(--wine) 50%, var(--wine-deep) 100%);-webkit-user-select:none;user-select:none}.fx{pointer-events:none;z-index:40;width:100%;height:100%;position:fixed;inset:0}.fx-back{z-index:1}.grain{z-index:41;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.envelope{z-index:30;flex-direction:column;justify-content:center;align-items:center;gap:34px;display:flex;position:fixed;inset:0}.env-kicker{font:400 clamp(30px, 9vw, 40px)/1.1 var(--script);color:var(--gold-soft);text-align:center;padding:0 24px}.env-hint{font:500 11px var(--caps);letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.env{--ew:min(78vw, 340px);width:var(--ew);height:calc(var(--ew) * .66);cursor:pointer;perspective:900px;background:0 0;border:0;padding:0;display:block;position:relative}.env>span{display:block;position:absolute}.env-back{background:linear-gradient(#2b0000,#3f0201);border:1px solid #8a5a1e;border-radius:6px;inset:0;box-shadow:0 24px 60px #0009}.env>.env-letter{z-index:1;color:#6a0605;background:linear-gradient(160deg,#fff4dc,#efd6a4);border-radius:4px;flex-direction:column;align-items:center;padding-top:6%;display:flex;inset:6% 7% 4%}.env-letter-script{font:400 clamp(26px, 8vw, 36px)/1 var(--script)}.env-letter-num{font:italic 800 clamp(34px, 11vw, 48px)/1.1 var(--num);font-variant-numeric:lining-nums;color:#a06a20}.env-front{z-index:2;clip-path:polygon(0 0,50% 60%,100% 0,100% 100%,0 100%);background:linear-gradient(#6e0706,#4e0302);border-radius:6px;inset:0}.env-front:after{content:"";background:linear-gradient(to top right,#0000 calc(50% - 1px),#d9a95a8c 50%,#0000 calc(50% + 1px)) 0 100%/50% 100% no-repeat,linear-gradient(to top left,#0000 calc(50% - 1px),#d9a95a8c 50%,#0000 calc(50% + 1px)) 100% 100%/50% 100% no-repeat;position:absolute;inset:0}.env-flap{transform-origin:50% 0;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#7c0a08,#560403);height:62%;top:0;left:0;right:0}.env>.env-seal{z-index:4;background:radial-gradient(circle at 34% 28%,#ffeaa8,#d6a23f 42%,#8a5a1e 100%);border-radius:50%;place-items:center;width:68px;height:68px;margin:-34px 0 0 -34px;display:grid;top:62%;left:50%;box-shadow:0 6px 14px #00000080,inset 0 0 0 3px #ffebb473,inset 0 0 0 5px #8a5a1e80}.env-seal svg{fill:#7c0a08;width:34px;height:34px}.deck{z-index:3;position:fixed;inset:0;overflow:hidden}.page{touch-action:none;cursor:grab;will-change:transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.page:active{cursor:grabbing}.inner{z-index:3;width:100%;max-width:480px;padding:0 clamp(30px,9vw,44px);position:relative}.center{text-align:center;flex-direction:column;align-items:center;display:flex}.frame{pointer-events:none;z-index:2;width:min(100% - 36px,460px);height:calc(100% - 36px);position:absolute;top:18px;left:50%;overflow:visible;transform:translate(-50%)}.frame rect{stroke:var(--gold-line);stroke-width:1px}.caps{font:500 clamp(19px, 5.6vw, 24px)/1.2 var(--caps);letter-spacing:.3em;color:var(--gold-soft);text-transform:uppercase;margin-right:-.3em}.script{font-family:var(--script);color:var(--gold-soft);font-weight:400}.write-line{display:block}.big{margin:22px 0 26px;font-size:clamp(66px,20vw,90px);line-height:1.04}.big2{margin:14px 0 16px;font-size:clamp(52px,15.5vw,70px);line-height:1.04}.body{color:var(--cream);text-wrap:balance;max-width:19em;font-size:clamp(21px,5.8vw,25px);font-weight:500;line-height:1.32}.lead{font:500 clamp(32px, 9.4vw, 42px)/1.16 var(--serif);color:var(--cream)}.foil{font:400 clamp(84px, 25vw, 112px)/.96 var(--script);background:var(--foil);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;margin:12px 0 14px;padding:.12em .14em .08em;animation:5s linear infinite shimmer}.foil-script .write-line{background:linear-gradient(100deg,#e6bb6a,#ffedb8 45%,#dba954 80%);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 .12em}.rule{color:var(--gold);align-items:center;gap:12px;width:min(100%,300px);margin:16px auto;display:flex}.rule i{background:linear-gradient(90deg, transparent, var(--gold-line));flex:1;height:1px}.rule i:last-child{transform:scaleX(-1)}.rule svg{flex:none;width:20px;height:20px}.rule.short{width:min(70%,230px);margin:10px auto 12px}.pulse-heart{color:var(--gold);margin-top:8px}.pulse-heart svg{width:40px;height:40px;display:block}.hero{align-items:flex-start}.portrait{z-index:1;aspect-ratio:560/1110;transform-origin:30% 100%;height:64%;margin-left:min(-50vw,-240px);position:absolute;bottom:-3%;left:50%}.portrait img{pointer-events:none;transform-origin:30% 100%;width:100%;height:100%;display:block}.lips{width:0;height:0;position:absolute;top:36%;left:55%}.kiss{color:#f28aa0;position:absolute;top:0;left:0}.kiss svg{fill:currentColor;width:100%;height:100%;display:block}.hero-text{z-index:3;text-align:center;pointer-events:none;width:100%;max-width:480px;margin-top:max(5.5vh,36px);padding:0 16px;position:relative}.aniv{margin-top:-2px;font-size:clamp(66px,20vw,90px);line-height:1.1}.num43{margin-top:-8px;display:inline-block;position:relative}.foil-num{font:italic 800 clamp(84px, 26vw, 118px)/1 var(--num);font-variant-numeric:lining-nums;background:var(--foil);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;padding:0 .1em;animation:4s linear infinite shimmer;display:inline-block}.heart-line{width:44px;height:44px;color:var(--gold);position:absolute;top:34%;right:-40px}.hero-name{z-index:3;text-align:right;font:500 clamp(22px, 6vw, 27px)/1.1 var(--serif);color:var(--cream);position:absolute;bottom:6.5vh;right:max(30px,50% - 205px)}.hero-name em{font:400 clamp(46px, 13vw, 60px)/1.05 var(--script);color:var(--gold-soft);display:block}.quote-mark{font:italic 800 96px/.5 var(--num);color:var(--gold);height:44px}.quote{font:400 clamp(47px, 13.8vw, 62px)/1.08 var(--script);color:var(--gold-soft);margin:0 0 8px}.quote .w{padding:0 .04em;display:inline-block}.when .caps{font-size:clamp(17px,5vw,21px)}.cal{text-align:center;color:#5a0403;background:linear-gradient(170deg,#fff6e0,#f1d9a9);border-radius:16px;width:min(56vw,214px);margin:8px 0 16px;padding:18px 0 12px;position:relative;box-shadow:0 20px 44px #00000080,0 0 0 1px #c08a48,0 0 50px #e9c47c38}.cal:before{content:"";background:linear-gradient(#8f0d0e,#640605);border-radius:16px 16px 0 0;height:52px;position:absolute;top:0;left:0;right:0}.cal>span{display:block;position:relative}.cal>.cal-rings{justify-content:space-around;padding:0 22%;display:flex;position:absolute;top:-9px;left:0;right:0}.cal-rings i{background:linear-gradient(#ffeaa8,#a06a20);border-radius:5px;width:8px;height:22px;box-shadow:0 1px 3px #00000080}.cal-month{font:600 15px/28px var(--caps);letter-spacing:.2em;color:var(--gold-soft);margin-bottom:10px;margin-right:-.2em}.cal-day{font:italic 800 clamp(82px, 25vw, 100px)/.95 var(--num);font-variant-numeric:lining-nums;color:#7c0a08}.cal-week{font:400 30px/1.2 var(--script);color:#8a5a1e}.clock-row{color:var(--gold-soft);align-items:center;gap:14px;margin-bottom:18px;display:flex}.clock{width:50px;height:50px;overflow:visible}.clock>circle:first-child,.clock .ticks{fill:none;stroke:currentColor;stroke-width:2.5px}.clock line{stroke:currentColor;stroke-width:3px;stroke-linecap:round}.clock .pin{fill:currentColor}.clock-sep{background:var(--gold-line);width:1px;height:42px}.clock-row strong{font:500 clamp(26px, 7.8vw, 32px) var(--caps);letter-spacing:.08em}.count{gap:8px;margin-bottom:18px;display:flex}.count>div{text-align:center;background:#24000073;border:1px solid #c08a48a6;border-radius:10px;width:62px;padding:8px 0 7px}.digit{height:31px;display:block;position:relative;overflow:hidden}.digit b{font:600 clamp(24px, 7vw, 28px)/31px var(--caps);color:var(--gold-soft);font-variant-numeric:tabular-nums;display:block}.count small{font:500 13px var(--serif);letter-spacing:.06em;color:var(--cream)}.btn{min-height:48px;font:500 12.5px var(--caps);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex}.btn:focus-visible,.dots button:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px}.btn.solid{color:#3f0201;background:linear-gradient(105deg,#c9962e,#ffe9aa 50%,#c9962e) 0 0/200% 100%;font-weight:600;animation:5s linear infinite shimmer;box-shadow:0 8px 22px #0006}.btn.ghost{border:1px solid var(--gold-line);color:var(--gold-soft);background:#2400004d}.toast{width:200px;height:170px;margin:2px 0;position:relative}.glass{width:84px;height:158px;color:var(--gold-soft);position:absolute;bottom:0;overflow:visible}.glass.gl{left:8px}.glass.gr{right:8px}.gl-line{fill:none;stroke:var(--gold-soft);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.liq{fill:#e0a93e;opacity:.92}.bub{fill:#fff3cf;animation:1.8s ease-in infinite bubble}.bub.b2{animation-delay:.6s}.bub.b3{animation-delay:1.1s}.clink{width:0;height:0;position:absolute;top:2px;left:50%}.clink i{background:var(--gold-soft);opacity:0;transform-origin:50% 34px;border-radius:2px;width:2px;height:14px;animation:2.8s ease-out .6s infinite clink;position:absolute;top:0;left:-1px}.clink i:first-child{transform:rotate(-60deg)}.clink i:nth-child(2){transform:rotate(-30deg)}.clink i:nth-child(4){transform:rotate(30deg)}.clink i:nth-child(5){transform:rotate(60deg)}.where{text-align:center;flex-direction:column;align-items:center;height:100%;padding-top:max(38px,4.5vh);padding-bottom:max(26px,3vh);display:flex}.where .caps{letter-spacing:.2em;margin-right:-.2em;font-size:clamp(13px,3.8vw,16px)}.place{font:600 clamp(22px, 6.3vw, 27px)/1.12 var(--serif);color:var(--gold-soft);margin-top:8px}.addr{margin-top:4px;font-size:clamp(17px,4.8vw,20px);font-weight:500;line-height:1.2}.map{touch-action:auto;background:#2b0000;border-radius:16px;flex:auto;width:100%;min-height:150px;margin:12px 0;overflow:hidden;box-shadow:0 0 0 1px #c08a48,0 0 0 5px #240000bf,0 0 0 6px #c08a4880,0 18px 36px #00000073}.map iframe{border:0;width:100%;height:100%;display:block}.map-btns{gap:8px;width:100%;display:flex}.map-btns .solid{letter-spacing:.08em;flex:1;padding:0 10px;font-size:11.5px}.map-btns .ghost{padding:0 18px;font-size:11.5px}.bye{margin-top:10px;padding:0 .1em;font-size:clamp(50px,14.5vw,64px);line-height:1}.balloons{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.b{--size:100px;width:var(--size);height:calc(var(--size) * 1.16);cursor:pointer;pointer-events:auto;border:0;border-radius:50% 50% 48% 48%/46% 46% 54% 54%;padding:0;position:absolute;left:50%}.b:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:inherit;width:12%;height:8%;position:absolute;bottom:-5%;left:50%;transform:translate(-50%)}.b.gold{background:radial-gradient(circle at 33% 28%,#ffe9b0 0%,#e1b04f 24%,#a86f1f 62%,#5b3608 100%)}.b.red{background:radial-gradient(circle at 33% 28%,#ff9e99 0%,#dc1e22 22%,#8c0a0e 62%,#3f0204 100%)}.b1{--size:92px;margin-left:min(-52vw,-270px);bottom:-34px}.b2{--size:74px;margin-left:min(-30vw,-170px);bottom:-46px}.b3{--size:88px;margin-left:max(32vw,180px);bottom:-48px}.b4{--size:80px;margin-left:max(24vw,130px);top:-48px}.dots{z-index:20;flex-direction:column;display:flex;position:fixed;top:50%;right:max(5px,50% - 240px);transform:translateY(-50%)}.dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:24px;padding:0;display:grid;position:relative}.dots button:before{content:"";background:#f6e0ad6b;border-radius:50%;width:6px;height:6px}.dot-on{background:var(--gold-soft);width:10px;height:10px;box-shadow:0 0 8px var(--gold);border-radius:50%;position:absolute;top:7px;left:6px}.swipe{z-index:4;color:var(--gold-soft);font:500 11px var(--caps);letter-spacing:.24em;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:max(36px,6vh);left:0;right:0}.swipe b{margin-right:-.24em;font-weight:500}.swipe svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}@keyframes shimmer{0%{background-position:220% 0}to{background-position:0 0}}@keyframes clink{0%,38%{opacity:0;translate:0 8px}42%{opacity:1;translate:0}56%,to{opacity:0;translate:0 -12px}}@keyframes bubble{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@media (width>=760px){.portrait{margin-left:-245px}.portrait img{-webkit-mask-image:linear-gradient(90deg,#0000,#000 14%);mask-image:linear-gradient(90deg,#0000,#000 14%)}.frame{height:calc(100% - 48px);top:24px}.b1{--size:190px;margin-left:-560px;bottom:-40px}.b2{--size:150px;margin-left:-380px;bottom:-70px}.b3{--size:180px;margin-left:350px;bottom:-50px}.b4{--size:160px;margin-left:390px;top:-60px}}@media (height<=720px){.when .cal{width:160px;margin-bottom:10px;padding-top:14px}.when .cal-day{font-size:66px}.when .clock-row{margin-bottom:10px}.when .clock{width:40px;height:40px}.when .count{margin-bottom:10px}.toast{height:130px;transform:scale(.82)}}@media (height<=640px){.bye{margin-top:4px;font-size:42px}.map{margin:8px 0}.where{padding-top:28px;padding-bottom:20px}}