*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;color:#f0e0c7;background:radial-gradient(ellipse at 50% 0%,#513626 0%,#231810 60%,#130e0b 100%);font-family:Georgia,'Times New Roman',serif}button,select,input{font:inherit}.topbar{margin:auto;max-width:1330px;padding:21px 30px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #aa774a77}.brand{display:flex;align-items:center;gap:12px}.mark{font-size:36px;color:#d4a45c}.eyebrow{font-size:10px;letter-spacing:.24em;color:#d2b88e;margin:0 0 5px}.brand h1{font-weight:400;margin:0;font-size:clamp(22px,3vw,40px);line-height:1.05}.brand strong{letter-spacing:.04em;color:#edcc96;text-shadow:0 1px 8px #d4a45a33}.quiet{cursor:pointer;color:#dfcaa8;background:#4a3023;border:1px solid #967046;border-radius:7px;padding:9px 15px;font-size:14px}.quiet:hover,.chapter:hover{background:#6c4730}#viewer{max-width:1400px;margin:auto;padding:0 10px 28px}.intro{display:flex;justify-content:space-between;gap:16px;max-width:1180px;margin:12px auto 9px;align-items:center;color:#d6b993;font-size:14px}.intro p{margin:0}.intro span{font-style:italic;color:#efd0a4}.book-area{display:flex;justify-content:center;align-items:center;gap:12px}.book{min-width:0;width:min(100%,1080px);filter:drop-shadow(0px 16px 22px #0009);perspective:1900px;outline-offset:5px}.spread{position:relative;display:flex;padding:12px;background:linear-gradient(90deg,#59371b,#bb8645 1.5%,#442614 2.2%,#1d110c 50%,#492914 98%,#ac743d 99%,#4d2b1a);border:4px solid #8e5e2f;border-radius:12px;box-shadow:0 0 0 2px #30170b,0 8px 25px #0009;gap:0}.page{width:50%;aspect-ratio:2/3;position:relative;background:#edcf97;overflow:hidden;cursor:pointer}.page img{display:block;width:100%;height:100%;object-fit:fill;user-select:none}.leftPage{box-shadow:inset -8px 0 13px #24140a}.rightPage{box-shadow:inset 8px 0 13px #24140a}.bookGutter{pointer-events:none;position:absolute;z-index:4;left:calc(50% - 9px);top:12px;bottom:12px;width:18px;background:linear-gradient(90deg,transparent,#321c1080 42%,#fae4a62a 51%,#321a0d90 57%,transparent)}.pageTurn{display:none;position:absolute;z-index:7;top:12px;bottom:12px;left:50%;width:calc(50% - 12px);transform-origin:left center;transform-style:preserve-3d;pointer-events:none}.pageTurn .face{position:absolute;inset:0;backface-visibility:hidden;background:#e8c990;box-shadow:0 3px 15px #1a0f0a75}.pageTurn img{width:100%;height:100%;object-fit:fill}.pageTurn .back{transform:rotateY(180deg)}.pageTurn.playNext{display:block;animation:nextFlip 650ms cubic-bezier(.2,.6,.16,1) both}.pageTurn.playPrev{display:block;animation:prevFlip 650ms cubic-bezier(.2,.6,.16,1) both;transform-origin:left center}@keyframes nextFlip{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes prevFlip{from{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.turn{flex:0 0 50px;width:50px;height:76px;cursor:pointer;color:#edd29b;background:linear-gradient(#533522,#2f1c13);border:2px solid #9a6b3b;border-radius:7px;font:50px/1 Georgia;box-shadow:0 4px 18px #0005}.turn:hover:not(:disabled){background:#80532e}.turn:disabled{opacity:.35;cursor:default}.bookcontrols{max-width:1140px;margin:14px auto 0;display:grid;grid-template-columns:230px minmax(180px,1fr) 130px;gap:20px;align-items:center}.pageReadout{display:flex;flex-direction:column;gap:5px}#pagesShown{color:#efd0a0;font-size:19px;font-variant-numeric:tabular-nums}.subnote{font-size:11px;color:#bda588}#pageSlider{width:100%;accent-color:#d8a95c;cursor:pointer}.jump{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#d9b891}.jump select{background:#3a271b;color:#efd9b8;border:1px solid #805d39;border-radius:4px;padding:6px}.chapters{max-width:1180px;margin:20px auto 0;border-top:1px solid #9e744555;padding-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.chapterLabel{color:#c2a07c;letter-spacing:.19em;font-size:10px;padding:8px}.chapter{font-size:13px;border:1px solid #8c6743;border-radius:5px;background:#372519;color:#e1c7a4;padding:9px 13px;cursor:pointer}.chapter.active{border-color:#f0c77e;background:#6a4227;color:#fff2d0}.footerText{font-size:12px;text-align:center;letter-spacing:.05em;margin-top:22px;color:#bca080}.footerText span{color:#d9aa63;margin:0 11px}
@media(max-width:860px){.topbar{padding:14px}.intro{font-size:12px;padding:0 7px}.book-area{gap:5px}.book{max-width:min(85vw,490px)}.spread{padding:7px}.page{width:100%}.leftPage{display:none}.rightPage{display:block}.bookGutter{display:none}.pageTurn{display:none!important}.turn{flex-basis:38px;width:38px;height:65px;font-size:40px}.bookcontrols{grid-template-columns:1fr 1fr;gap:12px;padding:0 10px}.pageReadout{grid-column:1/-1;text-align:center}.jump{align-items:end}.chapters{padding:12px 0}.chapter{font-size:12px;padding:8px 10px}}
@media(max-width:520px){.quiet span{display:none}.topbar{padding:10px}.brand h1{font-size:23px}.eyebrow{font-size:8px}.intro{display:block;text-align:center;margin:12px}.intro span{display:block;margin-top:5px}.turn{flex-basis:26px;width:26px;height:52px;font-size:30px;border-width:1px}.book-area{gap:3px}.book{max-width:min(85vw,390px)}.spread{padding:4px}.chapters{gap:6px}.chapterLabel{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.pageTurn.playNext,.pageTurn.playPrev{animation:none}}
.skip{position:fixed;left:16px;top:-100px;padding:10px 18px;background:#f0e0c7;color:#241811;z-index:20}.skip:focus{top:10px}a{color:inherit}:focus-visible{outline:3px solid #d8a95c;outline-offset:4px}[hidden]{display:none!important}
.sitebar{max-width:1330px;margin:auto;padding:14px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:13px/1.4 Arial,Helvetica,sans-serif;border-bottom:1px solid #aa774a40}.sitehome{text-decoration:none;font:20px Georgia,serif;letter-spacing:.17em;color:#edcc96}.sitelinks{display:flex;flex-wrap:wrap;gap:6px 26px}.sitelinks a{text-decoration:none;color:#dcc4a0;padding:6px 0}.sitelinks a:hover{color:#fff2d0;text-decoration:underline;text-underline-offset:5px}.sitelinks a[aria-current=page]{color:#fff2d0;border-bottom:1px solid #d4a45c}
.page{background:#1d110c}.page img,.pageTurn img{object-fit:contain}.pageTurn .face{background:#1d110c}.footerText a{color:#e8c48a}
#viewer:fullscreen{max-width:none;overflow:auto;padding-top:16px;background:radial-gradient(ellipse at 50% 0%,#513626 0%,#231810 60%,#130e0b 100%)}#viewer:fullscreen .book{width:min(100%,calc((100vh - 230px) * 4 / 3 + 32px))}
@media(max-width:860px){.sitebar{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.sitelinks{gap:4px 16px;font-size:12px}#viewer:fullscreen .book{width:auto}}