*{box-sizing:border-box} :root{color-scheme:light;--ink:#343a40;--muted:#94999f;--paper:#fafbfc} html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}body{min-height:100svh;display:flex;flex-direction:column}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible,#book:focus-visible{outline:2px solid #47a8dd;outline-offset:6px}button{cursor:pointer} .masthead{height:106px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5.6vw}.wordmark{font-size:33px;font-weight:900;font-style:italic;letter-spacing:-2px;text-decoration:none;color:#64b4e5;line-height:1}.wordmark>span{color:#ff8548;font-style:normal}.wordmark small{display:block;color:#7e8790;font-style:normal;font-size:8px;letter-spacing:2px;margin-top:9px;font-weight:400}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #e0e3e6;border-radius:50%;background:transparent}.icon-button:hover{background:white;border-color:#a9b0b6}main{width:100%;margin:auto;max-width:1440px;padding:8px 5.6vw 18px}.book-area{overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10px 14px 23px}.book-shell{position:relative;isolation:isolate;width:min(100%,calc((100svh - 310px)*var(--book-ratio,1.55575)));aspect-ratio:1730/1112;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cover{position:absolute;inset:-1.1% -1.5% -1.5%;z-index:-3;border-radius:4px;background:linear-gradient(110deg,#f4f5f6,#fff 48%,#e2e4e7 50%,#f7f8fa 52%,#fff);border:1px solid #dce0e3;box-shadow:2px 6px 2px #24282a20,8px 19px 13px -12px #252a3140,inset 0 0 0 4px #ffffffa8}.paper-stack{position:absolute;inset:0 -0.65% -0.8%;z-index:-2;background:repeating-linear-gradient(to bottom,#fff 0px,#fff 1px,#d1d4d8 1px,#f4f5f7 2px);border:1px solid #d8dbde;border-radius:2px;box-shadow:0 4px 3px #0000000c}.paper-stack:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 47%,#79818b44 50%,transparent 53%)}#book{position:relative;width:100%;height:100%;cursor:grab;touch-action:none}#book.dragging{cursor:grabbing}.page{background:#fff;overflow:hidden}.page img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}.page:after{content:"";position:absolute;inset:0;pointer-events:none}.page.--left:after{background:linear-gradient(90deg,transparent 92%,#65696d11)}.page.--right:after{background:linear-gradient(90deg,#65696d0d,transparent 8%)}.spine-shadow{position:absolute;left:48.9%;top:0;height:100%;width:2.2%;background:linear-gradient(90deg,transparent,#5e606924 38%,#343b4638 50%,#5e606916 65%,transparent);z-index:4;pointer-events:none}.rings{position:absolute;z-index:4;left:46.474%;top:-1.709%;width:7.11%;height:103.6%;pointer-events:none;filter:drop-shadow(1px 2px 1px #00000022)}.under-book{display:flex;align-items:center;justify-content:space-between;max-width:1100px;width:100%;margin:16px auto 0;gap:18px;padding:0 14px}.instructions{display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:1px}.gesture{font-size:24px;font-weight:300;color:#828c96;line-height:1}.instructions small{font-size:10px;color:var(--muted);letter-spacing:.6px;margin-left:4px}.navigation{display:flex;gap:22px;align-items:center}.arrow{border:0;background:transparent;width:32px;height:32px;font-size:21px;font-weight:300;border-radius:50%;transition:background .2s}.arrow:hover:enabled{background:#e9edf0}.arrow:disabled{opacity:.2;cursor:default}.page-counter{font-size:11px;letter-spacing:2px;font-variant-numeric:tabular-nums;white-space:nowrap}.page-counter i{font-style:normal;color:#b5bbc1;margin:0 6px}.chapters{display:flex;justify-content:center;gap:10px;margin:24px auto 0}.chapter{padding:8px 0;border:0;background:transparent;width:23px}.chapter:after{content:"";display:block;height:2px;border-radius:2px;background:#dce1e5;transition:background .2s}.chapter[aria-current="true"]:after{background:#5aadd9}.chapter:hover:after{background:#929faa}.mobile-note{display:none;text-align:center;font-size:10px;color:#a1a7ad;letter-spacing:1px}footer{padding:19px 5.6vw 24px;display:flex;justify-content:space-between;color:#a3a8ad;font-size:8px;letter-spacing:1.3px}.loading{position:fixed;inset:0;z-index:20;background:#fafbfc;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:2px;color:#89939c;transition:opacity .3s}.loading.hidden{opacity:0;pointer-events:none}.loading span{margin-left:4px}#experience:fullscreen{max-width:none;background:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:40px 5vw}#experience:fullscreen .book-shell{width:min(100%,calc((100svh - 160px)*var(--book-ratio,1.55575)))}#experience:fullscreen .under-book{margin-top:18px}#experience:fullscreen .chapters{margin-top:12px}@media(min-width:1600px){main{max-width:1500px}}@media(max-width:650px){.masthead{height:95px;padding:0 24px}.wordmark{font-size:29px}main{padding:25px 15px 20px}.book-area{padding:10px 6px 22px}.book-shell{width:100%}.under-book{padding:0 6px;gap:8px;align-items:flex-start;margin-top:12px}.instructions{gap:7px;flex-wrap:wrap;font-size:11px;letter-spacing:.5px;max-width:175px}.instructions small{width:100%;margin-left:26px;font-size:9px}.gesture{font-size:20px}.navigation{gap:7px}.arrow{width:28px;height:28px}.page-counter{font-size:10px;letter-spacing:1px}.page-counter i{margin:0 3px}.chapters{margin-top:30px}.mobile-note{display:block;margin-top:18px}footer{font-size:7px;letter-spacing:.5px;padding:18px 24px 26px;gap:15px}#experience:fullscreen{padding:20px 16px}}@media(max-height:550px) and (orientation:landscape){.masthead{height:56px}.wordmark{font-size:24px}.wordmark small{display:none}main{padding-top:0;padding-bottom:0}.book-shell{width:min(100%,calc((100svh - 140px)*var(--book-ratio,1.55575)))}.book-area{padding-bottom:8px}.under-book{max-width:700px;margin-top:5px}.chapters{margin-top:5px}footer{padding-top:5px;padding-bottom:8px}.mobile-note{display:none}}
.header-tools{display:flex;align-items:center;gap:20px}.sound-button{border:0;background:none;display:flex;align-items:center;gap:7px;padding:10px 0;color:#7e8790;font-size:10px;letter-spacing:1px}.sound-button:hover{color:#3a6e8d}.sound-muted{display:none}.sound-button[aria-pressed="false"] .sound-waves{display:none}.sound-button[aria-pressed="false"] .sound-muted{display:block}@media(max-width:650px){.header-tools{gap:17px}.sound-button span{display:none}}
.wordmark{font-size:20px;font-style:normal;letter-spacing:.3px;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wordmark>span{color:#5f91b0}.reading-button{display:flex;align-items:center;gap:7px;border:1px solid #dfe5e9;border-radius:6px;background:transparent;padding:9px 12px;font-size:11px;white-space:nowrap}.reading-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:0;font-size:10px;color:#8a99a8}.reading-toolbar:has([hidden]):not(:has(:not([hidden]))){display:none}#preview-label{color:#a58048;padding:6px 0}#exit-reading{margin-left:auto;border:0;background:#e8eef3;color:#58748a;font-size:10px;padding:7px 11px;border-radius:5px}.blank-page img{display:none}.chapters{max-width:80%;flex-wrap:wrap;gap:4px 8px}.chapter{width:19px}.reading{overflow:hidden}.reading>.masthead,.reading>footer{display:none}.reading #experience{position:fixed;inset:0;max-width:none;width:100dvw;height:100dvh;padding:12px 28px 8px;display:flex;flex-direction:column;justify-content:center;background:var(--paper);z-index:25}.reading .reading-toolbar{min-height:27px;flex-shrink:0}.reading .book-area{flex:1;min-height:0;padding:8px 12px 13px}.reading .book-shell{width:min(100%,calc((100dvh - 110px)*var(--book-ratio,1.55575)));flex-shrink:0}.reading .under-book{margin-top:0;flex-shrink:0;max-width:1000px}.reading .chapters{display:none}.reading .mobile-note{display:none}.reading .instructions small{display:none}.reading .instructions{max-width:none}.reading .navigation{gap:12px}@media(orientation:portrait){.reading #experience{padding:8px 10px}.reading .book-shell{width:100%}.reading .under-book{padding:0 8px}.reading .instructions{flex-wrap:nowrap}.reading .book-area{padding-bottom:10px}}@media(max-width:650px){.wordmark{font-size:15px;max-width:44%}.wordmark small{font-size:6px;letter-spacing:1px}.header-tools{gap:12px}.reading-button{padding:8px;font-size:10px;gap:5px}.reading-button svg{width:14px}}
/* Reading keeps the live dimensional book and hides all surrounding interface. */
[hidden]{display:none!important}.book-area{position:relative;touch-action:none;overscroll-behavior:contain}.book-shell{transform-origin:50% 50%;will-change:transform}.book-zoomed,.book-zoomed #book{cursor:grab}.book-zoomed:active,.book-zoomed:active #book{cursor:grabbing}.reading #experience{padding:0;overflow:hidden}.reading .book-area{padding:14px;min-height:0;width:100%;height:100%;flex:1}.reading .book-shell{width:min(100%,calc((100dvh - 28px)*var(--book-ratio,1.55575)));max-width:2200px}.reading .under-book,.reading .chapters,.reading .mobile-note{display:none}.reading #book:focus-visible{outline:none}.reading #experience .reading-toolbar{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));z-index:50;display:none;min-height:0;pointer-events:none}.reading.controls-visible #experience .reading-toolbar{display:flex}.reading #preview-label{display:none!important}.reading-actions{display:flex;gap:8px;pointer-events:auto}.reading-actions button{border:1px solid #d9e1e8;background:#fffffff2;color:#4b6175;border-radius:6px;padding:9px 13px;font-size:11px;box-shadow:0 2px 12px #273b5214}#exit-reading{margin:0;background:#fffffff2;color:#4b6175;padding:9px 13px;font-size:11px}.reading-actions button:disabled{color:#a9b0b8;cursor:default}@media(orientation:portrait){.reading #experience{padding:0 6px}.reading .book-shell{width:100%}}

#exit-reading{display:none!important}