.browse-presets{display:flex;gap:.45rem;overflow-x:auto;padding:.2rem 0 .8rem;scrollbar-width:thin}.browse-presets a{flex:none;text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:.38rem .65rem;background:var(--surface);font-size:.78rem;font-weight:750}.browse-presets a[aria-current=page],.browse-presets a:hover{border-color:var(--accent);color:var(--accent-dark)}
.advanced-browse{grid-template-columns:minmax(13rem,1.6fr) repeat(3,minmax(8rem,1fr)) auto auto}.advanced-filter-panel{grid-column:1/-1;border-top:1px solid var(--border);padding-top:.65rem}.advanced-filter-panel summary{cursor:pointer;color:var(--accent-dark);font-weight:850}.genre-filter-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.75rem}.genre-filter-columns fieldset,.genre-mode{min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:.7rem}.genre-filter-columns legend,.genre-mode legend{font-weight:850}.genre-filter-columns fieldset>p{font-size:.72rem;color:var(--muted);margin:.1rem 0 .5rem}.genre-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;max-height:12rem;overflow:auto}.genre-checks label,.genre-mode label{display:flex;align-items:center;gap:.35rem;font-size:.76rem;color:var(--text);font-weight:500}.genre-mode{display:flex;gap:1rem;margin-top:.65rem}.letter-bar{display:flex;gap:.25rem;overflow-x:auto;padding:.2rem 0 .8rem}.letter-bar a{flex:0 0 2rem;text-align:center;text-decoration:none;border:1px solid var(--border);border-radius:.3rem;background:var(--surface);padding:.35rem .15rem;font-size:.78rem}.letter-bar a:first-child{flex-basis:2.8rem}.letter-bar a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:#fff}.filter-chips{display:flex;gap:.4rem;overflow-x:auto;padding:.2rem 0 .65rem}.filter-chips a{flex:none;text-decoration:none;background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;padding:.3rem .58rem;font-size:.75rem}.filter-chips .excluded{border-color:var(--danger);color:var(--danger)}.filter-chips .reset-chip{background:var(--accent);color:#fff;border-color:var(--accent)}.result-summary{margin:.15rem 0 .9rem;color:var(--muted);font-size:.82rem}
.continue-reading[hidden]{display:none}.continue-reading .section-heading button,.continue-actions button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.4rem;padding:.42rem .62rem;cursor:pointer}.continue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.continue-card{display:grid;grid-template-columns:4.5rem 1fr;gap:.7rem;min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:.65rem;background:var(--surface)}.continue-card img{width:4.5rem;height:6.35rem;object-fit:cover;border-radius:.3rem}.continue-card h3{font-size:.9rem;line-height:1.25;margin:.1rem 0}.continue-card p{font-size:.72rem;color:var(--muted);margin:.35rem 0}.continue-actions{display:flex;gap:.4rem;align-items:center}.continue-actions a{background:var(--accent);color:#fff;border-radius:.35rem;padding:.38rem .55rem;text-decoration:none;font-size:.75rem;font-weight:800}.continue-actions button{font-size:.72rem}
.reader-toolbar{position:relative;transition:transform .15s ease}.reader-root[data-reader-toolbar=sticky] .reader-toolbar,.reader-root[data-reader-toolbar=auto-hide] .reader-toolbar{position:sticky;top:4.15rem;z-index:14;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.reader-root[data-reader-toolbar=auto-hide] .reader-toolbar.is-hidden{transform:translateY(calc(-100% - 5rem))}.reader-settings{padding:.55rem .75rem;border-bottom:1px solid var(--border)}.reader-settings summary{cursor:pointer;color:var(--accent-dark);font-weight:850}.reader-settings-panel{display:grid;grid-template-columns:repeat(5,minmax(8rem,1fr));gap:.65rem;padding-top:.7rem}.reader-settings-panel label{display:grid;gap:.2rem;font-size:.72rem;color:var(--muted);font-weight:700}.reader-settings-panel .toggle-label{display:flex;align-items:center;gap:.35rem;color:var(--text)}.keyboard-help,.storage-note{font-size:.72rem;color:var(--muted);margin:.2rem 0}.reader-setting-actions{display:flex;gap:.4rem}.reader-setting-actions button,.resume-prompt button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.35rem;padding:.45rem .6rem;cursor:pointer}.storage-note{grid-column:1/-1}.reader-progress{position:fixed;left:0;right:0;top:0;height:.25rem;background:transparent;z-index:40}.reader-progress span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.reader-progress output{position:absolute;right:.35rem;top:.35rem;background:var(--surface);color:var(--text);border-radius:.25rem;padding:.1rem .3rem;font-size:.65rem}.resume-prompt{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-bottom:.65rem;padding:.65rem;border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface)}.resume-prompt[hidden]{display:none}.resume-prompt p{margin:0;font-weight:800}.reader-root[data-reader-width=fit] .reader-pages figure{max-width:none}.reader-root[data-reader-width=comfortable] .reader-pages figure{max-width:60rem}.reader-root[data-reader-width=wide] .reader-pages figure{max-width:90rem}.reader-root[data-reader-width=original] .reader-pages figure{max-width:75rem}.reader-root[data-reader-spacing=none] .reader-pages figure{margin-bottom:0}.reader-root[data-reader-spacing=small] .reader-pages figure{margin-bottom:.35rem}.reader-root[data-reader-spacing=medium] .reader-pages figure{margin-bottom:1rem}.reader-root[data-reader-background=theme] .reader-pages{background:var(--theme-reader-background)}.reader-root[data-reader-background=black] .reader-pages{background:#080808}.reader-root[data-reader-background=charcoal] .reader-pages{background:#292929}.reader-root[data-reader-background=light] .reader-pages{background:#ece9e2}.reader-complete [data-scroll-top]{opacity:0;pointer-events:none;position:fixed;right:1rem;bottom:1rem;z-index:15;box-shadow:var(--shadow)}.reader-complete [data-scroll-top].is-visible{opacity:1;pointer-events:auto}
@media(max-width:70rem){.advanced-browse{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-browse .filter-search,.advanced-filter-panel{grid-column:1/-1}.genre-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-settings-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-root[data-reader-toolbar=sticky] .reader-toolbar,.reader-root[data-reader-toolbar=auto-hide] .reader-toolbar{top:.35rem}}
@media(max-width:46rem){.advanced-browse{grid-template-columns:1fr 1fr}.genre-filter-columns{grid-template-columns:1fr}.genre-mode{display:grid}.continue-grid{grid-template-columns:1fr}.reader-settings-panel{grid-template-columns:1fr}.reader-toolbar{width:calc(100% - 1rem)}.resume-prompt{width:calc(100% - 1rem);flex-wrap:wrap}.reader-root .reader-pages figure{max-width:none!important}.reader-root .reader-pages img{width:100%}}
@media(prefers-reduced-motion:reduce){.reader-toolbar{transition:none}.reader-progress span{transition:none}}