@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500&display=swap";:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:#edf5ee;background:#052b39;font-synthesis:none;font-weight:400;--serif:"Noto Serif SC","Songti SC",SimSun,serif;--line:rgba(237,245,238,.28)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}button:focus-visible,a:focus-visible{outline:1px solid #edf5ee;outline-offset:8px}button{transition:opacity .25s,color .25s}button:hover{color:#fff}a{color:inherit}svg{stroke-width:1.25}button:disabled{cursor:wait;opacity:.45}.experience{width:100%;height:100svh;min-height:480px;overflow:hidden;position:relative;background:#052b39}.experience>canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.experience>canvas:active{cursor:grabbing}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,20,29,.48),transparent 58%),linear-gradient(0deg,rgba(0,25,35,.5),transparent 19%,transparent 82%,rgba(0,27,36,.25))}header{position:absolute;z-index:4;top:32px;left:3.2%;right:3.2%;display:flex;align-items:center;justify-content:space-between;height:60px}button.brand-button{text-align:left}.brand{display:flex;gap:20px;align-items:center;white-space:nowrap}.brand>svg{width:56px;height:56px;stroke:currentColor;fill:none;stroke-width:.8}.brand b{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:.26em;display:block}.brand small{display:block;font-family:Georgia,serif;font-size:10px;letter-spacing:.5em;margin-top:4px}nav{display:flex;gap:46px;position:absolute;left:50%;transform:translate(-50%)}nav button{font-family:var(--serif);font-size:15px;letter-spacing:.2em;padding:15px 0;position:relative;opacity:.72;white-space:nowrap}nav button.active{opacity:1}nav button:after{content:"";position:absolute;height:1px;background:currentColor;left:0;right:3px;bottom:0;transform:scaleX(0);transform-origin:left;transition:transform .7s}nav button.active:after{transform:scaleX(1)}.header-tools{display:flex;align-items:center;gap:24px}.icon{width:32px;height:36px;display:inline-flex;align-items:center;justify-content:center}.icon svg{width:22px;height:22px}.divider{height:18px;width:1px;background:var(--line)}.journal-link{font-family:var(--serif);letter-spacing:.18em;font-size:15px}.story{position:absolute;top:22%;left:7.8%;pointer-events:none;max-width:46%;opacity:0;transition:opacity 1.5s;animation:revealStory 1.5s both}.is-ready .story{opacity:1}.story h1{font-family:var(--serif);font-size:clamp(42px,4.9vw,76px);font-weight:300;letter-spacing:.13em;line-height:1.35;margin:0 0 24px;text-shadow:0 2px 20px rgba(0,30,38,.1)}.story p{font-family:var(--serif);font-size:18px;line-height:1.85;letter-spacing:.2em;font-weight:300;opacity:.85;margin:0}.journey-cta{display:flex;align-items:center;gap:20px;margin-top:30px;font-family:var(--serif);font-size:17px;letter-spacing:.16em;pointer-events:auto}.circle{width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(237,245,238,.75);border-radius:50%;transition:background .4s,transform .4s}.circle svg{width:26px;height:26px}.journey-cta:hover .circle{background:#edf5ee1a;transform:translate(4px)}.is-started .story{top:26%}.story-1 h1,.story-2 h1{font-size:clamp(40px,4.2vw,65px)}.depth-ruler{position:absolute;right:3.4%;top:24%;height:36%;display:flex;flex-direction:column;align-items:center;gap:13px;font-family:var(--serif);font-size:11px;opacity:.6;pointer-events:none}.ruler-track{height:100%;width:8px;position:relative;background:repeating-linear-gradient(0deg,transparent 0px,transparent 10px,rgba(239,253,244,.45) 10px,rgba(239,253,244,.45) 11px);border-left:1px solid rgba(239,253,244,.15)}.ruler-track i{position:absolute;left:-3px;width:6px;height:6px;background:#effdf4;border-radius:50%;box-shadow:0 0 8px #d9ffed;transition:top .15s linear}footer{position:absolute;left:3.2%;right:3.2%;bottom:35px;display:flex;align-items:center;justify-content:space-between;z-index:3}.chapter-label{display:flex;align-items:center;gap:24px;font-family:var(--serif);font-size:14px;letter-spacing:.12em}.chapter-index{font-family:Georgia,serif;font-size:25px;letter-spacing:.05em}.chapter-index small{font-size:11px;opacity:.75}.chapter-label i{height:14px;width:1px;background:var(--line)}.journey-progress{position:absolute;left:50%;transform:translate(-50%);text-align:center;font-family:var(--serif);font-size:11px;letter-spacing:.15em;color:#edf5eeb8}.segments{display:flex;gap:14px;justify-content:center;margin-bottom:10px}.segments button{width:46px;height:14px;display:flex;align-items:center}.segments i{height:2px;width:100%;background:#edf5ee45;transition:background .8s}.segments .active i{background:#edf5ee}.view-tools{display:flex;align-items:center;gap:16px;font-family:var(--serif);font-size:13px;letter-spacing:.15em}.mobile-next{display:none}.loading{position:absolute;inset:0;background:#052b39;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading .brand{margin-bottom:28px}.loading p{font-family:var(--serif);letter-spacing:.2em;font-size:16px}.loading small{font-size:11px;letter-spacing:.13em;opacity:.5;margin-top:15px}.load-line{width:180px;height:1px;background:var(--line);margin-top:28px}.load-line i{display:block;height:1px;background:#d2ede1;transition:width .6s}.journal-backdrop{position:absolute;inset:0;background:#01121a59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;display:flex;justify-content:flex-end;animation:fadeIn .35s}.journal{position:relative;width:510px;max-width:100%;height:100%;background:#f2f1e8;color:#1c4146;padding:70px 50px 44px;overflow:auto;outline:none}.journal .close{position:absolute;right:28px;top:25px}.journal-number{font-size:10px;letter-spacing:.2em;color:#6b8685}.journal h2{font-family:var(--serif);font-size:39px;font-weight:400;letter-spacing:.12em;margin:18px 0 10px}.journal-intro{color:#738781;font-size:13px}.journal section{border-top:1px solid #ccd3c8;margin-top:30px;padding-top:25px}.journal section>span{font-size:11px;letter-spacing:.15em;color:#63817c}.journal h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:13px 0}.journal section p{font-size:14px;line-height:1.95;color:#526c67}.journal section>a{font-size:11px;text-decoration:none;display:flex;align-items:center;gap:6px}.journal-credits p,.journal-credits p a{font-size:11px!important}.journal-credits a{display:inline;text-underline-offset:3px}.toast{position:absolute;bottom:100px;left:50%;transform:translate(-50%);padding:12px 20px;background:#001821cc;font-size:12px;letter-spacing:.1em}.error{position:absolute;z-index:20;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;max-width:90%;padding:32px;background:#052b39;border:1px solid #6c9699;font-size:14px;line-height:1.7;text-align:center}.error button{border-bottom:1px solid currentColor;padding:6px;margin-top:12px}@keyframes revealStory{0%{transform:translateY(18px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:1700px){.story{top:25%}.story h1{font-size:82px}}@media(max-width:1050px){nav{gap:26px}.brand>svg{width:40px;height:40px}.brand{gap:13px}.brand b{font-size:23px}.brand small{font-size:8px}.header-tools{gap:13px}.story p{font-size:15px}.story h1{font-size:58px}.view-tools{gap:8px}.reset{display:none}.chapter-label{gap:12px}}@media(max-width:650px){.experience{min-height:560px}header{left:24px;right:22px;top:20px;align-items:flex-start}.brand>svg{width:37px;height:37px}.brand b{font-size:22px}.brand small{font-size:7px;letter-spacing:.35em;margin-top:2px}.header-tools{gap:12px;height:38px}.journal-link{font-size:12px;letter-spacing:.07em}.header-tools .divider{display:none}.icon svg{width:20px;height:20px}nav{top:65px;width:100%;justify-content:space-between;gap:12px}nav button{font-size:13px;letter-spacing:.15em;padding:11px 0}.story,.is-started .story{top:23%;left:8%;max-width:80%}.story h1,.story-1 h1,.story-2 h1{font-size:41px;letter-spacing:.12em;line-height:1.4;margin-bottom:19px}.story p{font-size:13px;line-height:1.9;letter-spacing:.13em}.journey-cta{margin-top:22px;font-size:13px;gap:14px}.circle{width:45px;height:45px}.circle svg{width:21px;height:21px}.depth-ruler{right:22px;top:37%;height:28%}footer{left:25px;right:20px;bottom:24px;align-items:flex-end}.chapter-label{gap:12px;font-size:12px}.chapter-index{font-size:22px}.journey-progress{bottom:57px;font-size:10px;white-space:nowrap}.view-tools{gap:9px}.drag-hint{display:none}.view-tools>.icon:not(.mobile-next){display:none}.mobile-next{display:flex}.segments{margin-bottom:8px}.segments button{width:34px}.journal{padding:65px 28px 30px}.journal h2{font-size:32px}.vignette{background:linear-gradient(90deg,rgba(0,20,29,.45),transparent 90%),linear-gradient(0deg,rgba(0,25,35,.6),transparent 30%,transparent 78%,rgba(0,27,36,.3))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.sound-control{position:relative}.sound{height:36px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;letter-spacing:.08em}.sound svg{width:21px;height:21px}.sound-volume{position:absolute;right:0;top:45px;display:flex;align-items:center;gap:9px;width:196px;padding:11px 13px;border:1px solid rgba(228,247,241,.2);border-radius:4px;background:#03232de0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:10px;white-space:nowrap}.sound-volume input{width:80px;min-width:0;accent-color:#c7e6dd;cursor:pointer}.sound-volume output{min-width:28px;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:650px){.header-tools{gap:10px}.sound{font-size:10px;gap:5px}.sound svg{width:18px;height:18px}.sound-volume{position:fixed;top:140px;right:22px;padding:8px 12px;width:190px;background:#03232de6}}