:root{--amber:#f5a623;--cream:#fff8f0;--warm-brown:#3d2b1f;--blush:#e8c4b8;--deep-night:#1a1210;--soft-gold:#d4a574;--rose-glow:#c4756e;--paper:#f5ede4;--ink:#2c1810;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-hand:"Caveat", cursive;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px;overflow:hidden}body{font-family:var(--font-body);background:var(--deep-night);color:var(--cream);min-height:100vh;overflow:hidden}#particles-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.gate{z-index:100;background:var(--deep-night);transition:opacity .8s var(--ease-out), visibility .8s;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gate.is-open{opacity:0;visibility:hidden;pointer-events:none}.gate__inner{text-align:center;padding:2rem;position:relative}.gate__glow{pointer-events:none;background:radial-gradient(circle,#f5a62326 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:4s ease-in-out infinite gatePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes gatePulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.gate__title{font-family:var(--font-display);color:var(--amber);text-shadow:0 0 40px #f5a6234d;margin-bottom:.5rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:600;position:relative}.gate__subtitle{font-family:var(--font-display);color:var(--blush);opacity:.9;margin-bottom:2.5rem;font-size:clamp(1rem,3vw,1.3rem);font-style:italic}.gate__label{color:var(--soft-gold);letter-spacing:.05em;margin-bottom:.75rem;font-size:.85rem;display:block}.gate__input-row{justify-content:center;gap:.5rem;display:flex}.gate__input{font-family:var(--font-body);color:var(--cream);text-align:center;letter-spacing:.3em;background:#fff8f00f;border:1px solid #d4a5744d;border-radius:8px;outline:none;width:160px;padding:.75rem 1.25rem;font-size:1.2rem;transition:border-color .3s,box-shadow .3s}.gate__input:focus{border-color:var(--amber);box-shadow:0 0 20px #f5a62326}.gate__button{background:var(--amber);color:var(--warm-brown);cursor:pointer;border:none;border-radius:8px;padding:.75rem 1rem;transition:transform .2s,background .2s}.gate__button:hover{background:#f7b84a;transform:scale(1.05)}.gate__hint{color:var(--rose-glow);min-height:1.2em;margin-top:1rem;font-size:.85rem}.gate__hint.success{color:var(--amber)}.experience{z-index:10;scroll-snap-type:y mandatory;opacity:0;visibility:hidden;transition:opacity .8s var(--ease-out) .3s, visibility .8s;position:fixed;inset:0;overflow-y:auto}.experience.is-active{opacity:1;visibility:visible}.chapter{scroll-snap-align:start;justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex;position:relative}.chapter__content{text-align:center;z-index:2;width:100%;max-width:600px;position:relative}.chapter__title{font-family:var(--font-display);color:var(--cream);margin-bottom:1rem;font-size:clamp(1.8rem,5vw,3rem);font-weight:600;line-height:1.2}.chapter__text{color:var(--blush);margin-bottom:1.5rem;font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.7}.chapter__date{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.chapter__date-day{font-family:var(--font-display);color:var(--amber);font-size:clamp(3rem,10vw,5rem);font-weight:700;line-height:1}.chapter__date-month{font-family:var(--font-display);color:var(--soft-gold);font-size:clamp(1.2rem,4vw,1.8rem);font-style:italic}.chapter__date-year{color:var(--blush);opacity:.7;letter-spacing:.2em;font-size:.9rem}.btn{font-family:var(--font-body);cursor:pointer;transition:transform .25s var(--ease-out), box-shadow .25s;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.9rem 2.2rem;font-size:1rem;font-weight:500;display:inline-flex}.btn--warm{background:linear-gradient(135deg, var(--amber), var(--soft-gold));color:var(--warm-brown);box-shadow:0 4px 20px #f5a62340}.btn--warm:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 30px #f5a62359}.chapter-nav{z-index:50;opacity:0;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .5s;display:flex;position:fixed;top:50%;right:1.5rem;transform:translateY(-50%)}.chapter-nav.is-visible{opacity:1}.chapter-nav__track{background:#fff8f01a;border-radius:3px;width:3px;height:120px;overflow:hidden}.chapter-nav__progress{background:var(--amber);width:100%;height:0%;transition:height .5s var(--ease-out);border-radius:3px}.chapter-nav__label{color:var(--soft-gold);letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;font-size:.65rem}.scroll-cue{z-index:50;opacity:0;transition:opacity .5s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-cue.is-visible{opacity:.6}.scroll-cue__arrow{border-right:2px solid var(--soft-gold);border-bottom:2px solid var(--soft-gold);width:20px;height:20px;animation:2s ease-in-out infinite scrollBounce;transform:rotate(45deg)}@keyframes scrollBounce{0%,to{transform:rotate(45deg)translateY(0)}50%{transform:rotate(45deg)translateY(8px)}}.fade-in{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(20px)}.fade-in.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.15s}.delay-2{transition-delay:.3s}.delay-3{transition-delay:.45s}.delay-4{transition-delay:.6s}@media (width<=640px){.chapter-nav{right:.75rem}.chapter-nav__track{height:80px}.chapter{padding:1.5rem}}.envelope{cursor:pointer;width:180px;height:130px;margin:0 auto 2rem;position:relative}.envelope__body{background:linear-gradient(145deg, var(--soft-gold), var(--blush));border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000004d}.envelope__flap{background:linear-gradient(145deg, var(--blush), var(--soft-gold));clip-path:polygon(0 0,50% 100%,100% 0);z-index:2;transform-origin:top;width:100%;height:65px;transition:transform .6s var(--ease-out);position:absolute;top:-1px;left:0}.envelope:hover .envelope__flap{transform:rotateX(180deg)}.envelope__letter{background:var(--cream);width:70%;height:50%;transition:transform .4s var(--ease-out) .2s;border-radius:2px;justify-content:center;align-items:center;display:flex;position:absolute;top:20%;left:15%}.envelope:hover .envelope__letter{transform:translateY(-10px)}.envelope__heart{font-size:1.5rem}.day-counter{flex-direction:column;align-items:center;margin:1.5rem 0;display:flex}.day-counter__number{font-family:var(--font-display);color:var(--amber);text-shadow:0 0 30px #f5a6234d;font-size:clamp(2.5rem,8vw,4rem);font-weight:700}.day-counter__label{color:var(--soft-gold);letter-spacing:.1em;font-size:.9rem}.polaroid{margin-top:1.5rem;display:inline-block}.polaroid__frame{background:var(--cream);transition:transform .4s var(--ease-out);border-radius:2px;padding:12px 12px 40px;transform:rotate(-2deg);box-shadow:0 4px 20px #0000004d,0 0 0 1px #0000000d}.polaroid:hover .polaroid__frame{transform:rotate(0)scale(1.02)}.polaroid__photo{background:linear-gradient(135deg,#e8ddd4,#d4c5b8);justify-content:center;align-items:center;width:200px;height:200px;display:flex;overflow:hidden}.polaroid__photo img{object-fit:cover;width:100%;height:100%}.polaroid__placeholder{color:var(--warm-brown);opacity:.5;flex-direction:column;align-items:center;gap:.5rem;display:flex}.polaroid__placeholder span{font-size:2rem}.polaroid__placeholder small{font-size:.75rem}.polaroid__caption{font-family:var(--font-hand);color:var(--soft-gold);text-align:center;margin-top:.5rem;font-size:1rem}.timeline{max-width:500px;margin:0 auto;padding:2rem 0;position:relative}.timeline__line{background:linear-gradient(to bottom, transparent, var(--soft-gold) 10%, var(--soft-gold) 90%, transparent);width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline__item{text-align:left;margin-bottom:2rem;padding-left:52px;position:relative}.timeline__dot{background:var(--amber);border:2px solid var(--deep-night);border-radius:50%;width:16px;height:16px;position:absolute;top:8px;left:13px;box-shadow:0 0 12px #f5a62366}.timeline__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8f00a;border:1px solid #d4a57426;border-radius:12px;padding:1.2rem;transition:border-color .3s,background .3s}.timeline__card:hover{background:#fff8f012;border-color:#d4a57459}.timeline__date{color:var(--amber);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem}.timeline__card-title{font-family:var(--font-display);color:var(--cream);margin-bottom:.4rem;font-size:1.1rem}.timeline__card-text{color:var(--blush);font-size:.9rem;line-height:1.5}.timeline__photo-slot{aspect-ratio:4/3;background:#fff8f008;border:1px solid #d4a57426;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-top:.75rem;font-size:1.5rem;display:flex;overflow:hidden}.timeline__photo-slot img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-out);border-radius:8px}.timeline__photo-slot:hover img{transform:scale(1.05)}.chapter--love{background:radial-gradient(#f5a6230d 0%,#0000 70%)}.typewriter{text-align:left;max-width:500px;margin:2rem auto 0}.typewriter__line{font-family:var(--font-display);color:var(--cream);opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);border-bottom:1px solid #d4a5741a;padding:.6rem 0;font-size:clamp(1rem,3vw,1.25rem);font-style:italic;line-height:1.6;position:relative;transform:translate(-10px)}.typewriter__line.is-typed{opacity:1;transform:translate(0)}.typewriter__line:before{content:"💛";transition:transform .4s var(--ease-out) .3s;font-size:.8rem;position:absolute;top:50%;right:0;transform:translateY(-50%)scale(0)}.typewriter__line.is-typed:before{transform:translateY(-50%)scale(1)}.chapter--letter{background:radial-gradient(at bottom,#c4756e14 0%,#0000 60%)}.letter{max-width:520px;margin:0 auto}.letter__paper{background:var(--paper);border-radius:4px;padding:clamp(1.5rem,5vw,2.5rem);position:relative;transform:rotate(-.5deg);box-shadow:0 10px 40px #0000004d}.letter__paper:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000,#0000 30px,#2c18100a 30px 31px);border-radius:4px;position:absolute;inset:0}.letter__salutation{font-family:var(--font-hand);color:var(--ink);margin-bottom:1.2rem;font-size:clamp(1.5rem,4vw,2rem)}.letter__body p{font-family:var(--font-hand);color:var(--ink);opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);margin-bottom:1rem;font-size:clamp(1.1rem,3vw,1.35rem);line-height:1.8;transform:translateY(10px)}.letter__body p.is-visible{opacity:1;transform:translateY(0)}.letter__signature{font-family:var(--font-hand);color:var(--ink);text-align:right;margin-top:1.5rem;font-size:clamp(1.3rem,4vw,1.8rem)}.letter__seal{background:var(--rose-glow);width:50px;height:50px;color:var(--cream);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;bottom:-15px;right:30px;box-shadow:0 4px 15px #c4756e66}.chapter--music{background:radial-gradient(#3d2b1f4d 0%,#0000 70%)}.vinyl-player{max-width:320px;margin:2rem auto 0;position:relative}.vinyl-player__disc{background:radial-gradient(circle,#1a1a1a 30%,#0d0d0d 31%,#1a1a1a 32%,#0d0d0d 50%,#1a1a1a 51%,#0d0d0d 52%,#1a1a1a 70%,#0d0d0d 71%,#1a1a1a 90%);border-radius:50%;width:220px;height:220px;margin:0 auto 1.5rem;transition:transform .3s;position:relative;box-shadow:0 8px 30px #00000080}.vinyl-player__disc.is-spinning{animation:3s linear infinite vinylSpin}@keyframes vinylSpin{to{transform:rotate(360deg)}}.vinyl-player__label{background:linear-gradient(135deg, var(--amber), var(--soft-gold));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:80px;height:80px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl-player__label:after{content:"";background:var(--deep-night);border-radius:50%;width:8px;height:8px;position:absolute}.vinyl-player__title{color:var(--warm-brown);text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1;max-width:60px;font-size:.5rem;font-weight:600;display:none;position:relative;overflow:hidden}.vinyl-player__artist{color:var(--warm-brown);opacity:.7;z-index:1;font-size:.4rem;position:relative}.vinyl-player__controls{justify-content:center;align-items:center;gap:1rem;display:flex}.vinyl-player__play{border:2px solid var(--amber);width:50px;height:50px;color:var(--amber);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .3s,transform .2s;display:flex}.vinyl-player__play:hover{background:#f5a6231a;transform:scale(1.05)}.vinyl-player__progress{cursor:pointer;background:#fff8f01a;border-radius:4px;flex:1;height:4px;overflow:hidden}.vinyl-player__progress-bar{background:var(--amber);border-radius:4px;width:0%;height:100%;transition:width .1s}.vinyl-player__time{color:var(--soft-gold);text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:.8rem}.vinyl-player__skip{border:1.5px solid var(--soft-gold);width:36px;height:36px;color:var(--soft-gold);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .3s,transform .2s,color .3s;display:flex}.vinyl-player__skip:hover{color:var(--amber);border-color:var(--amber);background:#f5a6231a;transform:scale(1.05)}.vinyl-player__track-row{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.vinyl-player__counter{color:var(--soft-gold);opacity:.7;text-align:center;font-variant-numeric:tabular-nums;min-width:30px;font-size:.75rem}.chapter--finale{background:radial-gradient(#f5a62314 0%,#0000 60%);min-height:auto;padding-top:4rem;padding-bottom:6rem}.finale{text-align:center;position:relative}.finale__bloom{width:400px;height:400px;transition:transform 1.5s var(--ease-out);background:radial-gradient(circle,#f5a62333 0%,#c4756e1a 40%,#0000 70%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.finale.is-active .finale__bloom{transform:translate(-50%,-50%)scale(1)}.finale__title{font-family:var(--font-display);color:var(--amber);opacity:0;transition:opacity 1s var(--ease-out) .5s, transform 1s var(--ease-out) .5s;text-shadow:0 0 40px #f5a6234d;font-size:clamp(2rem,7vw,3.5rem);font-weight:700;transform:translateY(30px)}.finale.is-active .finale__title{opacity:1;transform:translateY(0)}.finale__message{font-family:var(--font-display);color:var(--cream);opacity:0;transition:opacity 1s var(--ease-out) 1.2s;margin-top:1rem;font-size:clamp(1.2rem,4vw,1.8rem);font-style:italic}.finale.is-active .finale__message{opacity:1}.finale__date{color:var(--soft-gold);opacity:0;transition:opacity 1s var(--ease-out) 1.8s;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;font-size:.9rem;display:flex}.finale.is-active .finale__date{opacity:1}.finale__dash{opacity:.4}.finale__heart{opacity:0;transition:opacity .8s var(--ease-out) 2.4s, transform .8s var(--ease-out) 2.4s;margin-top:2rem;font-size:3rem;transform:scale(0)}.finale.is-active .finale__heart{opacity:1;animation:1.5s ease-in-out 3s infinite heartbeat;transform:scale(1)}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.gift-section{opacity:0;transition:opacity 1s var(--ease-out) 3s, transform 1s var(--ease-out) 3s;margin-top:3rem;transform:translateY(30px)}.finale.is-active .gift-section{opacity:1;transform:translateY(0)}.gift-section__intro{font-family:var(--font-display);color:var(--blush);margin-bottom:1.5rem;font-size:1.2rem;font-style:italic}.gift-box{cursor:pointer;transition:transform .3s var(--ease-out);background:0 0;border:none;outline:none;flex-direction:column;align-items:center;padding:0;display:inline-flex;position:relative}.gift-box:hover{transform:scale(1.05)}.gift-box.is-open{pointer-events:none}.gift-box__base{background:linear-gradient(135deg,#c4756e,#e8927a);border-radius:4px 4px 6px 6px;width:100px;height:70px;position:relative;box-shadow:0 6px 25px #c4756e66}.gift-box__ribbon-v{background:linear-gradient(135deg, var(--amber), var(--soft-gold));width:14px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.gift-box__ribbon-h{background:linear-gradient(135deg, var(--amber), var(--soft-gold));height:14px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.gift-box__lid{width:110px;height:26px;transition:transform .5s var(--ease-out);transform-origin:bottom;z-index:2;background:linear-gradient(135deg,#d4847d,#f0a090);border-radius:4px 4px 0 0;position:relative}.gift-box.is-open .gift-box__lid{animation:lidPop .6s var(--ease-out) forwards}@keyframes lidPop{0%{transform:rotate(0)translateY(0)}40%{transform:rotate(-15deg)translateY(-30px)}to{opacity:0;transform:rotate(-25deg)translateY(-50px)}}.gift-box__ribbon-top{background:linear-gradient(135deg, var(--amber), var(--soft-gold));border-radius:50% 50% 0 0;width:30px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.gift-box__ribbon-top:before{content:"";border:3px solid var(--amber);background:0 0;border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:-8px}.gift-box__ribbon-top:after{content:"";border:3px solid var(--amber);background:0 0;border-radius:50%;width:14px;height:14px;position:absolute;top:6px;right:-8px}.gift-box__label{font-family:var(--font-hand);color:var(--soft-gold);margin-top:1rem;font-size:1.1rem;animation:2s ease-in-out infinite gentlePulse;display:block}.gift-box.is-open .gift-box__label{display:none}@keyframes gentlePulse{0%,to{opacity:.7}50%{opacity:1}}.gift-reveal{margin-top:2rem;display:none}.gift-reveal.is-open{display:block}.gift-reveal__title{font-family:var(--font-display);color:var(--amber);opacity:0;animation:fadeSlideIn .6s var(--ease-out) forwards;margin-bottom:1.5rem;font-size:clamp(1.3rem,4vw,1.8rem)}.gift-reveal__list{flex-direction:column;gap:.75rem;max-width:360px;margin:0 auto;list-style:none;display:flex}.gift-reveal__item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:giftCardIn .5s var(--ease-out) forwards;background:#fff8f00d;border:1px solid #d4a57433;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.2rem;transition:border-color .3s,background .3s,transform .3s;display:flex;transform:translateY(20px)scale(.95)}.gift-reveal__item:hover{background:#fff8f014;border-color:#f5a62366;transform:translateY(-2px)scale(1.02)}.gift-reveal__item[data-delay="0"]{animation-delay:.2s}.gift-reveal__item[data-delay="1"]{animation-delay:.4s}.gift-reveal__item[data-delay="2"]{animation-delay:.6s}.gift-reveal__item[data-delay="3"]{background:#f5a62314;border-color:#f5a62359;animation-delay:.8s}.gift-reveal__item[data-delay="3"]:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#f5a62326,#0000 60%);border-radius:12px;position:absolute;inset:-1px}.gift-reveal__item[data-delay="3"]{position:relative}@keyframes giftCardIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gift-reveal__emoji{flex-shrink:0;font-size:1.5rem}.gift-reveal__text{text-align:left;color:var(--cream);flex:1;font-size:.95rem;font-weight:500}.gift-reveal__sub{font-family:var(--font-hand);color:var(--blush);margin-top:.15rem;font-size:.85rem;display:block}.gift-reveal__qty{font-family:var(--font-display);color:var(--amber);flex-shrink:0;font-size:.85rem;font-weight:600}.gift-reveal__footer{font-family:var(--font-hand);color:var(--soft-gold);opacity:0;animation:fadeSlideIn .6s var(--ease-out) 1.2s forwards;margin-top:1.5rem;font-size:1.2rem}.hearts-burst{z-index:9999;pointer-events:none;position:fixed;inset:0;overflow:hidden}.hearts-burst__particle{animation:heartBurst 1.8s var(--ease-out) forwards;will-change:transform, opacity;pointer-events:none;position:fixed}@keyframes heartBurst{0%{opacity:1;transform:translate(0)scale(0)rotate(0)}20%{opacity:1;transform:translate(calc(var(--dx) * .3), calc(var(--dy) * .3)) scale(var(--scale)) rotate(calc(var(--rot) * .3))}to{transform:translate(var(--dx), calc(var(--dy) + 60px)) scale(0) rotate(var(--rot));opacity:0}}.restart-section{opacity:0;animation:fadeSlideIn .6s var(--ease-out) 1.8s forwards;margin-top:2.5rem}.restart-btn{color:var(--soft-gold);font-family:var(--font-display);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .3s, background .3s, transform .25s var(--ease-out), color .3s;background:#fff8f00a;border:1px solid #d4a5744d;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.8rem;font-size:.95rem;font-style:italic;display:inline-flex}.restart-btn:hover{color:var(--amber);background:#fff8f014;border-color:#f5a62366;transform:translateY(-2px)}.restart-btn__icon{transition:transform .4s var(--ease-out)}.restart-btn:hover .restart-btn__icon{transform:rotate(-360deg)}