:root{--ink:#e7e8de;--muted:#b8bfb4;--accent:#c8d8d9;--desk:#282e29;font-family:Arial,sans-serif;color:var(--ink);background:var(--desk);color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow:hidden;background:var(--desk);isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-1;background:url('assets/paper/felt.webp') repeat;background-size:460px;opacity:.07;pointer-events:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none;min-width:44px;min-height:44px;touch-action:manipulation}button:disabled{opacity:.25;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover:not(:disabled){color:var(--accent)}a{color:inherit;text-decoration:none}.top{position:fixed;top:0;left:0;right:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:21px 36px;gap:16px}.brand{font:20px/1.25 Georgia,serif;letter-spacing:-.5px}.brand h1{font:inherit;margin:0;white-space:nowrap}.brand em{color:var(--accent);font-weight:400}#overview{padding:10px}#overview svg{width:19px;height:19px;display:block}#reader{position:fixed;inset:85px 18px 110px}#stage{position:absolute;inset:0;touch-action:pan-y pinch-zoom;user-select:none}#stage canvas{display:block;width:100%;height:100%;outline:none}#coverPoster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:30px}#coverPoster[hidden]{display:none}.open{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);font-size:14px;letter-spacing:.3px;white-space:nowrap;padding:10px 20px;background:none;color:var(--ink)}.open[hidden]{display:none}.dock{position:fixed;bottom:47px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;z-index:4}.arrow{font:26px Georgia,serif;width:48px}.dock #chapter{min-width:90px;padding:0 12px}#label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#counter{font-size:13px;color:var(--muted);letter-spacing:.7px}.foot{position:fixed;bottom:18px;left:20px;right:20px;text-align:center;font-size:13px;color:var(--muted)}.loader{position:fixed;bottom:125px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:10px;white-space:nowrap;pointer-events:none;z-index:3;font-size:13px;color:var(--muted)}.loader.done{display:none}.loader button{pointer-events:auto}.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{color:var(--ink);background:#2c332d;border:0;padding:26px 30px;max-height:90svh;max-width:1100px;width:calc(100% - 48px)}dialog::backdrop{background:#10160ee8}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.dialog-top h2{font:italic 28px Georgia,serif;margin:0}.dialog-top button{font-size:14px}#thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 22px}.moment{display:flex;flex-direction:column;gap:12px;text-align:left;padding:0}.moment img{display:block;width:100%;aspect-ratio:1.5;object-fit:contain;background:#232a24}.moment span{font-size:14px;line-height:1.3}.moment[aria-current=true] span{color:var(--accent)}#flat{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;touch-action:pan-y pinch-zoom;user-select:none}#flat[hidden]{display:none}#flat img{width:50%;max-height:100%;object-fit:contain}#flat.single img{width:auto;max-width:90%;height:95%}.noscript{position:fixed;top:30%;left:10%;right:10%;text-align:center}.noscript a{text-decoration:underline}
@media(min-width:1500px){#reader{inset:90px 60px 115px}}@media(max-width:700px){.top{padding:16px 20px}.brand{font-size:17px}#reader{inset:75px 5px 115px}.dock{bottom:51px;gap:14px}.open{bottom:calc(50% - 255px)}#thumbnails{grid-template-columns:repeat(2,1fr);gap:22px 14px}dialog{padding:20px;width:calc(100% - 24px)}.dialog-top h2{font-size:25px}.foot{bottom:17px}}
@media(max-height:590px){.top{padding:9px 22px}#reader{inset:52px 25px 77px}.dock{bottom:15px}.foot{display:none}.open{bottom:-18px}#counter{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}