body.reader-body{background:var(--reader-bg);overflow-x:hidden;user-select:none}.reader-toolbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--toolbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background:rgb(10 10 10 / .95);border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px);transition:transform var(--transition-normal),opacity var(--transition-normal)}.reader-toolbar[data-visible="false"]{transform:translateY(-100%);opacity:0}.reader-toolbar__left,.reader-toolbar__right,.reader-toolbar__center{display:flex;align-items:center;gap:var(--space-3)}.reader-toolbar__center{flex:1;justify-content:center}.reader-back{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm)}.reader-back:hover{color:var(--color-text)}.reader-chapter-title{font-size:var(--text-sm);font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-nav{color:var(--color-text);text-decoration:none;font-size:var(--text-2xl);padding:0 var(--space-3)}.reader-nav:hover{color:var(--color-accent)}.reader-page-counter{font-size:var(--text-sm);color:var(--color-text-muted);min-width:80px;text-align:center}.reader-btn{background:#fff0;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast)}.reader-btn:hover,.reader-btn.active{border-color:var(--color-accent);color:var(--color-accent)}.reader-container{padding-top:var(--toolbar-height);min-height:100vh;display:flex;flex-direction:column;align-items:center}.reader-container[data-mode="vertical"] .reader-pages{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--reader-max-width)}.reader-container[data-mode="vertical"] .reader-page{width:100%}.reader-container[data-mode="vertical"] .reader-img{width:100%;height:auto;display:block}.reader-container[data-mode="horizontal"] .reader-pages{display:flex;overflow-x:hidden;width:100vw;scroll-snap-type:x mandatory}.reader-container[data-mode="horizontal"] .reader-page{min-width:100vw;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;height:calc(100vh - var(--toolbar-height))}.reader-container[data-mode="horizontal"] .reader-img{max-width:100%;max-height:100%;object-fit:contain}.reader-container[data-mode="single"] .reader-pages{display:grid;grid-template-columns:1fr;width:100%;max-width:var(--reader-max-width)}.reader-container[data-mode="single"] .reader-page:not(.active-page){display:none}.reader-img.lazy{background:var(--color-bg-card);min-height:400px;transition:opacity var(--transition-normal)}.reader-img.lazy.loaded{background:none}.reader-end-nav{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;padding:var(--space-12) var(--space-6);border-top:1px solid var(--color-border);margin-top:var(--space-8);width:100%}.reader-no-pages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - var(--toolbar-height));text-align:center;color:#fff;padding:var(--space-6);gap:var(--space-4);width:100%}.reader-no-pages p{font-size:var(--text-xl);font-weight:600}.reader-no-pages small{color:var(--color-text-faint);font-family:var(--font-mono)}