:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#090b0e;color:#e6e7eb;--line:#363b44;--fire:#ffae69}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#28303b 0,transparent 65%),#090b0e;min-height:100vh}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--fire)}button,input{font:inherit}button{cursor:pointer;border:1px solid #555e6b;border-radius:7px;padding:10px 15px;background:linear-gradient(#343a44,#20242c);color:#f4f3f1;min-height:42px}button:hover:enabled{border-color:var(--fire)}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:2px solid var(--fire);outline-offset:4px}[hidden]{display:none!important}.reader-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 4vw;border-bottom:1px solid var(--line);background:#101319cc}.reader-header h1{font-family:Georgia,serif;font-size:clamp(22px,2.4vw,34px);font-weight:normal;margin:5px 0}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#aeb6c1;margin:0}.reader-header nav{display:flex;gap:20px;font-size:13px}.back{font-size:13px;text-decoration:none}.reader-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px;padding:17px 20px}.reader-controls p{min-width:145px;text-align:center;margin:0;font-size:13px}.reader-controls form{display:flex;align-items:center;gap:9px;margin-left:16px;font-size:12px}.reader-controls input{width:64px;min-height:42px;background:#171b22;border:1px solid #555e6b;color:#fff;border-radius:6px;padding:8px}.book-viewport{overflow:auto;padding:15px 4vw 25px;touch-action:pan-x pan-y;outline-offset:-3px}.spread{display:flex;align-items:stretch;justify-content:center;width:max-content;max-width:100%;margin:0 auto;box-shadow:0 20px 45px #0009;border:1px solid #c8c5bc;background:#e9e5db}.book-page{position:relative;margin:0;flex:1 1 0;min-width:0;background:#f9f8f4}.book-page img{display:block;width:100%;height:100%;max-height:calc(100vh - 255px);object-fit:contain;max-width:44vw}.spread.single .book-page img{max-width:88vw}.spread.pair .book-page:first-child:after{content:"";position:absolute;pointer-events:none;right:0;top:0;bottom:0;width:18px;background:linear-gradient(90deg,transparent,#0002)}.spread.pair .book-page:last-child:before{content:"";position:absolute;pointer-events:none;left:0;top:0;bottom:0;width:18px;background:linear-gradient(90deg,#0002,transparent)}.book-page figcaption{position:absolute;bottom:5px;right:7px;font-size:10px;background:#13161cbb;color:white;padding:3px 5px;border-radius:3px;opacity:0}.book-page:hover figcaption{opacity:1}.book-viewport.enlarged .spread{max-width:none}.book-viewport.enlarged .book-page img{max-width:none;max-height:none;width:900px;height:auto}.reader-note,.reader-credit{text-align:center;font-size:12px;color:#b5bdc7;line-height:1.6;padding:0 20px;margin:5px auto 12px}.reader-credit{font-size:11px;color:#919aa7;max-width:760px}.page-error{max-width:300px;padding:30px}.turning{animation:page-in .2s ease-out}@keyframes page-in{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.turning{animation:none}}@media(max-width:720px){.reader-header{align-items:flex-start;flex-wrap:wrap;gap:14px;padding:16px 20px}.reader-header .back{width:100%}.reader-header nav{font-size:12px;gap:12px}.reader-header h1{font-size:23px}.reader-controls{gap:8px;padding:12px 8px}.reader-controls p{min-width:125px}.reader-controls form{margin-left:0}.reader-controls button{padding:9px 12px}.reader-controls form label{font-size:11px}.book-viewport{padding:10px 10px 20px}.book-page img,.spread.single .book-page img{max-width:94vw;max-height:none}.book-viewport.enlarged .book-page img{width:850px}.reader-credit{font-size:10px}}