#reader-page{padding:33px 5.5% 44px;max-width:1600px;margin:auto}.reader-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.reader-heading h1{font-size:43px;margin:10px 0 9px}.reader-heading>div>p:not(.eyebrow){font-size:11px;color:#888}.reader-heading p>span{padding:0 9px}.reader-actions{display:flex;gap:12px}.outline{border:1px solid #424242;padding:13px 18px;border-radius:4px;font-size:11px;display:flex;align-items:center;gap:9px}.reader-actions svg{height:16px;width:16px}.reader-shell{border:1px solid #3b3935;border-radius:6px;overflow:hidden;background:#e4e0d7;color:#282724}.reader-shell:fullscreen{border:0;border-radius:0;display:flex;flex-direction:column;height:100vh;background:#e4e0d7}.reader-topbar{height:54px;background:#f1eee7;border-bottom:1px solid #d0cdc5;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.reader-title{font-size:9px;letter-spacing:.12em;color:#706d66}.tool-button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;min-width:36px;min-height:36px;padding:7px;color:inherit;border-radius:4px}.tool-button:hover{background:#00000009}.reader-layout{display:flex;position:relative;min-height:0}.book-viewport{min-width:0;flex:1;overflow:auto;min-height:520px;height:calc(100svh - 335px);max-height:850px;padding:24px 30px 28px;perspective:1700px;position:relative}.book{display:flex;align-items:start;justify-content:center;gap:1px;width:max-content;min-height:100%;margin:auto;transition:opacity .12s;transform-style:preserve-3d}.book.is-loading{opacity:.35}.book.is-flipping{animation:turnPage .36s ease}.book img{height:var(--page-height,530px);width:auto;max-width:none;display:block;box-shadow:0 12px 24px #26211929;user-select:none;-webkit-user-drag:none}.book.double img:first-child{border-right:1px solid #3b3b3b}.book.double img:last-child{border-left:1px solid #000}.loading{color:#777;align-self:center;font-size:13px}.reader-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 20px;background:#f1eee7;border-top:1px solid #d0cdc5}.page-nav{display:flex;align-items:center;gap:14px}.round-button{border:1px solid #c8c3ba;background:transparent;border-radius:50%;height:35px;width:35px;font-size:20px;line-height:1}.round-button:hover:not(:disabled){background:#ded9cf}.page-label{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.page-label input{width:33px;border:0;border-bottom:1px solid #bbb;text-align:center;background:transparent;color:#292724;padding:3px;font-size:12px;appearance:textfield;-moz-appearance:textfield}.page-label input::-webkit-inner-spin-button{display:none}.page-range{flex:1;max-width:340px;height:3px;accent-color:var(--red);cursor:pointer}.zoom-controls{display:flex;align-items:center;gap:5px;font-size:10px}.zoom-controls button{font-size:20px}.zoom-controls span{min-width:33px;text-align:center}.reader-hint{font-size:10px;text-align:center;color:#777;margin-top:15px}.reader-shell:fullscreen .reader-layout{flex:1}.reader-shell:fullscreen .book-viewport{height:100%;max-height:none}.reader-shell:fullscreen .reader-bottom{flex-shrink:0}#contents-panel{width:255px;background:#f8f6f1;border-right:1px solid #d3cfc6;overflow-y:auto;max-height:850px;height:calc(100svh - 335px);min-height:520px;padding:22px 14px;flex-shrink:0}#contents-panel h2{font-size:16px;letter-spacing:-.02em;padding:0 10px;margin:0 0 17px}#contents-list button{display:flex;width:100%;text-align:left;padding:9px 10px;gap:12px;color:#5f5c55;font-size:10px;border-radius:4px;line-height:1.5}#contents-list button:hover{background:#eae5dc}#contents-list button.active{background:#e7dfd3;color:#9d371c}#contents-list span:first-child{font-weight:700;width:18px;color:#af421f;flex-shrink:0}#reader-error{color:#a1371c;text-align:center;font-size:12px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@keyframes turnPage{0%{opacity:.35;transform:rotateY(-4deg) translateX(8px)}100%{opacity:1;transform:none}}