:root{--paper: #efeee7;--ink: #33463d;--secondary: #697268;--faint: #d7d9ce;--line: rgba(54, 73, 62, .18);--serif: "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "STSong", serif;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;--ease: cubic-bezier(.22, .68, 0, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper)}body{font-family:var(--sans);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #8b9c84;outline-offset:6px}button{touch-action:manipulation}button svg{flex-shrink:0}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}h1,h2,h3,p{margin:0}a{color:inherit}::selection{background:#d0d9c8}.world{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:var(--paper)}.scene{position:absolute;inset:0;opacity:0;transition:opacity 2.6s ease;isolation:isolate}.scene.selected{opacity:1}.landscape{position:absolute;inset:0;width:100%;height:100%}.landscape>svg{height:100%;width:100%;display:block}.scene-mist .mist-layer{animation:mist-drift 55s ease-in-out infinite alternate}.scene canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.45}.paper-wash{position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,rgba(239,238,231,.99) 21%,rgba(239,238,231,.91) 32%,rgba(239,238,231,.32) 49%,rgba(239,238,231,0) 70%);transition:opacity 3s ease}.scene-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(239,238,231,.5),transparent 25%,transparent 79%,rgba(239,238,231,.5));pointer-events:none}.veil{position:fixed;inset:0;background:#18201c;opacity:0;pointer-events:none;transition:opacity 5.6s ease;z-index:2}.world:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(252,248,231,.16),transparent 55%);pointer-events:none}@keyframes mist-drift{0%{transform:translate(-7px)}to{transform:translate(19px)}}body[data-state=arriving] .paper-wash{opacity:.15}body[data-state=arriving] .veil{opacity:.46}body[data-state=arriving][data-arrival=release] .veil{opacity:.84}body[data-state=resting] .veil,body[data-state=controls] .veil{opacity:1}body[data-state=resting][data-glow=true] .veil,body[data-state=controls][data-glow=true] .veil{opacity:.92}body[data-state=resting] .paper-wash,body[data-state=controls] .paper-wash{opacity:0}body:not([data-state=home]) .mist-layer{animation-play-state:paused}body[data-state=returning] .veil{opacity:.08;transition-duration:7s}body[data-state=returning] .paper-wash{opacity:.65}body[data-state=away] .veil{opacity:0;transition-duration:3s}body[data-state=away] .world{opacity:.14;transition:opacity 4s ease}.screen{position:relative;min-height:100svh;width:100%;z-index:3;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.3s ease,visibility 0s linear 1.3s}.screen:not(.is-active){position:fixed;inset:0}.screen.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1.3s ease,visibility 0s}.home{min-height:100svh;display:flex;flex-direction:column}.site-header{height:118px;display:flex;align-items:center;justify-content:space-between;padding:0 5.6vw;gap:20px}.brand{display:inline-flex;align-items:center;gap:17px;text-decoration:none;padding:8px 0;text-align:left}.brand-mark{width:31px;height:43px;fill:none;stroke:var(--ink);stroke-width:1;stroke-linecap:round}.brand-copy{display:flex;align-items:center;gap:17px}.brand-cn{font:23px var(--serif);letter-spacing:.13em}.brand-en{font-size:9px;letter-spacing:.23em;opacity:.62;border-left:1px solid var(--line);padding-left:17px;line-height:22px}.nav{display:flex;align-items:center;gap:26px}.nav-button{padding:10px 0;display:flex;align-items:center;gap:9px;font-size:12px;color:#536153;transition:color .3s}.nav-button:hover{color:var(--ink)}.nav-divider{height:16px;width:1px;background:var(--line)}.hero{flex:1;display:flex;align-items:center;padding:28px 7.5vw 45px;min-height:560px}.hero-inner{width:500px;max-width:44vw;transform:translateY(-6px)}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.18em;color:#788173;margin-bottom:25px}.eyebrow:before{content:"";width:25px;height:1px;background:#83937d}.hero h1{font-family:var(--serif);font-size:clamp(43px,4.4vw,70px);font-weight:400;line-height:1.47;letter-spacing:.055em}.hero h1 .second-line{padding-left:1.08em}.hero-description{font-size:14px;line-height:2.05;letter-spacing:.055em;color:var(--secondary);margin-top:23px}.ritual{margin-top:34px}.duration-row{display:flex;align-items:center;gap:19px}.duration-caption{font-size:12px;color:#747d71;letter-spacing:.02em}.duration-picker{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line)}.duration{font-size:14px;padding:9px 14px 11px;position:relative;color:#7a8377;min-height:43px;white-space:nowrap}.duration span{font-size:10px;margin-left:3px}.duration[aria-pressed=true]{color:var(--ink)}.duration:after{content:"";position:absolute;bottom:-1px;left:9px;right:9px;height:2px;transform:scaleX(0);background:var(--ink);transition:transform .3s}.duration[aria-pressed=true]:after{transform:scaleX(1)}.duration:hover{color:var(--ink)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:56px;padding:17px 28px;border-radius:4px;background:var(--ink);color:#f4f2e9;font-size:14px;letter-spacing:.13em;box-shadow:0 5px 15px #2b433009;transition:background .3s,transform .3s}.primary:hover{background:#41564a;transform:translateY(-1px)}.primary:active{transform:translateY(0)}.start-button{margin-top:22px;min-width:257px}.start-button .icon{width:34px}.after-start{margin-top:16px;color:#7b8378;font-size:11px;line-height:1.95;letter-spacing:.025em;display:flex;align-items:flex-start;gap:8px}.after-start .icon{width:13px;height:13px;margin-top:4px}.ambient-inline{display:inline-flex;align-items:center;gap:6px;margin:-7px 0 -7px 10px;padding:7px 0;vertical-align:top;font-size:inherit;letter-spacing:inherit;color:#6f7a6b;transition:color .3s}.ambient-inline:hover,.ambient-inline[aria-pressed=true]{color:var(--ink)}.ambient-inline-mark{position:relative;width:9px;height:9px;border:1px solid currentColor;border-radius:100%;opacity:.75}.ambient-inline[aria-pressed=true] .ambient-inline-mark:after{content:"";position:absolute;inset:2px;border-radius:100%;background:currentColor}.ambient-inline span:last-child{border-bottom:1px dotted rgba(84,101,86,.45)}.text-button{padding:12px 5px;font-size:12px;color:var(--secondary);letter-spacing:.05em;min-height:44px;transition:color .2s}.text-button:hover{color:var(--ink)}.scene-caption{position:absolute;right:5.7vw;top:21%;display:flex;gap:15px;writing-mode:vertical-rl;align-items:center;pointer-events:none}.scene-caption .scene-name{font:20px var(--serif);letter-spacing:.3em}.scene-caption .scene-number{font-size:9px;letter-spacing:.18em;color:#6d7d69}.scene-caption:after{content:"";height:66px;width:1px;background:#4b614c4d;margin-top:5px}.scene-whisper{position:absolute;right:29vw;bottom:28%;font:13px var(--serif);letter-spacing:.23em;writing-mode:vertical-rl;color:#536c56;opacity:.8}.site-footer{min-height:85px;padding:0 5.6vw 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-note{font-size:11px;letter-spacing:.08em;color:#7b8276}.footer-right{display:flex;align-items:center;gap:30px}.demo-button{font-size:10px;letter-spacing:.04em;opacity:.67;min-height:44px;padding:8px 0}.demo-button:hover{opacity:1}.scene-picker-button{margin-left:auto;display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.05em;min-height:44px}.scene-picker-button .dot{width:5px;height:5px;border-radius:100%;background:#809078}.scene-picker-button .icon{width:13px;height:13px;margin-left:3px}.footer-line{height:20px;width:1px;background:var(--line)}.center-screen{display:flex;min-height:100svh;align-items:center;justify-content:center;text-align:center;padding:50px 24px}.arrival{color:#f1eee3}.arrival-content{max-width:660px}.arrival-label{font-size:10px;letter-spacing:.25em;opacity:.7;margin-bottom:36px}.arrival h2,.returning h2,.away h2{font:400 clamp(32px,4vw,50px)/1.7 var(--serif);letter-spacing:.13em}.arrival-copy{transition:opacity .8s;min-height:110px}.arrival-copy.changing{opacity:0}.arrival-subtitle{margin-top:20px;font-size:13px;letter-spacing:.065em;line-height:2.1;opacity:.85}.arrival-bottom{position:absolute;bottom:7.5vh;left:24px;right:24px;font-size:10px;color:#d6dccd;letter-spacing:.08em}.arrival-back{position:absolute;top:35px;left:5.6vw;color:#ebece2;opacity:.8;display:flex;gap:8px;align-items:center;font-size:12px;min-height:44px}.arrival-back .icon{width:14px}.arrival-skip{margin-top:31px;min-height:44px;font-size:11px;color:#e1e3d6;opacity:.8;letter-spacing:.1em}.arrival-skip:hover{opacity:1}.resting{display:flex;align-items:center;justify-content:center;background:transparent;padding:0}.rest-touch{position:absolute;inset:0;width:100%;height:100%;background:none;display:flex;align-items:center;justify-content:center;border-radius:0;color:#7b877a;cursor:default}.rest-touch:focus-visible{outline:1px solid #7a8773;outline-offset:-18px}.rest-message{font:17px var(--serif);letter-spacing:.2em;opacity:0;line-height:2.5}.resting.is-active .rest-message{animation:let-go 12s ease forwards}.rest-message small{font:10px var(--sans);letter-spacing:.12em;opacity:.7}.resting-hint{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#768171;font-size:10px;pointer-events:none;letter-spacing:.08em;opacity:0}.resting.is-active .resting-hint{animation:hint-away 15s ease forwards}@keyframes let-go{0%{opacity:0}25%{opacity:.8}60%{opacity:.8}to{opacity:0}}@keyframes hint-away{0%,15%{opacity:0}25%,75%{opacity:.7}to{opacity:0}}.controls{color:#e6e8dd}.control-panel{width:400px;max-width:100%}.control-kicker{font-size:11px;color:#9ba695;letter-spacing:.17em;margin-bottom:22px}.control-panel h2{font:400 28px/1.6 var(--serif);letter-spacing:.12em}.remaining-wrap{margin-top:27px;display:flex;justify-content:center;align-items:center;gap:16px}.remaining{font-variant-numeric:tabular-nums;font-size:25px;letter-spacing:.07em;font-weight:300}.remaining-label{font-size:10px;letter-spacing:.08em;color:#8f9c88}.pause-button{font-size:11px;color:#b5bfae;min-height:44px;min-width:50px;border-left:1px solid #3d493b;padding-left:18px}.control-panel .primary{margin-top:28px;background:#dae0cf;color:#2d3d31;width:100%;font-size:13px}.control-panel .primary:hover{background:#edf0e4}.control-panel .early-end{color:#b7c2b0;margin-top:7px}.control-panel .early-end:hover{color:#fff}.control-divider{height:1px;background:#34412f;margin:20px 0 17px}.inline-toggle{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.04em;min-height:44px;gap:20px}.switch{position:relative;display:inline-block;width:31px;height:18px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.switch-track{display:block;width:31px;height:18px;background:#b9c0ae;border-radius:15px;transition:background .25s}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;background:#f8f7ef;border-radius:100%;transition:transform .25s}.switch input:checked+.switch-track{background:#586e4e}.switch input:checked+.switch-track:after{transform:translate(13px)}.switch input:focus-visible+.switch-track{outline:2px solid #97a78c;outline-offset:4px}.controls .switch-track{background:#435040}.controls .switch input:checked+.switch-track{background:#859777}.control-sound{display:flex;align-items:center;gap:8px;color:#afbaa5;font-size:11px;min-height:44px;margin:auto;padding:10px}.control-sound .icon{width:15px}.control-footnote{font-size:10px;color:#8e9c86;line-height:1.8;margin-top:16px}.returning{color:var(--ink)}.return-panel{max-width:590px}.return-emblem{width:72px;height:52px;fill:none;stroke:#778571;stroke-width:1;margin-bottom:28px}.return-kicker{font-size:11px;letter-spacing:.2em;color:#798373;margin-bottom:17px}.returning h2{font-size:43px}.return-copy{font-size:14px;line-height:2.2;color:#63705e;margin-top:18px;letter-spacing:.06em}.return-actions{display:flex;flex-direction:column;align-items:center;margin-top:35px;gap:7px}.return-actions .primary{font-size:13px;min-width:230px}.return-footnote{position:absolute;bottom:7vh;left:20px;right:20px;font:12px var(--serif);letter-spacing:.18em;color:#7d8673}.away .brand{position:absolute;top:38px;left:5.6vw}.away h2{font-size:46px}.away p{font-size:14px;color:#6b7664;margin-top:25px;letter-spacing:.13em;line-height:2}.away .text-button{position:absolute;bottom:6vh;left:50%;transform:translate(-50%);font-size:11px;white-space:nowrap;opacity:.7}dialog{color:var(--ink);border:none;background:#f4f3eb;padding:0;border-radius:7px;box-shadow:0 30px 100px #22302430;width:min(92vw,490px);max-height:88svh;overflow:auto}dialog::backdrop{background:#25322847;backdrop-filter:blur(5px)}.dialog-inner{padding:35px 36px 29px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.dialog-top h2{font:400 24px var(--serif);letter-spacing:.09em}.close-dialog{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:100%;margin:-5px -7px -5px 0}.close-dialog .icon{width:15px;height:15px}.dialog-intro{font-size:12px;line-height:1.9;color:var(--secondary);margin-top:-10px;margin-bottom:23px}.scene-option{display:flex;align-items:center;text-align:left;gap:20px;width:100%;padding:14px 0;border-bottom:1px solid var(--line);min-height:93px}.scene-option:last-of-type{border-bottom:0}.scene-thumb{width:90px;height:70px;flex-shrink:0;overflow:hidden;border-radius:2px;position:relative;background:#d6ddd1}.scene-thumb img{width:100%;height:100%;object-fit:cover;display:block}.scene-option-copy{flex:1}.scene-option-title{font:18px var(--serif);letter-spacing:.1em}.scene-option-description{display:block;font-size:11px;color:#7d8577;margin-top:7px;letter-spacing:.04em}.scene-check{width:19px;height:19px;opacity:0;color:#617755}.scene-option[aria-pressed=true] .scene-check{opacity:1}.scene-option:hover .scene-option-title{color:#738969}.dialog-note{font-size:10px;color:#7a8472;line-height:1.9;border-top:1px solid var(--line);padding-top:16px;margin-top:24px}.sound-setting{padding:16px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-title{font-size:13px}.setting-desc{font-size:11px;color:#77816f;line-height:1.8;margin-top:6px}.volume-setting{margin-top:25px}.volume-head{display:flex;justify-content:space-between;font-size:11px;color:#707b67}.volume-setting input{width:100%;margin:15px 0 5px;accent-color:#53694b;height:18px;cursor:pointer}.preview-button{display:flex;align-items:center;gap:7px;min-height:40px;margin-top:2px;margin-bottom:-8px;color:#66795c;font-size:11px}.preview-button .icon{width:14px;height:14px}.preview-button[aria-pressed=true]{color:var(--ink)}.sound-warning{font-size:10px;color:#7c836f;line-height:1.9;margin-top:16px}.about-lead{font:23px/1.8 var(--serif);letter-spacing:.08em;margin-bottom:22px}.about-copy{font-size:12px;line-height:2.15;color:#697560}.about-steps{margin-top:25px;padding-top:10px;border-top:1px solid var(--line)}.about-step{display:flex;gap:19px;margin:18px 0;align-items:baseline}.step-no{font:italic 16px Georgia,serif;color:#8f9a83}.step-title{font-size:12px}.step-copy{color:#7c8671;font-size:11px;margin-top:7px;line-height:1.8}.about-bottom{font:12px/2 var(--serif);letter-spacing:.06em;color:#77866b;margin-top:25px}.demo-lead{font:26px/1.8 var(--serif);margin:22px 0 12px;letter-spacing:.08em}.demo-duration{display:flex;justify-content:space-between;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;margin:24px 0;color:#6d7a65}.demo-duration span{display:flex;flex-direction:column;gap:9px}.demo-duration strong{font:18px var(--serif);font-weight:400;color:var(--ink)}.dialog-primary{width:100%;margin-top:22px;font-size:13px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);padding:13px 20px;background:#f0f0e7;color:#344637;border:1px solid #d9dfd1;border-radius:5px;box-shadow:0 8px 30px #20332412;font-size:11px;line-height:1.7;max-width:90vw;width:max-content;z-index:20;opacity:0;visibility:hidden;transition:.3s;pointer-events:none}.toast.show{opacity:1;visibility:visible;transform:translate(-50%)}@media(min-width:1700px){.hero{padding-left:10vw}.hero-inner{max-width:600px}.landscape{left:0;width:100%}}@media(max-width:1000px)and (min-width:701px){.hero-inner{max-width:49vw}.hero h1{font-size:48px}.hero{padding-left:6vw}.hero-description{font-size:13px}.site-header{padding-left:6vw;padding-right:6vw}.landscape{left:0;width:100%}.scene-caption{right:4vw}.scene-whisper{right:7vw}.footer-right{gap:15px}.footer-note{font-size:10px}}@media(max-width:700px){.site-header{height:90px;padding:0 25px;align-items:center}.brand{gap:12px}.brand-mark{width:23px;height:35px}.brand-cn{font-size:21px}.brand-en{display:none}.nav{gap:19px}.nav-button{font-size:11px;gap:7px}.nav-button .sound-nav-text,.nav-divider{display:none}.home{min-height:100svh}.hero{min-height:0;align-items:flex-end;padding:calc(31svh - 90px) 29px 15px;flex:1}.hero-inner{width:100%;max-width:none;transform:none;padding-top:15px}.hero h1{font-size:39px;line-height:1.52;letter-spacing:.06em}.hero h1 .second-line{padding-left:1em}.eyebrow{font-size:10px;margin-bottom:18px;letter-spacing:.13em}.hero-description{font-size:12px;margin-top:17px;line-height:1.95;letter-spacing:.05em}.ritual{margin-top:24px}.duration-row{gap:18px}.duration{padding:8px 15px 10px;font-size:14px}.duration-caption{font-size:11px}.start-button{margin-top:19px;width:100%;min-height:53px;justify-content:space-between;padding-left:23px;padding-right:23px}.after-start{font-size:10px;margin-top:12px;line-height:1.9}.site-footer{padding:10px 29px 20px;min-height:64px;gap:10px}.footer-note{display:none}.footer-right{width:100%;justify-content:space-between;gap:10px}.footer-line{display:none}.scene-picker-button{font-size:10px;gap:8px}.demo-button{font-size:9px}.landscape{width:180%;left:-68%;height:65svh}.paper-wash{background:linear-gradient(180deg,rgba(239,238,231,.02) 0%,rgba(239,238,231,0) 16%,rgba(239,238,231,.4) 28%,var(--paper) 54%)}.scene-vignette{background:linear-gradient(180deg,rgba(239,238,231,.28),transparent 22%)}.scene-caption{top:104px;right:29px;gap:10px}.scene-caption .scene-name{font-size:16px;letter-spacing:.2em}.scene-caption .scene-number{font-size:8px}.scene-caption:after{height:32px}.scene-whisper{display:none}.scene canvas{height:63svh}.arrival h2{font-size:29px;letter-spacing:.1em}.arrival-label{margin-bottom:30px}.arrival-subtitle{font-size:12px;line-height:2.2;margin-top:20px}.arrival-back{top:24px;left:24px}.arrival-bottom{font-size:9px;bottom:7svh}.rest-message{font-size:16px}.control-panel{width:320px}.control-panel h2{font-size:27px}.returning h2{font-size:35px}.return-copy{font-size:12px;line-height:2.3}.return-kicker{font-size:10px}.return-footnote{font-size:11px}.return-emblem{margin-bottom:22px}.away h2{font-size:38px}.away p{font-size:13px}.away .brand{top:24px;left:25px}.dialog-inner{padding:27px 25px}.dialog-top h2{font-size:22px}.dialog-top{margin-bottom:25px}.scene-thumb{width:74px;height:62px}.scene-option{gap:17px}.scene-option-description,.dialog-note{font-size:10px}.toast{bottom:22px}.screen:not(.home){min-height:100svh}}@media(max-height:740px)and (max-width:700px){.hero{padding-top:calc(25svh - 75px)}.site-header{height:75px}.hero h1{font-size:34px;line-height:1.44}.hero-inner{padding-top:12px}.eyebrow{margin-bottom:12px}.hero-description{margin-top:12px}.ritual{margin-top:17px}.start-button{margin-top:14px}.site-footer{padding-top:0;padding-bottom:12px;min-height:54px}.after-start{font-size:9px}.scene-caption{top:96px}.landscape{height:59svh}.scene-whisper{display:none}}@media(max-height:670px)and (min-width:701px){.site-header{height:88px}.hero{min-height:440px;padding-top:12px;padding-bottom:12px}.hero h1{font-size:44px}.eyebrow{margin-bottom:16px}.hero-description{margin-top:15px}.ritual{margin-top:17px}.site-footer{min-height:65px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.resting.is-active .rest-message{opacity:0}.resting.is-active .resting-hint{opacity:.65}.mist-layer{transform:none!important}}.sprite{position:absolute;width:0;height:0;overflow:hidden}.scene-picker-hint{opacity:.6}.noscript{position:fixed;inset:0;z-index:50;background:#efeee7;padding:15vh 10vw;font-family:serif;font-size:22px;line-height:2}[tabindex="-1"]:focus{outline:none}