:root{--ink:#3d2a32;--ink-soft:#3d2a32b8;--ink-light:#f8f0f4;--pink:#e85d8a;--pink-soft:#f4a4be;--rose:#d4456f;--blush:#fce4ec;--lilac:#c9a0dc;--heart:#e63956;--petal:#ffb7c5;--gold:#d4a574;--glass:#fff8fcd1;--glass-border:#e85d8a38;--card-shadow:0 16px 48px #b43c6424;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--mono:"Inter", system-ui, sans-serif;--hand:"Caveat", cursive;--display:"Cormorant Garamond", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#1a0f18}body{color:var(--ink-light);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:0 0;font-size:17px;overflow-x:hidden}img{image-rendering:auto}#root{width:100%}::selection{color:#fff;background:#e85d8a59}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--pink-soft), var(--rose));border-radius:99px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.bg-layer{z-index:-2;background:linear-gradient(#0a0a0f,#14101f);transition:background .25s linear;position:fixed;inset:0}.grain{z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;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='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.sky{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.stars{opacity:0;transition:opacity .4s linear;position:absolute;inset:0}.star{background:#fff;border-radius:50%;animation:ease-in-out infinite alternate twinkle;position:absolute;box-shadow:0 0 6px #ffc8dc99}@keyframes twinkle{0%{opacity:.15;transform:scale(.8)}to{opacity:1;transform:scale(1.1)}}.sun{opacity:0;width:92px;height:92px;image-rendering:pixelated;background:#ffd54a;border-radius:0;transition:opacity .4s linear;position:absolute;top:15%;right:12%;box-shadow:0 0 70px #ffd25a8c,inset 6px 6px #ffe98a,inset -6px -6px #f0a500}.sun:before,.sun:after{content:"";background:#ffe98a;width:14px;height:14px;position:absolute}.sun:before{top:18px;left:18px}.sun:after{background:#f0a500;bottom:18px;right:18px}.moon{opacity:0;width:64px;height:64px;image-rendering:pixelated;background:#e7e9f7;border-radius:0;transition:opacity .4s linear;position:absolute;top:12%;right:14%;box-shadow:0 0 45px #cfd2ee80,inset 5px 5px #fff,inset -5px -5px #b9bcd8}.moon:before,.moon:after{content:"";background:#c4c7e0;position:absolute}.moon:before{width:12px;height:12px;top:16px;left:14px}.moon:after{width:8px;height:8px;bottom:14px;right:16px}.cursor-trail{z-index:9990;pointer-events:none;position:fixed;inset:0}.music-btn{z-index:60;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(12px);color:var(--ink);cursor:pointer;font-family:var(--sans);letter-spacing:.14em;text-transform:lowercase;border-radius:99px;align-items:center;gap:.6rem;padding:.5rem .95rem;font-size:.7rem;transition:border-color .3s,transform .3s;display:flex;position:fixed;bottom:20px;right:20px}.music-label{opacity:.85}.eq{align-items:flex-end;gap:2px;height:14px;display:flex}.eq i{background:linear-gradient(var(--pink), var(--lilac));border-radius:2px;width:2.5px;height:4px}.music-btn.is-playing .eq i{animation:.8s ease-in-out infinite alternate eq}.music-btn.is-playing .eq i:nth-child(2){animation-delay:.18s}.music-btn.is-playing .eq i:nth-child(3){animation-delay:.36s}.music-btn.is-playing .eq i:nth-child(4){animation-delay:.12s}@keyframes eq{0%{height:3px}to{height:14px}}.app{transition:opacity 1.1s;position:relative}.app.is-hidden{opacity:0;pointer-events:none}.app.is-ready{opacity:1}.intro{z-index:50;cursor:pointer;background:radial-gradient(120% 120% at 50% 40%,#121018 0%,#08070b 70%);flex-direction:column;justify-content:center;align-items:center;gap:2.4rem;display:flex;position:fixed;inset:0}.intro-stage{z-index:2;justify-content:center;align-items:center;width:min(88vw,480px);height:clamp(160px,38vh,280px);display:flex;position:relative}.intro-figures{z-index:1;pointer-events:none;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;inset:0}.figure{will-change:transform, opacity;filter:drop-shadow(0 0 22px #b58cff52);justify-content:center;align-items:flex-end;width:clamp(60px,10vw,96px);height:clamp(120px,30vh,208px);display:flex}.figure--woman{margin-right:2px}.figure--man{margin-left:2px}.figure-bob{transform-origin:50% 100%;width:100%;height:100%}@keyframes walkbob{0%{transform:translateY(2px)rotate(-1.5deg)}to{transform:translateY(-4px)rotate(1.5deg)}}.figure-heart-wrap{width:clamp(20px,3.2vw,30px);margin-top:-7vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.figure-heart{will-change:transform, opacity;filter:drop-shadow(0 0 16px #ff7fb6f2);width:100%}.intro-letter{font-family:var(--serif);letter-spacing:.02em;color:#f6f1ea;will-change:transform, opacity;font-size:clamp(5rem,20vw,11rem);font-weight:300;line-height:1}.intro-svg{pointer-events:none;width:min(88vw,480px);height:auto;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.intro-caption{flex-direction:column;align-items:center;gap:.35rem;display:flex}.intro-coords{font-family:var(--mono);letter-spacing:.18em;color:var(--lilac);font-size:.82rem}.intro-sub{letter-spacing:.4em;text-transform:uppercase;color:var(--ink-soft);font-size:.7rem}.intro-skip{letter-spacing:.35em;text-transform:uppercase;color:#f4f1ea4d;font-size:.66rem;position:absolute;bottom:2rem}.hero{height:260vh;position:relative}.hero-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.hero-canvas{cursor:pointer;touch-action:pan-y;position:absolute;inset:0}.hero-canvas canvas{touch-action:pan-y;display:block}.mobile-heart{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.mobile-heart svg{width:clamp(150px,52vw,280px);height:auto}.mobile-heart .hero-heart--big{z-index:2;grid-area:1/1}.mobile-heart-glow{aspect-ratio:1;filter:blur(6px);background:radial-gradient(circle,#e85d8a59,#e85d8a14 55%,#0000 70%);border-radius:50%;grid-area:1/1;width:clamp(200px,70vw,340px);animation:2.2s ease-in-out infinite heart-pulse}.mobile-flowers{aspect-ratio:1;z-index:3;grid-area:1/1;width:clamp(220px,76vw,360px);animation:26s linear infinite flower-orbit;position:relative}.mobile-flower{filter:drop-shadow(0 2px 8px #e85d8a66);transform:rotate(calc(var(--i) * (360deg / var(--n)))) translateX(clamp(110px, 38vw, 180px)) rotate(calc(var(--i) * (-360deg / var(--n))));animation:3.2s ease-in-out infinite flower-bob;animation-delay:calc(var(--i) * .25s);font-size:clamp(1.1rem,4.5vw,1.7rem);position:absolute;top:50%;left:50%}@keyframes flower-orbit{to{transform:rotate(360deg)}}@keyframes flower-bob{0%,to{opacity:.75}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.mobile-flowers{animation:none}}.heart-fallback{place-items:center;display:grid;position:absolute;inset:0}.heart-fallback:after{content:"";filter:blur(14px);background:radial-gradient(circle,#ea80b0,#ea80b000 70%);border-radius:50%;width:130px;height:130px;animation:1.6s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:.85;transform:scale(1.05)}}.hero-words{pointer-events:none;transition:opacity .2s linear;position:absolute;inset:0}.floatword{font-family:var(--mono);letter-spacing:.12em;color:#eab4d780;white-space:nowrap;text-shadow:0 0 12px #b58cff66;font-size:clamp(.6rem,1.1vw,.85rem);animation:ease-in-out infinite alternate drift;position:absolute}@keyframes drift{0%{opacity:.25;transform:translateY(-8px)}to{opacity:.7;transform:translateY(8px)}}.hero-title{text-align:center;pointer-events:none;position:absolute;bottom:18vh;left:0;right:0}.hero-title h1{font-family:var(--serif);letter-spacing:.06em;font-size:clamp(2.4rem,7vw,4.6rem);font-weight:300}.hero-title .amp{color:var(--pink);text-shadow:0 0 24px #ea80b0b3;margin:0 .2em}.hero-title p{letter-spacing:.4em;text-transform:uppercase;color:var(--ink-soft);margin-top:.6rem;font-size:.78rem}.scroll-hint{color:var(--ink-soft);font-family:var(--sans);letter-spacing:.32em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.5rem;font-size:.66rem;transition:opacity .2s linear,color .3s;display:flex;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.scroll-hint:hover{color:var(--ink)}.scroll-hint-arrow{font-size:1.1rem;animation:1.8s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.timeline{max-width:1080px;margin:0 auto;padding:14vh 24px 10vh;position:relative}.timeline-head{text-align:center;margin-bottom:9vh}.timeline-kicker{font-family:var(--mono);letter-spacing:.3em;color:var(--pink);font-size:.72rem}.timeline-title{font-family:var(--serif);margin:.5rem 0 .8rem;font-size:clamp(2rem,5.5vw,3.4rem);font-weight:400}.timeline-lead{max-width:38ch;color:var(--ink-soft);margin:0 auto;font-size:.95rem;line-height:1.6}.timeline-track{position:relative}.timeline-line{background:linear-gradient(180deg, var(--pink), var(--lilac));opacity:.45;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.stop{opacity:0;width:50%;margin:7vh 0;padding:0 46px;transition:opacity .9s,transform .9s;position:relative;transform:translateY(34px)}.stop.is-in{opacity:1;transform:translateY(0)}.stop--left{left:0}.stop--right{left:50%}.stop-pin{background:radial-gradient(circle, #fff 0%, var(--pink) 55%, transparent 75%);border-radius:50%;width:14px;height:14px;transition:transform .4s,box-shadow .4s;position:absolute;top:28px;box-shadow:0 0 16px #ea80b0e6}.stop-pin:after{content:"";border:1px solid #ea80b080;border-radius:50%;animation:2.4s ease-out infinite ping;position:absolute;inset:-6px}@keyframes ping{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.stop--left .stop-pin{right:-7px}.stop--right .stop-pin{left:-7px}.stop-card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);border-radius:18px;max-width:400px;transition:transform .4s,box-shadow .4s,border-color .4s;overflow:hidden;box-shadow:0 20px 50px #00000059}.stop-card:hover{border-color:#ea80b066;transform:translateY(-6px);box-shadow:0 32px 70px #00000080}.stop--left .stop-card{margin-left:auto}.stop--right .stop-card{margin-right:auto}.stop-photo{aspect-ratio:4/3;cursor:pointer;background:#15121d;border:none;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.stop-photo img,.stop-photo .stop-photo--empty{transition:transform .5s}.stop-photo:hover img,.stop-photo:hover .stop-photo--empty{transform:scale(1.05)}.stop-zoom{color:#fff;opacity:0;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:10px;right:10px;transform:translateY(6px)}.stop-photo:hover .stop-zoom{opacity:1;transform:translateY(0)}.lightbox{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#050408c7;justify-content:center;align-items:center;padding:24px;animation:.3s fadein;display:flex;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.lightbox-inner{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);border-radius:20px;width:100%;max-width:900px;max-height:88vh;animation:.35s cubic-bezier(.2,.8,.2,1) popin;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c}@keyframes popin{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.lightbox-photo{background:#15121d;flex:1.3;min-width:0}.lightbox-photo img{object-fit:cover;width:100%;height:100%;max-height:88vh;display:block}.lightbox-photo .stop-photo--empty{height:100%;min-height:320px}.lightbox-text{flex-direction:column;flex:1;justify-content:center;padding:2.2rem 2.2rem 2.2rem 1.8rem;display:flex}.lightbox-note{color:var(--ink);margin-top:.6rem;font-size:1.02rem;line-height:1.6}.lightbox-story{font-family:var(--serif);color:var(--ink-soft);margin-top:1rem;font-size:1.18rem;font-style:italic;line-height:1.7}.lightbox-close{z-index:2;color:#fff;cursor:pointer;background:#00000059;border:none;border-radius:50%;width:36px;height:36px;font-size:1.6rem;line-height:1;position:absolute;top:10px;right:14px}.letter{justify-content:center;align-items:center;min-height:240px;margin-top:2.6rem;display:flex}.envelope{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;flex-direction:column;align-items:center;gap:1rem;display:flex}.envelope-wrap{filter:drop-shadow(0 16px 36px #b43c6459);width:200px;height:132px;transition:transform .4s;display:block;position:relative}.envelope:hover .envelope-wrap{transform:translateY(-7px)scale(1.03)}.envelope-back{background:linear-gradient(145deg,#f2a9c0,#e07a9d);border-radius:10px;position:absolute;inset:0}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;background:linear-gradient(#fbc9da,#f2a3bd);border-radius:10px 10px 0 0;width:100%;height:58%;transition:transform .45s;position:absolute;top:0;left:0}.envelope:hover .envelope-flap{transform:scaleY(.88)}.envelope-front{clip-path:polygon(0 30%,50% 68%,100% 30%,100% 100%,0 100%);background:linear-gradient(#0000 0% 32%,#fce4ec 33%,#f6bacf 100%);border-radius:10px;position:absolute;inset:0}.envelope-heart{color:var(--rose);text-shadow:0 0 18px #d4456fb3;font-size:2rem;animation:1.6s ease-in-out infinite heart-pulse;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.envelope-hint{font-family:var(--hand);color:var(--pink-soft);letter-spacing:.04em;font-size:1.35rem}.letter-paper{color:#3a2e25;text-align:left;background:linear-gradient(#fbf6ee,#f1e7d4);border-radius:14px;width:100%;max-width:560px;padding:2.6rem 2.4rem 3rem;animation:.6s cubic-bezier(.2,.8,.2,1) paperUp;position:relative;box-shadow:0 30px 70px #00000073}@keyframes paperUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.letter-paper .letter-greeting{font-family:var(--hand);color:#843f59;margin-bottom:1rem;font-size:2.1rem}.letter-paper .letter-line{font-family:var(--hand);color:#3a2e25;margin-bottom:.7rem;font-size:1.55rem;line-height:1.5}.letter-paper .letter-sign{font-family:var(--hand);text-align:right;color:#843f59;margin-top:1.4rem;font-size:1.7rem}.letter-seal{font-family:var(--mono);letter-spacing:.2em;color:#843f59;opacity:.5;font-size:.7rem;position:absolute;bottom:14px;left:20px}.stop-photo img{object-fit:cover;width:100%;height:100%;display:block}.stop-photo--empty{color:#ffffff59;background:linear-gradient(135deg,#2a1f33,#3a2a44);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:100%;height:100%;display:flex}.stop-photo-hint{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;font-size:.62rem}.stop-meta{text-align:left;padding:1.1rem 1.3rem 1.4rem}.stop-date{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--lilac);font-size:.68rem}.stop-loc{font-family:var(--serif);align-items:center;gap:.4rem;margin:.25rem 0 .5rem;font-size:1.45rem;font-weight:500;display:flex}.stop-flag{font-size:1rem}.stop-note{color:var(--ink-soft);font-size:.92rem;line-height:1.55}.end{text-align:center;justify-content:center;align-items:center;min-height:86vh;display:flex}.end-inner{padding:2rem}.end-mark{color:var(--pink);text-shadow:0 0 30px #ea80b0b3;margin-bottom:1rem;font-size:clamp(3rem,9vw,6rem);display:block}.end h2{font-family:var(--serif);letter-spacing:.04em;font-size:clamp(1.8rem,5vw,3rem);font-weight:300}.end p{color:var(--ink-soft);letter-spacing:.1em;margin-top:.8rem}@media (width<=820px){.hero.hero--mobile{height:auto;min-height:100svh}.hero--mobile .hero-sticky{height:auto;min-height:100svh;padding:max(12px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex;position:relative;top:auto;overflow:visible}.hero--mobile .hero-canvas{cursor:default;pointer-events:none;touch-action:auto;flex:none;width:100%;max-width:320px;height:clamp(180px,38vw,260px);position:relative;inset:auto}.hero--mobile .mobile-heart{width:100%;height:100%;position:relative;inset:auto}.hero--mobile .mobile-heart svg{width:clamp(140px,48vw,240px)}.hero--mobile .hero-title{padding:0 8px;position:relative;bottom:auto;left:auto;right:auto}.hero--mobile .hero-title h1{gap:.12em;font-size:clamp(1.4rem,5.5vw,2.2rem)}.hero--mobile .hero-title .amp svg{width:clamp(36px,10vw,52px)!important;height:auto!important}.hero--mobile .hero-title p{letter-spacing:.1em;margin-top:.45rem;font-size:.92rem}.hero--mobile .scroll-hint,.hero--mobile .scroll-hint--passive{pointer-events:none;margin-top:.25rem;position:relative;bottom:auto;left:auto;transform:none}.timeline-line{left:18px}.stop{width:100%;padding:0 0 0 46px;left:0!important}.stop-card{max-width:none;margin:0!important}.stop-pin{left:11px!important;right:auto!important}.lightbox-inner{flex-direction:column;max-height:90vh;overflow-y:auto}.lightbox-photo img{max-height:46vh}.lightbox-text{padding:1.4rem 1.4rem 1.8rem}.music-label{display:none}.route-map-canvas{height:56vh;min-height:320px}}.timeline-lead,.timeline-kicker,.hero-title p{text-shadow:0 1px 14px #00000073}:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #b58cffd9}.route-map{max-width:1080px;margin:0 auto;padding:8vh 24px 6vh}.route-map-canvas{border:1px solid var(--glass-border);border-radius:20px;height:60vh;min-height:380px;margin-top:5vh;overflow:hidden;box-shadow:0 30px 70px #00000073}.leaflet-container{font-family:var(--sans);background:#0a0a0f}.route-line{filter:drop-shadow(0 0 6px #ea80b099)}.loop-line{filter:drop-shadow(0 0 4px #b58cff8c)}.loop-label{font-family:var(--mono);letter-spacing:.04em;color:#e3d4ff;white-space:nowrap;text-align:center;text-shadow:0 0 6px #000000e6;background:#14101eb3;border:1px solid #b58cff73;border-radius:99px;padding:2px 8px;font-size:.6rem}.map-pin-wrap{position:relative}.map-pin{background:radial-gradient(circle,#fff 0%,#ea80b0 60%,#0000 75%);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #ea80b0f2}.map-pin:after{content:"";border:1px solid #ea80b099;border-radius:50%;animation:2.2s ease-out infinite ping;position:absolute;inset:-6px}.map-pin-num{font-family:var(--mono);color:#f4c3dd;text-shadow:0 0 6px #000c;font-size:.6rem;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.leaflet-popup-content-wrapper{color:var(--ink);border:1px solid var(--glass-border);background:#15121d;border-radius:12px;box-shadow:0 16px 40px #00000080}.leaflet-popup-tip{background:#15121d}.leaflet-popup-content{margin:.8rem 1rem;font-size:.85rem;line-height:1.5}.map-pop-date{font-family:var(--mono);letter-spacing:.1em;color:var(--lilac);font-size:.65rem}.leaflet-container a.leaflet-popup-close-button{color:var(--ink-soft)}.leaflet-bar a{color:var(--ink);border-color:var(--glass-border);background:#15121d}.leaflet-bar a:hover{background:#241a2e}.leaflet-control-attribution{color:#f4f1ea80!important;background:#00000073!important}.leaflet-control-attribution a{color:#b58cffd9!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.mc-panel,.stop-card,.lightbox-inner,.music-btn,.route-map-canvas{background:var(--stone);box-shadow:inset 3px 3px 0 var(--bevel-light), inset -3px -3px 0 var(--bevel-dark), 0 10px 0 #00000040, 0 20px 40px #00000073;border:3px solid #131318;-webkit-backdrop-filter:none!important;border-radius:0!important}.pixel-heart{vertical-align:middle;image-rendering:pixelated;display:inline-block}.pixel-heart--glow{filter:drop-shadow(0 0 6px #ff3b5cd9);animation:1.1s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.16)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.intro{image-rendering:pixelated;background:linear-gradient(#1a2030 0%,#0c1018 100%)}.intro-letter{font-family:var(--display);color:#f6f1ea;text-shadow:4px 4px #131318,0 0 18px #7cc34959;font-size:clamp(3rem,13vw,7.5rem);font-weight:400}.intro-title-heart{filter:drop-shadow(0 0 12px #ff3b5ce6);width:clamp(46px,12vw,92px);margin:0 .18em;position:relative}.intro-title-heart svg{width:100%;height:auto;display:block}.intro-svg{display:none!important}.figure{filter:drop-shadow(4px 6px #00000059)}.figure-bob.walking{animation:.5s steps(2,end) infinite alternate walkbob}.figure-heart{filter:drop-shadow(0 0 12px #ff3b5cf2)}.figure-heart svg{width:100%;height:auto;display:block}.intro-coords{font-family:var(--mono);color:var(--grass);letter-spacing:.12em}.intro-sub{color:var(--ink-soft);letter-spacing:.28em}.intro-skip{color:#f4f1ea66;letter-spacing:.28em}.hero-title h1{font-family:var(--display);letter-spacing:0;justify-content:center;align-items:center;gap:.18em;font-size:clamp(1.8rem,6vw,3.6rem);display:flex}.hero-title .amp-letter{color:#fff;text-shadow:3px 3px #131318,0 0 16px #7cc34966}.hero-title .amp{margin:0}.hero-title p{font-family:var(--sans);text-transform:none;letter-spacing:.18em;color:#d8e8c8;font-size:.95rem}.floatword{font-family:var(--mono);color:#b4e6968c;text-shadow:2px 2px #00000080;letter-spacing:.04em}.scroll-hint{font-family:var(--sans);text-transform:none;letter-spacing:.16em;color:#cfe6bd}.timeline-kicker,.map-pop-date,.stop-date{font-family:var(--mono);color:var(--grass);letter-spacing:.12em;text-transform:none}.timeline-title{font-family:var(--sans);text-shadow:3px 3px #131318;font-size:clamp(2rem,6vw,3.4rem);font-weight:700;line-height:1.3}.timeline-lead{font-family:var(--sans);color:#d9d6cf;font-size:1.05rem}.timeline-line{background:repeating-linear-gradient(180deg, var(--grass-dark) 0 8px, var(--dirt-dark) 8px 16px);opacity:.8;width:6px;image-rendering:pixelated}.stop-pin{background:var(--heart);border-radius:0;width:16px;height:16px;box-shadow:inset 2px 2px #ff8aa0,inset -2px -2px #8a0f23,0 0 0 2px #131318}.stop-pin:after{border:2px solid #ff3b5c80;border-radius:0}.stop:hover .stop-pin{transform:scale(1.2);box-shadow:inset 2px 2px #ffb0c0,inset -2px -2px #8a0f23,0 0 0 2px #131318}.stop-card:hover{border-color:var(--grass-dark);box-shadow:inset 3px 3px 0 var(--bevel-light), inset -3px -3px 0 var(--bevel-dark), 0 14px 0 #00000040, 0 24px 50px #00000080;transform:translateY(-4px)}.stop-photo{background:#15151b;border-bottom:3px solid #131318}.stop-photo--empty{color:#fff9;background:repeating-linear-gradient(45deg,#6b4a2b 0 10px,#5e3c1c 10px 20px)}.stop-photo-glyph{font-size:1.8rem}.stop-photo-hint,.stop-photo-glyph{font-family:var(--mono)}.stop-zoom{border:2px solid var(--grass-dark);background:#131318;border-radius:0}.stop-loc{font-family:var(--sans);font-size:1.25rem;font-weight:600}.stop-note,.lightbox-note{font-family:var(--sans);color:#d9d6cf}.lightbox-photo{background:#15151b}.lightbox-story{font-family:var(--sans);color:#cfe6bd;font-style:normal}.lightbox-close{border:2px solid var(--grass-dark);color:#fff;background:#131318;border-radius:0}.music-btn{text-transform:none;font-family:var(--mono);color:#eaf6df;border-radius:0!important}.music-btn:hover{border-color:var(--grass);transform:translateY(-2px)}.eq i{background:var(--grass);border-radius:0;width:3px}.route-map-canvas{background:#0c1018;border:6px solid #b08436;box-shadow:inset 3px 3px #d4a85a,inset -3px -3px #6b4a2b,0 20px 50px #00000080}.map-pin{background:var(--heart);border-radius:0;box-shadow:inset 2px 2px #ff8aa0,inset -2px -2px #8a0f23,0 0 0 2px #131318}.map-pin:after{border:2px solid #ff3b5c8c;border-radius:0}.map-pin-num{font-family:var(--mono);color:#eaf6df;text-shadow:2px 2px #000000d9}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--stone);box-shadow:inset 2px 2px 0 var(--bevel-light), inset -2px -2px 0 var(--bevel-dark);border:3px solid #131318;border-radius:0!important}.leaflet-popup-content{font-family:var(--sans)}.leaflet-bar a{background:var(--stone);color:#eaf6df;border-color:#131318;border-radius:0!important}.end h2{font-family:var(--sans);text-shadow:3px 3px #131318;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;line-height:1.35}.end p{font-family:var(--sans);color:#d9d6cf}.end-mark{place-items:center;margin-bottom:1.2rem;display:grid}.end-mark .pixel-heart{filter:drop-shadow(0 0 14px #ff5d8fe6)}.chest{cursor:pointer;color:#cfe6bd;font-family:var(--mono);background:0 0;border:none;flex-direction:column;align-items:center;gap:1rem;display:flex}.chest-box{background:#7a5430;border:4px solid #3a2616;width:168px;height:132px;transition:transform .3s steps(2,end);position:relative;box-shadow:inset 4px 4px #9c6c3e,inset -4px -4px #5e3c1c,0 16px #00000040,0 26px 50px #00000073}.chest:hover .chest-box{transform:translateY(-6px)}.chest-lid{transform-origin:top;background:#8a6038;border:4px solid #3a2616;height:46px;transition:transform .3s;position:absolute;top:-4px;left:-4px;right:-4px;box-shadow:inset 4px 4px #a6743f,inset -4px -4px #5e3c1c}.chest:hover .chest-lid{transform:rotateX(22deg)}.chest-latch{z-index:2;background:#d9d9df;border:3px solid #2a2a30;width:22px;height:26px;position:absolute;top:34px;left:50%;transform:translate(-50%);box-shadow:inset 2px 2px #fff,inset -2px -2px #8a8a92}.chest-glow{z-index:1;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.chest-hint{letter-spacing:.2em;text-transform:none}.letter-paper{color:#2f2516;background:#efe3c4;border:4px solid #b9a373;padding-left:3rem;box-shadow:inset 3px 3px #fbf3da,inset -3px -3px #cdb988,0 24px 60px #00000080;border-radius:0!important}.book-bind{background:repeating-linear-gradient(#8a6038 0 10px,#5e3c1c 10px 20px);width:8px;position:absolute;top:14px;bottom:14px;left:14px}.letter-paper .letter-greeting{font-family:var(--sans);color:#7a3b1d;font-size:1.5rem;font-weight:700}.letter-paper .letter-line{font-family:var(--sans);color:#2f2516;font-size:1.1rem;line-height:1.65}.letter-paper .letter-sign{font-family:var(--sans);color:#7a3b1d;font-size:1.15rem;font-weight:600}.letter-seal{font-family:var(--mono);color:#7a3b1d;opacity:.8;align-items:center;gap:.25rem;display:inline-flex}:focus-visible{outline-offset:2px;outline:3px solid var(--grass)!important;border-radius:0!important}.maintenance{z-index:100;background:linear-gradient(#1a2030 0%,#0c1018 100%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.maintenance-card{text-align:center;flex-direction:column;align-items:center;gap:.65rem;width:min(92vw,420px);padding:2.4rem 1.8rem 2rem;display:flex}.maintenance-heart{filter:drop-shadow(0 0 14px #ff5d8fd9);margin-bottom:.25rem}.maintenance-badge{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--grass);border:2px solid var(--grass-dark);background:#5a8f3a26;padding:.25rem .6rem;font-size:.72rem}.maintenance-title{font-family:var(--sans);color:#fff;text-shadow:2px 2px #131318;margin-top:.35rem;font-size:clamp(1.4rem,5vw,2rem);font-weight:700}.maintenance-msg{font-family:var(--sans);color:#cfe6bd;max-width:28ch;font-size:1.05rem;line-height:1.55}.maintenance-hint{font-family:var(--sans);color:#ffc2da;letter-spacing:.06em;margin-top:.25rem;font-size:.88rem}.maintenance-dots{gap:6px;margin-top:.75rem;display:flex}.maintenance-dots span{background:var(--heart);width:8px;height:8px;animation:1.2s ease-in-out infinite maintDot;box-shadow:inset 1px 1px #ff8aa0}.maintenance-dots span:nth-child(2){animation-delay:.2s}.maintenance-dots span:nth-child(3){animation-delay:.4s}@keyframes maintDot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.pin-gate{z-index:100;background:#14090f;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.pin-bg{filter:brightness(.55)saturate(1.15)contrast(1.05);background:url(/foto/goz.png) 50% 38%/cover no-repeat;animation:22s ease-in-out infinite alternate eye-drift;position:absolute;inset:-6%}@keyframes eye-drift{0%{transform:scale(1)translate(0)}50%{transform:scale(1.08)translate(-1.5%,1%)}to{transform:scale(1.14)translate(1.5%,-1%)}}.pin-bg-veil{background:radial-gradient(at 50% 45%,#14090f00 0%,#14090f8c 62%,#14090feb 100%),linear-gradient(#e85d8a1f,#14090f59);position:absolute;inset:0}.pin-sparkles{pointer-events:none;position:absolute;inset:0}.pin-sparkle{color:#ffbed6b3;filter:drop-shadow(0 0 6px #e85d8ab3);font-size:.95rem;animation:6s ease-in-out infinite sparkle-float;position:absolute}@keyframes sparkle-float{0%,to{opacity:.15;transform:translateY(0)scale(.85)}50%{opacity:.9;transform:translateY(-14px)scale(1.1)}}.pin-gate--eyes .pin-card{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1a0c14a8;border:1px solid #ffaac847;animation:.9s cubic-bezier(.22,1,.36,1) both pin-card-in;position:relative;box-shadow:0 24px 70px #0000008c,0 0 40px #e85d8a2e}@keyframes pin-card-in{0%{opacity:0;filter:blur(6px);transform:translateY(28px)scale(.94)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.pin-gate--eyes .pin-sub{color:#ffdcebcc;transition:opacity .4s}.pin-lock{justify-content:center;align-items:flex-end;width:62px;height:62px;margin-bottom:.4rem;display:inline-flex;position:relative}.pin-lock-shackle{border:5px solid var(--pink-soft);transform-origin:100% 100%;border-bottom:none;border-radius:16px 16px 0 0;width:30px;height:26px;transition:transform .5s cubic-bezier(.22,1,.36,1),left .5s;position:absolute;top:0;left:50%;transform:translate(-50%)}.pin-lock-body{z-index:1;color:#fff;background:linear-gradient(160deg,#f4a4be,#e85d8a);border-radius:12px;justify-content:center;align-items:center;width:52px;height:44px;font-size:1.4rem;animation:1.8s ease-in-out infinite heart-pulse;display:flex;position:relative;box-shadow:0 8px 20px #e85d8a73,inset 0 0 14px #ffffff40}.pin-card.is-ok .pin-lock-shackle{left:64%;transform:translate(-50%)rotate(-32deg)}.pin-card.is-ok .pin-lock-body{animation:.7s lock-pop}@keyframes lock-pop{0%{transform:scale(1)}40%{transform:scale(1.35);box-shadow:0 0 40px #e85d8ae6}to{transform:scale(1)}}.pin-dots{gap:.55rem;margin:.3rem 0 .2rem;display:flex}.pin-dot{color:#ffbed647;font-size:1.1rem;transition:transform .25s,color .25s,text-shadow .25s;transform:scale(.85)}.pin-dot.is-filled{color:var(--pink);text-shadow:0 0 12px #e85d8acc;animation:.3s dot-pop;transform:scale(1.15)}@keyframes dot-pop{0%{transform:scale(.6)}60%{transform:scale(1.4)}to{transform:scale(1.15)}}.pin-card.is-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) pin-shake}@keyframes pin-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.pin-gate--eyes.is-unlocking{animation:1s .15s forwards gate-open}@keyframes gate-open{to{opacity:0;filter:blur(8px);transform:scale(1.12)}}.pin-gate--eyes.is-unlocking .pin-bg{transition:transform 1s;animation-play-state:paused;transform:scale(1.2)}.pin-card{text-align:center;flex-direction:column;align-items:center;gap:.85rem;width:min(92vw,380px);padding:2.2rem 1.8rem;display:flex}.pin-heart{filter:drop-shadow(0 0 12px #ff3b5ce6)}.pin-title{font-family:var(--sans);color:#fff;text-shadow:2px 2px #131318;font-size:1.6rem;font-weight:700}.pin-sub{font-family:var(--sans);color:#cfe6bd;margin-top:-.35rem;font-size:.95rem}.pin-input{width:100%;font-family:var(--mono);letter-spacing:.4em;text-align:center;color:#fff;background:#15151b;border:3px solid #131318;border-radius:0;outline:none;margin-top:.4rem;padding:.8rem 1rem;font-size:1.4rem;box-shadow:inset 3px 3px #0c0c10,inset -3px -3px #2c2c34}.pin-input::placeholder{color:#555;letter-spacing:.3em}.pin-input.is-err{border-color:var(--heart);animation:.35s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.pin-btn{cursor:pointer;width:100%;font-family:var(--sans);letter-spacing:.04em;color:#11240a;background:var(--grass);box-shadow:inset 3px 3px 0 #a7e07d, inset -3px -3px 0 var(--grass-dark);border:3px solid #131318;border-radius:0;margin-top:.3rem;padding:.8rem 1rem;font-size:1.05rem;font-weight:600;transition:transform .12s steps(2,end),filter .2s}.pin-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.pin-btn:active{transform:translateY(1px)}.pin-err{font-family:var(--sans);color:#ff8aa0;opacity:0;min-height:1.1em;font-size:.85rem;transition:opacity .2s}.pin-err.is-show{opacity:1}.hero-hearts{z-index:1;pointer-events:none;position:absolute;inset:0}.float-heart{opacity:.55;filter:drop-shadow(0 0 6px #ff5d8f99);animation:ease-in-out infinite alternate drift;position:absolute}.intro-celebrate{text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:flex}.intro-celebrate-big{font-family:var(--sans);color:#fff;letter-spacing:.02em;text-shadow:2px 2px #131318,0 0 18px #ff5d8f99;font-size:clamp(1.5rem,6vw,2.6rem);font-weight:700}.intro-celebrate-sub{font-family:var(--sans);color:#ffc2da;font-size:clamp(.95rem,2.6vw,1.15rem)}.gallery{max-width:1120px;margin:0 auto;padding:12vh 24px 8vh}.gallery-grid{column-count:3;column-gap:16px}@media (width<=900px){.gallery-grid{column-count:2}}@media (width<=560px){.gallery-grid{column-count:1}}.gallery-item{cursor:pointer;break-inside:avoid;text-align:left;background:var(--stone);width:100%;margin:0 0 16px;padding:0;display:block;overflow:hidden}.gallery-item img{image-rendering:auto;width:100%;height:auto;transition:transform .45s,filter .45s;display:block}.gallery-item:hover img{transform:scale(1.04)}.gallery-item .stop-photo--empty{aspect-ratio:4/3}.gallery-cap{background:#15151b;border-top:3px solid #131318;padding:.75rem .9rem .85rem;display:block}.gallery-loc{font-family:var(--mono);color:var(--grass);margin-bottom:.25rem;font-size:.78rem;font-style:normal;display:block}.gallery-note{font-family:var(--sans);color:#ffe3ee;font-size:1.05rem;line-height:1.4;display:block}.lightbox-photo img{image-rendering:auto}.promise{text-shadow:0 0 16px #ff5d8f80;font-weight:600;font-family:var(--sans)!important;color:#ffb3cf!important;letter-spacing:.02em!important;margin:.4rem 0 .2rem!important;font-size:clamp(1.1rem,3.4vw,1.5rem)!important}.lovenote{justify-content:center;padding:14vh 24px;display:flex;position:relative;overflow:hidden}.lovenote-bg{z-index:0;background-image:var(--bg);filter:blur(28px)brightness(.5)saturate(1.1);background-position:50%;background-size:cover;position:absolute;inset:-50px;transform:scale(1.12)}.lovenote:after{content:"";z-index:0;background:linear-gradient(#0c101880,#0c1018d1);position:absolute;inset:0}.lovenote-inner{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1.4rem,4vw,3rem);width:100%;max-width:1000px;display:flex;position:relative}.lovenote-photo{width:100%;max-width:360px;margin:0;overflow:hidden}.lovenote-photo img{image-rendering:auto;width:100%;height:auto;display:block}.lovenote-text{flex:1;min-width:260px}.lovenote-kicker{font-family:var(--mono);letter-spacing:.08em;color:var(--grass);font-size:.82rem}.lovenote-title{font-family:var(--sans);color:#fff;text-shadow:2px 2px #131318,0 0 24px #ff5d8fb3;margin:.4rem 0 .8rem;font-size:clamp(2rem,7vw,3.4rem);font-weight:700}.lovenote-body{font-family:var(--sans);color:#ffe3ee;font-size:1.12rem;line-height:1.65}.achv{z-index:95;background:#2a2a30;border:3px solid #131318;align-items:center;gap:.75rem;min-width:250px;max-width:86vw;padding:.75rem .95rem;animation:5.4s forwards achvPop;display:flex;position:fixed;top:18px;right:18px;transform:translateY(-180%);box-shadow:inset 3px 3px #5b5b66,inset -3px -3px #101015,0 12px 26px #00000080}@keyframes achvPop{0%{transform:translateY(-180%)}8%{transform:translateY(0)}88%{transform:translateY(0)}to{transform:translateY(-180%)}}.achv-icon{filter:drop-shadow(0 0 6px #ff3b5cd9);flex:none}.achv-text{flex-direction:column;line-height:1.25;display:flex}.achv-title{font-family:var(--sans);color:#ffe04a;font-size:.92rem;font-weight:600}@media (width<=600px){.achv{min-width:0;top:12px;right:12px}}.yt-hidden{opacity:.001;pointer-events:none;z-index:-1;width:1px;height:1px;position:fixed;bottom:0;left:0;overflow:hidden}.music-btn--hidden{opacity:0;pointer-events:none;transform:translateY(12px)}@media (width<=600px){body{font-size:17px}.gallery{padding:9vh 14px 6vh}.gallery-grid{column-gap:12px}.gallery-item{margin-bottom:12px}.lovenote{padding:10vh 16px}.lovenote-inner{text-align:center;flex-direction:column}.lovenote-text{min-width:0}.letter-paper{padding:1.8rem 1.3rem 2rem 2.3rem}.end-inner{padding:1.4rem}.timeline-head{margin-bottom:6vh}.chest-box{width:150px;height:118px}.music-btn{padding:.5rem .7rem;bottom:12px;right:12px}.intro-celebrate-sub{max-width:22ch}}.hero-slogan{font-family:var(--sans);text-shadow:2px 2px #131318,0 0 20px #ff5d8fa6;margin-top:.55rem;font-weight:700;letter-spacing:.06em!important;text-transform:none!important;color:#ffb3cf!important;font-size:clamp(1.35rem,4.8vw,2.2rem)!important}.hero-sub{font-family:var(--mono);margin-top:.35rem;letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--grass)!important;font-size:.78rem!important}.section-head,.timeline-head{text-align:center;margin-bottom:7vh}.section-title,.timeline-title{font-family:var(--sans);text-shadow:3px 3px #131318;margin:.45rem 0 .7rem;font-size:clamp(2rem,6vw,3.2rem);font-weight:700}.section-title--glow{color:#fff;text-shadow:3px 3px #131318,0 0 28px #ff5d8f8c}.section-lead,.timeline-lead{color:#d9d6cf;max-width:42ch;margin:0 auto;font-size:1.05rem;line-height:1.6}.film{max-width:100%;padding:10vh 0 6vh;overflow:hidden}.film-wrap{align-items:stretch;max-width:100%;margin:0 auto;display:flex;position:relative}.film-edge{background:repeating-linear-gradient(#1a1a22 0 8px,#0000 8px 16px);border:3px solid #131318;flex:none;width:28px}.film-edge--left{border-right:none}.film-edge--right{border-left:none}.film-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:linear-gradient(#0f0f14,#1a1a22);border-top:4px solid #131318;border-bottom:4px solid #131318;flex:1;gap:14px;padding:18px 12px;display:flex;overflow-x:auto}.film-frame{scroll-snap-align:center;cursor:pointer;background:#15151b;flex:none;width:clamp(140px,28vw,220px);padding:0;position:relative;overflow:hidden}.film-frame img,.film-frame .photo-empty{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.film-num{font-family:var(--mono);color:#ffe3ee;background:#0000008c;border:1px solid #ffffff26;padding:2px 6px;font-size:.65rem;position:absolute;bottom:6px;right:8px}.film-hint{text-align:center;font-family:var(--mono);letter-spacing:.12em;color:#cfe6bd8c;margin-top:1rem;font-size:.72rem}.month-divider{opacity:0;justify-content:center;align-items:center;gap:1rem;padding:8vh 24px 4vh;transition:opacity .9s,transform .9s;display:flex;transform:translateY(24px)}.month-divider.is-in{opacity:1;transform:translateY(0)}.month-divider-line{background:linear-gradient(90deg, transparent, var(--grass), transparent);flex:1;max-width:120px;height:4px}.month-divider-badge{font-family:var(--sans);color:#fff;background:#2a2a30;border:3px solid #131318;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:700;display:flex;box-shadow:inset 2px 2px #5b5b66,inset -2px -2px #101015}.stories{max-width:960px;margin:0 auto;padding:4vh 24px 10vh}.story-list{flex-direction:column;gap:2.5rem;display:flex}.story-card{text-align:left;grid-template-columns:1fr 1fr;gap:0;transition:transform .35s,box-shadow .35s;display:grid;overflow:hidden}.story-card:hover{box-shadow:inset 3px 3px 0 var(--bevel-light), inset -3px -3px 0 var(--bevel-dark), 0 18px 50px #00000080;transform:translateY(-4px)}.story-card--flip .story-photo{order:2}.story-card--flip .story-body{order:1}.story-photo{cursor:pointer;background:#15151b;border:none;min-height:200px;margin:0;padding:0;position:relative}.story-photo img,.story-photo .photo-empty{object-fit:cover;width:100%;height:100%;min-height:200px;transition:transform .45s;display:block}.story-photo:hover img{transform:scale(1.03)}.story-zoom{border:2px solid var(--grass-dark);color:#fff;opacity:0;background:#00000080;place-items:center;width:28px;height:28px;font-size:.85rem;transition:opacity .25s;display:grid;position:absolute;bottom:10px;right:10px}.story-photo:hover .story-zoom{opacity:1}.story-body{background:#1a1a22;border-left:3px solid #131318;flex-direction:column;justify-content:center;padding:1.6rem 1.5rem;display:flex}.story-card--flip .story-body{border-left:none;border-right:3px solid #131318}.story-kicker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--grass);font-size:.68rem}.story-title{font-family:var(--sans);color:#fff;text-shadow:2px 2px #131318;margin:.35rem 0 .6rem;font-size:1.55rem;font-weight:700}.story-note{font-family:var(--sans);color:#ffe3ee;font-size:1rem;line-height:1.65}.spotlights{padding:4vh 0 8vh}.spotlight{padding:12vh 24px;position:relative;overflow:hidden}.spotlight-bg{background-image:var(--bg);filter:blur(32px)brightness(.45)saturate(1.1);background-position:50%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.1)}.spotlight:after{content:"";background:linear-gradient(#0c101866,#0c1018d9);position:absolute;inset:0}.spotlight-inner{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1.2rem,4vw,2.5rem);max-width:960px;margin:0 auto;display:flex;position:relative}.spotlight--flip .spotlight-photo{order:2}.spotlight--flip .spotlight-text{text-align:right;order:1}.spotlight-photo{width:100%;max-width:340px;margin:0;overflow:hidden}.spotlight-photo img{width:100%;height:auto;display:block}.spotlight-text{flex:1;min-width:240px}.spotlight-kicker{font-family:var(--mono);letter-spacing:.14em;color:var(--grass);text-transform:uppercase;font-size:.78rem}.spotlight-title{font-family:var(--sans);color:#fff;text-shadow:2px 2px #131318,0 0 20px #ff5d8f80;margin:.35rem 0 .65rem;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700}.spotlight-note{color:#ffe3ee;font-size:1.05rem;line-height:1.65}.spotlight-between{filter:drop-shadow(0 0 10px #ff5d8fb3);justify-content:center;padding:2vh 0;display:flex}.photo-empty,.stop-photo--empty{color:#ffffff73;background:repeating-linear-gradient(45deg,#2a1f33,#2a1f33 10px,#3a2a44 10px 20px);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:100%;height:100%;min-height:160px;display:flex}.photo-empty-glyph,.stop-photo-glyph{font-size:1.6rem}.photo-empty-hint,.stop-photo-hint{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;font-size:.6rem}.lightbox-inner--story .story-kicker{margin-bottom:.35rem;display:block}.lightbox-inner--story .story-title{margin-bottom:.5rem;font-size:1.4rem}.maintenance-admin{z-index:101;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.admin-toggle{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#cfe6bd59;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:.65rem}.admin-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 10px;display:flex}.admin-input{width:100px;font-family:var(--mono);letter-spacing:.2em;text-align:center;color:#fff;background:#15151b;border:2px solid #131318;border-radius:0;padding:.45rem .6rem;font-size:.9rem}.admin-input.is-err{border-color:var(--heart);animation:.35s shake}.admin-btn{font-family:var(--sans);color:#11240a;background:var(--grass);cursor:pointer;border:2px solid #131318;border-radius:0;padding:.45rem .85rem;font-size:.8rem;font-weight:600}.admin-err{text-align:center;color:#ff8aa0;width:100%;font-size:.75rem}@media (width<=720px){.story-card,.story-card--flip{grid-template-columns:1fr}.story-card--flip .story-photo,.story-card--flip .story-body{order:unset}.story-body{border-top:3px solid #131318;border-left:none!important;border-right:none!important}.spotlight--flip .spotlight-text{text-align:center}.spotlight-inner{text-align:center;flex-direction:column}.film-edge{width:14px}}.bg-layer{background:linear-gradient(165deg,#1a0f18 0%,#2a1528 35%,#3d1f32 65%,#1f1220 100%)}.romantic-decor{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.petal-layer{will-change:transform;position:absolute;inset:-10vh 0}.petal-layer--back{opacity:.5;filter:blur(1px)}.romantic-petal{opacity:.55;filter:drop-shadow(0 2px 8px #e85d8a40);animation:linear infinite petal-fall;position:absolute;top:-5vh}@keyframes petal-fall{0%{opacity:0;transform:translateY(-5vh)rotate(0)}10%{opacity:.6}90%{opacity:.5}to{opacity:0;transform:translateY(105vh)rotate(360deg)}}.romantic-card{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px}.hero-heart{color:var(--heart);filter:drop-shadow(0 0 18px #e639568c);justify-content:center;align-items:center;font-size:clamp(2.2rem,6vw,3.2rem);animation:1.8s ease-in-out infinite heart-pulse;display:inline-flex}.hero-heart--big{font-size:clamp(5rem,28vw,9rem)}@keyframes heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.divider-heart{color:var(--pink-soft);font-size:.9rem}.intro--romantic{background:radial-gradient(at 50% 40%,#e85d8a2e,#0000 55%),linear-gradient(#1a0f18,#2d1528)}.intro-petals{pointer-events:none;position:absolute;inset:0}.intro-petal{opacity:0;font-size:1.4rem;position:absolute;top:12%}.intro--romantic .intro-letter{font-family:var(--display);color:#fff;text-shadow:0 0 40px #e85d8a80;letter-spacing:.02em;font-size:clamp(4rem,18vw,7rem);font-weight:500}.intro-heart{color:var(--heart);filter:drop-shadow(0 0 24px #e63956b3);font-size:clamp(3rem,12vw,5rem);line-height:1}.intro--romantic .intro-celebrate-big{font-family:var(--display);color:#ffe8f0;letter-spacing:.04em;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:500}.intro--romantic .intro-celebrate-sub{font-family:var(--hand);color:var(--pink-soft);font-size:clamp(1.1rem,3.5vw,1.5rem)}.intro--romantic .intro-coords{font-family:var(--sans);letter-spacing:.16em;color:#ffdceb8c;font-size:.72rem}.intro--romantic .intro-sub{font-family:var(--hand);color:var(--pink-soft);font-size:1.15rem}.intro--romantic .intro-skip{font-family:var(--sans);color:#ffc8dc73}.hero-title h1{font-family:var(--display);letter-spacing:.06em;font-weight:500}.hero-title .amp-letter{font-family:var(--display)}.hero-slogan{font-family:var(--display);background:linear-gradient(135deg, #fff, var(--pink-soft));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:500}.hero-title p,.hero-sub{font-family:var(--hand);color:var(--pink-soft);font-size:1.25rem}.achv{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}.achv-icon{font-size:1.8rem}.achv-kicker{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pink-soft);font-size:.68rem;display:block}.achv-name{font-family:var(--display);color:#fff;font-size:1.05rem}.pin-card,.maintenance-card{text-align:center;max-width:380px;padding:clamp(1.8rem,5vw,2.5rem)}.pin-heart,.maintenance-heart{filter:drop-shadow(0 0 16px #e85d8a80);margin-bottom:.6rem;font-size:3rem;display:block}.pin-title,.maintenance-title{font-family:var(--display);color:#fff;margin-bottom:.4rem;font-size:1.8rem;font-weight:500}.pin-sub,.maintenance-msg{font-family:var(--sans);color:#ffe6f0bf;font-size:.95rem;line-height:1.55}.maintenance-badge{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--pink-soft);margin-bottom:.5rem;font-size:.68rem;display:block}.maintenance-hint{font-family:var(--hand);color:var(--pink-soft);margin-top:.8rem;font-size:1.1rem}.pin-input,.admin-input{border:1px solid var(--glass-border);font-family:var(--sans);background:#fff8fc14;border-radius:12px}.pin-btn,.admin-btn{background:linear-gradient(135deg, var(--pink), var(--rose));color:#fff;font-family:var(--sans);border:none;border-radius:12px;box-shadow:0 8px 24px #e85d8a59}.admin-toggle{color:#f4a4be73;font-family:var(--sans)}.admin-toggle:hover{color:var(--pink-soft)}.film-strip{background:0 0}.film-frame{border:2px solid #e85d8a40;border-radius:14px;overflow:hidden}.film-edge{background:linear-gradient(#e85d8a26,#d4456f14)}.film-kicker,.month-kicker,.story-kicker,.spotlight-kicker{font-family:var(--sans);letter-spacing:.14em;color:var(--pink-soft)!important}.film-title,.month-title,.story-title,.spotlight-title{font-family:var(--display);color:#fff;text-shadow:none;font-weight:500}.film-lead,.month-lead,.story-note{font-family:var(--sans);color:#ffe6f0d1;line-height:1.65}.month-divider-badge{font-family:var(--display);color:var(--pink-soft);border:1px solid var(--glass-border);background:#e85d8a1f;border-radius:99px;gap:.5rem;padding:.45rem 1.2rem;font-size:1.1rem}.story-card{border:1px solid var(--glass-border);border-radius:18px;overflow:hidden}.story-body{padding:1.2rem 1.4rem;border-top:none!important;border-left:none!important;border-right:none!important}.spotlight{border:1px solid var(--glass-border);background:linear-gradient(#1a0f184d,#2d152899);border-radius:24px;max-width:1100px;margin:4vh auto;padding:clamp(2rem,5vw,3rem)}.spotlight:after{background:linear-gradient(#1a0f1833,#1a0f18b3)}.spotlight-kicker{color:var(--pink-soft)!important}.spotlight-title{text-shadow:0 0 30px #e85d8a66}.spotlight-note{color:#ffe4eee6}.spotlight-photo{border:2px solid #e85d8a4d;border-radius:16px}.letter-paper{max-width:640px;margin:0 auto;padding:clamp(1.5rem,4vw,2.2rem);position:relative}.letter-ribbon{font-size:1.6rem;position:absolute;top:-.5rem;right:1.2rem}.letter-greeting{font-family:var(--display);color:var(--rose);margin-bottom:1rem;font-size:1.6rem}.letter-line{font-family:var(--sans);color:#3d2a32e0;margin-bottom:.9rem;line-height:1.75}.letter-sign{font-family:var(--hand);color:var(--rose);margin-top:1rem;font-size:1.3rem}.letter-seal{font-family:var(--display);color:var(--pink);text-align:right;margin-top:1.2rem;font-size:1.1rem;display:block}.letter-seal span{color:var(--heart)}.end-mark{filter:drop-shadow(0 0 20px #e85d8a80);font-size:3.5rem}.end-promise{font-family:var(--hand);color:var(--pink-soft);max-width:520px;margin:0 auto;font-size:clamp(1.2rem,3.5vw,1.6rem);line-height:1.5}.end-sub{font-family:var(--display);color:#ffe6f0b3}.chest,.intro-figures,.figure,.figure-heart-wrap{display:none!important}.section-kicker,.timeline-kicker{font-family:var(--hand);letter-spacing:.06em;color:var(--pink-soft);text-transform:none;font-size:1.25rem}.section-title,.timeline-title{font-family:var(--display);letter-spacing:.02em;background:linear-gradient(120deg, #fff 20%, var(--pink-soft) 60%, var(--lilac) 100%);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-weight:500}.section-head:after{content:"· ✿ ·";color:#f4a4be8c;letter-spacing:.6em;margin-top:.9rem;font-size:.95rem;display:block}.section-lead,.timeline-lead{color:#ffe4eecc}.film-hint{font-family:var(--hand);letter-spacing:.04em;color:#f4a4beb3;text-transform:none;font-size:1.05rem}.reel{border:1px solid var(--glass-border);background:linear-gradient(#2a1528d9,#1a0f18e6);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0006,inset 0 0 60px #e85d8a0f}.reel-perfs{background:repeating-linear-gradient(90deg,#0000 0 14px,#ffc8dc47 14px 26px,#0000 26px 40px) 50%/40px 12px repeat-x;border-block:1px solid #e85d8a33;height:22px}.reel-window{padding:16px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.reel-track{will-change:transform;gap:16px;width:max-content;animation:55s linear infinite reel-roll;display:flex}.reel:hover .reel-track,.reel:focus-within .reel-track{animation-play-state:paused}@keyframes reel-roll{0%{transform:translate(0)}to{transform:translate(-50%)}}.reel-frame{cursor:pointer;background:#1c1018;border:2px solid #e85d8a4d;border-radius:12px;flex:none;width:clamp(160px,24vw,240px);padding:0;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.reel-frame:hover{border-color:var(--pink-soft);z-index:1;transform:scale(1.06)rotate(-1deg);box-shadow:0 14px 36px #e85d8a59}.reel-frame img,.reel-frame .photo-empty{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.reel-num{font-family:var(--hand);color:#ffdce9;text-shadow:0 1px 6px #000c;font-size:.95rem;position:absolute;bottom:7px;right:9px}.scratch{max-width:760px;margin:0 auto;padding:10vh clamp(1rem,5vw,3rem)}.scratch-wrap{touch-action:none;background:linear-gradient(160deg,#fff6fa,#ffe3ee);height:clamp(220px,36vw,300px);position:relative;overflow:hidden}.scratch-secret{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1rem;display:flex;position:absolute;inset:0}.scratch-secret-main{font-family:var(--hand);color:var(--rose);text-shadow:0 2px 14px #d4456f40;font-size:clamp(2rem,7vw,3.2rem)}.scratch-secret-sub{font-family:var(--display);color:var(--pink);font-size:clamp(1rem,3vw,1.3rem)}.scratch-canvas{cursor:crosshair;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.scratch-canvas.is-done{opacity:0;pointer-events:none}.reasons{max-width:720px;margin:0 auto;padding:10vh clamp(1rem,5vw,3rem)}.reasons-box{text-align:center;border:1px solid var(--glass-border);background:linear-gradient(#2a1528bf,#1a0f18e6);flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;min-height:260px;padding:clamp(2rem,5vw,3rem);display:flex}.reason-placeholder{font-family:var(--hand);color:#ffdceba6;font-size:1.35rem}.reason-card{max-width:480px;animation:.5s both reason-in}@keyframes reason-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.reason-num{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--pink-soft);margin-bottom:.7rem;font-size:.75rem;display:block}.reason-text{font-family:var(--hand);color:#fff;text-shadow:0 0 24px #e85d8a59;font-size:clamp(1.4rem,4.5vw,1.9rem);line-height:1.4}.reason-btn{cursor:pointer;padding:.7rem 1.8rem;font-size:1rem}.reason-progress{font-family:var(--sans);letter-spacing:.14em;color:#ffdceb80;font-size:.78rem}.bg-layer:after{content:"";pointer-events:none;background:radial-gradient(60% 40% at 18% 22%,#e85d8a24,#0000),radial-gradient(50% 35% at 82% 68%,#c9a0dc1f,#0000),radial-gradient(45% 30% at 50% 95%,#d4456f1a,#0000);position:absolute;inset:0}.hero-slogan{background-size:200%;animation:6s ease-in-out infinite slogan-shimmer}@keyframes slogan-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.story-card{transition:transform .4s,box-shadow .4s}.story-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #e85d8a40}.end{position:relative}.end:before{content:"🌸 ♥ 🌸";text-align:center;letter-spacing:1.2em;opacity:.55;margin-bottom:2rem;padding-left:1.2em;font-size:1rem;display:block}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(48px)}.reveal.is-visible{opacity:1;transform:none}.wave-divider{pointer-events:none;z-index:1;width:100%;height:clamp(60px,9vw,110px);margin:-1px 0;line-height:0;position:relative}.wave-divider svg{width:100%;height:100%;display:block}.wave-divider.is-flip svg{transform:scaleX(-1)}.wave-back{fill:#e85d8a1a}.wave-front{fill:#e85d8a29}.wave-heart{color:#ffbed6bf;filter:drop-shadow(0 0 10px #e85d8a80);font-size:1.3rem;animation:2.4s ease-in-out infinite heart-pulse;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.magnetic{will-change:transform;transition:transform .25s cubic-bezier(.22,1,.36,1);display:inline-flex}.music-toggle{z-index:60;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--pink-soft);cursor:pointer;background:#1a0c14a8;border-radius:99px;align-items:center;gap:.5rem;padding:.6rem .9rem;transition:transform .3s,box-shadow .3s,color .3s;display:inline-flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #00000059}.music-toggle:hover{transform:translateY(-3px);box-shadow:0 14px 36px #e85d8a59}.music-toggle.is-on{color:#fff;border-color:#ffaac880}.music-icon{font-size:1.2rem;line-height:1}.music-eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.music-eq span{opacity:.5;background:currentColor;border-radius:2px;width:3px;height:4px}.music-toggle.is-on .music-eq span{animation:.9s ease-in-out infinite eq-bounce}.music-toggle.is-on .music-eq span:nth-child(2){animation-delay:.15s}.music-toggle.is-on .music-eq span:nth-child(3){animation-delay:.3s}@keyframes eq-bounce{0%,to{opacity:.5;height:4px}50%{opacity:1;height:14px}}.loader{z-index:9999;background:radial-gradient(at 50% 45%,#2d1528,#14090f 75%);flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;transition:opacity .8s,transform .8s;display:flex;position:fixed;inset:0}.loader.is-leaving{opacity:0;pointer-events:none;transform:scale(1.08)}.loader-heart-wrap{filter:drop-shadow(0 10px 30px #e85d8a80)}.loader-fill{animation:1.7s cubic-bezier(.4,0,.2,1) forwards heart-load;transform:translateY(29px)}@keyframes heart-load{0%{transform:translateY(29px)}to{transform:translateY(0)}}.loader-text{font-family:var(--hand);color:var(--pink-soft);letter-spacing:.03em;font-size:1.4rem}.loader-bar{background:#ffbed626;border-radius:99px;width:min(60vw,220px);height:5px;overflow:hidden}.loader-bar-fill{background:linear-gradient(90deg, var(--pink-soft), var(--rose));border-radius:99px;width:0;height:100%;animation:1.7s cubic-bezier(.4,0,.2,1) forwards bar-fill;display:block}@keyframes bar-fill{to{width:100%}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.loader-fill,.loader-bar-fill{animation-duration:.4s}}.tilt{perspective:900px}.tilt-inner{transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.22,1,.36,1);position:relative}.tilt-shine{pointer-events:none;opacity:calc(var(--shine,0) * .85);background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), #ffffff59, #ffc8dc1f 40%, transparent 65%);z-index:3;border-radius:16px;transition:opacity .3s;position:absolute;inset:0}.reel-tilt{flex:none}.story-tilt{width:100%}.story-tilt .story-card:hover{transform:none}html{scroll-snap-type:y proximity;scroll-padding-top:6vh}.film,.stories,.spotlights,.scratch,.reasons{scroll-snap-align:start;scroll-margin-top:6vh}.end{text-align:center;min-height:auto;padding:10vh 24px 12vh;display:block}.end .end-inner{width:100%;max-width:700px;margin:0 auto;padding:0}.end .letter{justify-content:center;width:100%;display:flex}.end .letter-paper{text-align:left;margin-left:auto!important;margin-right:auto!important}.lightbox{-webkit-backdrop-filter:blur(16px);background:#050408b3}.lightbox-inner{animation:.4s cubic-bezier(.2,.8,.2,1) lb-pop}@keyframes lb-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-inner.slide-next{animation:.4s cubic-bezier(.2,.8,.2,1) lb-slide-next}.lightbox-inner.slide-prev{animation:.4s cubic-bezier(.2,.8,.2,1) lb-slide-prev}@keyframes lb-slide-next{0%{opacity:0;transform:translate(6%)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes lb-slide-prev{0%{opacity:0;transform:translate(-6%)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.lightbox-photo{background:#1a0f18;justify-content:center;align-items:center;min-height:auto;display:flex;overflow:hidden}.lightbox-photo img{object-fit:contain;width:100%;height:auto;min-height:0;max-height:min(82vh,600px);animation:6s ease-out both lb-zoom}@keyframes lb-zoom{0%{transform:scale(1.12)}to{transform:scale(1)}}.lightbox-nav{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#1a0c148c;border:1px solid #ffbed659;border-radius:50%;width:54px;height:54px;font-size:2rem;line-height:1;transition:transform .25s,background .25s,box-shadow .25s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#e85d8a80;transform:translateY(-50%)scale(1.1);box-shadow:0 0 26px #e85d8a80}.lightbox-nav--prev{left:max(12px,3vw)}.lightbox-nav--next{right:max(12px,3vw)}.lightbox-count{font-family:var(--sans);letter-spacing:.16em;color:var(--pink-soft);margin-top:1rem;font-size:.8rem}.confetti{z-index:10000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{filter:drop-shadow(0 3px 8px #e85d8a59);animation-name:confetti-fall;animation-timing-function:cubic-bezier(.4,.1,.3,1);animation-fill-mode:forwards;position:absolute;top:-6vh}@keyframes confetti-fall{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:1}to{transform:translate(var(--drift,0), 112vh) rotate(var(--rot,360deg));opacity:.9}}@media (prefers-reduced-motion:reduce){html{scroll-snap-type:none}.lightbox-photo img{animation:none}}@media (width<=720px){.lightbox-photo img{max-height:52vh}.romantic-petal{font-size:.85rem!important}.story-body{border-top:none!important}.reel-frame{width:clamp(130px,40vw,180px)}.reel-track{animation-duration:38s}.music-toggle{padding:.5rem .7rem;bottom:12px;right:12px}.lightbox-nav{width:44px;height:44px;font-size:1.6rem}}