html.reader-open{overflow:hidden}.chapter-reader{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0b1820;color:#f5f0e5;overflow:hidden;box-sizing:border-box}.chapter-reader[open]{display:flex;flex-direction:column}.chapter-reader::backdrop{background:#0b1820}.reader-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px max(5vw,env(safe-area-inset-left));border-bottom:1px solid #d8bb8730;flex-shrink:0}.reader-kicker{font:600 10px/1.5 var(--sans);letter-spacing:.16em;color:#d8bb87}.reader-heading h2{font:30px/1.2 var(--serif);margin:5px 0 0}.reader-heading p{font:12px/1.5 var(--sans);color:#c9cfc8;margin:0}.reader-stage{position:relative;flex:1;min-height:0;display:flex;align-items:stretch;justify-content:center;padding:24px 75px}.reader-spread{display:grid;grid-template-columns:1fr 1fr;width:min(1240px,100%);min-height:0;box-shadow:0 20px 65px #0007;border-radius:3px;overflow:hidden;background:#f5f0e5}.reader-page{min-width:0;min-height:0;display:flex;flex-direction:column;padding:24px clamp(25px,3vw,50px) 16px;color:#273430;background:linear-gradient(90deg,#f7f2e7 85%,#e0d7c3)}.reader-page:nth-child(2){background:linear-gradient(90deg,#ded3bf,#f7f2e7 12%);border-left:1px solid #d3c6ad}.reader-running{font:9px/1.4 var(--sans);letter-spacing:.11em;color:#74684f;padding-bottom:15px;border-bottom:1px solid #cbbfa650;margin-bottom:20px;flex-shrink:0}.reader-page-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flow-root;font:19px/1.65 Georgia,serif;letter-spacing:0;color:#273430}.reader-page-body p{font:inherit;color:inherit;margin:0 0 .85em;overflow-wrap:break-word}.reader-page-body h2{font:38px/1.1 var(--serif);color:#5a513b;margin:0 0 25px;letter-spacing:-.02em}.reader-page-body .continued{ text-indent:0}.reader-folio{font:12px/1.5 Georgia,serif;color:#807157;align-self:center;padding-top:15px;flex-shrink:0}.reader-turn{position:absolute;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#e5cba0;padding:12px 4px;width:68px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.reader-back{left:3px}.reader-next{right:3px}.reader-turn>span{font:38px/1 var(--sans);font-weight:300}.reader-turn small{font:11px/1.4 var(--sans)}.reader-turn:disabled{opacity:.22;cursor:default}.reader-footer{margin:0;background:transparent;border:0;padding:8px max(5vw,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.reader-footer>div{display:flex;flex-direction:column;gap:3px}.reader-position{font:12px/1.5 var(--sans);color:#e6d6b8}.reader-footer small{font:10px/1.5 var(--sans);color:#9ba9a9}.reader-footer button{font:12px/1.5 var(--sans);background:transparent;color:#f5f0e5;border:1px solid #d8bb8760;padding:11px 14px;cursor:pointer;white-space:nowrap}.reader-footer button span{margin-left:10px}.reader-ending{align-self:center;text-align:center;max-width:660px;padding:30px 15px;overflow:auto;max-height:100%}.reader-ending h2{font-size:clamp(38px,5vw,68px);margin-block:20px}.reader-ending p{color:#c9cfc8}.reader-ending em{color:#d8bb87}.reader-pdf{display:block;margin-top:23px;font-size:13px;color:#d8bb87}.reader-spread[hidden],.reader-ending[hidden],.reader-page[hidden]{display:none!important}
@media(max-width:899px){.reader-heading{padding:14px 20px}.reader-heading h2{font-size:25px}.reader-heading .reader-kicker{font-size:8px}.reader-heading p{font-size:11px;max-width:125px}.reader-stage{padding:12px 34px}.reader-spread{grid-template-columns:1fr}.reader-page{padding:19px 22px 12px;background:#f7f2e7}.reader-running{font-size:8px;margin-bottom:14px;padding-bottom:10px;letter-spacing:.06em}.reader-page-body{font-size:17px;line-height:1.6}.reader-page-body h2{font-size:31px;margin-bottom:20px}.reader-folio{padding-top:10px}.reader-turn{width:32px;padding:10px 1px}.reader-turn small{font-size:10px;max-width:31px}.reader-turn>span{font-size:30px}.reader-footer{padding:8px 15px max(12px,env(safe-area-inset-bottom))}.reader-footer small{font-size:9px;max-width:165px}.reader-footer button{font-size:11px;padding:10px}.reader-ending{padding-inline:5px}.reader-ending h2{font-size:36px}}
@media(max-height:500px){.reader-heading{padding-block:8px}.reader-heading h2{font-size:20px}.reader-heading p,.reader-footer small{display:none}.reader-stage{padding-block:8px}.reader-page{padding-block:10px}.reader-running{margin-bottom:10px;padding-bottom:5px}.reader-footer{padding-block:5px}.reader-page-body{font-size:16px}}

.read-book-hotspot{position:absolute;inset:0;z-index:9;border:0;background:transparent;cursor:zoom-in}.read-book-hotspot:focus-visible{outline:2px solid #d8bb87;outline-offset:-10px}