:root{color:#f9edc5;font-synthesis:none;background:#071630;font-family:Songti SC,STSong,SimSun,serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit}.festival{--progress:0;background:#071630;width:100%;height:100%;position:relative;overflow:hidden}.story{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior:none;scrollbar-width:none;cursor:grab;touch-action:pan-x;width:100%;height:100%;display:flex;overflow:auto hidden}.story::-webkit-scrollbar{display:none}.story.dragging{cursor:grabbing;scroll-snap-type:none}.panel{isolation:isolate;scroll-snap-align:start;background:radial-gradient(circle at 50% 20%,#183b6b,#0a2145 46%,#07152e);width:100vw;min-width:100vw;height:100%;position:relative;overflow:hidden}.panel:after{content:"";z-index:30;pointer-events:none;opacity:.14;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{z-index:80;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:24px clamp(22px,4vw,58px);display:flex;position:fixed;top:0;left:0}.brand{color:#f7e8bd;cursor:pointer;pointer-events:auto;background:0 0;border:0;align-items:center;gap:12px;display:flex}.brand span{letter-spacing:.22em;font-size:15px;font-weight:700}.brand small{letter-spacing:.15em;opacity:.7;text-align:left;border-left:1px solid #f7e8bd55;max-width:110px;padding-left:12px;font:8px/1.2 Arial}.chapter{letter-spacing:.1em;align-items:baseline;gap:7px;font-family:Arial;display:flex}.chapter b{font-size:19px;font-weight:400}.chapter span{opacity:.45;font-size:10px}.progress{z-index:100;background:#ffffff14;width:100%;height:3px;position:fixed;top:0;left:0}.progress i{width:calc(var(--progress)*100%);background:linear-gradient(90deg,#b56c37,#ffe5a2);height:100%;display:block;box-shadow:0 0 14px #efc06b}.festival>footer{z-index:80;letter-spacing:.22em;color:#ffeec17a;pointer-events:none;font-size:10px;position:fixed;bottom:20px;left:clamp(22px,4vw,58px)}.eyebrow{letter-spacing:.36em!important;color:#eac27b!important;font:10px/1.5 Arial!important}.next{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#08173161;border:1px solid #f7dfa580;border-radius:50%;place-items:center;width:45px;height:45px;font:25px Arial;transition:all .3s;display:grid;position:absolute;bottom:18px;right:clamp(22px,4vw,58px)}.next:hover{color:#142443;background:#e6b55f;transform:translate(4px)}.number{color:#0000;-webkit-text-stroke:1px #e2c07e1f;z-index:-1;font-size:clamp(100px,18vw,260px);line-height:1;position:absolute;top:11vh;left:8vw}.copy{z-index:20;position:absolute;top:26%;left:clamp(28px,10vw,150px)}.copy h2{letter-spacing:.09em;text-shadow:0 8px 35px #0006;margin:14px 0 22px;font-size:clamp(36px,5.2vw,76px);font-weight:600;line-height:1.3}.copy>p:last-child{letter-spacing:.15em;color:#fff2cdb0;font:400 clamp(13px,1.2vw,17px)/2.1 Noto Serif SC}.opening{background:radial-gradient(circle at 68% 25%,#264c78,#0c244b 36%,#06142d 75%)}.opening-copy{z-index:14;position:absolute;top:24%;left:clamp(28px,11vw,170px)}.opening-copy h1{text-shadow:0 12px 35px #0006;margin:12px 0 26px}.opening-copy h1 small{letter-spacing:.65em;color:#ead39c;margin:0 0 12px .2em;font-size:clamp(15px,1.45vw,22px);font-weight:400;display:block}.opening-copy h1 span{letter-spacing:.14em;background:linear-gradient(160deg,#fff5cf 15%,#d8a95a 86%);color:#0000;-webkit-background-clip:text;font-size:clamp(53px,8.2vw,118px);line-height:1.07;display:block}.lead{letter-spacing:.18em;color:#fcedc5a8;font-size:clamp(13px,1.25vw,18px);line-height:2.1}.seal{color:#d77a60;writing-mode:vertical-rl;letter-spacing:.2em;border:2px solid #b84d3e;place-items:center;width:42px;height:42px;font-size:12px;font-style:normal;display:grid;position:absolute;top:42%;right:-40px;transform:rotate(5deg)}.moon{background:radial-gradient(circle at 39% 35%,#fffced 0 11%,#fbe9ad 30%,#e3ad54 67%,#bd783d);border-radius:50%;position:absolute;box-shadow:0 0 45px #ffd16f73,0 0 130px #ffc95b33}.moon:after{content:"";opacity:.16;background:radial-gradient(at 65% 23%,#795533 0 9%,#0000 10%),radial-gradient(at 35% 67%,#795533 0 12%,#0000 13%),radial-gradient(at 71% 69%,#795533 0 7%,#0000 8%);border-radius:50%;position:absolute;inset:10%}.hero-moon{z-index:1;width:clamp(320px,43vw,670px);height:clamp(320px,43vw,670px);animation:5s ease-in-out infinite breathe;top:8%;right:8%}.stars{opacity:.65;background-image:radial-gradient(circle,#fff 0 1px,#0000 1.5px),radial-gradient(circle,#ffd983 0 1px,#0000 1.5px);background-position:20px 40px,80px 13px;background-size:130px 130px,190px 190px;position:absolute;inset:0}.mountain{transform-origin:bottom;width:100%;position:absolute;left:0}.m1{z-index:3;opacity:.56;background:linear-gradient(155deg,#0000 0 34%,#193353 35% 48%,#0000 49%) 0 0/32% 100%,linear-gradient(205deg,#0000 0 37%,#1a3555 38% 51%,#0000 52%) 13% 0/35% 100%;height:45%;bottom:12%}.m2{z-index:5;background:linear-gradient(148deg,#0000 0 37%,#091a34 38% 62%,#0000 63%) -12% 0/45% 100%,linear-gradient(208deg,#0000 0 39%,#0b1c37 40% 66%,#0000 67%) 30% 0/52% 100%;height:40%;bottom:0}.water{z-index:8;background:linear-gradient(#11355873,#071630 75%);height:27%;position:absolute;inset:auto 0 0}.water i{opacity:.43;background:linear-gradient(90deg,#0000,#d6a858,#0000);width:33%;height:2px;animation:4s ease-in-out infinite ripple;position:absolute;top:15%;left:55%}.water i:nth-child(2){width:20%;animation-delay:1s;top:32%;left:63%}.water i:nth-child(3){width:42%;animation-delay:2s;top:61%;left:49%}.cloud{opacity:.18;filter:blur(8px);background:linear-gradient(#e9e5d4,#0000);border-radius:50%;width:320px;height:65px;position:absolute}.c1{top:14%;right:25%}.c2{width:420px;top:42%;right:2%}.hint{z-index:30;letter-spacing:.2em;color:#fff0c8a8;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}.hint i{font:22px Arial;animation:1.6s infinite nudge}.lantern-scene{background:radial-gradient(circle at 78% 30%,#67422c,#172d4c 31%,#08172f 72%)}.branch{z-index:7;border-bottom:14px solid #32361f;border-radius:0 0 75% 10%;width:55%;height:46%;position:absolute;top:-3%;right:-4%;transform:rotate(7deg)}.branch:after,.branch:before{content:"";background:#353921;border-radius:50%;width:62%;height:10px;position:absolute;bottom:25%;right:25%;transform:rotate(21deg)}.branch:before{bottom:55%;right:-1%;transform:rotate(-15deg)}.branch i{background:#f6c152;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:9px 3px #e89b39,-4px 8px #f6cf67}.branch i:nth-child(3n){top:56%;left:20%}.branch i:nth-child(3n+1){top:64%;left:54%}.branch i:nth-child(3n+2){top:31%;left:80%}.lantern{z-index:12;transform-origin:top;background:radial-gradient(circle,#ffcf66,#ca5a36 58%,#732b2b);border:2px solid #db9a53;border-radius:45% 45% 38% 38%;place-items:center;width:105px;height:137px;animation:4s ease-in-out infinite sway;display:grid;position:absolute;box-shadow:0 0 60px #e7833f}.lantern:before{content:"";background:#b89462;width:1px;height:57px;position:absolute;top:-56px}.lantern:after{content:"";background:repeating-linear-gradient(90deg,#d8a759 0 1px,#0000 1px 2px);width:6px;height:50px;position:absolute;bottom:-48px}.lantern b{color:#72312d;font-size:25px;font-weight:400}.la{top:19%;right:28%}.lb{animation-delay:.9s;top:39%;right:11%;transform:scale(.68)}.lc{animation-delay:1.5s;top:9%;right:48%;transform:scale(.52)}.bridge{z-index:4;border-top:22px solid #111d29;border-radius:50% 50% 0 0;width:66%;height:25%;position:absolute;bottom:12%;right:-5%;transform:skewY(-3deg);box-shadow:0 -5px #6b563b}.reflect{filter:blur(8px);background:linear-gradient(#ee904566,#0000);border-radius:50%;width:8%;height:26%;position:absolute;bottom:2%;transform:skew(-10deg)}.ra{right:26%}.rb{height:17%;right:9%}.rabbit-scene{background:radial-gradient(circle at 32% 45%,#365a7a,#112a4d 35%,#07162f 73%)}.rabbit-moon{opacity:.85;width:clamp(350px,48vw,720px);height:clamp(350px,48vw,720px);top:9%;left:5%}.rabbit{z-index:10;filter:drop-shadow(0 15px 30px #0006);height:60%;animation:4.5s ease-in-out infinite float;position:absolute;bottom:1%;left:24%}.rabbit-copy{left:auto;right:10%}.rabbit-copy h2{font-size:clamp(34px,4.6vw,70px)}.reunion-scene{background:linear-gradient(#162f54,#10284a 45%,#2c2834)}.reunion-copy{top:20%}.pavilion{z-index:12;width:min(58vw,790px);height:61%;position:absolute;bottom:10%;right:5%}.roof{filter:drop-shadow(0 5px 1px #a3613e);background:linear-gradient(172deg,#0000 0 32%,#1b1b25 33% 48%,#0000 49%) 0 0/52% 100%,linear-gradient(188deg,#0000 0 32%,#171721 33% 48%,#0000 49%) 100% 0/52% 100%;width:100%;height:27%;position:absolute;top:4%;left:0}.room{background:linear-gradient(90deg,#e7a65b1a,#efb76347,#e7a65b1a);position:absolute;inset:29% 13% 5%;box-shadow:inset 0 0 60px #e28745}.room:after,.room:before{content:"";background:#552d2d;width:12px;height:100%;position:absolute;box-shadow:2px 0 #ac6843}.room:after{right:0}.people{z-index:3;width:50%;height:43%;position:absolute;bottom:15%;left:27%}.people i{background:#18213a;border-radius:50% 50% 10px 10px;width:54px;height:110px;position:absolute;bottom:0}.people i:before{content:"";background:#d9aa78;border-radius:50%;width:38px;height:42px;position:absolute;top:-28px;left:8px}.people i:first-child{left:0;transform:scale(.85)}.people i:nth-child(2){height:125px;left:42%}.people i:nth-child(3){right:0;transform:scale(.8)}.table{z-index:4;color:#f2bf62;background:#754337;border:4px solid #b2754a;border-radius:50%;place-items:center;width:38%;height:48px;display:grid;position:absolute;bottom:10%;left:33%}.table:after{content:"";clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);background:#542e2d;width:72%;height:95px;position:absolute;top:35px}.small-moon{opacity:.68;width:160px;height:160px;top:12%;right:15%}.cityline{opacity:.8;background:linear-gradient(150deg,#0000 0 45%,#091425 46%) 0 0/30% 100%;width:100%;height:22%;position:absolute;bottom:0}.ending{background:radial-gradient(circle at 50% 45%,#39496b,#152c51 27%,#08172f 68%);place-items:center;display:grid}.ending-card{z-index:12;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #e8c3793b;width:min(88vw,650px);padding:6vh 7vw;position:relative;box-shadow:0 30px 100px #00000042}.ending-card:before,.ending-card:after{content:"";border-style:solid;border-color:#d7a651;width:30px;height:30px;position:absolute}.ending-card:before{border-width:1px 0 0 1px;top:9px;left:9px}.ending-card:after{border-width:0 1px 1px 0;bottom:9px;right:9px}.mini-moon{color:#853d30;letter-spacing:.1em;background:radial-gradient(circle at 35% 30%,#fff5ca,#e4ad58);border-radius:50%;place-items:center;width:80px;height:80px;margin:2vh auto;font-size:15px;display:grid;box-shadow:0 0 45px #f2be5959}.ending-card h2{letter-spacing:.1em;margin:18px 0;font-size:clamp(35px,4.2vw,58px);font-weight:600;line-height:1.45}.ending-card>p:not(.eyebrow):not(.signature):not(.year){letter-spacing:.15em;color:#ffeec6a6;font-size:13px;line-height:2}.divider{color:#c99754;align-items:center;gap:12px;width:70%;margin:3vh auto 2vh;display:flex}.divider i{background:linear-gradient(90deg,#0000,#b3814d);flex:1;height:1px}.divider i:last-child{transform:rotate(180deg)}.signature{letter-spacing:.18em;margin:0;font-size:clamp(14px,1.5vw,18px);font-weight:600}.year{color:#c99c5d;letter-spacing:.27em;font-size:10px}.replay{letter-spacing:.18em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eecd8e59;margin-top:2vh;padding:8px 4px;font-size:11px}.orbit{border:1px solid #deb86f1a;border-radius:50%;width:70vw;height:70vw;position:absolute}.o2{width:48vw;height:48vw}.petals i{opacity:.4;background:#e6b75c;border-radius:100% 0;width:8px;height:14px;animation:8s linear infinite fall;position:absolute;top:-20px}.petals i:nth-child(2n){animation-delay:2s;left:20%}.petals i:nth-child(3n){animation-delay:5s;left:43%}.petals i:nth-child(4n){animation-delay:1s;left:68%}.petals i:nth-child(5n){animation-delay:4s;left:89%}@keyframes breathe{50%{transform:scale(1.015);box-shadow:0 0 70px #ffd16f94,0 0 170px #ffc95b47}}@keyframes ripple{50%{opacity:.18;transform:scaleX(1.25)}}@keyframes nudge{50%{transform:translateY(9px)}}@keyframes sway{0%,to{rotate:-2deg}50%{rotate:3deg}}@keyframes float{50%{transform:translateY(-13px)rotate(1deg)}}@keyframes fall{to{transform:translate(60px,110vh)rotate(520deg)}}@media (width<=720px){.topbar{padding:20px 18px}.brand small{display:none}.brand span{font-size:13px}.festival>footer{bottom:18px;left:18px}.next{right:18px}.opening-copy{top:27%;left:24px}.opening-copy h1 span{letter-spacing:.08em;filter:drop-shadow(0 3px 5px #06142d);font-size:46px;line-height:1.2}.opening-copy h1 small{font-size:13px}.lead{font-size:12px}.seal{display:none}.hero-moon{width:78vw;height:78vw;top:13%;right:-26vw}.m1{bottom:16%}.hint{bottom:70px}.copy{top:19%;left:25px;right:auto}.copy h2{font-size:37px}.copy>p:last-child{font-size:12px;line-height:2}.number{font-size:130px;top:9%;left:5%}.branch{width:95%;height:35%;top:30%;right:-17%}.la{top:48%;right:16%;transform:scale(.76)}.lb{top:62%;right:62%;transform:scale(.46)}.lc{display:none}.bridge{width:110%;height:20%;bottom:10%}.rabbit-moon{width:88vw;height:88vw;top:39%;left:-23%}.rabbit{height:44%;bottom:3%;left:9%}.rabbit-copy{top:14%;left:25px}.rabbit-copy h2{font-size:36px}.reunion-copy{top:14%}.reunion-copy h2{font-size:35px}.pavilion{width:105vw;height:48%;bottom:7%;right:-28%}.small-moon{width:110px;height:110px;top:39%;right:8%}.ending-card{width:88vw;padding:5vh 22px}.ending-card h2{font-size:31px}.signature{line-height:1.8;font-size:13px!important}.year{font-size:9px}.o1{width:150vw;height:150vw}.o2{width:110vw;height:110vw}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.copy>p:last-child{font-family:Songti SC,STSong,SimSun,serif}.story{scroll-snap-type:y mandatory;touch-action:pan-y;flex-direction:column;overflow:hidden auto}.panel{--shift:0;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:100vw;height:100%;min-height:100%}.next:hover{transform:translateY(4px)}.hint{flex-direction:column;gap:5px}.opening-copy,.copy,.ending-card,.hero-moon,.stars,.m1,.m2,.water,.branch,.lantern,.bridge,.reflect,.rabbit-moon,.rabbit,.small-moon,.pavilion,.cityline,.orbit{will-change:translate}.opening-copy{translate:0 calc(var(--shift) * -23vh)}.stars{translate:0 calc(var(--shift) * -2vh)}.hero-moon{translate:calc(var(--shift) * 4vw) calc(var(--shift) * -48vh);scale:calc(1 + var(--shift) * .055)}.m1{translate:0 calc(var(--shift) * -19vh)}.m2{translate:0 calc(var(--shift) * -7vh)}.water{translate:0 calc(var(--shift) * -2vh)}.hint{translate:0 calc(var(--shift) * -28vh)}.lantern-scene .copy{translate:0 calc(var(--shift) * -27vh)}.branch{translate:calc(var(--shift) * 5vw) calc(var(--shift) * -46vh);scale:calc(1 + var(--shift) * .04)}.lantern{translate:calc(var(--shift) * -3vw) calc(var(--shift) * -32vh);scale:calc(1 + var(--shift) * .055)}.bridge{translate:0 calc(var(--shift) * -10vh)}.reflect{translate:0 calc(var(--shift) * -3vh)}.rabbit-copy{translate:0 calc(var(--shift) * -25vh)}.rabbit-moon{translate:calc(var(--shift) * -4vw) calc(var(--shift) * -49vh);scale:calc(1 + var(--shift) * .045)}.rabbit{translate:calc(var(--shift) * 3vw) calc(var(--shift) * -20vh);scale:calc(1 + var(--shift) * .05)}.reunion-copy{translate:0 calc(var(--shift) * -28vh)}.small-moon{translate:calc(var(--shift) * 3vw) calc(var(--shift) * -47vh);scale:calc(1 + var(--shift) * .045)}.pavilion{translate:calc(var(--shift) * -3vw) calc(var(--shift) * -20vh);scale:calc(1 + var(--shift) * .04)}.cityline{translate:0 calc(var(--shift) * -5vh)}.ending-card{translate:0 calc(var(--shift) * -18vh);scale:calc(1 + var(--shift) * .025)}.o1{translate:0 calc(var(--shift) * -8vh);scale:calc(1 + var(--shift) * .04)}.o2{translate:0 calc(var(--shift) * 10vh);scale:calc(1 - var(--shift) * .04)}.panel{position:sticky;top:0}.panel:first-child{z-index:1}.panel:nth-child(2){z-index:2}.panel:nth-child(3){z-index:3}.panel:nth-child(4){z-index:4}.panel:nth-child(5){z-index:5}.panel:not(:first-child){border-radius:26px 26px 0 0;box-shadow:0 -18px 55px #020a1994,0 -1px #f6d79738}.panel:not(:first-child):before{content:"";z-index:29;pointer-events:none;background:linear-gradient(90deg,#0000,#f8da9d7a,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}