:root{--black: #07040a;--wine: #4a0e1f;--wine2: #2a0713;--gold: #e6c789;--blush: #f3c9cf;--text: #f4e9e4;--serif: "Cormorant Garamond", Georgia, serif;--disp: "Italiana", "Cormorant Garamond", serif }*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:70px}body{background:radial-gradient(ellipse at 50% 0%,#2a0713,#12060f 45%,#07040a) fixed;color:var(--text);font-family:var(--serif);font-size:20px;line-height:1.6;overflow-x:hidden;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:6px}.particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:60;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55))}main{position:relative;z-index:2}.kicker{font-size:.8rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);opacity:.85}.btn{padding:.9em 2.2em;border:1px solid var(--gold);border-radius:999px;letter-spacing:.14em;color:var(--gold);background:linear-gradient(135deg,#4a0e1fb3,#2a0713b3);box-shadow:0 0 30px #e6c7892e,inset 0 0 18px #e6c78914;transition:.4s;font-size:1rem}.btn:hover:not(:disabled){box-shadow:0 0 50px #e6c78966;color:#fff;transform:translateY(-2px)}.btn.ghost{background:transparent;margin-top:1.6rem}.prelude{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2rem;text-align:center}.pre-scene{width:min(700px,94vw);height:min(68svh,600px);display:flex;align-items:center;justify-content:center}.pre-scene svg{display:block;width:100%;height:100%;overflow:visible}.pre-title{position:absolute;left:1rem;right:1rem;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none}.pre-title h1{margin:0;color:var(--gold);font:clamp(2rem,8vw,4.5rem) var(--disp);letter-spacing:.12em;text-shadow:0 0 28px rgba(230,199,137,.4)}.pre-skip{position:absolute;right:1.5rem;bottom:1.5rem;padding:.6rem 1rem;border:1px solid rgba(230,199,137,.4);border-radius:999px;color:var(--gold);background:#0a050c8c;cursor:pointer}.pre-skip:hover{background:#7a14328c}.intro{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.6rem;padding:2rem;text-align:center}.intro-line{font-family:var(--disp);font-size:clamp(1.6rem,5vw,2.6rem);color:var(--blush);text-shadow:0 0 30px rgba(243,201,207,.35)}.env{position:relative;width:min(300px,74vw);aspect-ratio:3/2;display:block;perspective:900px;transform-style:preserve-3d;margin:0 auto;animation:bob 6s ease-in-out infinite;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6)) drop-shadow(0 0 40px rgba(122,20,50,.35))}.env>span{position:absolute;display:block}.env-back{top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#6b1530,#3a0a1a);border-radius:6px}.env-front{top:0;right:0;bottom:0;left:0;z-index:3;border-radius:6px;background:linear-gradient(160deg,#7d1a38,#4a0e1f);clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%)}.env-flap{left:0;right:0;top:0;height:56%;z-index:4;background:linear-gradient(180deg,#8c2040,#5c1128);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform .9s cubic-bezier(.6,0,.2,1),z-index 0s .45s}.env-paper{left:6%;right:6%;top:6%;bottom:6%;z-index:2;background:linear-gradient(#fbf1e4,#ecd9c2);border-radius:3px;transition:transform 1s .6s cubic-bezier(.3,.8,.3,1);padding:14% 12%}.env-paper i{display:block;height:2px;background:#7a143240;margin-bottom:12%}.env-seal{left:50%;top:50%;z-index:5;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;display:grid!important;place-items:center;color:#3a0a1a;font-size:1.2rem;background:radial-gradient(circle at 35% 30%,#fff1c6,#e6c789 55%,#a98543);box-shadow:0 0 22px #e6c78999;transition:.5s}.env.open{animation:none}.env.open .env-flap{transform:rotateX(180deg);z-index:1}.env.open .env-paper{transform:translateY(-62%)}.env.open .env-seal{opacity:0;transform:scale(.4)}@keyframes bob{50%{transform:translateY(-10px) rotateX(6deg) rotateY(-4deg)}}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 1.2rem 4rem;position:relative}.hero h1{font-family:var(--disp);font-weight:400;font-size:clamp(2.2rem,8.5vw,5.6rem);line-height:1.1;margin:1rem 0;background:linear-gradient(180deg,#fff6e0,var(--gold) 55%,#b98f4a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(230,199,137,.3))}.amp{color:var(--blush);-webkit-text-fill-color:var(--blush)}.tag{font-style:italic;font-size:clamp(1.3rem,3.5vw,1.9rem);color:var(--blush)}.dates{letter-spacing:.3em;color:var(--gold);opacity:.8;margin:.6rem 0 2.4rem;font-size:.95rem}.countdown{display:flex;flex-wrap:wrap;gap:clamp(.8rem,3vw,1.8rem);justify-content:center;align-items:center}.cd{min-width:78px;padding:.9rem .6rem;border:1px solid rgba(230,199,137,.25);border-radius:14px;background:#4a0e1f47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cd b{display:block;font-family:var(--disp);font-weight:400;font-size:clamp(1.8rem,5vw,2.8rem);color:var(--gold);line-height:1.1;font-variant-numeric:tabular-nums}.cd span{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;opacity:.7}.cd-note{flex-basis:100%;font-style:italic;opacity:.7;font-size:1rem}.today{font-family:var(--disp);font-size:2rem;color:var(--blush)}.scroll{position:absolute;bottom:1.6rem;left:50%;width:22px;height:36px;margin-left:-11px;border:1px solid rgba(230,199,137,.5);border-radius:12px}.scroll span{display:block;width:3px;height:7px;margin:6px auto;background:var(--gold);border-radius:2px;animation:sc 2s infinite}@keyframes sc{60%{transform:translateY(14px);opacity:0}}.float-heart{position:absolute;width:26px;fill:none;stroke:var(--gold);stroke-width:1.5;opacity:.35;filter:drop-shadow(0 0 8px var(--gold));animation:fh 9s ease-in-out infinite;transform-style:preserve-3d}.h0{left:12%;top:24%}.h1{right:14%;top:30%;animation-delay:-3s;width:20px}.h2{left:20%;bottom:22%;animation-delay:-5s;width:16px}.h3{right:22%;bottom:26%;animation-delay:-1s;width:30px}.h4{left:50%;top:14%;animation-delay:-7s;width:14px}@keyframes fh{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-26px) rotateY(180deg)}}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem 1rem;background:linear-gradient(#07040ae0,#07040a00);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.85rem}.nav nav{display:flex;gap:1.1rem;overflow-x:auto;scrollbar-width:none;letter-spacing:.15em;text-transform:uppercase}.nav nav a{opacity:.7;white-space:nowrap}.nav nav a:hover{opacity:1;color:var(--gold)}.ctl{display:flex;gap:.4rem}.ctl button{padding:.2em .8em;border:1px solid rgba(230,199,137,.3);border-radius:999px;color:var(--gold);white-space:nowrap}.bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:#e6c7891f}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--wine),var(--gold),var(--blush));box-shadow:0 0 12px var(--gold);transition:width .8s}.section{max-width:1000px;margin:0 auto;padding:7rem 1.3rem 4rem}.section-head{text-align:center;margin-bottom:2.4rem}.section-head h2{font-family:var(--disp);font-weight:400;font-size:clamp(2rem,6vw,3.4rem);color:var(--blush);margin:.4rem 0}.rule{display:block;width:90px;height:1px;margin:.8rem auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.lead{text-align:center;opacity:.75;font-style:italic;margin-bottom:1rem}.sky{perspective:1000px;margin:0 auto}.sky-inner{position:relative;height:clamp(420px,68vh,560px);border:1px solid rgba(230,199,137,.15);border-radius:28px;background:radial-gradient(ellipse at 30% 20%,rgba(122,20,50,.35),transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(74,14,31,.4),transparent 60%),#07040a80;transform-style:preserve-3d;box-shadow:inset 0 0 80px #0009}.const{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.const line{stroke:var(--gold);stroke-width:.3;vector-effect:non-scaling-stroke;stroke-width:1.2;filter:drop-shadow(0 0 4px var(--gold));opacity:.8}.planet{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;width:110px;animation:fl 7s ease-in-out infinite;animation-delay:var(--d)}@keyframes fl{50%{transform:translate(-50%,calc(-50% - 10px))}}.orb{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,var(--h) 35%,rgba(0,0,0,.6) 100%);opacity:.55;box-shadow:0 0 14px var(--h);transition:.6s}.planet:hover .orb,.planet:focus-visible .orb{transform:scale(1.2);opacity:.9}.planet.lit .orb{opacity:1;box-shadow:0 0 28px var(--h),0 0 70px var(--h),0 0 120px color-mix(in srgb,var(--h) 40%,transparent);animation:pulse 3s infinite}@keyframes pulse{50%{transform:scale(1.12)}}.plabel{font-size:.78rem;letter-spacing:.1em;text-align:center;opacity:.8;line-height:1.2}.count{text-align:center;margin-top:1rem;opacity:.7;letter-spacing:.2em;font-size:.85rem;text-transform:uppercase}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:1.2rem;background:#07040ac7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel{position:relative;max-width:560px;width:100%;padding:3rem 2rem 2.4rem;text-align:center;border-radius:28px;border:1px solid color-mix(in srgb,var(--h) 55%,transparent);background:linear-gradient(160deg,#4a0e1fd9,#0e050ceb);box-shadow:0 0 90px color-mix(in srgb,var(--h) 30%,transparent)}.panel h3{font-family:var(--disp);font-weight:400;font-size:2.2rem;color:var(--h);margin:.4rem 0 1rem}.panel-orb{display:block;width:60px;height:60px;margin:0 auto 1rem;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,var(--h) 40%,#200 100%);box-shadow:0 0 50px var(--h)}.letter-stage{display:flex;flex-direction:column;align-items:center;gap:2rem}.hint{opacity:.65;font-style:italic}.persp{perspective:1400px;width:100%;display:flex;justify-content:center}.paper{transform-origin:top;max-width:640px;width:100%;padding:clamp(1.8rem,5vw,3.2rem);color:#3b1a22;border-radius:6px;background:linear-gradient(#fbf1e4,#f0dfc9);box-shadow:0 30px 80px #0009,0 0 60px #e6c78926;position:relative}.paper h3{font-family:var(--disp);font-weight:400;font-size:2rem;color:#6b1530;margin-bottom:1rem}.typed{white-space:pre-wrap;font-size:1.15rem;line-height:1.85;min-height:6em}.cursor{display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:text-bottom;background:#b98f4a;box-shadow:0 0 10px #e6c789;animation:blink 1s steps(2) infinite}.cursor.slow{animation-duration:2s}@keyframes blink{50%{opacity:0}}.sig{font-family:var(--disp);font-size:1.6rem;color:#6b1530;margin-top:1.4rem;text-align:right}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.4rem}.glass{display:flex;flex-direction:column;justify-content:center;gap:.8rem;min-height:190px;padding:1.6rem;text-align:center;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#ffffff1a,#f3c9cf08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px #0006,inset 0 1px #fff3;transition:border-color .5s,box-shadow .5s;perspective:800px}.glass:hover,.glass.on{border-color:var(--gold);box-shadow:0 20px 60px #00000080,0 0 40px #e6c78940}.glass-label{font-family:var(--disp);font-size:1.4rem;color:var(--blush)}.glass-tap{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);opacity:.7}.glass-msg{display:block;font-style:italic;font-size:1.05rem;color:var(--text)}.tl{list-style:none;position:relative;padding:1rem 0}.tl-line{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;transform-origin:top;background:linear-gradient(var(--gold),var(--wine));box-shadow:0 0 14px var(--gold)}.tl li{position:relative;width:50%;padding:0 2.4rem 2.4rem}.tl li.l{text-align:right}.tl li.r{margin-left:50%;text-align:left}.dot{position:absolute;top:.9rem;width:16px;height:16px;border-radius:50%;background:var(--black);border:2px solid var(--gold);box-shadow:0 0 14px var(--gold)}.l .dot{right:-8px}.r .dot{left:-8px}.dot.lit{background:var(--gold);box-shadow:0 0 24px var(--gold),0 0 50px var(--gold)}.tl-card{display:block;width:100%;padding:1rem 1.2rem;border-radius:16px;border:1px solid rgba(230,199,137,.2);background:#4a0e1f4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:inherit;transition:.4s}.tl-card:hover{border-color:var(--gold);transform:translateY(-3px)}.tl-date{display:block;font-size:.78rem;letter-spacing:.3em;color:var(--gold)}.tl-card strong{font-family:var(--disp);font-weight:400;font-size:1.5rem;color:var(--blush)}.tl-text{display:block;overflow:hidden;opacity:.85;margin-top:.5rem}.final{text-align:center;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:6rem}.heart-wrap{position:relative;width:min(300px,64vw);margin-bottom:1.5rem}.big-heart{width:100%;overflow:visible}.glow{filter:drop-shadow(0 0 14px rgba(230,199,137,.6))}.beat{filter:drop-shadow(0 0 30px rgba(243,201,207,.9));transform-origin:50% 50%;transform-box:fill-box;animation:beat 1.6s ease-in-out infinite}@keyframes beat{0%,to{transform:scale(1)}15%{transform:scale(1.08)}30%{transform:scale(1)}45%{transform:scale(1.05)}}.spark{position:absolute;left:50%;top:45%;border-radius:50%;pointer-events:none}.spark.g0{background:var(--gold);box-shadow:0 0 12px var(--gold)}.spark.g1{background:var(--blush);box-shadow:0 0 12px var(--blush)}.spark.g2{background:#fff;box-shadow:0 0 14px #fff}.flash{position:absolute;left:50%;top:45%;width:200px;height:200px;margin:-100px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,210,.9),rgba(230,199,137,.3) 40%,transparent 70%);pointer-events:none}.pre{font-family:var(--disp);font-size:clamp(1.5rem,5vw,2.4rem);color:var(--blush);margin-bottom:1.6rem}.big-msg{font-family:var(--disp);font-weight:400;font-size:clamp(2rem,6vw,3.6rem);line-height:1.2;margin-bottom:2rem;background:linear-gradient(180deg,#fff6e0,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(230,199,137,.4))}.final-paper{margin:0 auto;text-align:left}.tree-wrap{display:flex;justify-content:center;margin-top:1.2rem}.tree-svg{width:min(640px,100%);height:auto;overflow:visible;filter:drop-shadow(0 0 14px rgba(230,199,137,.28))}.ink{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ink.faint{opacity:.45;stroke-width:1}.apple{cursor:pointer;outline:none;transition:opacity .4s}.apple-body{fill:#e6c78912;stroke:var(--gold);stroke-width:1.7;stroke-linejoin:round;transition:fill .4s}.apple-line{fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.apple:hover .apple-body{fill:#e6c78933}.apple.on .apple-body{fill:#4a0e1feb;stroke-width:1.2}.apple:focus-visible .apple-body{stroke:#fff;stroke-width:2.6}.apple-name{font-family:var(--disp);font-size:9.5px;fill:#fff1d2;pointer-events:none}.tree-wrap.dim .apple:not(.on){opacity:.4}@media (max-width:700px){body{font-size:18px}.nav nav{display:none}.nav{justify-content:flex-end}.tl-line{left:14px}.tl li,.tl li.r{width:100%;margin-left:0;padding:0 0 2rem 2.6rem;text-align:left}.l .dot,.r .dot{left:6px;right:auto}.planet{width:84px}.orb{width:36px;height:36px}.plabel{font-size:.68rem}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.grain{display:none}}