.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;max-width:none;height:100svh;padding:max(.8rem, env(safe-area-inset-top)) clamp(.75rem, 4vw, 2.5rem) max(1rem, env(safe-area-inset-bottom));background:var(--bg);overscroll-behavior:none;flex-direction:column;margin:0;position:fixed;top:0;left:0;right:0;overflow:hidden;display:flex!important}.reader-progress{background:color-mix(in srgb, var(--fg) 12%, transparent);border-radius:2px;width:100%;max-width:50rem;height:3px;margin:.35rem auto 0;display:none}.reader-progress span{background:var(--accent);border-radius:2px;width:0;height:100%;transition:width .2s;display:block}.reader-hint{z-index:4;background:color-mix(in srgb, var(--fg) 85%, transparent);color:var(--bg);font:.8rem var(--font-sans);white-space:nowrap;pointer-events:none;border-radius:999px;padding:.45rem .9rem;display:none;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%)}.reader-hint.show{animation:3.2s forwards reader-hint-fade;display:block}@keyframes reader-hint-fade{0%{opacity:0}12%{opacity:1}80%{opacity:1}to{opacity:0}}@media (width<=900px),(height<=520px){body.reader-immersive #reader-ui{padding:0}body.reader-immersive .spread-wrap{max-width:none;height:100%}body.reader-immersive .spread{box-shadow:none;border-radius:0}body.reader-immersive .page-panel{padding:max(1.1rem, env(safe-area-inset-top)) max(1.1rem, env(safe-area-inset-right)) max(1.9rem, calc(env(safe-area-inset-bottom) + 1.4rem)) max(1.1rem, env(safe-area-inset-left))}body.reader-immersive .reader-chrome-top,body.reader-immersive .reader-chrome-bottom{z-index:3;padding:.5rem max(.6rem, env(safe-area-inset-right)) .5rem max(.6rem, env(safe-area-inset-left));background:color-mix(in srgb, var(--bg) 94%, transparent);margin:0;position:absolute;left:0;right:0}body.reader-immersive .reader-chrome-top{padding-top:max(.5rem, env(safe-area-inset-top));border-bottom:1px solid var(--rule);top:0}body.reader-immersive .reader-chrome-bottom{padding-bottom:max(.5rem, env(safe-area-inset-bottom));border-top:1px solid var(--rule);bottom:0}body.reader-immersive .reader-chrome-top .reader-header{margin-bottom:0}body.reader-immersive .reader-chrome-top .reader-settings{margin:.5rem 0 0}body.reader-immersive .reader-chrome-bottom .nav-row{max-width:none;margin:0}body.reader-immersive.reader-chrome-hidden .reader-chrome-top,body.reader-immersive.reader-chrome-hidden .reader-chrome-bottom{display:none}body.reader-immersive.reader-chrome-hidden .reader-progress{left:0;right:0;bottom:max(.35rem, env(safe-area-inset-bottom));width:auto;max-width:none;margin:0 .6rem;display:block;position:absolute}#dl-btn,#font-sel{display:none}}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}.tts-follow{border-bottom:1px solid var(--rule);background:color-mix(in srgb, var(--accent) 8%, var(--bg));margin:0;padding:.65rem 1rem;font-size:.9rem;line-height:1.45;display:none}.tts-follow.active{display:block}.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}}@media (width<=900px),(height<=520px){.spread{height:clamp(320px,70vh,880px)}.page-panel{padding:1.25rem 1.1rem 1.9rem}.page-panel.left .page-num{bottom:.55rem;left:1.1rem}.reader-header h2{font-size:.85rem}.reader-header button,.reader-header select{padding:.25rem .5rem;font-size:.8rem}}@media (height<=520px){body.reader-immersive .page-panel{padding-top:.9rem;padding-left:max(2.2rem,50vw - 21rem);padding-right:max(2.2rem,50vw - 21rem)}}.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}.open-file-row{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:-1rem 0 1.25rem;display:flex}.open-file-btn{font-family:var(--font-sans);border:1px solid var(--rule);cursor:pointer;border-radius:3px;padding:.4rem .75rem;font-size:.8125rem}.open-file-btn:hover{border-color:var(--fg)}.open-file-opt{font-family:var(--font-sans);color:var(--muted);align-items:center;gap:.35rem;font-size:.8rem;display:inline-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)}