.ch-scene{min-height:calc(100vh - 54px);display:flex;align-items:center;justify-content:center;background:#e6e0d6;padding:32px 16px;overflow-x:auto}.open-book{display:flex;width:min(880px,98vw);height:clamp(480px,62vh,560px);transform:perspective(2000px) rotateX(2deg) rotateY(-.8deg);filter:drop-shadow(0 26px 60px rgba(0,0,0,.32)) drop-shadow(0 6px 14px rgba(0,0,0,.18));flex-shrink:0}.bl-page{flex:0 0 calc(50% - 14px);background:linear-gradient(to right,#eee8de,#faf7f2 70%);padding:28px 30px 54px;position:relative;overflow:hidden;border-radius:3px 0 0 3px;border-right:1px solid rgba(0,0,0,.07)}.book-spine{width:28px;flex-shrink:0;background:linear-gradient(to right,#0c0604,#28160a 38%,#36200e 58%,#180c06);display:flex;align-items:center;justify-content:center;box-shadow:inset -3px 0 8px #00000059,inset 3px 0 8px #00000059}.spine-title{writing-mode:vertical-lr;transform:rotate(180deg);font-family:var(--font-serif);font-size:7px;letter-spacing:.26em;text-transform:uppercase;color:#d2aa5a80;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.br-page{flex:1;background:linear-gradient(to left,#eee8de,#faf7f2 70%);padding:28px 30px 54px;position:relative;overflow:hidden;border-radius:0 3px 3px 0;border-left:1px solid rgba(0,0,0,.07);transition:opacity .18s ease;display:flex;flex-direction:column}.page-head{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#5a463273;margin-bottom:22px;padding-bottom:7px;border-bottom:.5px solid rgba(0,0,0,.09);font-family:var(--font-sans)}.page-foot{position:absolute;bottom:18px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:9px;color:#5a46326b;font-family:var(--font-serif);border-top:.5px solid rgba(0,0,0,.09);padding-top:7px}.toc-header{font-family:var(--font-serif);font-size:19px;font-weight:400;color:#1e1006;margin-bottom:8px;letter-spacing:.005em}.toc-rule{width:28px;height:1px;background:var(--sienna);opacity:.7;margin-bottom:18px}.toc-entry{display:flex;align-items:baseline;padding:9px 0;cursor:pointer;transition:opacity .12s}.toc-entry:hover .toc-name,.toc-entry.active .toc-name,.toc-entry.active .toc-roman{color:var(--sienna)}.toc-roman{font-family:var(--font-serif);font-size:11px;font-style:italic;color:#5a46327a;width:24px;flex-shrink:0;transition:color .12s}.toc-name{font-family:var(--font-serif);font-size:14.5px;color:#1e1006;flex:1;min-width:0;line-height:1.25;transition:color .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-leader{flex:1;border-bottom:1px dotted rgba(0,0,0,.18);margin:0 8px 3px;align-self:flex-end}.toc-pg{font-family:var(--font-serif);font-size:11px;font-style:italic;color:#5a46327a;flex-shrink:0}.rp-watermark{position:absolute;bottom:46px;right:18px;font-family:var(--font-serif);font-size:100px;font-weight:700;font-style:italic;color:#00000009;line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rp-ch-title{font-family:var(--font-serif);font-size:21px;font-weight:400;color:#1e1006;margin-bottom:5px;line-height:1.18}.rp-ch-desc{font-size:11.5px;color:#5a46329e;line-height:1.58;margin-bottom:16px;font-family:var(--font-sans)}.rp-divider{width:24px;height:1px;background:var(--sienna);opacity:.55;margin-bottom:14px}.rp-stories{flex:1;min-height:0;overflow:hidden}.rp-story{display:flex;align-items:flex-start;gap:10px;padding:9px 6px;margin:0 -6px;border-radius:3px;cursor:pointer;transition:background .12s;border-bottom:.5px solid rgba(0,0,0,.07);text-decoration:none;color:inherit}.br-page .rp-story:first-of-type{border-top:.5px solid rgba(0,0,0,.07)}.rp-story:hover{background:#8b5e3c12}.rp-story:hover .rp-s-title{color:var(--sienna)}.rp-s-num{font-family:var(--font-serif);font-size:10px;font-style:italic;color:#5a46326b;width:20px;flex-shrink:0;padding-top:3px}.rp-s-body{flex:1;min-width:0}.rp-s-title{font-family:var(--font-serif);font-size:15px;color:#1e1006;line-height:1.28;margin-bottom:3px;transition:color .12s}.rp-s-meta{font-size:10.5px;color:#5a463285;font-family:var(--font-sans)}.rp-s-arrow{font-size:12px;color:#5a46325c;flex-shrink:0;padding-top:3px}.rp-pg-nav{display:flex;align-items:center;gap:3px}.rp-pg-btn{background:none;border:none;cursor:pointer;font-family:var(--font-serif);font-size:13px;color:#5a463299;padding:0 1px;line-height:1}.rp-pg-btn:disabled{opacity:.25;cursor:default}.rp-pg-btn:not(:disabled):hover{color:var(--sienna)}@media (max-width: 680px){.open-book{height:auto;flex-direction:column;transform:none;filter:drop-shadow(0 8px 28px rgba(0,0,0,.22))}.bl-page,.br-page{border-radius:0;flex:none;width:100%;height:auto}.book-spine{width:100%;height:18px;flex-direction:row}.spine-title{writing-mode:horizontal-tb;transform:none;font-size:7px}.toc-leader{display:none}}