*{box-sizing:border-box} :root{--ink:#292c25;--paper:#f8f3e9;--copper:#d8aa8c;--pageW:min(35vw,calc((100dvh - 292px)*.78947),430px)}body{margin:0;color:var(--paper);background:radial-gradient(ellipse at 50% 43%,#505446 0,#30362d 48%,#20271f 100%);font:14px/1.5 Arial,sans-serif;min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--copper);outline-offset:5px}a{color:inherit}header{height:77px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1c}.brand{font-size:24px;line-height:1;text-decoration:none;letter-spacing:-1px}.brand span{display:block;font:italic 11px Georgia,serif;letter-spacing:0;margin-top:6px;color:#d8cfc1}.edition,.eyebrow{font-size:9px;letter-spacing:2px;color:var(--copper)}.quiet{border:0;color:var(--paper);background:none;padding:10px}.quiet span{padding-left:9px}.intro{text-align:center;margin:20px 15px 15px}.intro h1{font:normal 27px/1.2 Georgia,serif;margin:6px 0}.intro p{font-size:12px;color:#d1d1c4;margin:6px 0}.stage{height:calc(var(--pageW)*1.26667);display:flex;justify-content:center;align-items:center;perspective:2200px;margin:0 14px}.book{position:relative;width:calc(var(--pageW)*2);height:100%;transform:translateX(-25%);transition:transform .75s cubic-bezier(.2,.6,.2,1);transform-style:preserve-3d}.book.open{transform:translateX(0)}.book.end{transform:translateX(25%)}.sheet{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.7,.25,1);cursor:pointer}.sheet.turned{transform:rotateY(-180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:var(--paper);box-shadow:2px 3px 7px #0004}.face img{width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none}.front{border-radius:1px 5px 5px 1px}.back{transform:rotateY(180deg);border-radius:5px 1px 1px 5px}.front:after,.back:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0002,transparent 5%,transparent 94%,#00000008)}.back:after{background:linear-gradient(270deg,#0002,transparent 6%)}.controls{display:flex;align-items:center;justify-content:center;gap:25px;margin:17px 0 10px}.round{width:39px;height:39px;border-radius:50%;border:1px solid #ffffff40;background:#ffffff08;color:var(--paper);font-size:22px}.round:hover:enabled{background:#ffffff18}.round:disabled{opacity:.25;cursor:default}.progress{text-align:center;min-width:170px;font-size:12px}.progress span{display:block}#hint{font-size:10px;color:#c2c7b8;margin-top:2px}.tools{display:flex;justify-content:center;gap:22px;align-items:center}.tools button,.tools a{font:11px Arial;color:#e1d6c6;background:none;border:0;text-decoration:none;padding:4px}.tools button:hover,.tools a:hover{color:white;text-decoration:underline}footer{display:flex;justify-content:space-between;margin:20px 4.5% 0;padding:13px 0 15px;border-top:1px solid #ffffff13;font:italic 11px Georgia;color:#b6beac}.mobile-page{display:none}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:10px;padding:25px;max-height:90dvh;width:min(820px,94vw);box-shadow:0 20px 100px #0008}dialog::backdrop{background:#101810c9;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-head h2{font:28px Georgia;margin:6px 0}.dialog-head .eyebrow{color:#a45136}.close{border:0;background:none;color:inherit;font-size:28px;padding:3px 12px}.dialog-head button:not(.close){border:1px solid #c9bda9;border-radius:4px;padding:4px 10px;background:none;font-size:20px}#indexGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 15px}.thumb{border:0;background:none;text-align:left;padding:0;color:var(--ink)}.thumb img{display:block;width:100%;border-radius:3px;box-shadow:0 3px 9px #0002;margin-bottom:8px}.thumb span{font-size:11px}.thumb:hover img{outline:2px solid #a45136}.zoom-dialog{padding:14px;width:min(1250px,98vw);height:94dvh;max-height:94dvh;overflow:hidden}.zoom-dialog .dialog-head{margin:0 0 10px}#zoomScroll{height:calc(100% - 74px);overflow:auto;display:flex;gap:2px;align-items:flex-start;touch-action:pan-x pan-y;overscroll-behavior:contain}#zoomScroll img{width:var(--zoomWidth,70%);flex-shrink:0;height:auto;box-shadow:0 3px 10px #0002}.zoom-help{text-align:center;font-size:10px;margin-top:8px;color:#756d61}#pageText{font-size:16px;line-height:1.75;white-space:pre-wrap;max-width:650px;margin:auto}.zoom-dialog .dialog-head>div{white-space:nowrap}
@media(max-width:700px){:root{--pageW:min(84vw,calc((100dvh - 285px)*.78947))}header{height:62px}.brand{font-size:21px}.edition{display:none}.intro{margin:16px 12px 12px}.intro h1{font-size:23px}.intro p{font-size:10px}.eyebrow{font-size:8px}.book{display:none}.mobile-page{display:block;border:0;padding:0;background:var(--paper);width:var(--pageW);height:100%;border-radius:2px 5px 5px 2px;box-shadow:7px 10px 30px #0005;transform-origin:left center;overflow:hidden}.mobile-page img{width:100%;height:100%;display:block}.mobile-page.flipping{animation:mobileTurn .48s ease-in-out}.controls{margin:13px 0 8px;gap:20px}.tools{gap:18px}footer{margin-top:15px;font-size:9px}#indexGrid{grid-template-columns:repeat(3,1fr);gap:17px 10px}dialog{padding:16px}#zoomScroll img{width:var(--zoomWidth,100%)}.zoom-dialog{padding:12px}.zoom-dialog #zoomLabel{font-size:11px}}
@keyframes mobileTurn{0%{transform:rotateY(0);opacity:1}45%{transform:rotateY(-55deg);opacity:.45}55%{transform:rotateY(40deg);opacity:.5}100%{transform:rotateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}