:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff6ed;--muted:#d2c7cd;--serif:"Songti SC", "STSong", "Noto Serif SC", serif;--latin:"Instrument Serif", "Bodoni 72", "Didot", serif}*{box-sizing:border-box}html{background:#081326}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#081326;margin:0;font-family:Inter,-apple-system,PingFang SC,sans-serif}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible{outline-offset:6px;outline:2px solid #fff0dc}button:disabled{cursor:default}.flower-journey{--journey:0;--pointer-x:0;--pointer-y:0;--hero-exit:0;--night:0;--dawn:0;--flight:0;--sky:0;--bloom:0;--wind-charge:0;isolation:isolate;position:relative}.experience-stage{background:#0b172d;width:100%;height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden}.story-spacer{height:1450svh}.photo-scene,.sky-layer,.night-sky-layer,.dawn-sky-layer,.cloud-veil,.sky-atmosphere,.field-layers,.photo-layer,.horizon-light,.ground-mist,.cinematic-grade{pointer-events:none;position:absolute;inset:0}.photo-scene{z-index:0;overflow:hidden}.sky-layer,.night-sky-layer,.dawn-sky-layer{transform:scale(calc(1.02 + var(--flight) * .1)) translate3d(calc(var(--pointer-x) * -10px), calc(var(--sky) * 7vh), 0);will-change:transform, opacity;background:url(/flower/twilight-sky-v1.webp) 50%/cover no-repeat;inset:-10% -5%}.sky-layer{filter:saturate(.87)brightness(1.04)}.night-sky-layer{opacity:var(--night);filter:saturate(.84)brightness(.78);background-image:url(/flower/night-sky-v1.webp)}.dawn-sky-layer{opacity:var(--dawn);filter:hue-rotate(-12deg)saturate(.65)brightness(1.55);background-position:50% 65%}.cloud-veil{opacity:calc(.13 * (1 - var(--night)));mix-blend-mode:screen;filter:blur(6px)saturate(.6);background:url(/flower/twilight-sky-v1.webp) 50% 35%/cover no-repeat;animation:70s linear infinite alternate clouds;inset:-20%;-webkit-mask-image:linear-gradient(#0000,#000 35%,#0000 76%);mask-image:linear-gradient(#0000,#000 35%,#0000 76%)}.sky-atmosphere{background:linear-gradient(#06102614,#0000 40%,#f59ca526 76%,#0000)}.field-layers{transform:translate3d(0, calc(var(--sky) * 35vh), 0);opacity:calc(1 - var(--sky) * .62);will-change:transform}.photo-layer{will-change:transform;background:url(/flower/flower-sea-bg-v2.webp) 50%/cover no-repeat}.photo-base{transform:scale(calc(1.04 + var(--flight) * .16)) translate3d(calc(var(--pointer-x) * -14px), calc(var(--flight) * 1.8vh), 0);-webkit-mask-image:linear-gradient(#0000 32%,#000 60%);mask-image:linear-gradient(#0000 32%,#000 60%)}.photo-foreground{transform:scale(calc(1.1 + var(--flight) * .32)) translate3d(calc(var(--pointer-x) * -36px), calc(var(--flight) * 5vh + var(--pointer-y) * -12px), 0);filter:blur(calc(var(--flight) * .7px));-webkit-mask-image:linear-gradient(#0000 63%,#000 82%);mask-image:linear-gradient(#0000 63%,#000 82%)}.night-photo-layer{opacity:var(--night);background-image:url(/flower/flower-sea-night-v1.webp)}.horizon-light{opacity:calc(.65 * (1 - var(--night)) + var(--dawn) * .35);mix-blend-mode:screen;transform:translateY(calc(var(--sky) * 20vh));background:radial-gradient(at 80%,#ffc89e52,#0000 55%);inset:34% -10% 7%}.ground-mist{filter:blur(35px);opacity:calc(.18 + var(--night) * .6);transform:translate3d(calc(var(--pointer-x) * 12px), calc(var(--sky) * 20vh), 0);background:radial-gradient(#bdbedd36,#0000 67%);inset:45% -15% 5%}.petal-scene{z-index:2;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1.7s;position:absolute;inset:0}.petals-ready .petal-scene{opacity:1}.cinematic-grade{z-index:3;background:linear-gradient(90deg,#08101f47,#0000 45%,#08101f12),linear-gradient(#02091536,#0000 27% 65%,#030a1475)}.cinematic-grade:after{content:"";background:radial-gradient(at 50% 45%,#0000 32%,#0308153d);position:absolute;inset:0}.cinematic-grade:before{content:"";background:radial-gradient(#05112266,#0000 67%);width:96%;transition:transform 1.4s;position:absolute;top:5%;bottom:8%;left:-24%}[data-reading-side=right] .cinematic-grade:before{transform:translate(60%)}[data-reading-side=center] .cinematic-grade:before{transform:translate(27%)}.site-header{z-index:10;justify-content:space-between;align-items:center;gap:28px;padding:30px 4.5vw;display:flex;position:absolute;inset:0 0 auto}.brand{text-align:left;letter-spacing:.15em;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:12px;line-height:1.55;display:flex}.brand-mark{color:#efccc5;font-size:40px;font-weight:400;line-height:1}.brand-cn{letter-spacing:.4em;color:#cbbec7;font-size:12px;display:block}.header-caption{letter-spacing:.22em;color:#d5cbd4;font-size:14px}.motion-toggle{white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ecdad405;border:1px solid #efded13f;border-radius:24px;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;font-size:14px;transition:border-color .3s,background .3s;display:inline-flex}.motion-toggle:hover{background:#ecdad40d;border-color:#efded180}.motion-toggle>span{font-size:22px;line-height:1}.hero{z-index:4;opacity:calc(1 - var(--hero-exit));transform:translateY(calc(var(--hero-exit) * -8vh));pointer-events:none;position:absolute;inset:0}.hero[inert]{visibility:hidden}.hero-copy{max-width:520px;position:absolute;top:24%;left:9%}.letter-date{color:#d5c6c6;letter-spacing:.13em;border-bottom:1px solid #e2c9c540;justify-content:space-between;gap:32px;margin:0 0 28px;padding-bottom:14px;font-size:12px;display:flex}.letter-date>span:last-child{font-variant-numeric:tabular-nums;letter-spacing:.1em}.hero-copy .eyebrow{margin-bottom:18px}.eyebrow{letter-spacing:.23em;color:#f3d4c3;margin:0 0 24px;font-size:12px;font-weight:400}.hero h1{font:400 clamp(46px, 4.7vw, 76px)/1.2 var(--serif);letter-spacing:.03em;margin:0}.hero h1>span{margin-left:.15em}.hero-tagline{letter-spacing:.15em;color:#e1cfd0;margin:23px 0 25px;font-size:14px}.enter-button{letter-spacing:.12em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#cbb5bf14;border:1px solid #eeded888;border-radius:40px;justify-content:space-between;align-items:center;gap:38px;min-height:50px;padding:10px 12px 10px 24px;font-size:14px;transition:background .3s,transform .3s;display:inline-flex}.enter-button>span:last-child{border:1px solid #e5cfd257;border-radius:50%;place-items:center;width:30px;height:30px;font-size:20px;transition:transform .35s,border-color .35s;display:grid}.enter-button:hover{background:#f4dedb26;transform:translateY(-3px)}.enter-button:hover>span:last-child{border-color:#f5dfc9b3;transform:rotate(-12deg)}.hero-note{writing-mode:vertical-rl;letter-spacing:.3em;line-height:2;font:16px/2 var(--serif);color:#ecdedb;margin:0;position:absolute;top:40%;right:6%}.hero-note span{letter-spacing:.18em;padding-top:20px;font:12px/2 Inter,sans-serif}.chapter-stage{z-index:4;pointer-events:none;position:absolute;inset:0}.story-chapter{width:min(39vw,550px);opacity:var(--chapter-alpha);transform:translate3d(0, calc(-50% + (1 - var(--chapter-alpha)) * 34px), 0);filter:blur(calc((1 - var(--chapter-alpha)) * 2px));text-shadow:0 2px 24px #08132630;position:absolute;top:46%;left:9%}.story-chapter .eyebrow{font-size:12px;line-height:1.9}.story-chapter .eyebrow>span{letter-spacing:.15em;color:#eddfd7af;margin-bottom:22px;display:block}.story-chapter h2{font:400 clamp(56px, 6.4vw, 100px)/1.12 var(--serif);letter-spacing:-.035em;margin:0 0 26px}.story-chapter h2>span{transform:translateX(calc((1 - var(--chapter-alpha)) * -25px));display:block}.story-chapter h2>span:last-child{color:#f0cfc9;transform:translateX(calc((1 - var(--chapter-alpha)) * 25px));padding-left:.35em}.chapter-line{font:400 clamp(18px, 1.45vw, 23px)/1.8 var(--serif);letter-spacing:.03em;margin:0 0 12px}.chapter-body{color:#dfd2d9;text-wrap:pretty;max-width:31em;margin:0;font-size:16px;line-height:1.95}.chapter-right{top:43%;left:auto;right:10%}.chapter-center{text-align:center;width:min(80%,800px);transform:translate3d(-50%, calc(-50% + (1 - var(--chapter-alpha)) * 34px), 0);top:47%;left:50%}.chapter-center h2{justify-content:center;gap:.28em;display:flex}.chapter-center h2>span:last-child{padding:0}.chapter-center .chapter-body{margin-inline:auto}.story-chapter[data-chapter="01"] h2{gap:.15em;font-size:clamp(54px,5.4vw,86px);display:flex}.story-chapter[data-chapter="01"] h2>span:last-child{padding-left:0}.story-chapter[data-chapter="07"] h2{font-size:clamp(54px,5.6vw,90px)}.birthday-signoff{font:16px/1.6 var(--serif);letter-spacing:.08em;color:#f0d3bf;border-top:1px solid #e3c8b740;align-items:center;gap:12px;margin:25px 0 0;padding-top:19px;display:flex}.birthday-signoff>span{color:#f0c6ab;font-size:25px}.replay-button{margin-top:28px}.journey-rail{z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;right:2%;transform:translateY(-50%)}.rail-line{pointer-events:none;background:#e9dbdb2b;width:1px;position:absolute;top:22px;bottom:22px}.rail-line i{width:1px;height:calc(var(--journey) * 100%);background:#efc8b9;display:block}.journey-rail button{background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;position:relative}.journey-rail button>i{background:#d8c6ca70;border-radius:50%;width:5px;height:5px;transition:transform .3s,background .3s;display:block}.journey-rail button[aria-current]>i{background:#ffe8d3;transform:scale(1.5);box-shadow:0 0 0 6px #ffe8d319}.journey-rail button>span{letter-spacing:.12em;white-space:nowrap;opacity:0;background:#0b162599;border-radius:4px;padding:5px 8px;font-size:12px;transition:opacity .2s;position:absolute;right:45px}:is(.journey-rail button:hover>span,.journey-rail button:focus-visible>span){opacity:1}.wind-seeds{z-index:6;opacity:var(--bloom);pointer-events:none;position:absolute;inset:0}.wind-seeds[inert]{visibility:hidden}.wish-particles{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wind-seed{pointer-events:auto;touch-action:pan-y;will-change:transform;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:112px;height:112px;padding:0;position:absolute;top:0;left:0;transform:translate(-200px,-200px)}.wind-seed:focus-visible{outline:1px dashed rgba(var(--light-color), .55);outline-offset:3px}.wish-response{text-align:left;color:#f2d9c3;position:absolute;top:21%;left:55%;right:14%}.wish-response p{font:16px/1.8 var(--serif);text-wrap:pretty;margin:0 0 10px;animation:.7s both wish-note}.wish-response>span{letter-spacing:.12em;color:#d2bdbe;font-size:12px}.stage-footer{z-index:10;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;display:grid;position:absolute;inset:auto 4.5% 25px}.stage-footer p{letter-spacing:.12em;color:#e0d0d2;margin:0;font-size:12px}.gesture-hint{align-items:center;gap:12px;display:flex}.gesture-hint>span{font-size:22px;animation:2.5s infinite scroll-nudge;display:block}.wind-conductor{letter-spacing:.08em;color:#e0d0d2;flex-direction:column;justify-self:end;gap:9px;font-size:12px;display:flex}.wind-conductor>i{background:#c8bbc645;width:100%;height:1px}.wind-conductor b{width:100%;height:1px;transform:scaleX(var(--wind-charge));transform-origin:0;background:#ffdcc0;display:block;box-shadow:0 0 6px #fff1d8}.story-progress{z-index:11;background:#ecd9da0a;height:2px;position:absolute;bottom:0;left:0;right:0}.story-progress>i{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--journey));background:#f2cfb9a6;display:block}.icp-link{z-index:12;color:#d7c9ce9c;letter-spacing:.08em;font-size:10px;text-decoration:none;position:absolute;bottom:7px;right:4.5%}:is(.icp-link:hover,.icp-link:focus-visible){color:#fff1e7}.petal-cursor{z-index:30;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.no-script{z-index:30;text-align:center;background:#101c30;width:100%;margin:0;padding:12px;position:fixed;bottom:0}@keyframes clouds{to{transform:translate(5%,1%)scale(1.08)}}@keyframes scroll-nudge{50%{transform:translateY(4px)}}@keyframes wish-note{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.quiet-motion *,.quiet-motion :before,.quiet-motion :after{transition:none!important;animation:none!important}.quiet-motion .petal-cursor{display:none}@media (max-width:760px){.wind-seed{width:72px;height:72px}.experience-stage{min-height:520px}.story-spacer{height:1250svh}.site-header{gap:12px;padding:22px}.header-caption{display:none}.brand{letter-spacing:.05em;gap:8px;font-size:12px}.brand-mark{font-size:32px}.brand-cn{letter-spacing:.25em;font-size:12px}.motion-toggle{padding:8px 10px;font-size:12px}.hero-copy{top:22%;left:7%}.letter-date{gap:20px;max-width:300px;margin-bottom:22px;font-size:12px}.eyebrow{letter-spacing:.12em;font-size:12px}.hero h1{font-size:clamp(35px,8.5vw,54px)}.hero h1>span{margin-left:0;display:block}.hero-tagline{letter-spacing:.06em;max-width:15em;font-size:14px;line-height:1.7}.hero-note{display:none}.photo-layer,.sky-layer,.night-sky-layer,.dawn-sky-layer{background-position:60%}.story-chapter,.chapter-right{width:82%;top:44%;left:7%;right:auto}.story-chapter .eyebrow{margin-bottom:12px;font-size:12px}.story-chapter .eyebrow>span{margin-bottom:5px}.story-chapter h2{gap:.15em;margin-bottom:15px;font-size:clamp(40px,11vw,70px);line-height:1.2;display:flex}.story-chapter h2>span:last-child{padding-left:0}.story-chapter[data-chapter="01"] h2,.story-chapter[data-chapter="07"] h2{font-size:clamp(40px,11vw,70px)}.birthday-signoff{margin-top:18px;padding-top:14px;font-size:15px}.chapter-line{margin-bottom:8px;font-size:18px;line-height:1.65}.chapter-body{max-width:26em;font-size:16px;line-height:1.7}.chapter-center{width:82%;top:48%;left:50%}.chapter-center h2{font-size:12vw}.replay-button{margin-top:18px}.journey-rail{top:40%;right:0}.journey-rail button{width:36px;height:38px}.journey-rail button>span{right:33px}.stage-footer{grid-template-columns:1fr auto;gap:12px;inset:auto 6% 20px}.stage-footer .scene-status{letter-spacing:.02em;max-width:42vw;font-size:12px}.stage-footer .gesture-hint{letter-spacing:.02em;gap:8px;font-size:12px}.wind-conductor{display:none}.icp-link{bottom:5px;right:6%}.story-chapter[data-chapter="03"]{top:35%}.wish-response{text-align:left;inset:auto 9% 11% 7%}.wish-response p{margin-bottom:6px;font-size:15px}.cinematic-grade:before{width:140%;top:10%;bottom:20%;left:-20%}[data-reading-side] .cinematic-grade:before{transform:none}.cinematic-grade{background:linear-gradient(#05102130,#0000 28%,#08142745 52%,#071023b8 85%)}}@media (max-height:650px) and (min-width:761px){.experience-stage{min-height:440px}.site-header{padding-block:18px}.hero-copy{top:22%}.hero h1{font-size:42px}.hero-tagline{margin:14px 0}.story-chapter h2{margin-bottom:16px;font-size:72px}.story-chapter .eyebrow,.story-chapter .eyebrow>span{margin-bottom:10px}}@media (max-width:400px){.site-header{gap:10px;padding:20px 16px}.brand{white-space:nowrap;gap:7px;font-size:10.5px}.brand-mark{font-size:27px}.brand-cn{letter-spacing:.16em;font-size:10px}.motion-toggle{gap:6px;min-height:40px;padding:8px 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:760px) and (max-height:650px){.hero-copy{top:21%}.hero h1{font-size:34px}.hero-copy .eyebrow{margin-bottom:15px}.hero-tagline{margin-block:14px}.letter-date{margin-bottom:16px;padding-bottom:10px}.story-chapter .eyebrow>span{display:none}.story-chapter{top:44%}.chapter-center{top:48%}.story-chapter h2{margin-bottom:10px}.chapter-line{font-size:16px}.chapter-body{line-height:1.6}.story-chapter[data-chapter="03"]{top:36%}.wish-response p{font-size:14px}.birthday-signoff{margin-top:12px;padding-top:10px}}