:root{color-scheme:dark;font-family:Arial,sans-serif;background:#171717;color:#eee}body{margin:0}a{color:inherit}header{max-width:1200px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}h1{font-weight:400;margin:0}.book-gallery{max-width:1200px;margin:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.book-gallery img{width:100%;height:auto;display:block}.book-gallery a:focus-visible,button:focus-visible{outline:3px solid #f4c977;outline-offset:4px}dialog{border:0;padding:0;background:#111;color:white;width:96vw;max-width:1400px;height:94dvh;max-height:94dvh}dialog::backdrop{background:#000e}dialog[open]{display:flex;align-items:center;justify-content:center}dialog img{max-width:85%;max-height:85%;object-fit:contain}dialog button{position:absolute;background:#222c;border:1px solid #888;color:white;font-size:36px;cursor:pointer;padding:8px 16px}.close{right:8px;top:8px}.previous{left:8px}.next{right:8px}dialog p{position:absolute;bottom:0;text-align:center}@media(max-width:600px){header{padding:16px}.book-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}dialog button{font-size:28px;padding:8px}.book-gallery img{height:auto}}