:root{--ink:#070b16;--night-1:#0a1024;--night-2:#101a38;--gold:#e3c184;--gold-deep:#c9a25f;--paper:#f2e9d6;--paper-dim:#ddd1b8;--seal:#b8402f;--moon:#f7f1e1;--serif:"Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--latin:"Cormorant Garamond", Georgia, serif;--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink)}html,body{width:100%;overflow-x:hidden}body{font-family:var(--serif);color:var(--paper);background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body.is-locked{overflow:hidden}::selection{background:var(--gold);color:var(--ink)}.cursor-dot,.cursor-ring{pointer-events:none;z-index:90;will-change:transform;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--gold);width:6px;height:6px}.cursor-ring{width:34px;height:34px;transition:width .3s var(--ease-out), height .3s var(--ease-out), border-color .3s var(--ease-out), background .3s var(--ease-out);border:1px solid #e3c1848c}.cursor-ring.is-active{background:#e3c18414;border-color:#e3c184e6;width:58px;height:58px}@media (hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.skyline{z-index:5;pointer-events:none;will-change:transform, opacity;height:42vh;position:fixed;bottom:-2vh;left:0;right:0}.skyline-svg{width:100%;height:100%;display:block;overflow:visible}.skyline-window{opacity:.25;transform-box:fill-box;animation-name:windowFlicker;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes windowFlicker{0%,to{opacity:.25}42%{opacity:.9}48%{opacity:.4}55%{opacity:.8}70%{opacity:.3}}.skyline-beacon{animation:2.6s ease-in-out infinite beaconBlink}@keyframes beaconBlink{0%,to{opacity:.15}50%{opacity:.95}}.map-city-label{z-index:12;font-family:var(--serif);letter-spacing:.18em;white-space:nowrap;text-shadow:0 0 12px #070b16f2,0 0 4px #070b16e6;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;font-size:13px;position:absolute;top:0;left:0}.route-line{letter-spacing:.16em;color:var(--paper);align-items:baseline;gap:.7em;margin-top:2.4rem;font-size:clamp(1.05rem,1.7vw,1.4rem);display:inline-flex}.route-line .city{color:var(--gold);font-weight:600}.route-line .city--to{color:#ff8a6b}.route-line .arrow{font-family:var(--latin);color:#f2e9d680}.route-hint{letter-spacing:.22em;color:#f2e9d66b;margin-top:.9rem;font-size:.82rem}.lantern-poem{z-index:11;font-family:var(--serif);letter-spacing:.22em;white-space:nowrap;color:#f3e2b8;text-shadow:0 0 14px #ffaa508c,0 0 6px #281204e6;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;font-size:14px;position:absolute;top:0;left:0}#sec-3,#sec-3>*,#sec-4,#sec-4>*{pointer-events:none}.lantern-hint{z-index:9;font-family:var(--latin);letter-spacing:.42em;text-indent:.42em;color:#f3e2b8bf;pointer-events:none;opacity:0;white-space:nowrap;align-items:center;gap:.9rem;font-size:.78rem;display:flex;position:fixed;bottom:11vh;left:50%;transform:translate(-50%)}.lantern-hint .cn{font-family:var(--serif);letter-spacing:.3em;text-indent:.3em}.lantern-hint:before,.lantern-hint:after{content:"";background:linear-gradient(90deg,#0000,#e3c184b3,#0000);width:42px;height:1px}.roofline{z-index:4;pointer-events:none;opacity:0;will-change:transform, opacity;height:30vh;position:fixed;bottom:-1vh;left:0;right:0}.roofline-svg{width:100%;height:100%;display:block}.grain{z-index:40;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.stage{z-index:0;background:radial-gradient(90% 60% at 78% 18%,#2e407a6b,#0000 60%),linear-gradient(#070b16 0%,#0a1128 48%,#111d42 100%);position:fixed;inset:0}.stage canvas{display:block}.narrative{z-index:10;pointer-events:none;position:relative}.section{pointer-events:none;flex-direction:column;justify-content:center;min-height:100svh;padding:12vh 8vw;display:flex;position:relative}.section>*{pointer-events:auto}.section--tall{min-height:160svh}.kicker{font-family:var(--latin);letter-spacing:.55em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:2.4rem;font-size:clamp(.75rem,1.1vw,.95rem)}.headline{letter-spacing:.06em;text-shadow:0 0 60px #070b1699;font-size:clamp(2.6rem,7.5vw,6.5rem);font-weight:900;line-height:1.28}.poem{letter-spacing:.14em;font-size:clamp(2rem,5.4vw,4.4rem);font-weight:600;line-height:1.7}.poem .accent,.headline .accent{color:var(--gold)}.subline{letter-spacing:.12em;color:#f2e9d6b8;max-width:34em;margin-top:2.2rem;font-size:clamp(.95rem,1.35vw,1.15rem);line-height:2}.latin{font-family:var(--latin)}.reveal:not(.split){opacity:0;will-change:transform, opacity;transform:translateY(46px)}.split{will-change:transform}.is-ready .reveal:not(.split){opacity:1;transform:none}.section--hero{justify-content:flex-end;padding-bottom:14vh}.hero-title{letter-spacing:.12em;font-size:clamp(4.2rem,14vw,13rem);font-weight:900;line-height:1}.hero-latin{font-family:var(--latin);letter-spacing:.5em;color:var(--gold);margin-top:1.4rem;font-size:clamp(1rem,1.8vw,1.5rem);font-style:italic;font-weight:500}.hero-year{font-family:var(--latin);letter-spacing:.35em;color:#f2e9d68c;font-size:.85rem;position:absolute;top:12vh;left:8vw}.scroll-hint{font-family:var(--latin);letter-spacing:.4em;text-transform:uppercase;color:#f2e9d680;flex-direction:column;align-items:center;gap:.8rem;font-size:.72rem;display:flex;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.scroll-hint:after{content:"";background:linear-gradient(to bottom, var(--gold), transparent);width:1px;height:46px;animation:hintDrop 1.8s var(--ease-out) infinite;transform-origin:top}@keyframes hintDrop{0%{transform:scaleY(0)}45%{transform:scaleY(1)}to{opacity:0;transform:scaleY(0)translateY(20px)}}.preloader{z-index:60;background:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:2.6rem;display:flex;position:fixed;inset:0}.preloader-moon{filter:drop-shadow(0 0 42px #f7f1e147);width:clamp(120px,16vw,190px)}.preloader-count{font-family:var(--latin);color:var(--paper);letter-spacing:.08em;font-size:clamp(2.4rem,5vw,4rem);font-weight:500}.preloader-count em{color:var(--gold-deep);margin-left:.4em;font-size:.4em;font-style:normal}.preloader-label{letter-spacing:.6em;color:#f2e9d673;text-indent:.6em;font-size:.8rem}.gate{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 78% 28%,#283a6e80,#0000 55%),#070b16b8;justify-content:center;align-items:center;padding:6vw;display:flex;position:fixed;inset:0}.ticket{color:#2a2318;width:min(440px,92vw);font-family:var(--latin);filter:drop-shadow(0 30px 80px #0009);perspective:1200px;position:relative}.ticket-half{background:radial-gradient(circle at 86% 16%, #c9a25f29, transparent 42%), var(--paper);will-change:transform, opacity;padding:2.4rem 2.2rem 2.6rem;position:relative}.ticket-half--top{border-radius:10px 10px 0 0}.ticket-half--bottom{border-radius:0 0 10px 10px;padding-top:2.2rem}.ticket-half:before,.ticket-half:after{content:"";background:var(--ink);border-radius:50%;width:22px;height:22px;position:absolute;top:-11px}.ticket-half--top:before,.ticket-half--top:after{top:auto;bottom:-11px}.ticket-half:before{left:-11px}.ticket-half:after{right:-11px}.ticket-perf{border-top:2px dashed #2a231859;position:absolute;top:0;left:8%;right:8%}.ticket-brand{letter-spacing:.5em;text-transform:uppercase;color:#2a23188c;margin-bottom:1.2rem;font-size:.7rem}.ticket-title{font-family:var(--serif);letter-spacing:.2em;margin-bottom:.5rem;font-size:1.7rem;font-weight:900}.ticket-sub{letter-spacing:.14em;color:#2a231899;font-size:.82rem;font-style:italic}.ticket-btn{color:#2a2318;width:100%;font-family:var(--latin);letter-spacing:.32em;text-indent:.32em;cursor:pointer;transition:background .35s var(--ease-out), color .35s var(--ease-out), letter-spacing .35s var(--ease-out);background:0 0;border:1px solid #2a231866;border-radius:2px;margin-top:1.6rem;padding:1rem;font-size:.95rem}.ticket-btn:hover{color:var(--paper);letter-spacing:.42em;background:#2a2318}.ticket-btn--primary{color:var(--paper);background:#2a2318}.ticket-btn--primary:hover{background:var(--seal);border-color:var(--seal)}.gate-hint{font-family:var(--latin);letter-spacing:.35em;color:#f2e9d666;text-align:center;font-size:.72rem;line-height:2;position:absolute;bottom:7vh}.section--fullmoon{text-align:center;align-items:center}.fm-line{letter-spacing:.14em;color:#241c10;text-shadow:0 0 36px #ffeec873;font-size:clamp(2.9rem,9vw,7.4rem);font-weight:900;line-height:1.32}.fm-line .accent{color:var(--seal)}.fm-latin{font-family:var(--latin);letter-spacing:.42em;text-indent:.42em;color:#8a6a33;margin-top:2rem;font-size:clamp(.78rem,1.15vw,.95rem);font-style:italic}.fm-seal{background:var(--seal);color:#f7ecd4;letter-spacing:.1em;width:2.5em;animation:sealIn 1.1s .5s var(--ease-out) both;border-radius:5px;flex-direction:column;align-items:center;gap:.1em;margin-top:1.9rem;padding:.32em 0;font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1.15;display:inline-flex;transform:rotate(-6deg);box-shadow:0 6px 22px #b8402f59}@keyframes sealIn{0%{opacity:0;transform:rotate(-14deg)translateY(18px)scale(.7)}to{opacity:1;transform:rotate(-6deg)translateY(0)scale(1)}}.section--fullmoon .kicker{color:#8a6a33}.post-card{color:var(--paper);font-family:var(--serif);letter-spacing:.25em;text-indent:.25em;cursor:pointer;transition:background .35s var(--ease-out), color .35s var(--ease-out);background:#e3c1840f;border:1px solid #e3c18480;border-radius:2px;align-items:center;gap:1rem;margin-top:2.6rem;padding:1.1rem 2rem;font-size:1rem;display:inline-flex}.post-card:hover{background:var(--gold);color:var(--ink)}.post-footer{opacity:.45;margin-top:4rem}.post-overlay{z-index:55;-webkit-backdrop-filter:blur(8px);animation:overlayIn .35s var(--ease-out) both;background:#050812bd;padding:6vh 5vw;position:fixed;inset:0;overflow-y:auto}.post-panel{max-width:960px;animation:panelUp .6s var(--ease-out) both;background:linear-gradient(#0d1736,#0a1128);border:1px solid #e3c18447;border-radius:14px;margin:0 auto;padding:clamp(1.8rem,4vw,3.2rem);position:relative;box-shadow:0 40px 120px #0009}.post-kicker{font-family:var(--latin);letter-spacing:.5em;text-indent:.5em;color:var(--gold-deep);font-size:.72rem}.post-title{letter-spacing:.22em;color:var(--paper);margin-top:.7rem;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:900}.post-layout{grid-template-columns:320px 1fr;align-items:start;gap:2.4rem;margin-top:2rem;display:grid}.post-preview{aspect-ratio:4/5;text-align:center;background:linear-gradient(#070b16 0%,#0b1430 55%,#13214a 100%);border:1px solid #e3c18438;border-radius:10px;flex-direction:column;align-items:center;padding:1.5rem 1.3rem 1.2rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #00000059}.pp-stars{background-image:radial-gradient(1.4px 1.4px at 12% 18%,#e8e0c8cc,#0000),radial-gradient(1.4px 1.4px at 78% 10%,#e8e0c899,#0000),radial-gradient(1.8px 1.8px at 60% 22%,#e8e0c880,#0000),radial-gradient(1.2px 1.2px at 32% 8%,#e8e0c8b3,#0000),radial-gradient(1.3px 1.3px at 88% 34%,#e8e0c880,#0000),radial-gradient(1.2px 1.2px at 8% 42%,#e8e0c873,#0000),radial-gradient(1.5px 1.5px at 46% 14%,#e8e0c88c,#0000);position:absolute;inset:0}.pp-date{letter-spacing:.34em;text-indent:.34em;color:var(--gold-deep);font-size:.68rem;position:relative}.pp-moon{margin:1rem 0 .8rem;position:relative}.pp-msg{letter-spacing:.1em;color:var(--paper);white-space:pre-wrap;word-break:break-word;font-size:1rem;line-height:2.1;position:relative}.pp-from{letter-spacing:.14em;color:var(--gold);align-self:flex-end;margin-top:auto;font-size:.82rem;position:relative}.pp-seal{background:var(--seal);color:#f7ecd4;writing-mode:vertical-rl;letter-spacing:.12em;border-radius:3px;padding:.3em .24em;font-size:.72rem;line-height:1.15;position:absolute;top:1.5rem;right:1.3rem}.pp-latin{font-family:var(--latin);letter-spacing:.28em;color:#ddd1b880;margin-top:.7rem;font-size:.6rem;font-style:italic;position:relative}.post-form{min-width:0}.field{margin-bottom:1.7rem;position:relative}.field-label{letter-spacing:.3em;color:var(--gold-deep);margin-bottom:.75rem;font-size:.82rem;display:block}.phase-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.phase-item{cursor:pointer;color:#f2e9d68c;background:0 0;border:1px solid #e3c18433;border-radius:8px;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem .3rem .5rem;transition:border-color .3s,background .3s,color .3s;display:flex}.phase-item span{font-family:var(--serif);letter-spacing:.2em;font-size:.72rem}.phase-item:hover{color:var(--paper);border-color:#e3c184a6}.phase-item.is-active{border-color:var(--gold);color:var(--gold);background:#e3c18417}.post-textarea,.post-input{width:100%;color:var(--paper);font-family:var(--serif);background:#ffffff0a;border:1px solid #e3c18440;border-radius:8px;outline:none;padding:.85rem 1rem;font-size:1rem;line-height:1.8;transition:border-color .3s}.post-textarea{resize:none}.post-textarea:focus,.post-input:focus{border-color:var(--gold)}.post-input{max-width:280px}.field-count{letter-spacing:.1em;color:#ddd1b866;font-size:.72rem;position:absolute;bottom:-1.35rem;right:.2rem}.post-actions{flex-wrap:wrap;gap:.9rem;margin-top:2.2rem;display:flex}.post-btn{color:var(--paper);font-family:var(--serif);letter-spacing:.24em;text-indent:.24em;cursor:pointer;transition:background .35s var(--ease-out), color .35s var(--ease-out), border-color .35s var(--ease-out);background:0 0;border:1px solid #e3c18480;border-radius:4px;padding:.9rem 1.7rem;font-size:.92rem}.post-btn:hover{background:#e3c1841f}.post-btn--primary{background:var(--gold);border-color:var(--gold);color:var(--ink)}.post-btn--primary:hover{background:#f0d29a}.post-close{color:#f2e9d699;cursor:pointer;background:0 0;border:none;width:40px;height:40px;font-size:1.8rem;line-height:1;transition:color .3s;position:absolute;top:.9rem;right:1.1rem}.post-close:hover{color:var(--gold)}.post-toast{z-index:60;background:var(--gold);color:var(--ink);letter-spacing:.12em;white-space:nowrap;animation:toastIn .4s var(--ease-out) both;border-radius:999px;padding:.85rem 1.7rem;font-size:.88rem;position:fixed;bottom:9vh;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000073}.letter-overlay{z-index:56;-webkit-backdrop-filter:blur(4px);background:radial-gradient(at 50% 28%,#283a6e8c,#0000 60%),#060914d6;justify-content:center;align-items:center;padding:5vw;display:flex;position:fixed;inset:0}.envelope{perspective:1100px;width:min(380px,92vw);height:260px;position:relative}.env-body{background:var(--paper);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0;box-shadow:0 30px 80px #0000008c}.env-brand{font-family:var(--latin);letter-spacing:.5em;text-indent:.5em;color:#2a231880;font-size:.7rem}.env-to{letter-spacing:.2em;color:#2a2318;font-size:1.15rem}.env-flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;backface-visibility:hidden;z-index:3;background:#e7dcc4;height:62%;position:absolute;top:0;left:0;right:0}.env-wax{z-index:4;background:radial-gradient(circle at 35% 30%, #d05240, var(--seal));color:#f7ecd4;width:58px;height:58px;font-family:var(--serif);cursor:pointer;transition:transform .3s var(--ease-out);border:none;border-radius:50%;font-size:1.35rem;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #b8402f80}.env-wax:hover{transform:translate(-50%,-50%)scale(1.08)}.env-hint{text-align:center;letter-spacing:.3em;text-indent:.3em;color:#f2e9d68c;font-size:.78rem;position:absolute;bottom:-3.2rem;left:0;right:0}.letter{text-align:center;color:#2a2318;background:radial-gradient(circle at 82% 5%, #c9a25f1f, transparent 52%), var(--paper);border-radius:10px;width:min(520px,94vw);max-height:88vh;padding:2.4rem 2.3rem 2rem;position:relative;overflow-y:auto;box-shadow:0 40px 120px #0009}.letter-moon-mask{justify-content:center;height:136px;margin-bottom:.5rem;display:flex;overflow:hidden}.letter-moon{background:radial-gradient(circle at 38% 32%,#1b2748,#0a1128 78%);border-radius:50%;justify-content:center;align-items:center;width:132px;height:132px;display:flex;box-shadow:0 0 46px #f7f1e12e}.letter-date{font-family:var(--serif);letter-spacing:.4em;text-indent:.4em;color:#2a231880;margin-bottom:1.6rem;font-size:.78rem}.letter-msg{letter-spacing:.08em;white-space:pre-wrap;word-break:break-word;font-size:1.18rem;line-height:2.15}.letter-from{text-align:right;color:#8a6a33;letter-spacing:.14em;margin-top:1.5rem}.letter-seal{background:var(--seal);color:#f7ecd4;writing-mode:vertical-rl;letter-spacing:.12em;border-radius:4px;margin:1.3rem 0 0;padding:.32em .26em;font-size:.92rem;line-height:1.15;display:inline-block}.letter-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2rem;display:flex}.post-btn--ink{color:var(--paper);background:#241c10;border-color:#241c10}.post-btn--ink:hover{background:#3a2d18}.post-btn--ink.is-ghost{color:#241c10;background:0 0;border-color:#241c1073}.post-btn--ink.is-ghost:hover{background:#241c1014}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes panelUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@media (width<=768px){.post-layout{grid-template-columns:1fr}.post-preview{width:100%;max-width:340px;margin:0 auto}.phase-grid{grid-template-columns:repeat(4,1fr)}.section{padding:10vh 7vw}.hero-year{top:8vh}.lantern-hint{letter-spacing:.28em;text-indent:.28em;gap:.6rem;font-size:.68rem;bottom:7vh}.lantern-hint:before,.lantern-hint:after{width:28px}.post-overlay{padding:2vh 3vw}.post-actions{flex-direction:column}.post-actions .post-btn{width:100%}.letter{padding:1.7rem 1.3rem 1.5rem}.letter-moon-mask{height:120px}.letter-moon{width:116px;height:116px}.letter-msg{font-size:1.02rem;line-height:2}.letter-actions{flex-direction:column}.letter-actions .post-btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}