:root{color-scheme:light;--reader-ground:#f2f0ec;--reader-ink:#343534;--reader-line:rgba(52,53,52,.18)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100dvh;background:var(--reader-ground);color:var(--reader-ink);font:500 13px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.menu-reader{min-height:100dvh;display:grid;place-items:center;padding:24px 32px 68px}.menu-book{position:relative;width:min(100%,1180px);aspect-ratio:841.89/595.276;background:#fff;box-shadow:0 18px 52px rgba(30,31,29,.13);outline:none;overflow:hidden;touch-action:pan-y;cursor:grab}.menu-book:focus-visible{outline:2px solid #4f8061;outline-offset:5px}.menu-book::before,.menu-book::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:18%;opacity:0;transition:opacity .16s ease;pointer-events:none}.menu-book::before{left:0;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent)}.menu-book::after{right:0;background:linear-gradient(270deg,rgba(0,0,0,.08),transparent)}.menu-book:hover::before,.menu-book:hover::after{opacity:1}.menu-book.is-turning{cursor:grabbing}.menu-book.is-turning img{animation:page-turn .46s cubic-bezier(.2,.72,.2,1)}.menu-book.is-turning.to-previous img{transform-origin:left center;animation-name:page-turn-previous}.menu-book img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;user-select:none;-webkit-user-drag:none}.menu-jumps{position:fixed;z-index:3;bottom:20px;left:50%;display:flex;gap:8px;transform:translateX(-50%)}.menu-jumps button{min-width:52px;min-height:44px;padding:7px 13px;border:1px solid var(--reader-line);border-radius:999px;background:rgba(242,240,236,.84);color:var(--reader-ink);font:inherit;letter-spacing:.01em;cursor:pointer;backdrop-filter:blur(8px);transition:background .16s ease,border-color .16s ease,opacity .16s ease}.menu-jumps button:hover:not(:disabled){border-color:rgba(52,53,52,.42);background:#fff}.menu-jumps button:focus-visible{outline:2px solid #4f8061;outline-offset:3px}.menu-jumps button:disabled{opacity:.34;cursor:default}.menu-fallback{position:fixed;bottom:8px;left:0;right:0;margin:0;text-align:center;font:12px/1.4 system-ui,sans-serif}.menu-fallback a{color:inherit}@keyframes page-turn{0%{clip-path:inset(0 0 0 0);filter:brightness(1)}48%{clip-path:inset(0 46% 0 0);filter:brightness(.9)}100%{clip-path:inset(0 0 0 0);filter:brightness(1)}}@keyframes page-turn-previous{0%{clip-path:inset(0 0 0 0);filter:brightness(1)}48%{clip-path:inset(0 0 0 46%);filter:brightness(.9)}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.414),1280px)}}@media (max-width:480px){.menu-reader{padding:18px 12px 66px}.menu-jumps{bottom:13px}}@media (prefers-reduced-motion:reduce){.menu-book.is-turning img{animation:none}.menu-book::before,.menu-book::after,.menu-jumps button{transition:none}}