:root{color-scheme:dark;--bronze:#d6b376;--ink:#21190f}*{box-sizing:border-box}body{margin:0;background:#211c17;color:#f6e9cf;font:16px system-ui,sans-serif}header{height:80px;display:flex;gap:24px;align-items:center;padding:14px 24px;border-bottom:1px solid #665036;background:#302318}h1{font:28px Georgia,serif;margin:0;color:var(--bronze)}h1 span{display:block;font:14px system-ui;letter-spacing:.12em;color:#f6e9cf;margin-top:3px}.edition{margin-left:auto;font-size:14px;color:#d3bc99}button,input{font:inherit}button{background:#543d25;color:#fff1d8;border:1px solid #94734b;border-radius:5px;padding:9px 14px;cursor:pointer}button:hover{background:#72512c}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f2c76e;outline-offset:3px}.layout{display:grid;grid-template-columns:290px minmax(0,1fr)}aside{height:calc(100dvh - 80px);overflow:auto;padding:22px 15px;position:sticky;top:0;border-right:1px solid #665036;background:#2b221a}.aside-title{font:23px Georgia;margin:0 10px 18px;color:var(--bronze)}nav a{display:flex;justify-content:space-between;gap:12px;color:#ead7b7;text-decoration:none;padding:10px;border-radius:4px;font-size:15px}nav a:hover,nav a[aria-current]{background:#503b27;color:#fff4dd}nav a strong{font-weight:400}nav a small{font-size:14px;color:#c1a77c}nav .divider{border-top:1px solid #725539;margin-top:16px;padding-top:16px;font-weight:700;color:#f3cf8e}main{min-width:0;padding:18px 24px 28px}.toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;max-width:740px;margin:0 auto 16px;position:sticky;top:0;background:#211c17;padding:8px 0;z-index:2}form{display:flex;align-items:center;gap:7px;font-size:14px}input{width:76px;background:#f6e9cf;color:#21190f;border:0;border-radius:4px;padding:9px;text-align:center}.paper{max-width:740px;margin:auto;background:#dcc7a1;box-shadow:0 6px 30px #0006;min-height:300px}.paper img{display:block;width:100%;height:auto;aspect-ratio:450/666}.bottom{max-width:740px;margin:16px auto;display:flex;justify-content:space-between;gap:16px;font-size:14px;color:#d9c09c}.bottom a{color:#e8c185}#menu{display:none}#status{text-align:center;color:#e6c78e;font-size:14px}#status:not(:empty){padding:10px}@media(min-width:1400px){main{padding-top:20px}.paper{max-width:780px}}@media(max-width:800px){header{height:76px;padding:12px;gap:14px}h1{font-size:23px}h1 span{font-size:12px}.edition{display:none}#menu{display:block}.layout{display:block}aside{display:none;position:fixed;top:76px;left:0;width:min(85vw,330px);height:calc(100dvh - 76px);z-index:5;box-shadow:6px 0 30px #0008}aside.open{display:block}main{padding:8px 8px 20px}.toolbar{gap:5px}.toolbar button{padding:9px 8px}form{gap:4px;font-size:14px}input{width:66px}.bottom{padding:0 6px}}@media(prefers-reduced-motion:no-preference){button,nav a{transition:background .12s}}

.paper{position:relative}#page-links a{position:absolute;display:block;background:transparent;border-radius:2px}#page-links a:hover{background:#b1823026}#page-links a:focus-visible{outline:2px solid #604019}

@media(max-width:375px){#jump label{display:none}.toolbar button{font-size:14px}#jump input{width:55px}#jump{font-size:13px}}
.paper{perspective:1600px;touch-action:pan-y pinch-zoom;isolation:isolate}.paper img{user-select:none;-webkit-user-drag:none}.cover{aspect-ratio:450/666;padding:5.5%;display:flex;color:#dfbd7c;background:radial-gradient(ellipse at 30% 15%,#78533355,transparent 55%),repeating-linear-gradient(97deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(115deg,#352315,#61412b 48%,#392517);box-shadow:inset 12px 0 18px #0008,inset -2px 0 3px #d8ad6c44;text-shadow:0 2px 2px #1b0e05}.cover-frame{width:100%;border:2px solid #b18a4c;outline:1px solid #cda45d66;outline-offset:7px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:8% 6%;box-shadow:inset 0 0 25px #160c0533}.cover-edition{font:clamp(11px,1.3vw,14px) Georgia;letter-spacing:.2em;margin-bottom:9%}.cover-cross{width:13%;height:auto;max-height:125px;filter:drop-shadow(0 2px 1px #130a04);margin-bottom:6%;color:#e7c47d}.cover h2{font:700 clamp(38px,6.5vw,86px)/.95 Georgia,serif;letter-spacing:.02em;text-align:center;margin:0 0 6%}.cover-subtitle{font:clamp(15px,2.2vw,25px) Georgia;letter-spacing:.13em;text-align:center}.cover-rule{width:34%;height:1px;background:#c69f5d;margin:8% 0 5%}.cover blockquote{font:italic clamp(18px,2.2vw,27px) Georgia;text-align:center;margin:0}.cover cite{display:block;font:12px system-ui,sans-serif;letter-spacing:.14em;margin-top:12px}.cover-author{font:clamp(14px,1.8vw,19px) Georgia;margin:9% 0 7%;color:#ecd7ad}.cover button{background:#25180ecc;color:#f6dfae;border-color:#a88347;font-size:clamp(14px,1.5vw,17px);padding:12px 20px}.swipe-hint{font-size:13px;color:#d4b989;margin-top:14px;text-shadow:none}.cover[hidden],.paper img[hidden]{display:none}.turn-leaf{position:absolute;inset:0;z-index:4;pointer-events:none;backface-visibility:hidden;transform-style:preserve-3d;box-shadow:8px 0 25px #0005}.turn-leaf img{width:100%;height:100%;object-fit:fill}.turn-leaf .cover{height:100%}.paper.turning{overflow:hidden}button:disabled{cursor:default}@media(max-width:800px){.cover h2{font-size:clamp(40px,11vw,75px)}.cover-subtitle{font-size:clamp(15px,4.2vw,24px)}.cover-edition{font-size:11px}.cover blockquote{font-size:22px}.cover-author{font-size:16px}.cover-cross{width:12%}.cover cite{font-size:11px}.swipe-hint{font-size:13px}}
@media(max-width:800px){.cover-frame{padding:5% 6%}.cover-edition{margin-bottom:4%}.cover-cross{width:10%;margin-bottom:4%}.cover h2{margin-bottom:4%}.cover-rule{margin:4% 0 3%}.cover cite{margin-top:8px}.cover-author{margin:5% 0 4%}.cover button{padding:9px 14px}.swipe-hint{font-size:12px;margin-top:9px}}
.card-surface{position:relative;container-type:inline-size}.card-surface[hidden]{display:none}.margin-top,.margin-left,.margin-right,.margin-footer{position:absolute;background:var(--margin-color);pointer-events:none}.margin-top{top:0;left:0;right:0;height:1.352%}.margin-left{top:1.351%;bottom:4.054%;left:0;width:3.334%}.margin-right{top:1.351%;bottom:4.054%;right:0;width:3.334%}.margin-footer{bottom:0;left:0;right:0;height:4.055%;display:flex;justify-content:center;color:var(--folio-color)}.margin-footer span{position:absolute;top:20%;font:clamp(9px,1.778cqw,14px)/1 Georgia,serif}.turn-leaf .card-surface{height:100%}
.reader-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:740px;margin:0 auto 8px}.reader-tools button{font-size:14px;min-height:44px}#bookmark-status{font-size:14px;color:#e8c185}.search-panel,.reading-places{padding:0 10px 18px;border-bottom:1px solid #665036;margin-bottom:14px}.search-panel label{display:block;font-size:14px;margin-bottom:8px}.search-panel input{width:100%;text-align:left;font-size:16px;min-height:44px}.search-panel p{font-size:14px;color:#d3bc99;margin:8px 0}.search-result{display:block;text-decoration:none;color:#f3dcad;font-size:14px;padding:10px 4px;border-bottom:1px solid #665036}.search-result:hover{background:#503b27}.search-result small{display:block;margin-top:4px;color:#c1a77c}.reading-places h2{font:18px Georgia;margin:0 0 6px;color:var(--bronze)}.device-note{font-size:14px;color:#c1a77c;margin:0 0 10px}.bookmark-row{display:flex;align-items:center;gap:6px;font-size:14px;line-height:1.5;margin-top:8px}.bookmark-row a{color:#f3dcad;flex:1;text-decoration:none}.bookmark-row button{padding:6px;font-size:14px;min-height:40px}.book-chapters summary{cursor:pointer;padding:12px 10px;min-height:44px;font-size:16px;border-radius:4px}.book-chapters summary:hover,.active-book summary{background:#503b27;color:#fff4dd}.chapter-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:6px 0 10px 10px}.chapter-links a{font-size:14px;padding:9px 6px;min-height:40px}.chapter-links a:first-child{grid-column:1/-1}.unindexed{font-size:14px;color:#b6a184;padding:8px}.search-result:focus-visible,.bookmark-row a:focus-visible,summary:focus-visible{outline:3px solid #f2c76e;outline-offset:2px}@media(min-width:801px){.layout{grid-template-columns:320px minmax(0,1fr)}}@media(max-width:375px){.reader-tools{gap:6px}.reader-tools button{font-size:14px;padding:8px}}
