@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500&display=swap');

:root{color-scheme:dark;--reader-ground:#000;--reader-surface:#120d08;--reader-ink:#f3c289;--reader-muted:#c7ad94;--reader-gold:#d0a981;--reader-line:rgb(208 169 129 / .34)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100dvh;background:radial-gradient(circle at 50% 0,rgb(208 169 129 / .11),transparent 34rem),var(--reader-ground);color:var(--reader-ink);font:400 14px/1.4 Jost,Arial,sans-serif}.skip-link{position:fixed;z-index:10;top:-5rem;left:1rem;background:#fff;color:#000;padding:.8rem}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid #f3c289;outline-offset:3px}.menu-reader{min-height:100dvh;display:grid;place-items:center;padding:24px 24px 84px}.menu-book{position:relative;width:min(100%,1180px);aspect-ratio:820/540;overflow:hidden;border:1px solid var(--reader-line);background:var(--reader-surface);box-shadow:0 24px 70px rgb(0 0 0 / .62),0 0 0 1px rgb(255 255 255 / .03);outline:none;touch-action:pan-y;cursor:grab}.menu-book:focus-visible{outline:3px solid #f3c289;outline-offset:5px}.menu-book.is-turning{cursor:grabbing}.menu-book.is-turning canvas{animation:menu-page-turn .46s cubic-bezier(.2,.72,.2,1)}.menu-book.is-turning.to-previous canvas{transform-origin:left center;animation-name:menu-page-turn-previous}.menu-book canvas{display:block;width:100%;height:100%;background:#000}.menu-status{position:absolute;inset:0;display:grid;place-items:center;margin:0;background:#000;color:var(--reader-muted);letter-spacing:.05em}.menu-status[hidden]{display:none}.menu-jumps{position:fixed;z-index:3;bottom:20px;left:50%;display:flex;align-items:center;gap:8px;transform:translateX(-50%)}.menu-jumps button,.menu-counter{min-height:44px;padding:7px 13px;border:1px solid var(--reader-line);border-radius:999px;background:rgb(18 13 8 / .88);color:var(--reader-ink);font:500 .8rem/1 Jost,Arial,sans-serif;letter-spacing:.02em;backdrop-filter:blur(8px)}.menu-jumps button{min-width:52px;cursor:pointer;transition:background .16s ease,border-color .16s ease,opacity .16s ease}.menu-jumps button:hover:not(:disabled){border-color:rgb(243 194 137 / .7);background:#27180d}.menu-jumps button:focus-visible{outline:3px solid #f3c289;outline-offset:3px}.menu-jumps button:disabled{opacity:.34;cursor:default}.menu-counter{display:inline-flex;align-items:center;color:var(--reader-muted);font-weight:400}.menu-fallback{position:fixed;bottom:8px;left:0;right:0;margin:0;text-align:center;font:12px/1.4 Jost,Arial,sans-serif}.menu-fallback a{color:var(--reader-gold)}@keyframes menu-page-turn{0%{clip-path:inset(0 0 0 0);filter:brightness(1)}48%{clip-path:inset(0 46% 0 0);filter:brightness(.84)}100%{clip-path:inset(0 0 0 0);filter:brightness(1)}}@keyframes menu-page-turn-previous{0%{clip-path:inset(0 0 0 0);filter:brightness(1)}48%{clip-path:inset(0 0 0 46%);filter:brightness(.84)}100%{clip-path:inset(0 0 0 0);filter:brightness(1)}}@media(min-width:768px){.menu-reader{padding:32px 48px 76px}.menu-book{width:min(100%,calc(100dvh * 1.519),1280px)}}@media(max-width:640px){.menu-reader{padding:18px 12px 74px}.menu-jumps{bottom:13px;gap:4px}.menu-jumps button,.menu-counter{padding:7px 10px}.menu-jumps button{min-width:0}}@media(max-width:400px){.menu-counter{display:none}}@media(prefers-reduced-motion:reduce){.menu-book.is-turning canvas{animation:none}.menu-jumps button{transition:none}}