html,body,#app{margin:0;min-height:100%;background:#fff}img{display:block;max-width:100%;height:auto}.cover{position:relative;min-height:100vh;min-height:100dvh}.cover-image{display:block;width:fit-content;max-width:100%;margin:0 auto}.cover-image img{max-height:100vh;max-height:100dvh;width:auto;max-width:100%}.cover-open{position:absolute;right:24px;bottom:72px;animation:open-prompt 2.2s ease-in-out infinite}.cover-open span{margin-left:6px}@keyframes open-prompt{0%,76%,to{transform:translateY(0)}86%{transform:translateY(-4px)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:16px}.grid img{width:100%}.pages img{width:100%;max-width:850px;margin:0 auto}.card-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;max-width:850px;margin:0 auto;padding:18px 16px 22px}.card-controls__back{grid-column:1;justify-self:start}.card-controls__pages{grid-column:2;display:flex;gap:10px}.card-controls a,.cover-open{display:inline-block;padding:8px 12px;border:2px solid #111;box-shadow:3px 3px #111;background:#fff;color:#111;font:700 14px/1.2 monospace;text-decoration:none}.card-controls a:hover,.card-controls a:active{transform:translate(3px,3px);box-shadow:none}.cover-open:hover,.cover-open:active{animation:none;transform:translate(3px,3px);box-shadow:none}.card-controls a:focus-visible,.cover-open:focus-visible{outline:2px solid #111;outline-offset:5px}@media(prefers-reduced-motion:reduce){.cover-open{animation:none}}@media(max-width:400px){.card-controls{row-gap:12px}.card-controls__pages{grid-column:1 / -1;grid-row:2;justify-self:center}}