.comic-catalog-page{background:var(--comic-paper);height:100dvh;color:var(--comic-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-overflow-scrolling:touch;overflow-y:auto}.comic-route-error{padding:calc(env(safe-area-inset-top) + 24px) 24px calc(env(safe-area-inset-bottom) + 24px);text-align:center;align-content:center;justify-items:center;gap:20px;display:grid}.comic-route-error h1{font:400 clamp(24px, 5vw, 32px)/1.25 var(--comic-serif);margin:0}.comic-route-error nav{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.comic-route-error a{text-decoration:none}.comic-browse-header{width:min(100%,86rem);padding:calc(env(safe-area-inset-top) + 18px) clamp(14px, 3vw, 32px) 14px;border-bottom:1px solid var(--comic-line,#c7beaa);color:var(--comic-ink,#221f19);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.comic-browse-breadcrumb{align-items:center;gap:7px;min-width:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,2vw,23px);line-height:1.2;display:flex}.comic-browse-tools{flex-shrink:0;align-items:center;gap:4px;display:flex}.comic-browse-pencil{width:19px;height:19px;display:block}.comic-bible-mark{flex-shrink:0;width:30px;height:30px;display:block}.comic-browse-separator{opacity:.5;flex-shrink:0;width:14px;height:14px}.comic-browse-book{pointer-events:auto;overflow-wrap:anywhere;min-width:0;min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--comic-book-accent);text-decoration-color:var(--comic-book-accent);text-underline-offset:6px;align-items:center;padding:6px 0;text-decoration-thickness:2px;display:flex}.comic-browse-chapter{font-variant-numeric:tabular-nums}.comic-browse-settings{font-family:var(--comic-lettering,Georgia, "Times New Roman", serif);font-size:22px;line-height:1}.comic-catalog-main{width:min(100%,86rem);padding:28px clamp(14px, 3vw, 32px) calc(env(safe-area-inset-bottom) + 32px);margin:0 auto}.comic-books-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px;display:grid}.comic-book-cell,.comic-chapter-cell{border:1px solid var(--comic-ink);background:var(--comic-book-paper,var(--comic-caption));min-width:44px;min-height:44px;color:var(--comic-ink);text-align:center;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-weight:400;text-decoration:none;display:flex}.comic-book-cell{text-wrap:balance;min-height:82px;padding:16px 12px;font-size:19px;line-height:1.2}.comic-book-abbreviation{display:none}.comic-chapters-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:9px;max-width:880px;display:grid}.comic-chapter-cell{aspect-ratio:1;font-variant-numeric:tabular-nums;font-size:25px;line-height:1}.comic-browse-action:focus-visible,.comic-browse-book:focus-visible,.comic-book-cell:focus-visible,.comic-chapter-cell:focus-visible{outline:2px solid var(--comic-ink,#221f19);outline-offset:4px}@media (hover:hover){.comic-browse-action:hover,.comic-browse-book:hover{opacity:.65}.comic-book-cell:hover,.comic-chapter-cell:hover{background:color-mix(in srgb, var(--comic-book-paper,var(--comic-caption)) 85%, var(--comic-paper));box-shadow:2px 2px 0 var(--comic-ink)}}@media (width<=460px){.comic-browse-header{padding-top:calc(env(safe-area-inset-top) + 10px);padding-bottom:10px}.comic-catalog-main{padding-top:20px}}@media (width<=640px){.comic-catalog-page--books{flex-direction:column;display:flex}.comic-catalog-page--books .comic-browse-header{flex-shrink:0}.comic-books{min-height:min-content;padding:14px clamp(14px, 3vw, 32px) calc(env(safe-area-inset-bottom) + 14px);flex:1;display:flex}.comic-books-grid{flex:1;grid-template-rows:repeat(11,minmax(44px,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.comic-book-cell{min-height:44px;padding:6px 1px;font-size:clamp(12px,3.8vw,16px);line-height:1}.comic-book-name{display:none}.comic-book-abbreviation{white-space:nowrap;display:inline}}.comic-reading-settings{top:calc(env(safe-area-inset-top) + 74px);z-index:60;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 100px);overscroll-behavior:contain;border:1px solid var(--comic-ink);background:var(--comic-paper);color:var(--comic-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-shadow:var(--comic-shadow);gap:8px;padding:10px;display:grid;position:fixed;right:max(16px,50vw - 43rem + 32px);overflow-y:auto}.comic-reading-settings--reader{top:auto;bottom:calc(env(safe-area-inset-bottom) + 76px);left:50%;right:auto;transform:translate(-50%)}.comic-setting-row{gap:6px;display:flex}.comic-setting-row+.comic-setting-row{border-top:1px solid var(--comic-line);padding-top:8px}.comic-setting-row button{border:1px solid var(--comic-ink);background:var(--comic-caption);min-width:44px;min-height:44px;color:var(--comic-ink);font:400 22px/1 var(--comic-lettering);cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:8px;display:inline-flex}.comic-setting-row button[aria-pressed=true]{background:var(--comic-ink);color:var(--comic-caption)}.comic-setting-row button:focus-visible{outline:2px solid var(--comic-ink);outline-offset:3px}.comic-setting-row button:disabled{opacity:.35;cursor:default}.comic-setting-row .comic-font-option--serif{font-family:Georgia,Times New Roman,serif}.comic-setting-row--size{grid-template-columns:44px minmax(0,1fr) 44px;display:grid}.comic-setting-row .comic-text-size-reset{font-variant-numeric:tabular-nums;font:400 16px/1 Georgia,Times New Roman,serif}