:root{--ink:#183235;--paper:#f8f2e5;--font:17px;--line:1.72}*{box-sizing:border-box}body{margin:0;color:#eae7df;background:#172f32;background-image:radial-gradient(ellipse at 50% 50%,#44605a50,transparent 75%);font-family:Arial,sans-serif;min-height:100vh}button,select,input{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #e8b66c;outline-offset:4px}.reader-header{height:80px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff20}.back{font-size:12px}.reader-title{text-align:center;font-size:13px;letter-spacing:2px}.reader-title small{display:block;font:italic 15px Georgia,serif;letter-spacing:0;margin-top:7px}.reader-header button{border:1px solid #ffffff40;background:transparent;border-radius:50%;width:36px;height:36px;font-size:23px}.toolbar{padding:16px 5%;display:flex;justify-content:space-between;gap:16px;align-items:center}.chapter-label{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:1px}select{background:#213b3d;color:#fff;border:1px solid #ffffff40;padding:10px;border-radius:4px;max-width:400px;width:32vw;font-size:12px}.tools{display:flex;gap:6px}.tools button{background:transparent;border:1px solid #ffffff35;border-radius:4px;padding:9px 12px;font-size:12px}.tools button:hover{background:#ffffff12}.reading-note{min-height:29px;text-align:center;font-size:11px;letter-spacing:.4px;color:#d5d2bc;padding:0 20px 8px}.desk{position:relative;max-width:1190px;margin:0 auto 18px;padding:0 50px}.open-book{display:flex;position:relative;perspective:2300px;filter:drop-shadow(0 20px 22px #0005);border-radius:3px 10px 10px 3px}.open-book:after{content:'';position:absolute;left:2px;right:2px;bottom:-6px;height:6px;background:repeating-linear-gradient(#d4cbb7 0 1px,#eee8d9 1px 2px);border-radius:0 0 6px 6px;z-index:-1}.page{flex:1;width:50%;height:var(--page-height,620px);background:var(--paper);color:#292e28;position:relative;padding:32px 42px 38px;overflow:hidden;display:flex;flex-direction:column}.left-page{background:linear-gradient(90deg,#eee8d9 0,#faf5e9 6%,#f8f2e5 92%,#dfd6c3 100%);border-radius:4px 0 0 4px}.right-page{background:linear-gradient(90deg,#dcd3c0 0,#f8f2e5 8%,#faf5e9 96%,#eee8d9 100%);border-radius:0 5px 5px 0}.page-top{font:9px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;text-align:center;color:#8a806d;min-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.page-text{font:var(--font)/var(--line) Georgia,'Times New Roman',serif;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-height:0;text-align:left;hyphens:none;overflow:hidden}.page-num{font:10px Georgia,serif;min-height:24px;display:flex;align-items:flex-end;justify-content:center;flex-shrink:0;color:#8a806d}.page.chapter-start .page-text:first-letter{font-size:1.2em}.turn{position:absolute;top:42%;border:1px solid #ffffff35;border-radius:50%;height:38px;width:38px;background:#ffffff08;font:30px Georgia,serif;display:grid;place-items:center}.turn:hover{background:#ffffff20}.turn:disabled{opacity:.25;cursor:default}.side-prev{left:0}.side-next{right:0}.reader-footer{max-width:1090px;margin:auto;padding:20px 0 24px}.progress-row{display:flex;align-items:center;gap:25px;font-size:11px}.progress-row>span:first-child{min-width:125px}.progress-row label{display:flex;align-items:center;gap:15px;flex:1;font-size:0}.progress-row input{flex:1;accent-color:#dbb979;cursor:pointer;min-width:50px}.footer-note{margin-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#bfc7b7}.footer-note a{color:#e2c08b}.leaf{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;z-index:8;pointer-events:none}.leaf.forward{left:50%;transform-origin:left center;animation:turn-forward .85s cubic-bezier(.3,.05,.2,1) both}.leaf.backward{left:0;transform-origin:right center;animation:turn-backward .85s cubic-bezier(.3,.05,.2,1) both}.leaf>.page{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden}.leaf>.backface{transform:rotateY(180deg)}.leaf .page:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0000,#0004);opacity:.4;pointer-events:none}@keyframes turn-forward{0%{transform:rotateY(0);filter:brightness(1)}45%{filter:brightness(.7)}100%{transform:rotateY(-180deg);filter:brightness(1)}}@keyframes turn-backward{0%{transform:rotateY(0);filter:brightness(1)}45%{filter:brightness(.7)}100%{transform:rotateY(180deg);filter:brightness(1)}}#continuous{max-width:820px;background:var(--paper);color:#292e28;padding:60px 75px;margin:0 auto 30px;box-shadow:0 15px 40px #0004}#continuous article{scroll-margin-top:25px;padding:30px 0;border-bottom:1px solid #9e876544}#continuous .chapter-content{white-space:pre-wrap;overflow-wrap:anywhere;font:var(--font)/1.9 Georgia,serif}#continuous .chapter-label-text{font:10px Arial,sans-serif;color:#877246;letter-spacing:1px;margin-bottom:25px}.measurer{position:fixed!important;left:-20000px!important;top:0!important;visibility:hidden!important;pointer-events:none}.reading-continuous .reader-footer{max-width:820px;padding:20px}.reading-continuous #page-range{display:none}.reading-continuous .progress-row label{display:none}[hidden]{display:none!important}button:disabled{opacity:.4}body:fullscreen{overflow:auto}@media(max-width:800px){.reader-header{height:70px;padding:0 4%}.reader-title{font-size:10px}.reader-title small{font-size:13px}.back span{display:none}.toolbar{padding:14px 4%;flex-wrap:wrap}.chapter-label{flex:1}select{width:100%;max-width:none;min-width:0}.chapter-label{min-width:160px}.tools{margin-left:auto}.tools button{padding:9px}.desk{padding:0 27px;margin-left:6px;margin-right:6px}.turn{width:23px;height:35px;border-radius:5px;font-size:25px}.page{padding:25px 25px 25px}.left-page{display:none}.right-page{width:100%;background:linear-gradient(90deg,#e5dcca 0,#faf5e9 6%,#f8f2e5 96%,#e8dfcd 100%);border-radius:4px}.leaf{width:100%}.leaf.forward{left:0}.leaf.backward{left:0}.leaf>.left-page{display:flex}.reader-footer{padding:15px 8%}.progress-row{gap:10px}.progress-row>span:first-child{min-width:90px}.footer-note{flex-direction:column;gap:10px;line-height:1.5}#continuous{margin:0 12px 20px;padding:25px}.page-top{font-size:8px}.reading-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.leaf{animation-duration:.01ms!important}}