:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#eee;background:#0c0b0d;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html{margin:0;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e6d9b0;outline-offset:6px}#experience{position:fixed;inset:0;overflow:hidden;isolation:isolate}#stage{position:absolute;inset:0}#stage canvas{display:block;width:100%;height:100%;outline:none}.site-header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:32px 40px;z-index:4;pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:2px;color:#f6f6f6;text-decoration:none;font-size:21px;font-weight:650;letter-spacing:-1px}.wordmark svg{width:21px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2}.wordmark-dot{font-size:9px;vertical-align:top;line-height:20px;padding-left:3px}.contact{background:#e6e7e8;color:#1b1b1e;font-size:12px;border:1px solid #eee;border-radius:4px;padding:10px 15px;min-height:36px;box-shadow:0 2px 10px #0002;display:flex;gap:22px;align-items:center}.contact:hover{background:#fff}.contact span{font-size:15px}.intro{position:absolute;left:5.4%;top:20%;pointer-events:none;will-change:opacity,transform}.intro h1{font-size:clamp(27px,3vw,49px);line-height:1.04;letter-spacing:-.065em;font-weight:600;margin:0 0 18px;max-width:650px}.intro p{color:#a5a2a9;font-size:clamp(10px,.86vw,13px);line-height:1.7;letter-spacing:-.01em;margin:0}.mobile-break{display:none}.bottom-info{position:absolute;bottom:29px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:#a9a4aa;font-size:9px;letter-spacing:.12em}.preview-label{opacity:.52;font-size:8px;letter-spacing:.17em}.preview-label b{margin:0 8px;color:#ddd}.scroll-cue{display:flex;gap:12px;align-items:center;font-size:10px;color:#c0bbc4;letter-spacing:.05em;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;transition:opacity .25s}.mouse{height:22px;width:14px;border:1px solid #8c8791;border-radius:10px;display:flex;justify-content:center;padding-top:4px}.mouse i{height:4px;width:2px;background:#c6c1c9;border-radius:1px;animation:wheel 1.7s infinite}.page-status{display:flex;align-items:center;gap:12px;font-size:8px}.status-divider{width:25px;height:1px;background:#55515b}#chapters{position:absolute;left:50%;transform:translate(-50%);bottom:30px;display:flex;gap:9px;opacity:0;pointer-events:none;transition:opacity .2s}#chapters.visible{opacity:1;pointer-events:auto}#chapters button{width:17px;height:20px;background:none;border:none;padding:0;position:relative}#chapters button:after{content:"";position:absolute;width:4px;height:4px;background:#6c646d;border-radius:50%;top:8px;left:6px;transition:background .2s,transform .2s}#chapters button.active:after{background:#e5dfd3;transform:scale(1.4)}.corner-hint{position:absolute;top:100px;right:42px;font-size:9px;color:#807783;opacity:0;transition:opacity .5s;letter-spacing:.05em;pointer-events:none}.loading{position:fixed;inset:0;z-index:20;background:#0c0b0d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:11px;letter-spacing:.15em;color:#938b98;transition:opacity .8s,visibility .8s}.loading.gone{opacity:0;visibility:hidden}.loading-mark{font-family:Georgia,serif;font-size:48px;color:#ddd5df;font-style:italic}.loading i{height:1px;width:70px;background:#29242d;position:relative;overflow:hidden}.loading i:after{content:"";display:block;width:35px;height:1px;background:#d0c4d2;animation:load 1s infinite}#scroll-track{height:680vh;width:1px;pointer-events:none}dialog{width:min(490px,calc(100% - 36px));padding:48px 34px 30px;color:#ddd8de;border:1px solid #524953;border-radius:9px;background:#19151c;box-shadow:0 30px 140px #000c;line-height:1.8}dialog::backdrop{background:#0008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}dialog h2{font-size:25px;line-height:1.4;letter-spacing:-.04em;margin:17px 0}dialog p{font-size:13px;color:#aca4b1}.dialog-eyebrow{font-size:8px;letter-spacing:.16em;color:#9e91a6}.close{position:absolute;top:10px;right:12px;width:36px;height:36px;background:none;border:none;color:#aaa;font-size:24px}.dialog-button{background:#e0dce0;color:#171218;min-height:42px;border:none;border-radius:3px;width:100%;margin-top:16px;font-size:12px}.fallback{position:absolute;inset:40% 20%;line-height:1.8;background:#19151c;border:1px solid #999;color:#eee;border-radius:12px;padding:30px}@keyframes wheel{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(5px);opacity:1}}@keyframes load{0%{transform:translate(-40px)}to{transform:translate(100px)}}@media(max-width:680px){.site-header{padding:23px}.wordmark{font-size:18px}.contact{padding:9px 11px;font-size:10px;gap:10px}.intro{left:7%;top:18%}.intro h1{font-size:clamp(28px,7vw,42px);letter-spacing:-.055em;margin-bottom:14px}.intro p{font-size:10px}.mobile-break{display:block}.bottom-info{left:23px;right:23px;bottom:25px}.preview-label{display:none}.scroll-cue{left:0;transform:none;font-size:9px}.page-status{margin-left:auto;font-size:7px;gap:7px}#chapters{bottom:62px}.corner-hint{top:90px;right:23px;font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}#stage canvas{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.is-dragging,.is-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.header-actions{display:flex;align-items:center;gap:16px}.contact{text-decoration:none}.info-button{width:30px;height:30px;border:1px solid #8b838d66;border-radius:50%;background:#17131a55;color:#c6bfc9;font-family:Georgia,serif;font-style:italic;font-size:14px}.intro{pointer-events:auto}.entry-choices{display:flex;gap:23px;align-items:center;margin-top:25px}.entry-choices button,.entry-choices a{font-size:11px;letter-spacing:.03em;display:flex;align-items:center;gap:22px;text-decoration:none}.entry-choices button{border:1px solid #aaa3ac66;background:#e4dfe5;color:#1c171e;padding:12px 17px;border-radius:3px}.entry-choices a{color:#c9c1cd;border-bottom:1px solid #6c626e77;padding:9px 0;gap:15px}.entry-choices a:hover{color:#fff}.page-links{position:absolute;inset:0;pointer-events:none}.page-links a{position:absolute;transform:translate(-50%);font-size:10px;white-space:nowrap;text-decoration:none;color:#c1bac5;letter-spacing:.04em;padding:10px 15px;min-height:44px;opacity:0;pointer-events:none;transition:opacity .18s,color .15s;border-radius:3px;background:#110d1455}.page-links a.visible{opacity:.9;pointer-events:auto}.page-links a:hover{color:#fff;background:#201b2566}.intro[style*="opacity: 0;"]{pointer-events:none}@media(max-width:680px){.header-actions{gap:10px}.info-button{width:26px;height:26px}.entry-choices{margin-top:20px;gap:18px}.entry-choices button,.entry-choices a{font-size:10px}.page-links a{font-size:9px;padding:8px 10px}}.page-links a[aria-disabled=true]{pointer-events:none;color:#9b909f}.wordmark{gap:7px}.wordmark svg{stroke-width:4.5}.live-book-page{position:absolute;left:0;top:0;width:1600px;height:1240px;transform-origin:0 0;opacity:0;visibility:hidden;pointer-events:none;z-index:1;background:#070a0b;overflow:hidden;backface-visibility:hidden}.live-book-page.visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease}.live-book-page iframe{display:block;width:1600px;height:1240px;border:0;background:#070a0b}.site-header,.bottom-info,#chapters,.page-links,.corner-hint{z-index:4}.intro{top:clamp(104px,12.5vh,180px)}.scroll-cue{gap:24px;color:#ddd9e0;font-size:11px;letter-spacing:.03em;text-shadow:0 1px 5px #000}.gesture{display:flex;align-items:center;gap:10px}.drag-gesture{display:inline-flex;width:23px;height:22px;align-items:center;justify-content:center;font-size:23px;line-height:1;color:#c6c1c9}#chapters{bottom:64px}@media(max-width:680px){.intro{top:clamp(88px,12.5vh,130px)}.scroll-cue{position:static;transform:none;display:grid;gap:8px;font-size:9px;letter-spacing:0;white-space:normal}.gesture{gap:8px;white-space:nowrap}.bottom-info{align-items:flex-end;gap:12px}.drag-gesture{width:14px;height:16px;font-size:19px}.mouse{height:18px;width:12px}#chapters{bottom:92px}}.page-loading{position:absolute;z-index:6;right:40px;top:82px;color:#eee4c7;background:#17151ae8;border:1px solid #aa956755;border-radius:4px;padding:9px 12px;font-size:12px;pointer-events:none}.page-loading[hidden]{display:none}@media(max-width:680px){.page-loading{right:23px;top:68px;font-size:10px}}.loading-mark{display:flex;align-items:center;justify-content:center;width:60px;height:60px}.loading-mark svg{display:block;width:100%;height:100%}.live-book-page .book-page-content{position:absolute;transform-origin:0 0;background:#070a0b;overflow:hidden}.live-book-page .book-page-content iframe{display:block;width:1600px;max-width:none;border:0;background:#070a0b;overflow:hidden;will-change:transform}