@font-face{font-family:SacroText;src:url('/assets/fonts/body.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:SacroText;src:url('/assets/fonts/body-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#1b1a17;--paper:#fffdf8;--red:#a93627;--line:#d9d5cb}*{box-sizing:border-box}html,body{margin:0;height:100%;color:var(--ink);background:#eeece5;font:16px/1.5 SacroText,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:80px;padding:12px clamp(16px,4.5vw,64px);background:var(--paper);border-bottom:1px solid var(--line)}header a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 4px;color:var(--ink);font-weight:700;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}header a:hover{color:var(--red)}header svg{width:24px;height:24px;flex:none}.toolbar{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:2;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:4px}.toolbar>div{display:flex;align-items:center;gap:2px}button{min-width:48px;min-height:48px;padding:8px;border:0;border-radius:2px;background:transparent;color:var(--ink);font:400 22px/1 SacroText,sans-serif;cursor:pointer}button#fit{font-size:14px;font-weight:700;min-width:52px}button:hover{background:#eeece5}button:disabled{color:#8d8981;cursor:default}#viewer{overflow:auto;height:calc(100dvh - 80px);padding:24px 24px 112px;overscroll-behavior:contain}#pages{width:min(100%,900px);margin:auto}#pages img{display:block;width:100%;height:auto;background:#fff;margin:0 auto 18px}#error{text-align:center;padding:32px}#error a{color:var(--red)}:focus-visible{outline:2px solid var(--red);outline-offset:4px}a:focus:not(:focus-visible){outline:none}@media(max-width:600px){header{padding:12px 20px}#viewer{padding:16px 8px 112px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
