:root{color-scheme:dark;--night:#111320;--night-deep:#0c0f19;--ink:#f8f0e7;--muted:#c5bcb9;--peach:#f5b6a0;--gold:#d6bd8b;--serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--night);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--peach);outline-offset:7px}button:disabled{cursor:default}::selection{background:#b37e7355;color:#fff}img{display:block;max-width:100%}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}svg{display:block}.hero{position:relative;isolation:isolate;min-height:860px;min-height:max(800px,100svh);overflow:hidden;background:var(--night-deep)}
.hero-art{position:absolute;z-index:-3;top:0;right:0;width:63%;height:100%;overflow:hidden}.garden-image{width:100%;height:100%;object-fit:cover;object-position:center 63%;filter:brightness(.66) saturate(.83);transform:scale(1.045);transition:filter 3s ease,transform 5s cubic-bezier(.2,.8,.2,1)}.art-shade{position:absolute;inset:-1px;background:linear-gradient(90deg,var(--night-deep) 0%,rgba(12,15,25,.72) 9%,transparent 39%),linear-gradient(0deg,var(--night-deep),transparent 18%,transparent 86%,rgba(12,15,25,.24))}.bloom-light{position:absolute;inset:0;opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse at 53% 76%,#f7a3664a,transparent 64%);transition:opacity 2.8s ease}.hero-mist{position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 11% 35%,#29253540,transparent 44%);pointer-events:none}.dedication{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1600px;margin:auto;padding:32px clamp(28px,5vw,88px)}.dedication-name{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.14em;color:#e9ded5}.dedication-name svg{width:30px;height:30px;color:var(--gold)}.date{font-family:Georgia,serif;font-size:14px;letter-spacing:.2em;color:#d6c6b9}.date i{font-style:normal;margin:0 8px;opacity:.45}.hero-copy{position:relative;z-index:2;width:55%;max-width:780px;margin-left:max(7vw,calc((100vw - 1420px)/2));padding:clamp(60px,9vh,130px) 24px 190px 0}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 42px;font-size:14px;letter-spacing:.25em;color:var(--gold)}.eyebrow>span{width:32px;height:1px;background:var(--gold);opacity:.7}.greeting{font-family:var(--serif);font-size:clamp(23px,2.8vw,34px);letter-spacing:.12em;margin:0 0 15px;color:#ded2c7}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(58px,6vw,94px);line-height:1.35;letter-spacing:.025em;margin:0}.hero h1 em{font-style:normal;color:var(--peach)}.hero-description{font-size:16px;line-height:2.1;letter-spacing:.08em;color:var(--muted);margin:25px 0 31px}.bloom-action{display:inline-flex;flex-direction:column;align-items:flex-start}.bloom-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:60px;padding:12px 25px;border:1px solid #e6bea778;border-radius:999px;background:#efc4b210;color:#f9e7d9;box-shadow:inset 0 0 25px #f9bc9d06,0 8px 40px #0002;font-size:16px;letter-spacing:.08em;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}.bloom-button svg{width:30px;height:30px;color:var(--peach);transition:transform 1.2s}.bloom-button:hover{background:#efc4b222;border-color:#efc4b2b0;box-shadow:0 0 35px #efbb8c15;transform:translateY(-2px)}.bloom-button:active{transform:scale(.97)}.bloom-button:hover svg{transform:rotate(60deg)}.button-spark{font-size:23px;margin-left:6px;color:var(--gold)}.bloom-caption{font-size:13px;line-height:1.8;letter-spacing:.05em;color:#beb0ab;margin:13px 0 0 7px;max-width:300px}.art-caption{position:absolute;right:4.5%;top:23%;font:12px/1.8 Georgia,serif;letter-spacing:.25em;color:#ddd3c2a8;writing-mode:vertical-rl}.scroll-cue{position:absolute;left:7vw;bottom:38px;z-index:4;display:flex;align-items:center;gap:18px;color:#c7b8b0;font-size:13px;letter-spacing:.12em}.scroll-cue svg{width:12px;height:23px;fill:none;stroke:var(--gold);stroke-width:1}.has-bloomed .garden-image{filter:brightness(1.08) saturate(1.14);transform:scale(1)}.has-bloomed .bloom-light{opacity:1}.has-bloomed .bloom-button{background:#efc4b21f}.has-bloomed .bloom-button svg{animation:flower-turn 12s linear infinite}#petals{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.fireflies{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.firefly{position:absolute;width:3px;height:3px;border-radius:50%;background:#f9d59a;box-shadow:0 0 12px 3px #f9c06b44;animation:firefly-drift var(--duration,9s) ease-in-out infinite;animation-delay:var(--delay,0s);opacity:0}.has-bloomed .firefly{box-shadow:0 0 16px 4px #f9c06b80}.letter-section{position:relative;max-width:1220px;margin:auto;padding:90px 50px 60px}.section-heading{display:flex;align-items:center;gap:24px;margin-bottom:38px}.chapter{font-size:12px;font-weight:400;letter-spacing:.2em;color:var(--gold);line-height:1.8}.small-flower{margin-left:auto;color:var(--gold);font-size:20px}.section-aside{font-size:12px;letter-spacing:.12em;color:#bbb0ae}.letter-card{position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:65px;padding:64px 70px;background:#f5ecde;color:#444440;border-radius:3px 3px 48px 3px;box-shadow:0 30px 65px #0002;overflow:hidden}.paper-lines{position:absolute;inset:13px;border:1px solid #776c5521;border-radius:0 0 34px 0;pointer-events:none}.letter-left{position:relative}.letter-to{font:12px/1.6 Georgia,serif;letter-spacing:.2em;color:#87785f;margin:0 0 34px}.letter-card h2{font-family:var(--serif);font-size:clamp(33px,4vw,48px);font-weight:400;line-height:1.6;letter-spacing:.035em;margin:0;color:#44463e}.drawn-stem{width:100px;margin:28px 0 18px;color:#7c8667}.drawn-stem svg{width:100%;height:auto}.letter-date{font-size:12px;letter-spacing:.12em;color:#7c7567}.letter-body{font-size:16px;line-height:2.15;letter-spacing:.035em;padding-top:2px}.letter-body p{margin:0 0 23px}.letter-body .letter-closing{margin-bottom:0;padding-top:8px}.letter-closing strong{font-weight:500;color:#8c6553}.paper-corner{position:absolute;width:70px;height:70px;right:-25px;bottom:-28px;background:#d8c9b2;transform:rotate(45deg);box-shadow:0 0 12px #5c4a3818}.between-note{font-family:var(--serif);font-size:23px;font-weight:400;letter-spacing:.09em;text-align:center;color:#dfcaba;line-height:2;margin:64px 0 0}.between-note span{display:inline-block}.wish-section{position:relative;padding:65px 50px 0;max-width:1280px;margin:auto}.wish-heading{text-align:center;margin:0 0 43px}.wish-heading h2{font-family:var(--serif);font-size:clamp(33px,4.3vw,54px);font-weight:400;line-height:1.55;letter-spacing:.06em;margin:23px 0 17px}.wish-heading h2 em{font-style:normal;color:var(--peach)}.wish-heading>p{font-size:14px;line-height:1.9;color:var(--muted);letter-spacing:.08em}.wish-garden{position:relative;height:480px;min-height:400px;border-top:1px solid #d6bd8b33;border-bottom:1px solid #d6bd8b33;background:radial-gradient(ellipse at 50% 110%,#2436328a,transparent 75%);overflow:hidden;isolation:isolate}.garden-halo{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 80%,#91765016,transparent 65%)}#flower-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:crosshair}.wish-message{position:relative;z-index:2;pointer-events:none;text-align:center;font-family:var(--serif);font-size:19px;letter-spacing:.09em;line-height:1.7;color:#ead6bb;margin:27px 20px 0;transition:opacity .2s,transform .2s}.wish-message.changing{opacity:0;transform:translateY(5px)}.garden-ground{position:absolute;left:0;right:0;bottom:0;height:95px;background:linear-gradient(0deg,#111320 20%,#111320c9 55%,transparent);pointer-events:none}.garden-bottom{position:absolute;bottom:16px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:3;pointer-events:none}.garden-bottom>span{font-size:12px;color:#b5b5a3;letter-spacing:.08em}.plant-button{display:flex;align-items:center;gap:9px;min-height:46px;flex-shrink:0;padding:8px 15px;border:1px solid #d6bd8b66;border-radius:30px;color:#ead6bb;background:#171a25d9;font-size:13px;letter-spacing:.06em;pointer-events:auto;transition:background .2s}.plant-button:hover{background:#36303c}.plant-button svg{width:23px;height:23px}.ending{position:relative;text-align:center;padding:94px 24px 35px;background:radial-gradient(ellipse at 50% 25%,#382c381f,transparent 65%)}.ending-flower{width:45px;height:45px;margin:0 auto 28px;color:var(--gold)}.ending-prelude{font-size:14px;color:var(--muted);letter-spacing:.08em;line-height:1.9}.ending h2{font-family:var(--serif);font-weight:400;font-size:clamp(33px,4vw,50px);line-height:1.6;margin:24px 0 19px;letter-spacing:.045em}.ending h2 em{font-style:normal;color:var(--peach)}.ending-note{font-size:15px;color:#d5c2b1;letter-spacing:.14em}.back-to-flowers{display:inline-flex;align-items:center;gap:16px;font-size:13px;color:#baaa9c;min-height:44px;border-bottom:1px solid #d6bd8b30;margin:27px 0 57px}.ending-date{display:block;font:12px/1.8 Georgia,serif;letter-spacing:.24em;color:#a69997}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .85s ease,transform .85s ease}.js .reveal.is-visible{opacity:1;transform:none}
#touch-trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:20;contain:strict}
.welcome[hidden],.music-toggle[hidden]{display:none}.welcoming{overflow:hidden}.welcome{position:fixed;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;text-align:center;overflow-y:auto;min-height:100svh;padding:45px 24px;background:#0c0f19;transition:opacity 1.1s ease,visibility 1.1s;isolation:isolate}.welcome-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0c0f1977,#0c0f19c9 40%,#0c0f1999),url('assets/night-garden.png') center 65%/cover;filter:brightness(.68);transform:scale(1.02);transition:transform 1.5s ease,filter 1.5s}.welcome-content{position:relative;max-width:520px}.welcome-date{margin:0 0 31px;font-size:12px;letter-spacing:.18em;color:#ceb795}.welcome-date>span{margin:0 10px}.welcome-flower{width:65px;height:65px;color:var(--peach);margin:0 auto 30px;animation:flower-turn 50s linear infinite}.welcome-name{font-family:var(--serif);font-size:23px;letter-spacing:.15em;margin:0 0 12px;color:#e3c9b9}.welcome h2{font:400 clamp(32px,4vw,51px)/1.65 var(--serif);letter-spacing:.06em;margin:0;color:#f6e7d8}.welcome-note{font-size:14px;line-height:2;letter-spacing:.08em;color:#c8bbb4;margin:23px 0 31px}.enter-button{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:58px;padding:13px 28px;border-radius:99px;border:1px solid #efc4b29e;background:#b58a7524;color:#ffe6d4;font-size:15px;letter-spacing:.08em;transition:background .3s,transform .3s;box-shadow:0 0 45px #f4b6920a}.enter-button:hover{background:#c3957940;transform:translateY(-2px)}.enter-button>span{font-size:23px}.quiet-button{display:block;margin:17px auto 0;min-height:44px;padding:7px 15px;font-size:12px;color:#b9aaa5;background:none;border:0;letter-spacing:.08em}.welcome-footer{position:absolute;bottom:25px;left:0;right:0;font:10px/1.6 Georgia,serif;letter-spacing:.22em;color:#a69a93}.welcome.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.welcome.is-leaving .welcome-art{transform:scale(1.13);filter:brightness(1)}.bloom-veil{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(ellipse at 70% 65%,#ffe0b769,transparent 65%)}.is-opening .bloom-veil{animation:bloom-veil 3.2s ease both}.music-toggle{position:fixed;left:22px;bottom:20px;z-index:15;display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid #d6bd8b5e;border-radius:99px;background:#121623d9;backdrop-filter:blur(12px);color:#e9ccb1;font-size:11px;box-shadow:0 4px 16px #0002}.sound-bars{display:flex;align-items:center;gap:3px;height:18px}.sound-bars i{display:block;width:2px;height:4px;border-radius:2px;background:currentColor;transform-origin:center}.is-playing .sound-bars i{animation:sound-wave 1.25s ease-in-out infinite}.is-playing .sound-bars i:nth-child(2){animation-delay:-.45s}.is-playing .sound-bars i:nth-child(3){animation-delay:-.8s}.is-playing .sound-bars i:nth-child(4){animation-delay:-.2s}.garden-bottom{padding-left:0}
@keyframes sound-wave{0%,100%{height:4px}50%{height:17px}}@keyframes bloom-veil{0%{opacity:0;transform:scale(.85)}35%{opacity:.7}100%{opacity:0;transform:scale(1.12)}}
@media(max-width:650px){.welcome{padding:34px 22px 60px}.welcome-art{background-position:center bottom;background-size:cover}.welcome-date{font-size:11px;margin-bottom:24px}.welcome-flower{width:55px;height:55px;margin-bottom:26px}.welcome h2{font-size:33px;line-height:1.65}.welcome-name{font-size:22px}.welcome-note{font-size:13px;margin:21px 0 27px}.enter-button{font-size:14px;padding:12px 23px;min-height:55px}.welcome-footer{font-size:9px;bottom:max(20px,env(safe-area-inset-bottom))}.music-toggle{left:13px;bottom:max(13px,env(safe-area-inset-bottom));padding:9px 11px;gap:6px;font-size:10px}.bloom-veil{background:radial-gradient(ellipse at 50% 72%,#ffe0b769,transparent 70%)}}
@media(max-height:650px){.welcome{align-items:flex-start;padding:25px 22px 65px}.welcome-date{margin-bottom:14px}.welcome-flower{width:38px;height:38px;margin-bottom:16px}.welcome h2{font-size:30px;line-height:1.45}.welcome-note{margin:15px 0 19px;font-size:12px}.welcome-name{font-size:19px}.quiet-button{margin-top:9px}.welcome-footer{position:static;display:none}}
@keyframes firefly-drift{0%,100%{opacity:.1;transform:translate3d(0,5px,0)}40%{opacity:.8}60%{opacity:.25;transform:translate3d(15px,-22px,0)}}@keyframes flower-turn{to{transform:rotate(360deg)}}
@media(min-width:1700px){.hero-copy{padding-top:120px}.hero-art{width:60%;}.hero{min-height:980px}.art-shade{background:linear-gradient(90deg,var(--night-deep),rgba(12,15,25,.5) 13%,transparent 40%),linear-gradient(0deg,var(--night-deep),transparent 16%)}}
@media(max-width:1000px){.hero{min-height:850px}.hero-copy{width:61%;margin-left:6vw;padding-top:85px}.hero-art{width:73%;right:-9%}.hero h1{font-size:clamp(51px,7.7vw,76px)}.art-shade{background:linear-gradient(90deg,var(--night-deep),rgba(12,15,25,.65) 18%,transparent 55%),linear-gradient(0deg,var(--night-deep),transparent 22%)}.letter-section{padding-left:32px;padding-right:32px}.letter-card{padding:50px 44px;gap:35px}.letter-body{font-size:15px}.wish-section{padding-left:32px;padding-right:32px}}
@media(max-width:650px){.hero{min-height:900px;min-height:max(900px,110svh)}.dedication{padding:22px 22px;padding-top:max(22px,env(safe-area-inset-top));gap:12px}.dedication-name{font-size:12px;gap:8px;letter-spacing:.08em}.dedication-name svg{width:25px;height:25px}.date{font-size:12px;letter-spacing:.12em}.date i{margin:0 3px}.hero-art{width:100%;height:100%;right:0;top:0}.garden-image{object-position:center bottom;filter:brightness(.74) saturate(.9);transform:scale(1.04)}.art-shade{background:linear-gradient(180deg,#0c0f198a 0%,#0c0f1957 25%,#0c0f1952 45%,transparent 66%,#0c0f1900 78%,var(--night-deep) 100%)}.hero-copy{text-align:center;width:auto;max-width:none;margin:0;padding:43px 22px 370px}.eyebrow{justify-content:center;font-size:12px;letter-spacing:.18em;margin:0 0 28px;gap:10px}.eyebrow>span{width:24px}.eyebrow:after{content:"";display:block;width:24px;height:1px;background:var(--gold);opacity:.7}.greeting{font-size:25px;margin-bottom:9px}.hero h1{font-size:clamp(46px,12.6vw,70px);line-height:1.34;letter-spacing:.01em;text-shadow:0 2px 24px #0c0f1933}.hero-description{font-size:14px;line-height:1.95;margin:18px 0 24px;color:#e0d2c9;letter-spacing:.035em}.bloom-action{align-items:center}.bloom-button{min-height:55px;padding:10px 22px;background:#12172366;font-size:14px;gap:12px;backdrop-filter:blur(10px)}.bloom-button svg{width:28px;height:28px}.bloom-caption{font-size:12px;margin:12px 0 0;color:#d9c7bd;text-shadow:0 2px 7px #000}.art-caption{display:none}.scroll-cue{left:50%;transform:translateX(-50%);bottom:28px;white-space:nowrap;font-size:12px;gap:14px}.scroll-cue svg{height:20px}.has-bloomed .garden-image{filter:brightness(1.05) saturate(1.14)}.letter-section{padding:53px 20px 30px}.section-heading{gap:15px;margin-bottom:24px}.chapter{font-size:11px;letter-spacing:.14em}.section-aside{font-size:11px;letter-spacing:.03em}.small-flower{display:none}.section-heading .section-aside{margin-left:auto}.letter-card{grid-template-columns:1fr;gap:24px;padding:38px 31px 41px;border-bottom-right-radius:38px}.letter-to{font-size:11px;margin-bottom:18px}.letter-card h2{font-size:33px;line-height:1.5}.letter-left{padding-bottom:24px;border-bottom:1px solid #776c552b}.drawn-stem{position:absolute;right:-1px;top:13px;width:62px;margin:0;color:#8b9074}.letter-date{display:block;margin-top:18px;font-size:11px;letter-spacing:.08em}.letter-body{font-size:14px;line-height:2.05;letter-spacing:.02em}.letter-body p{margin-bottom:21px}.paper-lines{inset:10px}.between-note{font-size:19px;line-height:1.8;margin-top:41px;letter-spacing:.045em}.between-note span{display:block}.wish-section{padding:45px 20px 0}.wish-heading{margin-bottom:30px}.wish-heading h2{font-size:32px;margin-top:16px;line-height:1.6}.wish-heading>p{font-size:13px;letter-spacing:.025em}.wish-garden{height:420px}.wish-message{font-size:16px;margin:24px 14px 0;letter-spacing:.03em}.garden-bottom{left:10px;right:10px;bottom:14px;gap:6px}.garden-bottom>span{font-size:10px;letter-spacing:0;max-width:125px;line-height:1.6}.plant-button{font-size:12px;padding:8px 12px;min-height:46px;gap:6px}.plant-button svg{width:20px;height:20px}.ending{padding:67px 22px 27px;padding-bottom:max(27px,env(safe-area-inset-bottom))}.ending-prelude{font-size:12px;letter-spacing:.035em}.ending h2{font-size:31px}.ending-note{font-size:13px;letter-spacing:.07em}.ending-flower{width:38px;height:38px;margin-bottom:23px}.back-to-flowers{margin-bottom:43px}}
@media(max-width:360px){.dedication{padding-left:16px;padding-right:16px}.hero-copy{padding-top:34px}.hero h1{font-size:45px}.hero{min-height:875px}.letter-section,.wish-section{padding-left:15px;padding-right:15px}.letter-card{padding:34px 24px}.section-aside{font-size:10px}.letter-body{font-size:14px}.garden-bottom>span{max-width:104px}.ending h2{font-size:28px}}
@media(max-height:600px) and (min-width:651px){.hero{min-height:680px}.hero-copy{padding-top:25px;padding-bottom:130px}.hero h1{font-size:58px}.eyebrow{margin-bottom:22px}.hero-description{margin:18px 0 23px}.garden-image{object-position:center 68%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.garden-image{transform:none}.firefly{opacity:.45}.js .reveal{opacity:1;transform:none}}