.galaxy-container{width:100%;height:100%;position:relative;overflow:hidden}.galaxy-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ending.ending--diary{height:auto;min-height:100svh;padding:130px var(--edge) 105px;background:radial-gradient(at 75% 45%,#e5dbc5,#0000 65%),#f1eadb;display:block;overflow:hidden}.diary-layout{grid-template-columns:minmax(210px,.75fr) minmax(0,1.8fr);align-items:center;gap:5vw;width:100%;min-width:0;max-width:1450px;margin:auto;display:grid}.diary-intro{text-align:left;align-self:center;max-width:360px}.diary-intro>svg{color:#a18455;width:24px;height:24px;margin-bottom:25px}.diary-intro .letter-to{margin:0 0 20px}.diary-intro h2{font-family:var(--serif);letter-spacing:2px;margin:0 0 25px;font-size:clamp(29px,2.7vw,43px);font-weight:400;line-height:1.7}.diary-intro>p:not(.letter-to){font-family:var(--serif);letter-spacing:.5px;color:#697760;font-size:15px;line-height:2.2}.diary-intro .replay-button{margin-top:25px}.diary-book{text-align:center;width:100%;min-width:0;max-width:800px;margin:auto}.diary-book-host{filter:drop-shadow(0 19px 19px #594b2c22);isolation:isolate;width:100%;min-height:350px;position:relative}.diary-flip{margin:0 auto}.diary-flip .stf__parent{isolation:isolate}.diary-flip .stf__item{touch-action:pan-y;overflow:hidden}.diary-source{display:none!important}.diary-page{color:#42513c;font-family:var(--serif);text-align:left;background:#fbf6e9;border:1px solid #ddd1b7;overflow:hidden}.diary-page-content{background:linear-gradient(90deg,#89744c10,#0000 10% 95%,#89744c0a);width:100%;height:100%;padding:12% 10% 13% 13%;position:relative}.diary-page h3{letter-spacing:2px;margin:21px 0 22px;font-size:clamp(24px,2.1vw,32px);font-weight:400;line-height:1.65}.diary-eyebrow{font-family:var(--sans);letter-spacing:2px;color:#9d8760;font-size:10px;line-height:1.8;display:block}.diary-page-number{color:#9f927a;font-family:Georgia,serif;font-size:11px;position:absolute;bottom:19px;right:26px}.diary-page-content>svg{color:#ae9468;width:17px;height:17px;position:absolute;bottom:45px;right:36px}.diary-lines{letter-spacing:.3px;background-color:#0000;background-image:linear-gradient(#9aa08422 1px,#0000 1px),linear-gradient(90deg,#0000 2%,#c78a7540 2% 2.5%,#0000 3%);background-position:0 25px;background-repeat:repeat,no-repeat;background-size:100% 28px,100% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding-left:13px;font-size:14px;line-height:28px}.diary-lines p{margin:0 0 28px;line-height:28px}.diary-margin-note{letter-spacing:1px;color:#ad8166;margin-top:25px;font-size:11px;display:block;transform:rotate(-4deg)}.diary-photo{background:#fffdf6;margin:27px -7px 23px;padding:10px 10px 15px;position:relative;transform:rotate(-4deg);box-shadow:0 5px 10px #88795920}.diary-photo:before,.diary-sticky-tape{content:"";z-index:2;background:#dec594aa;border:1px solid #b9a37122;width:64px;height:22px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(4deg)}.diary-photo img{aspect-ratio:1.4;object-fit:cover;width:100%;height:auto;display:block}.diary-photo figcaption{letter-spacing:1px;text-align:center;color:#8d7a5b;margin-top:12px;font-size:12px;line-height:1.7}.diary-photo--other{transform:rotate(3deg)}.diary-short-copy{letter-spacing:.2px;margin:0 0 5px;font-size:14px;line-height:2.1}.diary-sticky{text-align:center;background:linear-gradient(#fff8e8 27px,#e7ddc8 28px) 0 0/100% 28px;border:2px solid #786e5744;border-radius:70px 5px 55px/5px 55px 5px 70px;margin:30px 0 24px;padding:28px 20px 22px;position:relative;transform:rotate(-3deg);box-shadow:5px 6px #c1ae8b55}.diary-sticky>svg{color:#bc9e5f;width:17px;height:17px;position:absolute;top:17px;right:14px}.diary-sticky strong{color:#96754e;letter-spacing:-1px;font-family:Georgia,serif;font-size:40px;font-weight:400}.diary-sticky p{margin:15px 0 12px;font-size:14px;line-height:28px}.diary-sticky>span:last-child{color:#9a8462;font-size:10px;line-height:1.8;display:block}.diary-hand-note{letter-spacing:1px;text-align:right;color:#a18058;font-size:12px;line-height:2;transform:rotate(-3deg)}.diary-ink-sign{text-align:right;letter-spacing:5px;color:#718266;margin-top:25px;font-size:25px;font-style:italic;display:block}.diary-cover{color:#f0e3be;background:#38513f;border:1px solid #56634d;box-shadow:inset 7px 0 8px #12291d55,inset -2px 0 2px #e9d8a855}.diary-cover .diary-page-content{text-align:center;outline-offset:-15px;background:linear-gradient(90deg,#183a2822,#0000 12%);border:1px solid #b39c6b66;outline:1px solid #b39c6b33;padding:16% 12%}.diary-cover-kicker{letter-spacing:4px;color:#d6c69f;font-size:13px}.diary-cover h3{letter-spacing:9px;margin:21px 0 20px;font-size:clamp(36px,3.6vw,52px);line-height:1.5}.diary-cover p{letter-spacing:2px;color:#c1c7a9;margin:22px 0;font-size:13px;line-height:2}.diary-cover-sign{letter-spacing:3px;color:#b4c1a5;font-size:11px;display:block}.diary-cover-sign i{margin:0 9px;font-size:9px;font-style:normal}.diary-cover-orbit{border:1px solid #b9a37477;border-radius:50%;place-items:center;width:36px;height:36px;margin:auto;display:grid}.diary-cover-orbit svg{color:#d8bf83;width:19px;height:19px}.diary-cover--back .diary-page-content>svg{color:#c1a974;width:22px;height:22px;margin:28px auto;position:static}.diary-cover--back h3{letter-spacing:4px;margin:35px 0 25px;font-size:32px}.diary-book-controls{justify-content:space-between;align-items:center;gap:14px;max-width:600px;margin:28px auto 0;display:flex}.diary-book-controls button{font-family:var(--serif);letter-spacing:1px;border-bottom:1px solid #9f92705c;min-width:90px;min-height:44px;padding:8px 4px;font-size:12px;transition:color .2s,background .2s}.diary-book-controls button:hover{color:#a17a4d}.diary-book-controls button:disabled{opacity:.3;cursor:default}.diary-book-controls button>span{margin:0 7px;font-size:17px}.diary-page-status{font-family:var(--serif);color:#859071;font-size:12px;line-height:1.7}.diary-touch-hint{letter-spacing:1px;color:#9aa087;margin:16px 0 8px;font-size:10px}.diary-reading-mode{font-family:var(--serif);color:#7e8b6d;letter-spacing:1px;text-underline-offset:5px;min-height:44px;font-size:11px;text-decoration:underline}.diary-plain{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.diary-plain .diary-page{aspect-ratio:5/7;min-height:460px;position:relative}.diary-plain .diary-page-content{padding:38px 27px 50px}.ending--diary footer{max-width:1450px;margin:70px auto 0;position:relative;bottom:auto;left:auto;right:auto}.diary-license{color:#869177;text-align:center;margin:25px 0 0;font-size:10px;line-height:2}.diary-license a{text-underline-offset:3px;text-decoration:underline}@media (width>=1800px){.diary-layout{gap:7vw}.diary-page h3{font-size:32px}}@media (width<=1100px){.diary-layout{grid-template-columns:minmax(180px,.7fr) minmax(0,1.8fr);gap:3vw}.diary-page h3{font-size:25px}.diary-lines,.diary-short-copy{font-size:13px}.diary-sticky{padding:24px 12px 20px}.diary-sticky p{font-size:13px}.diary-cover h3{font-size:42px}.diary-plain{grid-template-columns:1fr}}@media (width<=899px){.ending.ending--diary{padding:108px 6% 50px}.diary-layout{grid-template-columns:1fr;gap:40px}.diary-intro{text-align:center;max-width:540px;margin:auto}.diary-intro>svg{width:19px;height:19px;margin:0 auto 15px}.diary-intro .letter-to{margin-bottom:13px;font-size:11px}.diary-intro h2{margin-bottom:15px;font-size:29px;line-height:1.6}.diary-intro>p:not(.letter-to){font-size:14px;line-height:2}.diary-intro .replay-button{margin-top:10px}.diary-book{max-width:720px}.diary-page h3{font-size:28px}.diary-lines,.diary-short-copy{font-size:14px}.diary-cover h3{font-size:48px}.diary-plain{grid-template-columns:repeat(2,minmax(0,1fr))}.ending--diary footer{margin-top:40px}.diary-license{margin-top:20px}}@media (width<=600px){.diary-layout{gap:30px}.diary-book{max-width:400px}.diary-book-host{min-height:350px}.diary-page h3{margin:19px 0;font-size:27px}.diary-cover h3{margin:25px 0 20px;font-size:48px}.diary-cover--back h3{margin-top:30px;font-size:30px}.diary-cover p{font-size:13px}.diary-book-controls{gap:8px;margin-top:20px}.diary-book-controls button{min-width:83px;font-size:11px}.diary-page-status{font-size:11px}.diary-eyebrow{letter-spacing:1px;font-size:9px}.diary-page-number{bottom:17px;right:21px}.diary-plain{grid-template-columns:1fr;gap:24px}.diary-plain .diary-page{min-height:460px}.diary-intro h2{font-size:27px}.diary-intro>p:not(.letter-to){font-size:14px}.diary-license,.ending--diary footer{font-size:9px}.diary-lines p{margin-bottom:22px}}@media (width<=350px){.diary-page h3{font-size:24px}.diary-lines,.diary-short-copy{font-size:12px;line-height:26px}.diary-lines{background-position:0 23px;background-size:100% 26px,100% 100%}.diary-lines p{margin-bottom:18px;line-height:26px}.diary-sticky{margin-top:22px;padding:19px 10px}.diary-sticky strong{font-size:32px}.diary-sticky p{margin:10px 0;font-size:12px;line-height:24px}.diary-sticky>span:last-child{font-size:9px}.diary-hand-note{font-size:10px}.diary-photo{margin-top:24px;margin-bottom:19px}.diary-photo figcaption{font-size:10px}.diary-cover h3{font-size:39px}.diary-cover-kicker,.diary-cover p{font-size:11px}.diary-cover--back h3{font-size:27px}.diary-book-controls button{min-width:78px;font-size:10px}.diary-page-status{font-size:10px}.diary-ink-sign{margin-top:20px;font-size:21px}}@media (prefers-reduced-motion:reduce){.diary-page *{animation:none!important}.diary-flip .stf__item{transition:none!important}}.diary-page:not(.diary-cover) h3{margin:17px 0;font-size:25px;line-height:1.5}.diary-lines{background-position:0 21px;background-size:100% 24px,100% 100%;font-size:13px;line-height:24px}.diary-lines p{margin-bottom:15px;line-height:24px}.diary-lines p:last-child{margin-bottom:0}.diary-margin-note{margin-top:17px;font-size:10px}.diary-short-copy{font-size:13px;line-height:1.9}.diary-sticky{margin-top:25px;margin-bottom:21px}.diary-hand-note{font-size:11px}.diary-letter-to{margin-bottom:18px!important}.ending.ending--diary footer{width:100%;max-width:1450px;margin:55px auto 0;position:relative;inset:auto}@media (width<=350px){.diary-page-content{padding:9% 8% 11% 10%}.diary-page:not(.diary-cover) h3{margin:14px 0;font-size:23px}.diary-lines,.diary-lines p{font-size:12px;line-height:22px}.diary-lines{background-position:0 19px;background-size:100% 22px,100% 100%}.diary-lines p{margin-bottom:12px}.diary-margin-note{margin-top:13px;font-size:9px}.diary-photo img{aspect-ratio:1.6}.diary-sticky{margin-top:22px;margin-bottom:17px}.diary-cover .diary-page-content{padding:13% 12%}.diary-cover h3{margin:20px 0 16px}}:root{--night:#102e35;--ink:#304c3e;--paper:#f1eadb;--muted:#71806b;--gold:#dcbc86;--serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif;--edge:7%;font-synthesis:none}*{box-sizing:border-box}html,body{scroll-behavior:auto;background:var(--paper);margin:0;scroll-padding-top:0}body{font-family:var(--sans);color:var(--ink);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline-offset:5px;outline:2px solid #bc8a58}button:active{transform:translateY(1px)}::selection{background:#c7a87355}svg{display:block}.skip-link{z-index:100;background:var(--paper);padding:16px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.site-header{z-index:40;height:88px;padding:0 var(--edge);color:#ece9d2;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;transition:background .4s,color .4s;display:flex;position:fixed;top:0;left:0;right:0}.site-header--light{color:#3d5743;background:#f1eadbe8;border-color:#546a4620}.brand{align-items:center;gap:10px;min-height:44px;display:flex}.brand>span{font-family:Georgia,serif;font-size:38px;font-style:italic;line-height:1}.brand>svg{width:13px;height:16px;color:var(--gold)}.brand>small{font-size:12px;font-family:var(--serif);letter-spacing:3px;opacity:.8;margin-left:18px}.header-actions{align-items:center;gap:32px;display:flex}.header-actions button{letter-spacing:1px;align-items:center;gap:11px;min-height:44px;padding:8px 0;font-size:12px;display:flex}.header-actions button:hover{color:#aa8859}.sound-bars{align-items:center;gap:3px;height:17px;display:flex}.sound-bars i{background:currentColor;width:1px;height:7px}.sound-bars i:nth-child(2){height:14px}.sound-bars i:nth-child(3){height:10px}.sound-bars i:nth-child(4){height:16px}.sound-bars.is-playing i{animation:1.1s ease-in-out infinite alternate sound}.sound-bars.is-playing i:nth-child(2){animation-delay:.4s}.sound-bars.is-playing i:nth-child(4){animation-delay:.7s}@keyframes sound{to{transform:scaleY(.3)}}.menu-lines{flex-direction:column;gap:5px;width:18px;display:flex}.menu-lines i{background:currentColor;width:18px;height:1px;transition:transform .25s}.menu-lines.is-open i:first-child{transform:translateY(3px)rotate(45deg)}.menu-lines.is-open i:last-child{transform:translateY(-3px)rotate(-45deg)}.menu-backdrop{z-index:42;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102b3444;position:fixed;inset:0}.chapter-menu{right:var(--edge);z-index:43;background:#f5edde;border:1px solid #b5bba044;width:420px;max-width:calc(100vw - 40px);padding:32px;position:fixed;top:78px;box-shadow:0 16px 70px #132f3333}.chapter-menu>p{font-family:var(--serif);letter-spacing:4px;color:#9d8661;margin:0 0 22px;font-size:13px}.chapter-menu>a{font-family:var(--serif);border-top:1px solid #a5ad922b;align-items:center;gap:16px;min-height:67px;padding:15px 0;font-size:18px;display:flex}.chapter-menu>a>span{color:#b0966a;font-size:12px}.chapter-menu>a>svg{width:23px;height:12px;margin-left:auto}.chapter-menu>a:hover{color:#ac7d54}.chapter-menu>small{color:#7d8a72;margin-top:24px;font-size:12px;line-height:2;display:block}.hero{isolation:isolate;color:#f0eddc;background:radial-gradient(at 50% 80%,#315454 0%,#14353d 45%,#0c222c 100%);justify-content:center;align-items:center;height:100svh;min-height:700px;display:flex;position:relative;overflow:clip}.galaxy-layer{z-index:-3;opacity:.73;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 68%,#0004);mask-image:linear-gradient(#000 68%,#0004)}.css-stars{z-index:-4;opacity:.6;background-image:radial-gradient(1px 1px at 10% 20%,#ddcda5 80%,#0000),radial-gradient(1px 1px at 28% 44%,#ddcda5 80%,#0000),radial-gradient(1.3px 1.3px at 71% 12%,#ecebd9 80%,#0000),radial-gradient(1px 1px at 89% 37%,#ecebd9 80%,#0000),radial-gradient(1px 1px at 81% 63%,#ecebd9 80%,#0000),radial-gradient(1px 1px at 44% 8%,#ecebd9 80%,#0000),radial-gradient(1px 1px at 4% 62%,#ecebd9 80%,#0000);background-size:600px 500px;position:absolute;inset:0}.hero-halo{z-index:-2;pointer-events:none;border:1px solid #d4c69d14;border-radius:50%;width:650px;height:650px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.hero-halo:after{content:"";opacity:.6;background:#d5bd85;border-radius:50%;width:9px;height:9px;position:absolute;top:17%;left:12%;box-shadow:0 0 25px #dfd7ad}.horizon{z-index:-1;pointer-events:none;width:100%;height:37%;min-height:250px;position:absolute;bottom:0;left:0}.hero-content{text-align:center;z-index:2;margin-top:-23px;position:relative}.hero-letter{font-family:var(--serif);letter-spacing:6px;color:#d8c7a1;margin:0 0 26px;font-size:14px}.hero h1{font-family:var(--serif);letter-spacing:8px;margin:0 0 22px;font-size:clamp(56px,5.3vw,82px);font-weight:400;line-height:1.48}.hero-title-mask{display:block;overflow:clip}.hero-title-line{display:block}.hero-description{font-family:var(--serif);letter-spacing:2px;color:#c8d3c6;margin:20px 0 24px;font-size:16px;line-height:2.1}.start-button{color:#e9d5a9;min-height:57px;font-family:var(--serif);letter-spacing:2px;border-bottom:1px solid #c0bd9455;align-items:center;gap:17px;margin:24px auto 0;padding:9px 7px;font-size:14px;transition:color .2s;display:flex;position:relative}.start-button>svg{width:28px;height:14px;margin-left:12px;transition:transform .2s}.start-button:hover>svg{transform:translate(4px)}.start-symbol{place-items:center;width:29px;height:29px;display:grid;position:relative}.start-symbol>.star{filter:drop-shadow(0 0 10px #e8d3a377);width:19px;height:19px}.start-orbit{pointer-events:none;border:1px solid #c6b28e55;border-radius:50%;position:absolute;inset:-4px}.hero-signature{font-family:var(--serif);letter-spacing:4px;color:#b5c4b7;margin:24px 0 0;font-size:13px}.hero-signature>span{color:#8eaa9f;margin:0 10px;font-size:11px}.hero-foot{bottom:29px;left:var(--edge);right:var(--edge);letter-spacing:2px;color:#b5c5b7;z-index:3;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute}.scroll-invitation{min-height:44px;font-family:var(--serif);letter-spacing:2px;align-items:center;gap:12px;font-size:12px;display:flex}.scroll-invitation>span{font-size:20px}.story-reel{background:var(--paper);position:relative}.scene-stage{isolation:isolate;background:var(--paper);height:100svh;position:relative;overflow:clip}.scene-anchor{display:contents}.scene{background:var(--paper);visibility:hidden;opacity:0;position:absolute;inset:0;overflow:clip}.scene--roads{visibility:visible;opacity:1}.map-world{aspect-ratio:8/5;will-change:transform;transform-origin:55% 62%;width:83%;position:absolute;top:15%;right:-2%}.map-illustration{width:100%;height:100%;overflow:visible}.map-illustration svg{width:100%;height:100%}.map-illustration text{display:none}.map-illustration rect{fill-opacity:.5}.school{font-family:var(--serif);white-space:nowrap;background:#f9f3e6e8;border:1px solid #aab29744;min-height:46px;padding:8px 14px;font-size:14px;line-height:1.6;transition:box-shadow .2s;position:absolute;top:21%;transform:translate(-50%,-50%);box-shadow:0 6px 15px #74866a11}.school:hover{box-shadow:0 6px 22px #74866a33}.school>span{color:#9b8e71;letter-spacing:2px;font-size:11px;display:block}.school--dong{color:#5d7964;left:27%}.school--ying{color:#a6745a;top:25%;left:81%}.crossing{color:#b38e5e;width:44px;min-height:44px;position:absolute;top:66.8%;left:51.8%;transform:translate(-50%,-50%)}.crossing>svg{width:25px;height:25px;margin:auto}.photo-world{transform-origin:66% 46%;will-change:transform;position:absolute;inset:0}.photo-world img{object-fit:cover;object-position:64% 48%;width:100%;height:100%;display:block}.photo-world--desks{transform-origin:62% 40%}.photo-world--desks img{object-position:62% center}.scene--desks{background:#233d32}.scene-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#f1eadb 0%,#f1eadbf5 22%,#f1eadbc9 35%,#f1eadb33 52%,#0000 70%);position:absolute;inset:0}.scene--classroom .scene-shade{background:linear-gradient(90deg,#f2e7d2f5 0%,#f2e7d2e6 25%,#f2e7d2a6 38%,#0000 60%)}.scene--desks .scene-shade{background:linear-gradient(90deg,#1e392fee 0%,#1e392fe6 23%,#1e392fa6 40%,#0000 66%),linear-gradient(#0000 65%,#1e392f99)}.scene-words{left:var(--edge);z-index:3;color:#304c3e;width:40%;max-width:590px;position:absolute;top:27%}.chapter-mark{letter-spacing:1px;color:#8d7c5e;align-items:center;gap:12px;margin:0 0 28px;font-size:12px;line-height:1.8;display:flex}.chapter-mark>span{letter-spacing:2px;color:#a18455;font-family:Georgia,serif;font-size:15px}.chapter-mark>i{background:#a9ab8b;width:25px;height:1px;display:block}.copy-phase{will-change:transform,opacity;visibility:hidden;opacity:0;position:absolute;top:45px;left:0;right:0}.copy-phase:first-of-type{visibility:visible;opacity:1}.copy-phase h2,.static-copy h2{font-family:var(--serif);letter-spacing:3px;margin:15px 0 27px;font-size:clamp(33px,3.3vw,52px);font-weight:400;line-height:1.6}.copy-phase p,.static-copy p{font-family:var(--serif);letter-spacing:1px;color:#68775f;margin:0;font-size:16px;line-height:2.1}.scene--desks .scene-words{color:#f1e7cb}.scene--desks .chapter-mark{color:#c0ac84}.scene--desks .chapter-mark>span{color:#d0b581}.scene--desks .copy-phase p{color:#d0d7b9}.height-note{color:#735e3e;z-index:2;visibility:hidden;opacity:0;pointer-events:none;align-items:center;gap:12px;font-family:Georgia,serif;font-size:20px;display:flex;position:absolute;top:22%;right:20%}.height-note>i{background:#9a8158;width:1px;height:84px;display:block}.memory-button{z-index:4;color:#f1e0b2;letter-spacing:1px;background:#243b2de6;border:1px solid #bfb68a77;border-radius:30px;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-size:12px;display:flex;position:absolute;top:39%;left:72%;box-shadow:0 0 0 7px #e7dfb00a}.memory-button>svg{width:22px;height:22px}.memory-button:hover{background:#4d6041}.scene-topnote{z-index:5;top:122px;left:var(--edge);right:var(--edge);pointer-events:none;letter-spacing:3px;color:#8a8c72;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute}.scene-topnote>span:first-child{font-family:var(--serif);align-items:center;gap:13px;display:flex}.scene-topnote i{background:currentColor;width:20px;height:1px}.scene-controls{bottom:31px;left:var(--edge);right:var(--edge);z-index:6;letter-spacing:1px;color:#687b5e;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute}.scene-hint{font-family:var(--serif);align-items:center;gap:10px;display:flex}.scene-hint>span{font-size:22px}.scene-nav{gap:24px;display:flex}.scene-nav>button{white-space:nowrap;min-height:44px;color:inherit;opacity:.65;align-items:center;gap:9px;padding:10px 2px;font-size:12px;display:flex}.scene-nav>button[aria-pressed=true]{opacity:1}.scene-nav i{border:1px solid;border-radius:8px;width:5px;height:5px;transition:width .3s;display:block}.scene-nav>button[aria-pressed=true] i{background:currentColor;width:22px}.next-scene{letter-spacing:1px;align-items:center;gap:18px;min-height:44px;font-size:12px;display:flex}.next-scene svg{width:28px;height:14px;transition:transform .2s}.next-scene:hover svg{transform:translate(4px)}.scene-meter{z-index:10;background:#a0a98533;height:2px;position:absolute;bottom:0;left:0;right:0}.scene-meter-fill{transform-origin:0;background:#b49766;width:100%;height:100%;display:block;transform:scaleX(0)}.app[data-active=desks] .scene-topnote,.app[data-active=desks] .scene-controls{color:#d4d5b6}.app[data-active=desks] .scene-meter-fill{background:#d4b780}.scene-fog{z-index:7;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform;background:radial-gradient(#f2e8d6 10%,#f2e8d6c4 45%,#f2e8d600 75%);position:absolute;inset:-20%}.ending{isolation:isolate;background:#f1eadb;place-items:center;height:100svh;min-height:800px;padding:110px 24px 90px;display:grid;position:relative;overflow:clip}.letter{text-align:center;max-width:650px;position:relative}.letter>svg{color:#ad9366;width:22px;height:22px;margin:0 auto 24px}.letter-to{font-family:var(--serif);letter-spacing:4px;color:#9c8a68;font-size:14px}.letter h2{font-family:var(--serif);letter-spacing:4px;margin:28px 0;font-size:38px;font-weight:400;line-height:1.6}.letter>p:not(.letter-to){font-family:var(--serif);letter-spacing:1px;color:#78826c;font-size:16px;line-height:2.25}.letter>p.letter-last{color:#4e654c;margin-top:28px}.letter-signature{font-family:var(--serif);letter-spacing:7px;color:#778768;margin:27px 0 17px;font-size:25px;font-style:italic;display:block}.replay-button{font-family:var(--serif);letter-spacing:2px;color:#6b7f5f;border-bottom:1px solid #899a7077;min-height:47px;padding:12px 4px;font-size:13px}.replay-button>span{margin-left:20px;font-size:22px}.ending-orbit{z-index:-1;border:1px solid #a3b18d22;border-radius:50%;width:680px;height:680px;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}.ending footer{bottom:25px;left:var(--edge);right:var(--edge);color:#879679;letter-spacing:2px;border-top:1px solid #99a58633;justify-content:space-between;align-items:center;padding-top:22px;font-size:11px;display:flex;position:absolute}.memory-backdrop{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#142e3299;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.memory-paper{color:#465b3c;background:#f3ecd9;border-bottom:3px solid #b49561;width:410px;max-width:100%;padding:45px 36px 36px;animation:.3s ease-out paper-in;position:relative;box-shadow:0 20px 100px #071e2566}.memory-close{color:#8d977a;width:44px;height:44px;font-size:27px;position:absolute;top:8px;right:12px}.memory-paper>svg{color:#b39a6c;width:19px;height:19px;margin-bottom:25px}.memory-paper h2{font-family:var(--serif);letter-spacing:2px;margin:0 0 25px;font-size:24px;font-weight:400}.memory-paper p{font-family:var(--serif);letter-spacing:1px;font-size:16px;line-height:2}.memory-paper>span{text-align:right;font-family:var(--serif);color:#9a8968;margin-top:30px;font-size:14px;display:block}@keyframes paper-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.reduced-motion .story-reel,.reduced-motion .scene-stage{height:auto}.reduced-motion .scene-anchor{min-height:100svh;display:block;position:relative}.reduced-motion .scene{opacity:1;visibility:visible;height:100svh;min-height:850px;position:relative}.reduced-motion .scene-words{top:24%}.reduced-motion .static-copy h2{font-size:35px}.reduced-motion .static-copy p{margin:20px 0}.reduced-motion .scene-controls,.reduced-motion .scene-topnote,.reduced-motion .scene-meter,.reduced-motion .scene-fog{display:none}.reduced-motion .height-note{opacity:1;visibility:visible}@media (width>=1800px){:root{--edge:10%}.hero h1{font-size:96px}.scene-words{max-width:700px}.copy-phase h2{font-size:62px}.copy-phase p,.hero-description{font-size:18px}.map-world{width:80%;right:0}}@media (width<=1100px){.header-actions{gap:23px}.brand>small{margin-left:8px}.scene-words{width:44%;top:28%}.copy-phase h2{letter-spacing:2px;font-size:38px}.copy-phase p{letter-spacing:0;font-size:15px}.chapter-mark{gap:8px;font-size:11px}.scene-nav{gap:17px}.scene-controls{font-size:10px}.scene-hint,.scene-nav>button,.next-scene,.scene-topnote{font-size:11px}.height-note{font-size:17px;right:19%}.memory-button{padding:7px 13px;font-size:11px;left:72%}}@media (width<=899px),(aspect-ratio<=1){.scene-words{width:86%;max-width:none;top:auto;bottom:120px}.chapter-mark{margin-bottom:18px;font-size:12px}.copy-phase{min-height:225px;position:absolute;inset:28px 0 auto;transform:translateY(-100%)}.scene-words{bottom:350px}.copy-phase h2{letter-spacing:2px;margin:17px 0 19px;font-size:37px;line-height:1.5}.copy-phase p{letter-spacing:0;font-size:16px;line-height:1.95}.photo-world{transform-origin:67% 36%;inset:0 0 14%}.photo-world img{object-position:74% 40%}.photo-world--desks img{object-position:63% center}.scene-shade{background:linear-gradient(#0000 30%,#f1eadb55 47%,#f1eadbec 66%,#f1eadb 82% 100%)}.scene--classroom .scene-shade{background:linear-gradient(#0000 32%,#f2e7d244 49%,#f2e7d2e8 66%,#f2e7d2 82% 100%)}.scene--desks .scene-shade{background:linear-gradient(#0000 25%,#1e392f44 45%,#1e392feb 66%,#1e392f 83% 100%)}.map-world{transform-origin:53% 57%;width:126%;top:10%;left:-13%;right:auto}.school{padding:7px 10px;font-size:13px;top:21%}.school>span{font-size:10px}.school--ying{top:24%}.school--dong{left:27%}.scene-controls{flex-wrap:wrap;row-gap:12px;bottom:25px}.scene-hint{gap:8px;width:100%;font-size:11px}.scene-hint>span{font-size:17px}.scene-nav{gap:25px}.scene-nav>button{font-size:12px}.next-scene{gap:9px;font-size:12px}.next-scene svg{width:23px}.scene-nav>button[aria-pressed=true] i{width:16px}.scene-topnote{font-size:11px;top:112px}.height-note{font-size:17px;top:23%;right:10%}.height-note i{height:45px}.memory-button{min-height:44px;padding:6px 12px;font-size:12px;top:36%;left:auto;right:8%}.hero{min-height:760px}.reduced-motion .scene-words{top:auto;bottom:70px}.reduced-motion .static-copy p{margin:14px 0;font-size:15px}.reduced-motion .static-copy h2{font-size:29px}.reduced-motion .scene{min-height:950px}}@media (width<=640px){:root{--edge:7%}.site-header{height:70px}.brand{gap:7px}.brand>span{font-size:32px}.brand>svg{width:11px}.brand>small{display:none}.header-actions{gap:20px}.header-actions button{gap:8px;font-size:11px}.sound-bars{gap:2px}.menu-lines,.menu-lines i{width:16px}.hero{min-height:650px}.hero-content{width:100%;margin-top:-25px;padding:0 16px}.hero-letter{letter-spacing:4px;margin-bottom:26px;font-size:12px}.hero h1{letter-spacing:3px;margin-bottom:20px;font-size:clamp(35px,8.7vw,54px);line-height:1.65}.hero-description{letter-spacing:1px;margin:18px 0 25px;font-size:15px;line-height:2.1}.hero-halo{width:450px;height:450px;top:43%}.start-button{letter-spacing:1px;gap:12px;min-height:55px;margin-top:24px;font-size:12px}.start-button>svg{width:23px;margin-left:3px}.hero-signature{margin-top:23px;font-size:12px}.hero-signature>span{font-size:11px}.horizon{width:180%;height:30%;min-height:180px;left:-40%}.hero-foot{justify-content:center;bottom:24px}.hero-foot>span{display:none}.scroll-invitation{letter-spacing:1px;font-size:11px}.chapter-menu{padding:27px 25px;top:65px;right:20px}.chapter-menu>a{min-height:63px;font-size:17px}.scene-topnote{letter-spacing:2px;font-size:11px;top:91px}.scene-words{bottom:340px}.chapter-mark{letter-spacing:.5px;gap:8px;font-size:10px}.chapter-mark>span{font-size:13px}.chapter-mark>i{width:17px}.copy-phase{min-height:220px;top:28px;transform:none}.copy-phase h2{letter-spacing:1px;white-space:normal;margin:16px 0 19px;font-size:32px;line-height:1.5}.copy-phase p{letter-spacing:0;font-size:15px;line-height:1.95}.copy-phase p br{display:block}.scene-nav{gap:19px}.scene-nav>button{gap:6px;padding:9px 0;font-size:11px}.next-scene{gap:8px;font-size:11px}.next-scene svg{width:22px}.scene-controls{row-gap:5px;bottom:20px}.scene-hint{letter-spacing:.5px;font-size:10px}.scene-hint>span{font-size:16px}.map-world{width:135%;top:16%;left:-17.5%}.school{min-height:44px;padding:5px 9px;font-size:11px;line-height:1.5}.school>span{font-size:9px}.crossing>svg{width:22px;height:22px}.photo-world{inset:4% 0 17%}.photo-world--classroom img{object-position:73% 39%}.photo-world--desks img{object-position:63% 43%}.height-note{font-size:15px;top:24%;right:10%}.memory-button{gap:7px;padding:6px 12px;font-size:11px;top:35%;right:8%}.memory-button>svg{width:19px;height:19px}.ending{min-height:740px;padding:94px 22px 95px}.letter h2{letter-spacing:2px;margin:24px 0;font-size:29px}.letter>p:not(.letter-to){letter-spacing:0;font-size:15px;line-height:2.15}.letter-to{letter-spacing:2px;font-size:13px}.letter-signature{margin:25px 0 15px;font-size:23px}.replay-button{letter-spacing:1px;font-size:12px}.ending footer{letter-spacing:1px;padding-top:20px;font-size:10px;bottom:22px}.ending-orbit{width:520px;height:520px}.memory-paper{padding:38px 27px 29px}.memory-paper h2{font-size:23px}.memory-paper p{font-size:15px}.memory-paper>span{font-size:13px}.reduced-motion .scene{min-height:900px}.reduced-motion .scene-words{bottom:50px}.reduced-motion .static-copy h2{font-size:25px}.reduced-motion .static-copy p{font-size:14px}}@media (height<=750px) and (width<=899px){.hero{min-height:620px}.hero-letter{margin-bottom:18px}.hero h1{font-size:39px;line-height:1.5}.hero-description{margin:15px 0;font-size:14px;line-height:1.8}.start-button{margin-top:18px}.hero-signature{margin-top:17px}.scene-words{bottom:315px}.copy-phase h2{margin-bottom:14px;font-size:29px;line-height:1.45}.copy-phase p{font-size:14px;line-height:1.9}.chapter-mark{font-size:10px}.photo-world{inset:3% 0 19%}.scene-topnote{top:84px}.map-world{top:12%}.ending{min-height:690px}.letter h2{font-size:26px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.hero-halo{display:none}}@media (width<=640px) and (height>=751px){.copy-phase p{font-size:16px}}