:root{color-scheme:dark;--ink:#171a1c;--paper:#f6f4f0;--accent:#e3a080;--muted:#a9afb0;--pw:400px;--ph:518px;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.25;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{touch-action:manipulation}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}a{color:inherit;text-decoration:none}
.masthead{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #ffffff12;gap:20px}.identity{display:flex;align-items:center;gap:24px}.monogram{font-size:22px;letter-spacing:-1px;color:var(--accent);border-right:1px solid #ffffff25;padding-right:24px;font-weight:600}h1{font-size:18px;letter-spacing:.15px;margin:0 0 7px;font-weight:500}.identity p{font-size:13px;margin:0;color:var(--muted)}.download{display:flex;align-items:center;gap:10px;font-size:14px;min-height:44px}.download:hover{color:var(--accent)}
.reader{height:calc(100dvh - 88px);display:flex;flex-direction:column}.stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:2600px;touch-action:pan-y;background:radial-gradient(ellipse at 50% 48%,#353839 0,#24282a 45%,#171a1c 78%)}
.book{width:calc(var(--pw)*2);height:var(--ph);position:relative;transform-style:preserve-3d;transform:translateX(calc(var(--pw)*-.5));transition:transform .85s cubic-bezier(.22,.68,.2,1);flex-shrink:0}.book.open{transform:translateX(0)}.book.closed-back{transform:translateX(calc(var(--pw)*.5))}.sheet{position:absolute;left:50%;top:0;width:var(--pw);height:100%;transform-origin:0 50%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,.68,.2,1);cursor:pointer;will-change:transform}.sheet.flipped{transform:rotateY(-180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;box-shadow:2px 3px 2px #0005,0 16px 35px #0006;overflow:hidden}.face.back{transform:rotateY(180deg)}.face img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.crease{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0002,transparent 3%,transparent 98%,#0001)}.back .crease{background:linear-gradient(270deg,#0002,transparent 3%,transparent 98%,#0001)}.mobile-book{display:none}.side{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #ffffff28;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#202426b3;z-index:15;transition:background .2s,color .2s}.side:not(:disabled):hover{background:var(--accent);color:#171a1c;border-color:var(--accent)}.previous{left:32px}.next{right:32px}
.reading-hint{text-align:center;font-size:13px;color:var(--muted);padding:7px 16px 18px}.toolbar{height:80px;min-height:80px;border-top:1px solid #ffffff15;margin:0 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.brand{display:flex;flex-direction:column;gap:6px}.brand>span:first-child{font-size:12px;letter-spacing:2px;font-weight:600}.brand-note{font-size:12px;color:var(--muted)}.pagination,.tools{display:flex;gap:8px;align-items:center}.tools{justify-self:end}.icon-button{height:44px;min-width:44px;background:transparent;border:0;border-radius:6px;display:grid;place-items:center;font-size:24px}.icon-button:not(:disabled):hover{background:#ffffff0c;color:var(--accent)}.page-status{border:0;background:transparent;padding:12px 6px;min-width:116px;font-size:14px}.page-total{color:#929b9e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{border:1px solid #ffffff25;border-radius:12px;background:#202527;color:var(--paper);padding:0;width:min(920px,94vw);max-width:94vw;max-height:94dvh;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#090c10cc;backdrop-filter:blur(6px)}.dialog-heading{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1a;gap:12px}h2{font-size:17px;font-weight:500;margin:0}.thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px}.thumbnails button{padding:7px;border:1px solid transparent;background:transparent;border-radius:5px}.thumbnails button:hover,.thumbnails button[aria-current=true]{border-color:var(--accent);background:#ffffff08}.thumbnails img{width:100%;display:block;aspect-ratio:612/792;object-fit:contain;background:white}.thumbnails span{display:flex;gap:10px;font-size:13px;color:var(--accent);padding:12px 0 3px;text-align:left}.thumbnails b{font-weight:400;color:var(--paper)}.zoom-dialog{width:96vw;max-width:96vw;height:94dvh;max-height:94dvh}.zoom-dialog .dialog-heading{height:76px}.zoom-controls{display:flex;align-items:center;gap:6px}#zoom-level{width:52px;text-align:center;font-size:14px;color:var(--muted)}.zoom-scroll{height:calc(100% - 76px);overflow:auto;padding:28px;touch-action:pan-x pan-y}.zoom-pages{display:flex;align-items:flex-start;width:max-content;margin:0 auto;box-shadow:0 15px 45px #0005}.zoom-pages img{display:block;height:auto;max-width:none}.toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#f6f4f0;color:#171a1c;padding:12px 18px;border-radius:6px;max-width:90vw;font-size:14px;opacity:0;pointer-events:none;z-index:100}.toast.visible{opacity:1}
@media(max-width:699px){.masthead{height:76px;padding:0 18px;gap:12px}.identity{gap:0}.monogram{display:none}h1{font-size:17px;margin-bottom:6px}.identity p{font-size:12px}.download{width:44px;justify-content:center}.download span{display:none}.reader{height:calc(100dvh - 76px)}.book{display:none}.mobile-book{display:block;width:var(--pw);height:var(--ph);box-shadow:0 15px 45px #0009;perspective:1000px}.mobile-book img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.side{display:none}.toolbar{height:74px;min-height:74px;margin:0 14px;grid-template-columns:1fr auto;gap:4px}.brand{display:none}.pagination{justify-self:start;gap:0}.tools{gap:0}.page-status{min-width:80px;font-size:13px}.icon-button{min-width:42px;width:42px}.reading-hint{padding:6px 12px 14px;font-size:12px}.thumbnails{grid-template-columns:repeat(2,1fr);padding:18px;gap:12px}.dialog-heading{padding:12px 16px}.zoom-scroll{padding:16px}.zoom-controls{gap:0}.zoom-dialog h2{font-size:15px}}
@media(max-height:520px){.masthead{height:60px}.reader{height:calc(100dvh - 60px)}.toolbar{height:58px;min-height:58px}.reading-hint{display:none}.brand-note{display:none}}
@media(prefers-reduced-motion:reduce){.book,.sheet{transition:none!important}*{scroll-behavior:auto!important}}