@font-face{font-family:DM Sans;src:url(/assets/fonts/dm-sans.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Fraunces;src:url(/assets/fonts/fraunces.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{color:#204a36;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#f4f2e8;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:clip}body{overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #88678d}[hidden]{display:none!important}#reader{width:100%;height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:minmax(0,1fr) auto;display:grid;overflow:clip}#stage{touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;min-width:0;min-height:0;position:relative;overflow:clip}#catalogue-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}#book-bounds{pointer-events:none;position:absolute}.page-bounds{width:50%;height:100%;position:absolute;top:0}#left-page{left:0}#right-page{right:0}#stage[data-edge=next],#stage[data-edge=previous]{cursor:grab}#stage[data-state=dragging]{cursor:grabbing}#fallback{pointer-events:none;display:flex;position:absolute}#fallback canvas{width:50%;min-width:0;height:100%;display:block}#fallback:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 48.8%,#183f321a 50%,#0000 51.2%);position:absolute;inset:0}#page-links{pointer-events:none;position:absolute;inset:0}.page-link{pointer-events:auto;-webkit-user-select:auto;user-select:auto;touch-action:manipulation;display:block;position:absolute}.page-link:hover{background:#214c3908}.page-link:focus-visible{outline-offset:1px}.reading-controls{color:#f3f0df;background:#183b2e;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:48px;padding:0 24px;display:grid;position:relative}.reading-controls nav{grid-column:2;align-items:center;gap:12px;display:flex}.reading-controls button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.reading-controls button:hover:not(:disabled){background:#ffffff18}.reading-controls button:disabled{opacity:.25;cursor:default}.reading-controls svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;width:22px;height:22px}#page-indicator{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.08em;min-width:84px;font-size:12px;font-weight:500}#gesture-help,#orientation-hint{color:#d9e1d5;margin:0;font-size:10px;line-height:1.4}#orientation-hint{text-align:right;visibility:hidden}#loading-message{pointer-events:none;text-align:center;z-index:3;background:#f4f2e8;place-items:center;margin:0;padding:24px;font-size:14px;display:grid;position:absolute;inset:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:800px){.reading-controls{grid-template-columns:1fr auto 1fr;gap:4px;padding:0 8px}.reading-controls nav{grid-column:2;gap:0}#gesture-help{display:none}#orientation-hint{max-width:100px;font-size:8px}}@media (max-width:800px) and (orientation:portrait){#orientation-hint{visibility:visible}}@media (max-height:450px){.reading-controls{height:44px;padding:0 8px}#orientation-hint,#gesture-help{display:none}}