.reader-wrap{max-width:1100px;margin:0 auto;padding:1.5rem 1rem}.search-bar{gap:.5rem;margin-bottom:2rem;display:flex}.search-bar input,.search-bar select{border:1px solid var(--rule);background:var(--bg);color:var(--fg);font-family:var(--font-sans);border-radius:4px;flex:1;padding:.5rem .75rem;font-size:.95rem}.search-bar select{flex:0 0 13rem}.search-bar button{background:var(--fg);color:var(--bg);cursor:pointer;font-family:var(--font-sans);border:none;border-radius:4px;padding:.5rem 1rem;font-size:.95rem}.search-bar .shuffle-btn{background:var(--code-bg);color:var(--fg);border:1px solid var(--rule)}.book-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.25rem;display:grid}.book-card{cursor:pointer;text-align:center;transition:transform .15s}.book-card:hover{transform:translateY(-3px)}.book-card img{aspect-ratio:2/3;object-fit:cover;border:1px solid var(--rule);background:var(--code-bg);border-radius:3px;width:100%}.book-card .bk-title{color:var(--fg);font-size:.78rem;line-height:1.3;font-family:var(--font-serif);margin-top:.4rem}.book-card .bk-author{color:var(--muted);margin-top:.15rem;font-size:.7rem}#reader-ui{display:none}.reader-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.reader-header button{border:1px solid var(--rule);color:var(--fg);cursor:pointer;font-family:var(--font-sans);background:0 0;border-radius:4px;padding:.3rem .6rem;font-size:.85rem}.reader-header h2{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1rem;font-weight:400;overflow:hidden}.reader-tools{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.reader-header .rh-icon{font-family:var(--font-mono);text-align:center;min-width:2.1rem;padding:.3rem .5rem;font-weight:700}.reader-header .rh-font{background:var(--bg);color:var(--fg);border:1px solid var(--rule);font-size:.85rem;font-family:var(--font-sans);cursor:pointer;border-radius:4px;padding:.3rem .4rem}body.reader-immersive #reader-ui{z-index:9999;background:var(--bg);flex-direction:column;max-width:none;margin:0;padding:.8rem clamp(.75rem,4vw,2.5rem) 1rem;position:fixed;inset:0;overflow:hidden;display:flex!important}body.reader-immersive .reader-header,body.reader-immersive .reader-settings.open{flex:none}body.reader-immersive .spread-wrap{flex:auto;width:100%;max-width:50rem;min-height:0;margin:0 auto}body.reader-immersive .spread{max-width:none;height:100%;margin:0}body.reader-immersive .nav-row{flex:none;width:100%;max-width:50rem;margin:.6rem auto 0}.reader-settings{background:var(--code-bg);border:1px solid var(--rule);border-radius:6px;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:none}.reader-settings.open{display:flex}.rs-group{align-items:center;gap:.5rem;display:flex}.rs-group label{color:var(--muted);font-size:.8rem;font-family:var(--font-sans);white-space:nowrap}.rs-group input[type=range]{width:90px;accent-color:var(--fg)}.rs-group span{color:var(--fg);min-width:2.5rem;font-family:monospace;font-size:.8rem}.rs-group select{font-size:.8rem;font-family:var(--font-sans);background:var(--bg);color:var(--fg);border:1px solid var(--rule);border-radius:3px;padding:2px 4px}.spread-wrap{user-select:none;max-width:44rem;margin:0 auto;position:relative}.spread{background:#faf7f0;border-radius:6px;height:clamp(500px,74vh,880px);display:block;position:relative;box-shadow:0 2px 20px #0000002e}.spread:after,.page-panel.right,.page-flipper{display:none}.page-panel{font-family:var(--font-serif);color:#3a2e20;box-sizing:border-box;hyphens:auto;text-rendering:optimizelegibility;height:100%;padding:2.25rem;font-size:.95rem;line-height:1.75;position:relative;overflow:hidden}.page-panel.left{border-radius:6px}.page-num{color:#9a8a72;font-size:.75rem;font-family:var(--font-sans);position:absolute;bottom:1rem}.page-panel.left .page-num{left:2rem}.page-panel.right .page-num{right:2rem}.page-flipper{transform-origin:0;width:50%;transform-style:preserve-3d;pointer-events:none;z-index:5;transition:transform .5s;position:absolute;top:0;bottom:0;left:50%}.page-flipper.flip-fwd{transform:rotateY(-180deg)}.page-flipper.flip-back{transform:rotateY(0)}.flipper-face,.flipper-back{backface-visibility:hidden;font-family:var(--font-serif);color:#3a2e20;hyphens:auto;background:#faf7f0;padding:2.5rem 2rem;font-size:.95rem;line-height:1.75;position:absolute;inset:0;overflow:hidden}.flipper-back{transform:rotateY(180deg)}.nav-row{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.nav-row button{border:1px solid var(--rule);color:var(--fg);cursor:pointer;font-family:var(--font-sans);background:0 0;border-radius:4px;padding:.4rem 1rem;font-size:.9rem}.nav-row button:disabled{opacity:.3;cursor:default}.nav-row .page-info{color:var(--muted);font-size:.85rem}@media (width<=640px){.spread{grid-template-columns:1fr}.page-panel.right,.spread:after,.page-flipper{display:none}}.note-btn{color:#222;cursor:pointer;z-index:100;background:#f5c542;border:none;border-radius:4px;padding:.3rem .7rem;font-size:.85rem;display:none;position:fixed;box-shadow:0 2px 8px #0003}.note-popup{background:var(--bg);border:1px solid var(--rule);z-index:101;border-radius:6px;width:260px;padding:1rem;display:none;position:fixed;box-shadow:0 4px 20px #00000026}.note-popup textarea{resize:none;border:1px solid var(--rule);background:var(--code-bg);width:100%;height:80px;color:var(--fg);font-family:var(--font-sans);box-sizing:border-box;border-radius:3px;padding:.4rem;font-size:.85rem}.note-colors{gap:.4rem;margin:.5rem 0;display:flex}.note-colors button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px}.note-colors button.active{border-color:var(--fg)}.note-popup-btns{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.note-popup-btns button{border:1px solid var(--rule);color:var(--fg);cursor:pointer;background:0 0;border-radius:3px;padding:.25rem .6rem;font-size:.8rem}.note-popup-btns button.save{background:var(--fg);color:var(--bg)}mark.ann-yellow{color:inherit;background:#ffe66a;border-radius:2px}mark.ann-green{color:inherit;background:#b4f0a0;border-radius:2px}mark.ann-pink{color:inherit;background:#fbb6ce;border-radius:2px}.load-more-row{justify-content:center;margin:1.75rem 0 .5rem;display:flex}.load-more-row button{background:var(--code-bg);color:var(--fg);border:1px solid var(--rule);cursor:pointer;font-family:var(--font-sans);border-radius:4px;padding:.55rem 1.4rem;font-size:.9rem}.load-more-row button:disabled{opacity:.5;cursor:default}.loading{color:var(--muted);padding:2rem 0;font-size:.9rem}.error-msg{color:#c0392b;padding:1rem 0;font-size:.9rem}.audio-reader{border:1px solid var(--rule);background:var(--code-bg);border-radius:10px;max-width:52rem;margin:1.5rem auto 0;padding:1rem;display:none}.audio-reader.open{display:block}.audio-reader audio{width:100%;margin:.75rem 0}.audio-meta{color:var(--muted);margin:0;font-size:.86rem}.chapter-list{gap:.45rem;max-height:52vh;margin-top:1rem;display:grid;overflow:auto}.chapter-btn{text-align:left;border:1px solid var(--rule);background:var(--bg);color:var(--fg);cursor:pointer;font-family:var(--font-sans);border-radius:6px;padding:.55rem .7rem}.chapter-btn.active{border-color:var(--accent)}