:root{color-scheme:dark;--bg: #111;--bar: #1a1a1a;--surface: #1c1c1c;--chip: #262626;--text: #e8e8e8;--muted: #999;--accent: #6db3ff;--green: #5fd38d;--new-bg: #1f7a45;--danger: #ff7b7b;--at-bg: #24466e;--at-fg: #bcd8ff;--flb-bg: #4b3a1d;--flb-fg: #ffd99a;--nav-h: 56px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,system-ui,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}h1{font-size:20px;margin:0 0 6px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.muted,.m{color:var(--muted);font-size:13px;margin:2px 0}.pad{padding:12px 16px}.error{color:var(--danger);margin:6px 0}.t{font-weight:600}.g{color:var(--green);font-weight:600}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.shell{min-height:100%;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.page{max-width:640px;margin:0 auto}.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 8px;background:var(--bar)}.top b{font-size:18px}.top-actions{display:flex;gap:8px;align-items:center}.top-actions select{background:var(--chip);border:0;border-radius:8px;padding:4px 6px}.icon-btn{font-size:20px;line-height:1;padding:2px 6px}.body{padding:8px 12px 24px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-around;align-items:center;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bar);border-top:1px solid #262626;font-size:11px}.bottom-nav a{flex:1;text-align:center;padding:10px 0;color:#888}.bottom-nav .brand{display:none}.bottom-nav a.on{color:var(--accent)}.auth-page{max-width:360px;margin:0 auto;padding:48px 20px}.form{display:flex;flex-direction:column;gap:10px}.form label,.file{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12px}input:not([type=checkbox]):not([type=file]),textarea,select{width:100%;background:var(--chip);border:1px solid #333;border-radius:8px;padding:9px 10px;color:var(--text)}.top-actions select{width:auto}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.check{display:flex;flex-direction:row;gap:6px;align-items:center;font-size:12px;color:var(--muted)}.btn{display:inline-block;font-size:13px;padding:8px 12px;border:0;border-radius:8px;background:var(--chip);color:#ddd;text-align:center}.btn.p{background:var(--accent);color:#111;font-weight:600}.btn.danger{background:transparent;color:var(--danger);border:1px solid #442;margin-top:8px}.btn:disabled{opacity:.5;cursor:default}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{white-space:nowrap;font-size:13px;padding:6px 12px;border-radius:14px;background:var(--chip);color:#bbb;border:0}.chip.on{background:var(--accent);color:#111}.b{display:inline-block;font-size:10px;padding:1px 6px;border-radius:8px;background:#333;color:#ccc}.b.at{background:var(--at-bg);color:var(--at-fg)}.b.flb{background:var(--flb-bg);color:var(--flb-fg)}.tier{display:inline-block;width:18px;height:18px;border-radius:4px;text-align:center;font-weight:800;font-size:11px;line-height:18px;background:#555;color:#111}.tier-S{background:#fc3}.tier-A{background:#7ad17a}.tier-B{background:var(--accent)}.tier-C{background:#bbb}.tier-D{background:#e57373}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px 12px}.bk{display:block;padding:0;background:none;border:0;text-align:left;color:inherit;min-width:0}.cv2{display:block;position:relative;aspect-ratio:2 / 3;border-radius:6px;box-shadow:0 2px 8px #00000059;overflow:hidden;background:var(--surface)}.cover{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}.cv2 .cover-ph:after,.cover-ph.book-cover:after{content:attr(data-title);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;margin:12% 10% 0;font:600 13px/1.25 Georgia,serif;color:#ffffffd9;text-align:center}.bk .nw{position:absolute;top:4px;left:4px;background:var(--new-bg);color:#fff;font-size:10px;padding:0 4px;border-radius:4px}.bk .tr{position:absolute;bottom:4px;right:4px}.bk .off{position:absolute;top:4px;right:4px;font-size:10px}.bk .srcs{position:absolute;bottom:4px;left:4px;display:flex;gap:2px}.bk{cursor:pointer}.bk .n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;margin-top:6px;line-height:1.25;overflow-wrap:anywhere}.bk:hover .cv2{outline:2px solid var(--accent);outline-offset:2px}.sheet-backdrop{position:fixed;inset:0;z-index:20;background:#0000008c;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:640px;max-height:85%;overflow-y:auto;background:var(--bar);border-radius:16px 16px 0 0;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.sheet-title{margin:0 0 8px;font-size:14px;color:var(--muted)}.menu-item{display:block;width:100%;text-align:left;padding:12px 10px;background:none;border:0;border-radius:8px;color:var(--text);font-size:15px}.menu-item:active,.menu-item.on{background:var(--chip)}.menu-item.on{color:var(--accent)}.menu-item.muted{color:var(--muted)}.submenu{padding:0 0 6px 12px}.note-form{display:flex;flex-direction:column;gap:8px;margin-top:6px}.sheet.qm{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.qm-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.qm-cover{width:56px;height:84px;flex:none;border-radius:4px}.qm-title{flex:1;min-width:0}.qm-title h3{margin:2px 0 4px;font-size:17px;line-height:1.25}.qm-close{background:none;border:0;color:var(--muted);font-size:26px;margin:-6px -6px 0 0}.qm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}.qm-actions .btn{padding:11px 12px;font-size:15px}.qm-tiers{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px}.qm-tier{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border:1px solid transparent;border-radius:8px;background:var(--chip);color:var(--muted)}.qm-tier .tier{width:26px;height:26px;line-height:26px;font-size:14px}.qm-tier-label{font-size:10px;line-height:1.15;text-align:center}.qm-tier.on{border-color:var(--accent);color:var(--text)}.qm-note{width:100%}.card-box{background:var(--surface);border-radius:10px;padding:10px 12px;margin:10px 0}.sec{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#888;margin:10px 0 6px;font-weight:600}.card-box>.sec:first-child{margin-top:0}.book-head{display:flex;gap:12px;margin:8px 0}.book-cover{width:120px;aspect-ratio:2 / 3;height:auto;flex:none;border-radius:6px}.annotation{white-space:pre-wrap;color:#ccc}.cand{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #262626}.cand:first-of-type{border-top:0}.chapters{list-style:none;margin:8px 0 0;padding:0}.chapters li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #262626}.locked{color:var(--muted)}.note{background:var(--chip);border-radius:8px;padding:6px 8px;margin:6px 0;white-space:pre-wrap}.friend{padding:6px 0}.notice{background:var(--chip);padding:8px;border-radius:8px}.item{display:flex;gap:10px;background:var(--surface);border-radius:10px;padding:10px;margin-bottom:6px;color:var(--text)}.reader-page{min-height:100vh}.reader-bar{position:fixed;top:0;left:0;right:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:var(--bar);transition:transform .2s ease}.reader-bar.hidden{transform:translateY(-100%)}.reader-bar-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;text-align:center}.reader-status{padding-top:72px;max-width:640px;margin:0 auto}.reader{min-height:100vh;padding:56px 18px 80px;line-height:1.55}.reader.hyphens{hyphens:auto;-webkit-hyphens:auto}.reader-text{max-width:640px;margin:0 auto}.reader-title{font-size:.9em;font-weight:600;opacity:.6;margin:8px 0 14px}.chapter-html p{margin:0 0 .6em;text-indent:1.2em}.chapter-html h2,.chapter-html h3,.chapter-html h4{margin:1em 0 .5em;line-height:1.25}.chapter-html blockquote{margin:.6em 0 .6em 1em;padding-left:.8em;border-left:2px solid currentColor;opacity:.85}.chapter-html hr{border:0;border-top:1px solid currentColor;opacity:.3;margin:1.2em 0}.reader-ills{display:flex;flex-direction:column;gap:10px;margin:18px 0 8px}.ill{display:block;width:100%;padding:0;border:0;background:var(--chip);border-radius:8px;overflow:hidden;aspect-ratio:3 / 2}.ill.loaded{aspect-ratio:auto;background:none}.ill img{display:block;width:100%;height:100%;object-fit:contain}.ill.loaded img{height:auto}.reader-end{margin-top:18px;font-size:14px}.endbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ill-full{position:fixed;inset:0;z-index:30;background:#000000f0;display:flex;align-items:center;justify-content:center}.ill-full img{max-width:100%;max-height:100%;object-fit:contain}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:15;background:var(--chip);color:var(--text);padding:8px 14px;border-radius:16px;font-size:13px}.toc-list{list-style:none;margin:8px 0 0;padding:0}.toc-list li{padding:9px 4px;border-top:1px solid #262626}.toc-list li.on a{color:var(--green);font-weight:600}.color-row{margin:10px 0}.size-row{justify-content:space-between;margin:12px 0}.sheet input[type=color]{width:44px;height:30px;padding:0;border:0;background:none}.chat-row{align-items:center;justify-content:space-between}.chat-row-main{min-width:0;flex:1}.chat-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.chat-badge{min-width:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:#111;font-size:11px;font-weight:700;text-align:center;line-height:20px}.chat-view{display:flex;flex-direction:column;height:calc(100dvh - var(--nav-h) - env(safe-area-inset-bottom))}.chat-view .top{justify-content:space-between}.chat-scroll{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.chat-older{align-self:center}.chat-msg{display:flex}.chat-msg.mine{justify-content:flex-end}.chat-bubble{max-width:82%;background:var(--surface);border-radius:12px;padding:6px 10px;overflow-wrap:anywhere}.chat-msg.mine .chat-bubble{background:#1f3a57}.chat-author{font-size:11px;color:var(--accent);font-weight:600}.chat-text{white-space:pre-wrap}.chat-time{font-size:10px;color:var(--muted);text-align:right;margin-top:2px}.chat-book{display:flex;gap:8px;align-items:center;background:var(--chip);border-radius:8px;padding:6px;margin:4px 0;color:var(--text)}.chat-book-cover{width:40px;height:58px;flex:none}.chat-book-text{display:flex;flex-direction:column;min-width:0}.chat-pick{display:flex;gap:10px;align-items:center}.chat-composer{border-top:1px solid #262626;background:var(--bar);padding:8px 12px}.chat-input-row{display:flex;gap:8px;align-items:flex-end}.chat-input-row textarea{flex:1;resize:none;max-height:120px;background:var(--chip);border:0;border-radius:10px;padding:8px 10px}.chat-attached{display:flex;justify-content:space-between;align-items:center;background:var(--chip);border-radius:8px;padding:4px 8px;margin-bottom:6px}.offline-pill{position:fixed;right:8px;bottom:calc(var(--nav-h) + 8px);z-index:30;background:var(--chip);color:var(--muted);font-size:11px;padding:2px 8px;border-radius:10px;pointer-events:none}@media(min-width:900px){:root{--side-w: 220px}body{font-size:16px}.shell{padding-bottom:0;padding-left:var(--side-w)}.bottom-nav{top:0;right:auto;width:var(--side-w);height:auto;padding:20px 12px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2px;border-top:0;border-right:1px solid #262626;font-size:15px}.bottom-nav .brand{display:block;font-size:20px;font-weight:700;color:var(--text);padding:4px 14px 18px}.bottom-nav a{flex:none;text-align:left;padding:10px 14px;border-radius:8px}.bottom-nav a:hover{background:var(--surface);color:var(--text)}.bottom-nav a.on{background:var(--chip)}.page{max-width:880px}.page.wide{max-width:1240px}.top{padding:18px 24px 12px}.body{padding:12px 24px 40px}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:24px 18px}.offline-pill{bottom:8px}.chat-view{height:100dvh}.sheet-backdrop{align-items:center}.sheet{max-width:460px;max-height:90vh;border-radius:14px;padding-bottom:16px}.book-page{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0 28px;align-items:start}.book-side{position:sticky;top:72px}.book-cover{width:180px}.book-head h1{font-size:26px}}@media(max-width:899px){.book-page{display:flex;flex-direction:column}.book-main,.book-side{display:contents}.book-chapters{order:1}}