@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=DM+Sans:wght@300;400;500;600&family=Italiana&display=swap";:root{--ink:#26332f;--forest:#203d36;--cream:#f3efe5;--paper:#fbf8f0;--sage:#82968a;--gold:#c6a86b;--peach:#d6a18f;--night:#0c1b20;--serif:"Italiana", "Songti TC", "Noto Serif TC", Georgia, serif;--sans:"DM Sans", "PingFang TC", "Noto Sans TC", system-ui, sans-serif;--hand:"Caveat", "Kaiti TC", "BiauKai", "Bradley Hand", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body{color:var(--ink);background:var(--cream);font-family:var(--sans);margin:0;overflow-x:hidden}body.modal-open{overflow:hidden}button,input{font:inherit}button{color:inherit}img{max-width:100%;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.section{padding:clamp(7rem,12vw,11rem) max(6vw,50vw - 620px);position:relative}.section-heading{text-align:center;max-width:720px;margin:0 auto clamp(4.5rem,9vw,8rem)}.section-heading.light{color:#f3efe5}.section-heading .kicker,.kicker{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin:0 0 1.15rem;font-size:.68rem;font-weight:600}.section-heading h2,.notes-panel h2,.game-panel h2{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(2.8rem,6.2vw,5.7rem);font-weight:400;line-height:.98}.section-heading h2 em,.notes-panel h2 em,.game-panel h2 em{color:var(--peach);font-weight:400}.section-heading>p:last-child{color:#67716d;max-width:560px;margin:1.5rem auto 0;font-size:.94rem;font-weight:300;line-height:1.8}.section-heading.light>p:last-child{color:#b7c2be}[data-reveal]{opacity:0;transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);transform:translateY(34px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.music-player{z-index:80;color:#eee9dc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f2023ad;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.75rem;padding:.45rem .65rem .45rem .45rem;display:flex;position:fixed;top:1.25rem;right:1.25rem;box-shadow:0 14px 35px #0000002e}.music-toggle{color:inherit;cursor:pointer;letter-spacing:.05em;background:0 0;border:0;align-items:center;gap:.55rem;font-size:.69rem;display:flex}.record{background:#192c2c;border:1px solid #fff3;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:relative}.record:before,.record:after{content:"";border:1px solid #ffffff2b;border-radius:50%;position:absolute;inset:5px}.record:after{inset:9px}.record i{background:var(--peach);border-radius:50%;width:4px;height:4px}.is-playing .record{animation:4s linear infinite spin}.volume-control input{width:55px;accent-color:var(--peach);cursor:pointer}.reading-progress{z-index:90;transform-origin:0;background:var(--peach);width:100%;height:2px;animation:linear progress;animation-timeline:scroll();position:fixed;top:0;left:0}.hero{color:#f5f0e5;isolation:isolate;background:radial-gradient(circle at 50% 42%,#25484a 0,#142c32 36%,#09191e 72%);place-items:center;min-height:100svh;padding:5rem 6vw;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;border:1px solid #ffffff14;border-radius:50%;width:55vw;min-width:500px;height:55vw;min-height:500px;position:absolute;box-shadow:0 0 0 8vw #ffffff05,0 0 0 16vw #ffffff03}.hero:after{content:"";background:linear-gradient(#0000,#0c1b20);height:55%;position:absolute;bottom:-25%;left:0;right:0}.aurora{z-index:-2;filter:blur(90px);opacity:.2;border-radius:50%;width:45vw;height:45vw;animation:11s ease-in-out infinite float;position:absolute}.aurora.one{background:#b69570;top:-15%;left:-10%}.aurora.two{background:#719a8e;animation-delay:-5s;bottom:-18%;right:-12%}.hero-copy{z-index:2;text-align:center;max-width:900px;position:relative}.hero .kicker{opacity:0;animation:1s .25s forwards rise}.hero h1{font-family:var(--serif);letter-spacing:-.055em;opacity:0;text-shadow:0 18px 60px #00000038;margin:0;font-size:clamp(4.8rem,13vw,10.8rem);font-weight:400;line-height:.85;animation:1.2s .45s forwards rise;transform:translateY(22px)}.welcome{color:#b8c4c0;opacity:0;max-width:480px;margin:2.2rem auto 2.6rem;font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:300;line-height:1.75;animation:1s .8s forwards rise}.primary-button,.secondary-button{color:#f4efe4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;opacity:0;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:1.5rem;padding:1rem 1.1rem 1rem 1.5rem;font-size:.73rem;font-weight:500;transition:transform .35s,background .35s,border-color .35s;animation:1s 1.05s forwards rise;display:inline-flex}.primary-button i{width:34px;height:34px;color:var(--night);background:var(--peach);border-radius:50%;place-items:center;font-style:normal;display:grid}.primary-button:hover,.secondary-button:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-3px)}.moon{z-index:2;color:#e4d4a6;cursor:pointer;filter:drop-shadow(0 0 15px #e0ce9938);background:0 0;border:0;width:70px;height:70px;animation:4s ease-in-out infinite breathe;position:absolute;top:10%;left:8%}.moon span{font-family:Georgia,serif;font-size:4rem}.initials{z-index:3;color:#ffffff80;cursor:pointer;font-family:var(--serif);letter-spacing:.18em;background:0 0;border:0;font-size:.85rem;position:absolute;bottom:2.3rem;right:2.8rem}.scroll-whisper{z-index:2;color:#ffffff61;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.62rem;position:absolute;bottom:2.3rem;left:2.8rem}.stars i{top:calc((var(--i) * 47) % 97 * 1%);left:calc((var(--i) * 83) % 97 * 1%);width:calc(1px + (var(--i) % 3) * 1px);height:calc(1px + (var(--i) % 3) * 1px);opacity:calc(.1 + (var(--i) % 5) * .09);animation:twinkle calc(2s + (var(--i) % 5) * 1s) infinite alternate;background:#fff;border-radius:50%;position:absolute}.timeline-section{background:var(--cream)}.timeline{max-width:1160px;margin:auto;position:relative}.timeline:before{content:"";background:linear-gradient(#0000,#c2b9a5 8% 92%,#0000);width:1px;position:absolute;top:0;bottom:0;left:50%}.timeline-item{grid-template-columns:1fr 70px 1fr;align-items:center;min-height:520px;display:grid;position:relative}.timeline-photo{aspect-ratio:4/5;background:#ddd5c5;border-radius:180px 180px 16px 16px;overflow:hidden;box-shadow:0 25px 70px #3a3f3629}.timeline-photo img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.timeline-item:hover .timeline-photo img{transform:scale(1.035)}.timeline-copy{max-width:390px;padding:3.5rem}.timeline-copy time{color:var(--sage);letter-spacing:.16em;text-transform:uppercase;margin-bottom:2.5rem;font-size:.66rem;font-weight:600;display:inline-block}.timeline-copy .eyebrow,.place-card .eyebrow{color:var(--gold);letter-spacing:.17em;text-transform:uppercase;margin:0 0 .7rem;font-size:.63rem}.timeline-copy h3,.place-card h3{font-family:var(--serif);margin:0 0 1.1rem;font-size:clamp(2rem,3.2vw,3rem);font-weight:400;line-height:1.05}.timeline-copy>p:last-child,.place-card div>p:last-child{color:#68716d;margin:0;font-size:.88rem;font-weight:300;line-height:1.8}.timeline-dot{z-index:2;background:var(--cream);border:1px solid #c9baa0;border-radius:50%;grid-column:2;place-items:center;width:46px;height:46px;margin:auto;display:grid;position:relative}.timeline-dot span{font-family:var(--serif);font-size:.65rem}.timeline-item.left .timeline-photo{grid-area:1/1;transform:rotate(-1.7deg)}.timeline-item.left .timeline-copy{grid-area:1/3}.timeline-item.right .timeline-photo{grid-area:1/3;transform:rotate(1.7deg)}.timeline-item.right .timeline-copy{text-align:right;grid-area:1/1;justify-self:end}.daily-section{background:#e5ddcf;overflow:hidden}.daily-section:before{content:"";border:1px solid #53635a1a;border-radius:50%;width:33vw;height:33vw;position:absolute;top:13%;right:-8%}.daily-strip{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b4a995 transparent;gap:1.4rem;max-width:100%;padding:1.5rem max(6vw,50vw - 620px) 3rem;display:flex;overflow-x:auto}.daily-card{scroll-snap-align:center;flex:none;width:min(315px,78vw)}.daily-card:nth-child(2n){margin-top:3.5rem}.daily-card button{cursor:zoom-in;background:#d6cdbc;border:0;border-radius:150px 150px 10px 10px;width:100%;padding:0;overflow:hidden;box-shadow:0 20px 45px #423e3421}.daily-card img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.88);width:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.daily-card button:hover img{transform:scale(1.045)}.daily-card div{padding:1.25rem .55rem}.daily-card div span{color:#8d8577;letter-spacing:.1em;text-transform:uppercase;font-size:.58rem}.daily-card div p{color:#44504b;font-family:var(--hand);margin:.65rem 0 0;font-size:1.35rem;line-height:1.25}.polaroid-section{color:#fff;background:#203833;min-height:900px;overflow:hidden}.polaroid-section:after{content:"";border:1px solid #ffffff0f;border-radius:50%;width:50vw;height:50vw;position:absolute;bottom:-30%;right:-15%}.polaroid-table{z-index:2;perspective:1500px;grid-template-columns:repeat(4,1fr);max-width:1120px;min-height:430px;margin:auto;display:grid;position:relative}.polaroid-card{cursor:pointer;perspective:1200px;width:250px;height:330px;transform:rotate(var(--r));background:0 0;border:0;padding:0;transition:transform .4s;position:relative}.polaroid-card:hover{z-index:5;transform:rotate(0)translateY(-12px)}.polaroid-card.p1{--r:-7deg;top:45px}.polaroid-card.p2{--r:4deg;top:0}.polaroid-card.p3{--r:-2deg;top:70px}.polaroid-card.p4{--r:7deg;top:18px}.polaroid-inner{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.75,.25,1);display:block;position:absolute;inset:0}.polaroid-card.flipped .polaroid-inner{transform:rotateY(180deg)}.polaroid-front,.polaroid-back{color:#28302d;backface-visibility:hidden;background:#f7f3e8;flex-direction:column;align-items:center;padding:14px 14px 20px;display:flex;position:absolute;inset:0;box-shadow:0 24px 50px #00000047}.polaroid-front img{object-fit:cover;filter:saturate(.8)contrast(.95);width:100%;height:245px}.polaroid-front strong{font-family:var(--hand);margin-top:13px;font-size:1.4rem;font-weight:500}.polaroid-front small{color:#9a968e;letter-spacing:.13em;text-transform:uppercase;font-size:.52rem}.polaroid-back{text-align:center;background:repeating-linear-gradient(#f8f4e9 0 29px,#dce1d8 30px);justify-content:center;padding:2rem;transform:rotateY(180deg)}.polaroid-back span{color:var(--peach);font-family:var(--hand);font-size:1.1rem}.polaroid-back strong{font-family:var(--hand);margin:1.6rem 0;font-size:1.7rem;font-weight:500;line-height:1.25}.polaroid-back small{font-size:1.4rem}.gallery-section{background:#eee9df}.gallery-filters{flex-wrap:wrap;justify-content:center;gap:.65rem;width:min(900px,100%);margin:-4.5rem auto 3rem;display:flex}.gallery-filters button{color:#56615b;cursor:pointer;letter-spacing:.08em;background:0 0;border:1px solid #d2c6b5;border-radius:999px;padding:.6rem .95rem;font-size:.68rem;transition:all .25s}.gallery-filters button:hover,.gallery-filters button.active{color:#fffaf0;border-color:var(--forest);background:var(--forest)}.masonry{columns:4 240px;column-gap:1rem;max-width:1200px;margin:auto}.gallery-image{break-inside:avoid;cursor:zoom-in;background:#dcd5c8;border:0;border-radius:5px;width:100%;margin:0 0 1rem;padding:0;display:block;position:relative;overflow:hidden}.gallery-image img{aspect-ratio:4/5;object-fit:cover;width:100%;min-height:160px;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .5s}.gallery-image:hover img{filter:brightness(.78);transform:scale(1.045)}.gallery-image span{color:#fff;letter-spacing:.13em;opacity:0;font-size:.56rem;transition:all .35s;position:absolute;bottom:.65rem;right:.75rem;transform:translateY(5px)}.gallery-image:hover span{opacity:.8;transform:translateY(0)}.lightbox{z-index:120;overscroll-behavior:contain;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#071012f0;grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;min-height:100dvh;padding:2.5rem;animation:.3s fade;display:grid;position:fixed;inset:0;overflow-y:auto}.lightbox figure{flex-direction:column;justify-content:center;align-items:center;gap:.8rem;width:100%;min-width:0;min-height:calc(100dvh - 5rem);margin:0;display:flex}.lightbox img{object-fit:contain;border-radius:4px;flex:0 auto;width:auto;max-width:100%;max-height:calc(100dvh - 11rem);animation:.45s cubic-bezier(.2,.7,.2,1) zoom;box-shadow:0 30px 80px #000}.lightbox figcaption{color:#ffffff80;letter-spacing:.18em;text-align:center;overflow-wrap:anywhere;flex-direction:column;flex:none;align-items:center;width:min(660px,100%);margin:0;padding:0 .75rem;font-size:.65rem;line-height:1.45;display:flex}.lightbox figcaption strong{color:#ffffffd1;font-family:var(--hand);letter-spacing:.02em;margin-top:.45rem;font-size:1.35rem;font-weight:500;line-height:1.35}.lightbox button{color:#fff;cursor:pointer;background:0 0;border:0}.lightbox-close{font-size:2rem;font-weight:200;position:absolute;top:1.4rem;right:1.7rem}.lightbox-arrow{font-family:var(--serif);opacity:.55;font-size:3.5rem;transition:opacity .2s}.lightbox-arrow:hover{opacity:1}.places-section{color:#eee8dc;background:#142925}.memory-map{background:#ffffff09;border:1px solid #ffffff1a;border-radius:30px;grid-template-columns:1.4fr .6fr;max-width:1160px;min-height:570px;margin:auto;display:grid;overflow:hidden;box-shadow:0 35px 90px #0003}.journey-map{background:radial-gradient(circle at 65% 40%,#92ad9a2e,#0000 40%),linear-gradient(135deg,#ffffff08,#0000);align-content:end;min-height:570px;padding:2.5rem;display:grid;position:relative;overflow:hidden}.journey-map:before,.journey-map:after{content:"";border:1px solid #ffffff0d;border-radius:46% 58% 50% 42%;position:absolute;inset:10% 20%;transform:rotate(-12deg)}.journey-map:after{inset:24% 35%;transform:rotate(18deg)}.journey-map svg{z-index:2;width:calc(100% - 3rem);height:calc(100% - 7rem);position:absolute;inset:1.5rem;overflow:visible}.travel-line{fill:none;stroke-linecap:round;stroke-width:.55px;stroke-dasharray:150;stroke-dashoffset:150px}.travel-line.strait{stroke:var(--peach);stroke-dasharray:3 2}.travel-line.local{stroke:var(--gold)}.journey-map.is-visible .travel-line{animation:1.35s cubic-bezier(.2,.7,.2,1) forwards drawRoute}.journey-map.is-visible .s2{animation-delay:.8s}.journey-map.is-visible .s3{animation-delay:1.45s}.journey-map.is-visible .s4{animation-delay:2.1s}.journey-map.is-visible .s5{animation-delay:2.65s}.journey-map.is-visible .s6{animation-delay:3.1s}.travel-dot{cursor:pointer;outline:none}.travel-dot circle{fill:var(--peach);stroke:#17302a;stroke-width:.9px;filter:drop-shadow(0 0 3px #d6a18fe6);transition:all .25s}.travel-dot text{fill:#e5e9e0;font-family:var(--sans);letter-spacing:.4px;text-anchor:middle;pointer-events:none;font-size:3.1px}.travel-dot:hover circle,.travel-dot.active circle,.travel-dot:focus circle{r:3.35;fill:#f0c3b1}.journey-map>p,.journey-map>small{z-index:3;margin:0;position:relative}.journey-map>p{color:var(--peach);font-family:var(--serif);font-size:clamp(2.7rem,5vw,4.4rem);line-height:.9}.journey-map>p strong{font-weight:400}.journey-map>p:after{content:"大概的直線距離";color:#ffffff7a;font-family:var(--sans);letter-spacing:.16em;margin-top:.65rem;font-size:.56rem;display:block}.journey-map>small{color:#ffffffa8;max-width:370px;margin-top:1rem;font-size:.72rem;line-height:1.6}.map-field{background:radial-gradient(circle at 65% 40%,#92ad9a2e,#0000 40%),linear-gradient(135deg,#ffffff08,#0000);min-height:570px;position:relative;overflow:hidden}.map-field:before,.map-field:after{content:"";border:1px solid #ffffff0d;border-radius:46% 58% 50% 42%;position:absolute;inset:10% 20%;transform:rotate(-12deg)}.map-field:after{inset:24% 35%;transform:rotate(18deg)}.map-pin{z-index:3;color:#d5ddd7;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.map-pin i{background:var(--peach);width:14px;height:14px;box-shadow:0 0 0 1px var(--peach), 0 0 0 8px #d5a18f14;border:3px solid #17302a;border-radius:50%;margin-bottom:.55rem;transition:transform .3s;display:block}.map-pin span{letter-spacing:.13em;text-transform:uppercase;background:#0a1916b8;border-radius:999px;padding:.32rem .6rem;font-size:.61rem}.map-pin:hover i,.map-pin.active i{transform:scale(1.35)}.map-pin.active span{color:#152824;background:var(--peach)}.map-watermark{color:#ffffff2b;font-family:var(--serif);letter-spacing:.2em;font-size:.7rem;position:absolute;bottom:1.5rem;left:1.8rem}.place-card{color:var(--ink);background:#f4f0e7;flex-direction:column;display:flex}.place-photo-button{cursor:pointer;background:#d8d1c4;border:0;width:100%;height:48%;padding:0;position:relative;overflow:hidden}.place-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);animation:.5s fade}.place-photo-button:hover img{transform:scale(1.035)}.place-photo-button>span{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;background:#0c1b209e;border-radius:999px;padding:.4rem .65rem;font-size:.52rem;position:absolute;bottom:.65rem;right:.75rem}.place-card div{flex-direction:column;flex:1;justify-content:center;padding:2.2rem;display:flex}.place-card h3{font-size:2.7rem}.place-photo-caption{color:#8b776b;font-family:var(--hand);border-top:1px solid #ded5c7;margin-top:1.1rem;padding-top:1rem;font-size:1.12rem;line-height:1.25;display:block}.play-section{background:#cfc7b8;grid-template-columns:1fr 1fr;gap:1px;padding:0;display:grid}.notes-panel,.game-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:820px;padding:clamp(4rem,7vw,7rem);display:flex;position:relative;overflow:hidden}.notes-panel{background:#e7ded0}.game-panel{color:#f4efe6;background:#29423c}.notes-panel h2,.game-panel h2{max-width:590px;font-size:clamp(2.7rem,4.5vw,4.7rem)}.note-scribble{z-index:1;color:#a46356;max-width:170px;font-family:var(--hand);opacity:.84;pointer-events:none;font-size:clamp(1.05rem,1.65vw,1.42rem);line-height:1.12;position:absolute}.note-scribble:after{content:"";border-top:1.5px solid;border-radius:50%;height:6px;position:absolute;bottom:-.38rem;left:3%;right:3%;transform:rotate(-2deg)}.note-scribble-top{top:18%;left:9%;transform:rotate(-9deg)}.note-scribble-bottom{color:#6f8377;text-align:left;max-width:190px;bottom:15%;right:8%;transform:rotate(7deg)}.jar{cursor:pointer;background:0 0;border:0;width:170px;height:190px;margin:3rem 0 1rem;transition:transform .3s;position:relative}.jar:hover{transform:translateY(-7px)rotate(2deg)}.jar-lid{z-index:3;background:#b59e81;border:2px solid #8e7e6e;border-radius:5px;width:112px;height:25px;position:absolute;top:5px;left:29px;box-shadow:inset 0 5px #fff3}.jar-glass{color:#d69d89;background:#ffffff45;border:2px solid #5b716a80;border-radius:20px 20px 38px 38px;height:165px;padding-top:65px;font-size:2rem;display:block;position:absolute;bottom:0;left:15px;right:15px;overflow:hidden;box-shadow:inset 10px 0 #fff3}.jar-glass i,.jar-glass b{font-style:normal;font-weight:400;position:absolute;transform:rotate(-20deg)}.jar-glass i{bottom:25px;left:25px}.jar-glass b{bottom:18px;right:22px;transform:rotate(17deg)}.pulled-note{color:#39423e;width:min(390px,90%);min-height:115px;font-family:var(--hand);background:#fbf5e8;place-items:center;padding:1.5rem 2rem;font-size:1.65rem;line-height:1.15;animation:.65s cubic-bezier(.2,.8,.2,1) pullNote;display:grid;transform:rotate(-1deg);box-shadow:0 15px 40px #3832271f}.game-help{color:#a9b7b2;font-size:.78rem}.heart-game{background:linear-gradient(#ffffff06,#ffffff12);border:1px solid #ffffff1f;border-radius:24px;width:min(470px,95%);height:300px;margin:2.5rem auto 1.3rem;position:relative;overflow:hidden}.heart-game button{color:var(--peach);filter:drop-shadow(0 5px 7px #0003);cursor:pointer;background:0 0;border:0;padding:7px;font-size:1.75rem;animation:linear forwards fall;position:absolute;top:-40px}.heart-game .start-heart-game,.heart-game .game-retry button{color:#30413b;box-shadow:none;filter:none;letter-spacing:.08em;background:#f4ece0;border-radius:999px;padding:.85rem 1.2rem;font-size:.75rem;animation:none;position:static}:is(.heart-game:has(.start-heart-game),.heart-game:has(.game-retry)){place-items:center;display:grid}.game-retry{text-align:center;place-items:center;gap:.75rem;display:grid}.game-retry strong{color:#f3d6cc;font-family:var(--serif);font-size:2rem;font-weight:400}.game-retry p{color:#c3d0ca;margin:0;font-size:.8rem}.game-stats{color:#c1cec8;letter-spacing:.08em;justify-content:space-between;width:min(470px,95%);margin:0 auto .55rem;font-size:.6rem;display:flex}.heart-game.complete{border-color:#d6a18f59;place-items:center;height:320px;display:grid}.game-reward{width:min(410px,92%);animation:.7s cubic-bezier(.2,.8,.2,1) zoom}.plane-flight{height:56px;position:relative;overflow:hidden}.plane-flight:before{content:"";border-top:1px dashed #ffffff59;position:absolute;top:30px;left:8%;right:12%}.plane-flight i{border:1px solid #ffffff21;border-radius:50%;width:42px;height:42px;position:absolute;top:7px;right:6%}.plane-flight span{color:#f0d7c9;filter:drop-shadow(0 8px 8px #00000040);font-family:sans-serif;font-size:2.2rem;animation:1.25s cubic-bezier(.3,.7,.2,1) forwards flyAcross;display:block;position:absolute;top:3px;left:5%}.boarding-pass{color:#263832;text-align:left;background:#f6efe2;border-radius:18px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 24px 50px #00000047}.boarding-pass header{color:#f6efe2;letter-spacing:.13em;background:#c98572;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;font-size:.55rem;display:flex}.boarding-pass header b{font-family:var(--serif);font-size:.78rem;font-weight:400}.boarding-pass>div{padding:1.2rem 1.35rem 1.05rem;display:grid}.boarding-pass small{color:#9a8d7e;letter-spacing:.16em;font-size:.5rem}.boarding-pass strong{font-family:var(--serif);margin:.15rem 0 .9rem;font-size:1.55rem;font-weight:400}.boarding-pass p{color:#52605a;margin:.3rem 0 0;font-size:.73rem;line-height:1.55}.boarding-pass footer{letter-spacing:.12em;border-top:1px dashed #cbbfac;justify-content:space-between;align-items:center;padding:.75rem 1.3rem;font-size:.52rem;display:flex}.boarding-pass footer span{font-family:var(--serif);font-size:1rem}.boarding-pass footer b{color:#af695a}.score{background:#00000024;border-radius:999px;width:min(470px,95%);height:24px;position:relative;overflow:hidden}.score span{border-radius:inherit;background:var(--peach);height:100%;transition:width .35s;display:block}.score b{letter-spacing:.1em;place-items:center;font-size:.6rem;display:grid;position:absolute;inset:0}.reunion-section{text-align:center;background:linear-gradient(135deg,#f5f1e7,#e7dfd0);overflow:hidden}.reunion-section .section-heading{margin-bottom:3.5rem}.countdown{grid-template-columns:repeat(4,minmax(100px,150px));justify-content:center;gap:clamp(.7rem,2vw,1.3rem);display:grid}.countdown div{background:#ffffff80;border:1px solid #7580772e;border-radius:24px;align-content:center;place-items:center;min-height:128px;padding:1.2rem;display:grid;box-shadow:0 18px 38px #4d443414}.countdown strong{font-family:var(--serif);font-size:clamp(2.4rem,4vw,4rem);font-weight:400;line-height:1}.countdown span{color:var(--sage);letter-spacing:.15em;margin-top:.55rem;font-size:.62rem}.reunion-now{color:#b57464;font-family:var(--hand);margin:0;font-size:3rem}.two-clocks{grid-template-columns:1fr 65px 1fr;align-items:center;width:min(720px,100%);margin:5rem auto 0;display:grid}.clock-card{background:#213b35;border-radius:22px;place-content:center;min-height:160px;padding:1.5rem;display:grid;box-shadow:0 18px 40px #2c353129}.clock-card span{color:#efc1b3;letter-spacing:.15em;font-size:.65rem}.clock-card strong{color:#fbf7ed;font-family:var(--serif);margin:.5rem 0;font-size:clamp(2rem,4vw,3.4rem);font-weight:400}.clock-card small{color:#b7c1ba;font-size:.68rem}.clock-heart{color:#d18e7c;background:#f5f0e6;border-radius:50%;place-items:center;width:38px;height:38px;margin:auto;font-style:normal;animation:1.6s ease-in-out infinite heartPulse;display:grid}.clock-copy{color:#68716d;max-width:590px;font-family:var(--hand);margin:1.4rem auto 0;font-size:1.4rem}.quiz-section{background:#f7f3eb}.photo-quiz{background:#fffaf1;border:1px solid #e0d5c5;border-radius:24px;grid-template-columns:minmax(230px,.75fr) 1fr;width:min(920px,100%);margin:auto;display:grid;overflow:hidden;box-shadow:0 22px 55px #453b2f1a}.photo-quiz>img{object-fit:cover;width:100%;height:100%;min-height:370px}.photo-quiz>div{padding:clamp(2rem,5vw,4rem)}.photo-quiz>div>span{color:#a69075;letter-spacing:.15em;font-size:.58rem}.photo-quiz h3{font-family:var(--serif);margin:.8rem 0 1.8rem;font-size:2.8rem;font-weight:400}.quiz-choices{gap:.65rem;display:grid}.quiz-choices button,.quiz-next,.quiz-result button{color:#42504a;cursor:pointer;text-align:left;background:0 0;border:1px solid #d9ccba;border-radius:10px;padding:.85rem 1rem;transition:all .2s}.quiz-choices button:hover{border-color:var(--sage);background:#eff1eb}.quiz-choices button.correct{color:#315840;background:#e2eee1;border-color:#85a38b}.quiz-choices button.wrong{color:#915d56;background:#f5e4de;border-color:#cb9a8d}.quiz-caption{color:#7d6a5e;font-family:var(--hand);margin:1.4rem 0;font-size:1.35rem}.quiz-next,.quiz-result button{color:#fffaf0;background:var(--forest);border:0}.quiz-result{color:#f4eee5;text-align:center;background:#203b35;border-radius:24px;place-content:center;width:min(600px,100%);min-height:270px;margin:auto;padding:3rem;display:grid}.quiz-result strong{color:var(--peach);font-family:var(--serif);font-size:4rem;font-weight:400}.quiz-result p{font-family:var(--hand);font-size:1.5rem}.reply-section{background:#e9dfd0}.reply-box{background:#fffaf1;border:1px solid #59625829;border-radius:22px;width:min(720px,100%);margin:auto;padding:clamp(1.2rem,3vw,2rem);box-shadow:0 20px 48px #453b2f1a}.reply-box textarea{resize:vertical;color:#39463f;width:100%;font-family:var(--hand);background:#faf5ea;border:0;border-radius:12px;outline:1px solid #e1d5c4;padding:1rem;font-size:1.45rem;line-height:1.3;display:block}.reply-box textarea:focus{outline:2px solid #a6b6a9}.reply-box>div{justify-content:space-between;align-items:center;gap:1rem;min-height:46px;margin-top:1rem;display:flex}.reply-box>div span{color:#8b796b;font-family:var(--hand);font-size:1.1rem}.reply-box button{color:#fffaf0;cursor:pointer;letter-spacing:.06em;background:#29423c;border:0;border-radius:999px;padding:.8rem 1.05rem;font-size:.68rem}.reply-box button:disabled{cursor:default;opacity:.45}.reply-box .copy-reply{color:#345b50;background:#e2eee7;margin-top:.6rem}.honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.reply-notes{grid-template-columns:repeat(3,1fr);gap:1rem;width:min(900px,100%);margin:2.5rem auto 0;display:grid}.reply-notes article{background:#fff9ed;min-height:120px;padding:1.2rem;transform:rotate(-1deg);box-shadow:0 12px 30px #493d2b14}.reply-notes article:nth-child(2n){transform:rotate(1deg)}.reply-notes small{color:#9b8976;font-size:.54rem}.reply-notes p{color:#3f4b45;font-family:var(--hand);margin:.7rem 0 0;font-size:1.25rem;line-height:1.15}.birthday-gift{color:#f4efe5;text-align:center;background:radial-gradient(circle at 50% 40%,#3d5b53,#18342f 70%);place-content:center;min-height:460px;display:grid;overflow:hidden}.birthday-gift h2{max-width:900px;font-family:var(--serif);margin:.4rem 0 1.2rem;font-size:clamp(3.3rem,7vw,6.7rem);font-weight:400}.birthday-gift h2 em{color:var(--peach)}.birthday-gift>p:not(.kicker){color:#cad2ca;max-width:560px;font-family:var(--hand);margin:auto;font-size:1.45rem}.gift-lock{width:68px;height:68px;color:var(--peach);border:1px solid #ffffff4d;border-radius:18px;place-items:center;margin:0 auto 1.5rem;font-size:2rem;display:grid}.birthday-confetti i{top:-30px;left:calc((var(--i) * 29) % 100 * 1%);background:hsl(calc(15 + (var(--i) * 17)), 55%, 70%);width:9px;height:16px;animation:birthdayFall calc(5s + (var(--i) % 5) * .7s) calc((var(--i) % 9) * -.5s) linear infinite;position:absolute}.birthday-placeholder{z-index:1;position:relative}.letter-section{background:#f3eee3;min-height:1100px;padding-bottom:12rem;overflow:hidden}.letter-stage{flex-direction:column;align-items:center;width:100%;max-width:1080px;margin:0 auto;display:flex}.letter-stage.revealed{gap:1.5rem}.envelope{cursor:pointer;perspective:1400px;background:0 0;border:0;width:min(720px,90vw);height:430px;margin:2rem auto 0;padding:0;display:block;position:relative}.envelope-back{background:#c9b89c;border-radius:7px;position:absolute;inset:40px 0 0;box-shadow:0 30px 80px #433b302e}.envelope-front{z-index:4;clip-path:polygon(0 28%,50% 68%,100% 28%,100% 100%,0 100%);background:linear-gradient(155deg,#0000 50%,#ddcfb7 50%),linear-gradient(205deg,#0000 50%,#d5c4a8 50%);border-radius:7px;height:390px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.envelope-flap{z-index:5;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;background:#e5d7be;height:250px;transition:transform 1s cubic-bezier(.3,.7,.2,1),z-index 0s .4s;position:absolute;top:40px;left:0;right:0}.wax-seal{z-index:6;color:#f1d6c9;width:66px;height:66px;font-family:var(--serif);background:#a85f58;border-radius:50%;place-items:center;font-size:1.5rem;transition:all .6s;display:grid;position:absolute;top:215px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 4px #ffffff1f,0 6px 10px #41232033}.letter-paper{z-index:2;color:#39413d;height:380px;font-family:var(--hand);text-align:left;background:#fffaf0;place-items:start;padding:3.5rem 4.5rem;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.42;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .35s,height .8s .25s;display:grid;position:absolute;bottom:25px;left:5%;right:5%;overflow:hidden;box-shadow:0 10px 35px #433b3021}.envelope.open{cursor:default}.envelope.open .envelope-flap{z-index:1;transform:rotateX(180deg)}.envelope.open .wax-seal{opacity:0;transform:translate(-50%,-80px)scale(.5)}.envelope.open .letter-paper{z-index:7;place-items:center;height:185px;transform:translateY(-105px)}.open-hint{text-align:center;color:#968d7f;letter-spacing:.15em;text-transform:uppercase;font-size:.67rem;animation:2.2s infinite breathe}.type-cursor{vertical-align:-.12em;background:#6f7773;width:1px;height:1em;animation:.8s infinite blink;display:inline-block}.letter-reveal-content{z-index:10;grid-template-columns:minmax(0,1fr) 265px;align-items:start;gap:2rem;width:100%;animation:.9s cubic-bezier(.2,.8,.2,1) .25s both revealPair;display:grid;position:relative}.opened-letter{color:#39413d;scrollbar-color:#c8b99e transparent;background:#fffaf0;border:1px solid #e0d6c6;border-radius:6px;min-height:455px;max-height:540px;padding:clamp(2.2rem,5vw,4rem);position:relative;overflow-y:auto;box-shadow:0 28px 65px #40362b2e}.opened-letter:before{content:"";pointer-events:none;border:1px solid #b69d7433;position:absolute;inset:16px}.opened-letter-label{color:#ad7969;letter-spacing:.18em;margin-bottom:1.6rem;font-size:.58rem;display:block;position:relative}.opened-letter p{font-family:var(--hand);margin:0;font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.55;position:relative}.opened-letter footer{color:#a56f61;font-family:var(--serif);letter-spacing:.13em;text-align:right;margin-top:2rem;font-size:.8rem;position:relative}.letter-surprise{z-index:9;color:#3a433f;background:#fffaf0;width:255px;margin:0;padding:12px 12px 24px;animation:1s cubic-bezier(.2,.8,.2,1) .45s both photoReveal;position:relative;transform:rotate(3deg);box-shadow:0 28px 65px #40362b38}.letter-surprise:before{content:"";background:#dbc6a194;width:75px;height:30px;position:absolute;top:-16px;left:50%;transform:translate(-50%)rotate(-2deg)}.letter-surprise img{aspect-ratio:3/4;object-fit:cover;width:100%}.letter-surprise figcaption{font-family:var(--hand);text-align:center;flex-direction:column;padding:1rem .4rem 0;font-size:1.15rem;line-height:1.15;display:flex}.letter-surprise figcaption strong{font-size:1.35rem;font-weight:600}.letter-surprise figcaption em{color:#b26f60;margin-top:.7rem;font-size:1.05rem}.finale{color:#f2eee5;text-align:center;background:radial-gradient(circle at 50% 60%,#294c48,#132c31 45%,#08171d 90%);place-items:center;min-height:100svh;display:grid;overflow:hidden}.final-copy{z-index:3;position:relative}.final-copy h2{font-family:var(--serif);letter-spacing:-.05em;margin:0;font-size:clamp(4rem,10vw,9rem);font-weight:400;line-height:.9}.final-copy h2 em{color:var(--peach);font-weight:400}.final-copy>p:not(.kicker){color:#aebdb8;margin:2rem 0;font-size:.9rem}.secondary-button{opacity:1;animation:none}.secret-flower{z-index:4;color:#d2b38a;cursor:pointer;opacity:.55;background:0 0;border:0;font-size:1.7rem;transition:all .3s;position:absolute;bottom:7%;right:6%}.secret-flower:hover{opacity:1;transform:rotate(25deg)scale(1.2)}.lanterns i{bottom:-80px;left:calc((var(--i) * 23) % 100 * 1%);width:calc(20px + (var(--i) % 4) * 7px);height:calc(30px + (var(--i) % 3) * 9px);opacity:.55;animation:lantern calc(12s + (var(--i) % 5) * 3s) calc((var(--i) % 7) * -2.5s) linear infinite;background:radial-gradient(circle at 50% 65%,#fff4c4,#d99e65 50%,#9b644c);border-radius:45% 45% 35% 35%;position:absolute;box-shadow:0 0 25px #e7a66640}.secret-modal{z-index:150;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#071012cc;place-items:center;padding:1.5rem;animation:.3s fade;display:grid;position:fixed;inset:0}.secret-modal article{color:#eee9de;text-align:center;background:#18312f;border:1px solid #ffffff1f;border-radius:26px;width:min(500px,100%);padding:4rem;animation:.45s zoom;position:relative;box-shadow:0 30px 90px #0007}.secret-modal article>span{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-size:.65rem}.secret-modal article p{font-family:var(--serif);margin:1.5rem 0 0;font-size:2rem;line-height:1.3}.secret-modal article button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:1.7rem;position:absolute;top:.8rem;right:1.1rem}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}}@keyframes zoom{0%{opacity:0;transform:scale(.9)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translate(8%,5%)scale(1.08)}}@keyframes breathe{50%{opacity:.55;transform:translateY(-4px)}}@keyframes twinkle{to{opacity:.8;transform:scale(1.8)}}@keyframes pullNote{0%{opacity:0;transform:translateY(100px)rotate(5deg)scale(.75)}}@keyframes fall{to{transform:translateY(370px)rotate(80deg)}}@keyframes lantern{to{opacity:.05;transform:translate(40px,-115vh)rotate(8deg)}}@keyframes blink{50%{opacity:0}}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes flyAcross{0%{opacity:0;transform:translate(-80px)rotate(-8deg)}to{opacity:1;transform:translate(305px)rotate(4deg)}}@keyframes photoReveal{0%{opacity:0;transform:translateY(90px)rotate(-7deg)scale(.8)}to{opacity:1;transform:translateY(0)rotate(3deg)scale(1)}}@keyframes revealPair{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}@keyframes drawRoute{to{stroke-dashoffset:0}}@keyframes heartPulse{50%{transform:scale(1.18);box-shadow:0 0 0 8px #d18e7c1a}}@keyframes birthdayFall{to{transform:translate(calc((var(--i) % 7 - 3) * 22px), 520px) rotate(540deg)}}@media (width<=900px){.music-player{top:.7rem;right:.7rem}.volume-control{display:none}.timeline:before{left:22px}.timeline-item,.timeline-item.left,.timeline-item.right{grid-template-columns:45px 1fr;min-height:auto;margin-bottom:6rem;display:grid}.timeline-dot{grid-area:1/1;align-self:start;width:36px;height:36px;margin-top:1rem}.timeline-item.left .timeline-photo,.timeline-item.right .timeline-photo{aspect-ratio:4/5;grid-area:1/2;width:100%;transform:none}.timeline-item.left .timeline-copy,.timeline-item.right .timeline-copy{text-align:left;grid-area:2/2;justify-self:stretch;max-width:none;padding:2rem .5rem}.timeline-copy time{margin-bottom:1.5rem}.polaroid-table{grid-template-columns:repeat(2,1fr);gap:2rem;min-height:720px}.polaroid-card{justify-self:center;width:min(250px,37vw);height:min(330px,50vw)}.polaroid-front img{height:calc(100% - 65px)}.memory-map{grid-template-columns:1fr}.journey-map,.map-field{min-height:460px}.place-card{grid-template-columns:1fr 1fr;min-height:330px;display:grid}.place-photo-button,.place-card img{height:100%}.play-section{grid-template-columns:1fr}.notes-panel,.game-panel{min-height:720px}.reply-notes{grid-template-columns:1fr 1fr}.lightbox{grid-template-columns:40px 1fr 40px;padding:1rem}.letter-section{min-height:1500px}.letter-reveal-content{grid-template-columns:1fr;justify-items:center}.opened-letter{width:100%}.letter-surprise{margin-top:1rem}}@media (width<=600px){.section{padding:6rem 1.25rem}.section-heading{margin-bottom:4rem}.section-heading h2{font-size:2.9rem}.hero{padding:4rem 1.4rem}.hero h1{font-size:clamp(4.3rem,23vw,7rem)}.hero:before{min-width:330px;min-height:330px}.moon{top:9%;left:4%;transform:scale(.75)}.scroll-whisper{display:none}.initials{bottom:1.5rem;right:1.3rem}.music-player span:last-child{display:none}.polaroid-section{padding-left:.5rem;padding-right:.5rem}.polaroid-table{gap:.4rem;min-height:590px}.polaroid-card{width:44vw;height:58vw;min-height:245px}.polaroid-card.p1,.polaroid-card.p2,.polaroid-card.p3,.polaroid-card.p4{top:0}.polaroid-front{padding:9px 9px 13px}.polaroid-front strong{margin-top:8px;font-size:1.1rem}.polaroid-front small{display:none}.polaroid-back{padding:1.1rem}.polaroid-back strong{font-size:1.2rem}.masonry{columns:2;column-gap:.55rem}.gallery-image{margin-bottom:.55rem}.gallery-filters{margin-top:-2.5rem}.countdown{grid-template-columns:repeat(2,minmax(110px,145px))}.countdown div{min-height:105px}.two-clocks{grid-template-columns:1fr;gap:1rem}.clock-heart{order:2;transform:rotate(90deg)}.clock-card:first-child{order:1}.clock-card:last-child{order:3}.journey-map{min-height:380px;padding:1.5rem}.journey-map svg{width:calc(100% - 2rem);height:calc(100% - 5.5rem);inset:1rem}.place-card{display:block}.place-photo-button,.place-card img{height:270px}.place-card div{padding:2rem}.notes-panel,.game-panel{min-height:680px;padding:5rem 1.25rem}.heart-game{height:280px}.photo-quiz{grid-template-columns:1fr}.photo-quiz>img{min-height:280px;max-height:360px}.photo-quiz>div{padding:2rem 1.4rem}.reply-notes{grid-template-columns:1fr}.letter-section{min-height:1450px;padding-top:6rem}.envelope{height:280px;margin-top:4rem}.envelope-back{top:25px}.envelope-front{height:255px}.envelope-flap{height:170px;top:25px}.wax-seal{width:50px;height:50px;top:142px}.letter-paper{height:260px;padding:2.2rem 1.6rem;font-size:1.02rem}.envelope.open .letter-paper{height:145px;transform:translateY(-85px)}.letter-stage.revealed{gap:2rem}.letter-reveal-content{gap:1.5rem}.opened-letter{min-height:420px;max-height:560px;padding:2.5rem 2rem}.letter-surprise{width:230px}.final-copy h2{font-size:4.3rem}.lightbox{padding:3.75rem 1rem max(1.5rem, env(safe-area-inset-bottom));grid-template-columns:1fr;align-items:start}.lightbox figure{justify-content:flex-start;min-height:calc(100dvh - 5.25rem)}.lightbox img{max-height:calc(100dvh - 13rem)}.lightbox figcaption{padding:0 1.75rem}.lightbox figcaption strong{font-size:1.2rem}.lightbox-arrow{z-index:2;font-size:3rem;position:fixed;top:50%}.lightbox-arrow.left{left:.6rem}.lightbox-arrow.right{right:.6rem}.secret-modal article{padding:3rem 1.8rem}.secret-modal article p{font-size:1.65rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}.heart-game button,.birthday-confetti i,.clock-heart{animation:none!important}.journey-map .travel-line{stroke-dashoffset:0}}