:root{color-scheme:light;--ink:#49362e;--accent:#733c38;--paper:#e9e2d7}*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,select{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}button:focus-visible,select:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.reader{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.reader-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #49362e20}.identity{display:flex;align-items:center;gap:15px}.monogram{font:italic 42px Georgia;letter-spacing:-4px;border-right:1px solid #49362e30;padding-right:20px}.identity strong{display:block;font-size:10px;letter-spacing:2.4px;font-weight:500}.identity div>span{display:block;font:italic 14px Georgia;margin-top:7px;color:#877b6f}.header-actions{display:flex;gap:6px}.icon{display:grid;place-items:center;border:0;background:transparent;width:44px;height:44px;border-radius:50%;font-size:32px}.icon:hover{background:#49362e0a}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;overflow:hidden;padding:14px 0;overscroll-behavior:contain}#book{display:block;flex:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab;filter:drop-shadow(6px 14px 18px #49362e12)}#book:active{cursor:grabbing}.side-note{position:absolute;left:5%;font-size:10px;line-height:1.8;letter-spacing:2px;color:#948678}.side-edition{position:absolute;right:5%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#948678}.cover-loading{text-align:center}.cover-loading span{font:italic 80px Georgia;letter-spacing:-8px}.cover-loading p{font:italic 18px Georgia}#loading{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:10px 18px;border-radius:24px;font-size:12px;background:#fffcf4ed;max-width:90%;text-align:center;width:max-content}#retry{position:absolute;top:58%;left:50%;transform:translateX(-50%);padding:12px 24px;background:#fff9ee;border:1px solid var(--accent);border-radius:25px}.reader-footer{padding:10px 24px 16px}.controls{display:flex;align-items:center;justify-content:center;gap:16px;max-width:470px;margin:auto}.arrow{width:48px;height:44px;flex:none;background:transparent;border:1px solid #49362e40;border-radius:50%;font-size:24px;transition:background .2s}.arrow:hover:enabled{background:var(--accent);color:#fff8ed}.page-info{flex:1;min-width:0;text-align:center}select{width:100%;height:44px;text-align:center;background:transparent;border:0;appearance:none;cursor:pointer;font:16px Georgia;padding:0 4px;text-overflow:ellipsis}.footer-bottom{display:flex;align-items:center;justify-content:space-between;margin:14px auto 0;max-width:1100px;min-height:36px}.text-button{background:transparent;border:0;font-size:11px;display:flex;gap:9px;align-items:center;min-height:44px}.text-button svg{width:15px;height:15px}.hint{font-size:11px;color:#817465;margin:0}.demo{font-size:8px;letter-spacing:1.6px;color:#9b8c7d}.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:0;background:#f6f0e6;color:var(--ink);padding:28px;border-radius:8px;max-width:780px;width:calc(100% - 24px);max-height:85dvh;box-shadow:0 25px 80px #21140d33}dialog::backdrop{background:#2c201c88;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--accent)}h2{font:32px Georgia;margin:12px 0 0}.thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 18px}.thumb{display:flex;flex-direction:column;gap:9px;text-align:left;border:0;background:none;padding:0;min-width:0}.thumb canvas{width:100%;height:auto;box-shadow:2px 5px 9px #49362e20;border:2px solid transparent}.thumb[aria-current=true] canvas{border-color:var(--accent)}.thumb span{font:12px Georgia;line-height:1.4}.thumb small{font:9px Arial;color:var(--accent)}.credit{font-size:10px;color:#877b6f;margin:30px 0 0}.credit a{color:inherit}#toast{position:fixed;bottom:130px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff8ed;border-radius:24px;padding:12px 20px;font-size:12px;max-width:90%;width:max-content;text-align:center;z-index:5}@media(max-width:700px){.reader-header{height:65px;padding:0 18px}.monogram{font-size:35px;padding-right:14px}.identity{gap:11px}.identity strong{font-size:8px;letter-spacing:1.8px}.identity div>span{font-size:12px}.header-actions{gap:0}.stage{padding:0}.side-note,.side-edition{display:none}.reader-footer{padding:4px 16px 8px}.controls{gap:10px}select{font-size:14px}.footer-bottom{margin-top:3px}.demo{display:none}.hint{font-size:10px}.thumbnails{grid-template-columns:repeat(2,1fr)}dialog{padding:22px}h2{font-size:27px}}@media(max-height:500px){.reader-header{height:44px}.identity div>span,.footer-bottom,.side-note{display:none}.monogram{font-size:29px}.reader-footer{padding:2px 16px}.stage{padding:0}.arrow,select{height:38px}.icon{height:40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:1050px){.side-note,.side-edition{display:none}}