.my{--bg:#14143a;--bg-2:#3a2f6b;--horizon:#e58f7b;--ink:#fdf3e7;--soft:#c3b9e6;--accent:#ff9e7a;--on-accent:#2a1430;--gold:#ffd38a;--glass:#ffffff14;--glass-line:#fff3;--paper:#fffaf0;--paper-ink:#33283d;min-height:100svh;color:var(--ink);background:linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 55%, var(--bg) 100%);text-align:center;font-family:Fraunces Variable,Georgia,serif;overflow-x:clip}.my[data-theme=dawn]{--bg:#fdeee6;--bg-2:#cfe1f6;--horizon:#ffc9a8;--ink:#2b2a4a;--soft:#6e6a8f;--accent:#d9506c;--on-accent:#fff;--gold:#c98a2b;--glass:#ffffff8c;--glass-line:#2b2a4a24}.my section{padding:4rem 1.25rem;position:relative}.my :where(p,h1,h2,ul,figure){margin:0}.my :where(h1,h2){color:inherit}.my :where(button){font:inherit;-webkit-tap-highlight-color:transparent}.my button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.my-eyebrow{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:.78rem;font-weight:600}.my-subhead{font-size:clamp(1.7rem,7vw,2.4rem);font-weight:600;line-height:1.12}.my-route{width:9rem;color:var(--accent);margin:0 auto 2rem;display:block}.my-opening{background:radial-gradient(120% 34% at 50% 100%, var(--horizon), transparent 70%), linear-gradient(180deg, var(--bg), var(--bg-2));grid-template-rows:auto 1fr;justify-items:center;min-height:100svh;display:grid;overflow:hidden}.my-stars{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.my[data-theme=dawn] .my-stars{opacity:.25}.my-moon{aspect-ratio:1;background:radial-gradient(circle at 36% 36%,#fffbea,#f3ddb0);border-radius:50%;width:3.4rem;position:absolute;top:7%;right:12%;box-shadow:0 0 50px 8px #ffe8b459}.my-heading{z-index:2;min-height:11rem;padding:4.2rem .5rem 0;position:relative}.my-title{margin-top:.7rem;font-size:clamp(2.3rem,min(12vw,8.5svh),4.4rem);font-weight:650;line-height:1.05}.my-title span{color:var(--accent);overflow-wrap:anywhere;font-style:italic;display:block}.my-title-quiet{color:var(--soft);font-style:italic;font-weight:500}.my-tagline{color:var(--soft);margin-top:.8rem;font-size:clamp(1.05rem,4.6vw,1.3rem)}.my-landing{z-index:1;align-content:center;justify-items:center;gap:1.4rem;display:grid;position:relative}.my-plane-button{cursor:pointer;background:0 0;border:0;width:min(42vw,10.5rem,22svh);padding:0;position:relative}.my-plane-button:disabled{cursor:default}.my-plane{filter:drop-shadow(0 18px 16px #00000059);width:100%;animation:3.2s ease-in-out infinite my-hover;display:block}.my-opening.opened .my-plane{animation:1.5s cubic-bezier(.5,0,.7,.4) forwards my-takeoff}.my-ring,.my-ring:after{border:2px solid var(--gold);pointer-events:none;border-radius:50%;animation:2s ease-out infinite my-ping;position:absolute;inset:-22% -8%}.my-ring:after{content:"";animation-delay:1s;inset:-2px}.my-journey{width:272px;height:128px;position:absolute;top:50%;left:50%;translate:-50% -50%}.my-journey>svg:not(.my-flier){width:100%;height:100%;display:block;overflow:visible}.my-journey>svg:not(.my-flier) path{fill:none;stroke:var(--soft);stroke-width:1.6px;stroke-dasharray:1 7;stroke-linecap:round}.my-journey circle{fill:var(--accent)}.my-journey circle:last-of-type{fill:var(--gold)}.my-flier{offset-path:path("M 8 120 Q 136 -30 264 120");offset-rotate:auto 25deg;width:2.2rem;animation:5.5s ease-in-out infinite my-cross;position:absolute;top:0;left:0}.my-tap{background:var(--gold);color:#2a1430;box-shadow:0 0 34px -6px var(--gold);border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:1rem;font-weight:650;animation:1.6s ease-in-out infinite my-bob;display:inline-flex}.my-scroll{z-index:2;width:100%;color:var(--ink);font-size:1.4rem;animation:1.8s ease-in-out infinite my-bob;position:absolute;bottom:1.4rem;left:0}.my-clock-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;max-width:27rem;margin:2.2rem auto 0;display:grid}.my-clock{color:#fff7ea;text-align:left;border-radius:20px;padding:1rem .9rem 1.1rem;position:relative;overflow:hidden;box-shadow:0 24px 40px -28px #000000b3}.my-clock[data-sky=night]{background:linear-gradient(#0c0f2e,#2a2466)}.my-clock[data-sky=dawn]{background:linear-gradient(#5b6fb5,#f7a98d)}.my-clock[data-sky=day]{color:#14294a;background:linear-gradient(#4ea3e6,#bfe3fb)}.my-clock[data-sky=dusk]{background:linear-gradient(#4a3b8c,#f08a5d)}.my-orb{aspect-ratio:1;background:#fff4c9;border-radius:50%;width:1.7rem;position:absolute;top:.8rem;right:.8rem;box-shadow:0 0 18px 4px #fff0be99}.my-clock[data-sky=night] .my-orb{box-shadow:none;background:radial-gradient(circle at 70% 30%,#0000 46%,#f6ecd0 48%)}.my-clock[data-sky=day] .my-orb{background:#ffd84d;box-shadow:0 0 22px 6px #ffd84db3}.my-clock-label{letter-spacing:.14em;text-transform:uppercase;opacity:.8;padding-right:2.2rem;font-size:.68rem;font-weight:600}.my-clock-city{overflow-wrap:anywhere;margin-top:.9rem;font-size:1.15rem;font-weight:600}.my-clock-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:.1rem;font-size:clamp(1.45rem,7vw,2.3rem);font-weight:650;line-height:1.15}.my-clock-time small{opacity:.7;font-size:.5em;font-weight:500}.my-clock-day{opacity:.85;margin-top:.4rem;font-size:.84rem;line-height:1.35}.my-apart{max-width:24rem;color:var(--accent);margin:1.6rem auto 0;font-family:Caveat,cursive;font-size:clamp(1.6rem,6.6vw,2rem);font-weight:700;line-height:1.15}.my-count{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-width:25rem;margin:2rem auto 0;display:grid}.my-count div{border:1px solid var(--glass-line);background:var(--glass);border-radius:16px;padding:.9rem .2rem .7rem}.my-count strong{font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,7.4vw,2.2rem);line-height:1.1;display:block}.my-count span{color:var(--soft);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.my-count-note{color:var(--accent);margin-top:.9rem;font-family:Caveat,cursive;font-size:1.5rem}.my-until{max-width:22rem;margin:2.2rem auto 0;font-size:clamp(1.25rem,5.4vw,1.6rem);line-height:1.3}.my-until strong{color:var(--gold)}.my-hint{color:var(--soft);margin-top:.7rem;font-size:.98rem}.my-misses ul{perspective:900px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;max-width:26rem;margin:1.8rem auto 0;padding:0;list-style:none;display:grid}.my-note{width:100%;height:10rem;color:var(--paper-ink);cursor:pointer;transform-style:preserve-3d;background:0 0;border:0;padding:0;transition:transform .7s cubic-bezier(.3,1.2,.5,1);display:block;position:relative}.my-note.open{cursor:default;transform:rotateY(180deg)}.my-note-front,.my-note-back{background:var(--paper);backface-visibility:hidden;border-radius:14px;place-content:center;justify-items:center;gap:.5rem;padding:.8rem;display:grid;position:absolute;inset:0;box-shadow:0 20px 30px -22px #000000b3}.my-note-front{background:linear-gradient(225deg, #e4dac8 0 1.3rem, transparent 1.3rem), var(--paper)}.my-note-plane{filter:drop-shadow(0 4px 4px #0000002e);width:2.6rem;animation:3s ease-in-out infinite my-hover}.my-note-front small{color:#8a7d92;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:600}.my-note-back{font-family:Caveat,cursive;font-size:clamp(1.2rem,5vw,1.45rem);font-weight:500;line-height:1.15;transform:rotateY(180deg)}.my-cards{gap:1.5rem;max-width:23rem;margin:2.2rem auto 0;display:grid}.my-card{color:var(--paper-ink);background:#fff;border-radius:5px;padding:8px 8px 0;box-shadow:0 26px 40px -26px #000000bf}.my-card img{aspect-ratio:4/3;object-fit:cover;border-radius:2px;width:100%;display:block}.my-card figcaption{text-align:left;justify-content:space-between;align-items:center;gap:.6rem;min-height:3.6rem;padding:.3rem .2rem .4rem .4rem;display:flex}.my-card figcaption span{font-family:Caveat,cursive;font-size:1.5rem;font-weight:700;line-height:1.1}.my-card svg{flex:none;width:3.3rem}.my-stamp{fill:#fde6dc;stroke:#d9506c;stroke-width:1.2px;stroke-dasharray:2 2}.my-stamp-heart{fill:#d9506c}.my-postmark{fill:none;stroke:#33283d66;stroke-width:1px}.my-letter article{background:var(--paper);max-width:30rem;color:var(--paper-ink);text-align:left;border-radius:6px;margin:0 auto;padding:2.3rem 1.6rem 2rem;box-shadow:0 30px 60px -32px #000c}.my-dear{font-family:Caveat,cursive;font-size:2rem;font-weight:700}.my-message{white-space:pre-line;margin-top:.9rem;font-size:1.07rem;line-height:1.7}.my-sign{text-align:right;margin-top:1.4rem;font-family:Caveat,cursive;font-size:1.8rem;font-weight:700}.my-closer{background:radial-gradient(120% 30% at 50% 100%, var(--horizon), transparent 70%);align-content:center;justify-items:center;min-height:92svh;display:grid;padding-bottom:4.5rem!important}.my-gap{width:min(84vw,22rem);height:6.5rem;margin:2.6rem 0 1.6rem;position:relative}.my-line{border-top:2px dashed var(--soft);opacity:calc(.7 - var(--p) * .7);position:absolute;top:1.1rem;left:1.1rem;right:1.1rem}.my-dot{aspect-ratio:1;background:var(--accent);width:2.2rem;box-shadow:0 0 26px 2px var(--accent);border-radius:50%;position:absolute;top:0}.my-dot-a{left:calc(var(--p) * (50% - 1.1rem))}.my-dot-b{right:calc(var(--p) * (50% - 1.1rem));background:var(--gold);box-shadow:0 0 26px 2px var(--gold)}.my-dot i{white-space:nowrap;opacity:calc(1 - var(--p) * 1.6);font-family:Caveat,cursive;font-size:1.4rem;font-style:normal;font-weight:700;position:absolute;top:2.9rem;left:50%;translate:-50%}.my-dot-a i{left:0;translate:0}.my-dot-b i{left:auto;right:0;translate:0}.my-meet{color:#ff7a8a;opacity:0;font-size:4.2rem;line-height:1;transition:opacity .3s,transform .6s cubic-bezier(.2,1.7,.4,1);position:absolute;top:-1.1rem;left:50%;transform:translate(-50%)scale(.2)}.my-gap.met .my-meet{opacity:1;transform:translate(-50%)scale(1)}.my-gap.met .my-dot{opacity:0;transition:opacity .3s}.my-hold{background:var(--accent);min-height:3.6rem;color:var(--on-accent);box-shadow:0 16px 34px -14px var(--accent);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:999px;padding:0 2rem;font-size:1.15rem;font-weight:650;transition:transform .2s}.my-hold.holding{transform:scale(.95)}.my-link{color:var(--soft);cursor:pointer;background:0 0;border:0;margin-top:.9rem;padding:.3rem .6rem;font-size:.92rem;text-decoration:underline}.my-from{color:var(--accent);overflow-wrap:anywhere;margin-top:.4rem;font-family:Caveat,cursive;font-size:clamp(2.8rem,13vw,4.6rem);font-weight:700;line-height:1.05}.my-made{width:100%;color:var(--ink);letter-spacing:.16em;text-transform:uppercase;opacity:.6;font-size:.72rem;position:absolute;bottom:1.2rem;left:0}@keyframes my-hover{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes my-takeoff{0%{opacity:1;transform:translate(0)rotate(-3deg)scale(1)}25%{transform:translate(-12%,8%)rotate(-14deg)scale(1.04)}to{opacity:0;transform:translate(190%,-330%)rotate(-24deg)scale(.25)}}@keyframes my-cross{0%{offset-distance:0%;opacity:0}10%,88%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes my-ping{0%{opacity:.9;transform:scale(.72)}to{opacity:0;transform:scale(1.2)}}@keyframes my-bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.my-plane,.my-flier,.my-note-plane,.my-ring,.my-ring:after,.my-tap,.my-scroll{animation:none}.my-opening.opened .my-plane{opacity:0}}