:root{--bg: #fff;--fg: #1a1a1a;--muted: #888;--accent: #2563eb;--gloss: #6b7280;--tok-bg: #f6f7f9;--known-bg: #eef6ee;--sel: #dbeafe;--border: #e5e7eb}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}#app{max-width:760px;margin:0 auto;padding:12px 14px 84px}.topbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.topbar h1{font-size:18px;margin:0 8px 0 0}.badge{font-size:11px;border:1px solid var(--border);border-radius:20px;padding:2px 8px;color:var(--muted)}.badge.llm{color:var(--accent);border-color:var(--accent)}select,input[type=text],input[type=url],input[type=password],input[type=number]{font-size:15px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;max-width:100%}button{font-size:14px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:#f9fafb;cursor:pointer}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button:disabled{opacity:.5}.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:#fff;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:20}.tabs button{flex:1;border:0;background:none;padding:12px 4px;font-size:14px;color:var(--muted)}.tabs button.active{color:var(--accent);font-weight:700}.card{border:1px solid var(--border);border-radius:12px;padding:12px;margin:10px 0}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.muted{color:var(--muted);font-size:13px}.err{color:#b91c1c;font-size:13px;white-space:pre-wrap}.reader-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.pager{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:10px 0}.chapter-fold{border:1px solid var(--border);border-radius:10px;margin:8px 0;background:#fff}.chapter-fold>summary{cursor:pointer;padding:8px 10px;font-size:13px;list-style:none}.chapter-fold>summary::-webkit-details-marker{display:none}.chapter-fold[open]>summary{border-bottom:1px solid var(--border)}.chapter-list{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.chapter-fold .chapter-list{margin:8px 10px 10px}.chapter-fold:not([open]) .chapter-list{display:none}.chapter-list button{font-size:13px;padding:6px 10px}.chapter-list button[aria-current=true]{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.book-spread{display:block;max-height:68vh;overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:#fff}.book-page{min-width:0;min-height:0;padding:12px 14px}.book-page+.book-page{margin-top:0;border-top:1px dashed var(--border)}@media (min-width: 900px){#app{max-width:1100px}.book-spread{display:grid;grid-template-columns:1fr 1fr;gap:0;height:68vh;max-height:68vh;overflow:hidden;align-items:stretch;border:1px solid var(--border);border-radius:12px;background:#fff}.book-page{padding:18px 22px;overflow-y:auto;min-height:0;max-height:68vh}.book-page-left{border-right:1px solid var(--border);background:linear-gradient(to right,#fff 96%,#f3f4f6)}.book-page-right{background:linear-gradient(to left,#fff 96%,#f3f4f6)}.book-page+.book-page{margin-top:0;border-top:0}.book-spread .para{break-inside:avoid}}.para{line-height:2.1;margin:14px 0;padding-bottom:8px;border-bottom:1px dashed var(--border)}.tok,.token{display:inline-block;vertical-align:top;text-align:center;margin:1px;padding:1px 3px;border-radius:6px;background:var(--tok-bg);cursor:pointer;line-height:1.5}.tok.known,.token.known{background:var(--known-bg)}.tok.selected,.token.tapped{background:var(--sel);outline:1px solid var(--accent)}.tok .surface,.token .surface{display:block;font-size:17px}.tok .gloss,.token .gloss{display:block;font-size:11px;color:var(--accent);max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tok .gloss.hidden-gloss,.token .gloss.hidden-gloss{color:var(--muted)}.tok .gloss.missing,.token .gloss.missing{color:#c4c4c4}.tok.from-llm .gloss,.token.from-llm .gloss{color:#7c3aed}.ai-btn{display:inline-block;margin-left:8px;font-size:11px;padding:2px 8px}.sheet{position:fixed;left:0;right:0;bottom:56px;max-width:760px;margin:0 auto;background:#fff;border-top:1px solid var(--border);box-shadow:0 -4px 24px #00000014;padding:12px 14px calc(12px + env(safe-area-inset-bottom));z-index:30;border-radius:14px 14px 0 0}.sheet h3{margin:0 0 4px;font-size:17px}.kv{font-size:13px;margin:2px 0}.vocab-item{border-bottom:1px solid var(--border);padding:8px 0;font-size:14px}label.set{display:flex;gap:8px;align-items:center;font-size:14px;margin:8px 0}label.set input[type=checkbox]{width:18px;height:18px}