:root{--bg:#fafbfc;--card:#ffffff;--tx:#18222e;--mut:#7b8794;--ac:#2563eb;--acx: #ffffff;--bd:#e5eaf0;--chipbg:#eaf1fd;--selbg:#f3f7ff;--font: -apple-system, "Segoe UI", Roboto, sans-serif;--hfont: var(--font);--shadow: none;--rad: 8px;--rad-sm: 4px}[data-theme=paper-ink]{--font: Georgia, "Times New Roman", serif;--hfont: Georgia, serif;--rad: 4px;--rad-sm: 3px}[data-theme=paper-ink][data-mode=light]{--bg:#f6f1e6;--card:#fffdf6;--tx:#2b2620;--mut:#6d6353;--ac:#8b3a2e;--acx:#fff7ee;--bd:#e3d9c4;--chipbg:#f3e7d3;--selbg:#fbf3e2}[data-theme=paper-ink][data-mode=dark]{--bg:#221d16;--card:#2c261d;--tx:#ece2cd;--mut:#9c8f77;--ac:#d4a24e;--acx:#221d16;--bd:#3d352a;--chipbg:#3a3222;--selbg:#332c1f}[data-theme=nordic]{--font: -apple-system, "Segoe UI", Roboto, sans-serif;--hfont: var(--font);--rad: 8px;--rad-sm: 4px}[data-theme=nordic][data-mode=light]{--bg:#fafbfc;--card:#ffffff;--tx:#18222e;--mut:#5c6875;--ac:#2563eb;--acx:#ffffff;--bd:#e5eaf0;--chipbg:#eaf1fd;--selbg:#f3f7ff}[data-theme=nordic][data-mode=dark]{--bg:#11151b;--card:#191f27;--tx:#e2e8f0;--mut:#8593a3;--ac:#6296f7;--acx:#0d1117;--bd:#262e39;--chipbg:#1f2a3d;--selbg:#1c2634}[data-theme=editorial]{--font: "Helvetica Neue", Arial, sans-serif;--hfont: var(--font);--rad: 0;--rad-sm: 0}[data-theme=editorial][data-mode=light]{--bg:#ffffff;--card:#ffffff;--tx:#111111;--mut:#6e6e6e;--ac:#d92323;--acx:#ffffff;--bd:#111111;--chipbg:#f2f2f2;--selbg:#fff5f5}[data-theme=editorial][data-mode=dark]{--bg:#0a0a0a;--card:#0a0a0a;--tx:#f2f2f2;--mut:#8f8f8f;--ac:#ff5252;--acx:#0a0a0a;--bd:#f2f2f2;--chipbg:#1f1f1f;--selbg:#1a0f0f}[data-theme=soft-calm]{--font: "Avenir Next", "Segoe UI", sans-serif;--hfont: var(--font);--rad: 12px;--rad-sm: 6px}[data-theme=soft-calm][data-mode=light]{--bg:#f2f6f3;--card:#ffffff;--tx:#28332d;--mut:#5f7268;--ac:#2f7660;--acx:#ffffff;--bd:#e4ece7;--chipbg:#e7f2ed;--selbg:#eef7f2;--shadow:0 1px 4px rgba(30,50,40,.08)}[data-theme=soft-calm][data-mode=dark]{--bg:#161c1a;--card:#1f2724;--tx:#dce6e0;--mut:#8ba095;--ac:#6fc2a8;--acx:#121815;--bd:#2b3531;--chipbg:#24352f;--selbg:#223029;--shadow:none}[data-theme=terminal]{--font: "SF Mono", Menlo, Consolas, monospace;--hfont: var(--font);--rad: 2px;--rad-sm: 2px}[data-theme=terminal][data-mode=light]{--bg:#f4f4f1;--card:#fbfbf8;--tx:#1c211c;--mut:#56614f;--ac:#0a7d3e;--acx:#ffffff;--bd:#d8dcd2;--chipbg:#e5efe2;--selbg:#edf5ea}[data-theme=terminal][data-mode=dark]{--bg:#0d1210;--card:#131a16;--tx:#cde3d3;--mut:#6f8577;--ac:#34d377;--acx:#0d1210;--bd:#22302a;--chipbg:#1b2b22;--selbg:#16241d}:root{--chart-blue:#3b7bd9;--chart-orange:#bb6501;--chart-green:#068e41;--chart-purple:#9763cb;--chart-red:#cf544f;--chart-cyan:#09879e}[data-mode=dark]{--chart-blue:#4a8bea;--chart-orange:#d27306;--chart-green:#25a151;--chart-purple:#a774dd;--chart-red:#e3655f;--chart-cyan:#0999b2}:root,[data-theme=nordic]{--chart-1:var(--chart-blue);--chart-2:var(--chart-green);--chart-3:var(--chart-purple);--chart-4:var(--chart-orange);--chart-5:var(--chart-cyan);--chart-6:var(--chart-red)}[data-theme=paper-ink]{--chart-1:var(--chart-orange);--chart-2:var(--chart-purple);--chart-3:var(--chart-green);--chart-4:var(--chart-blue);--chart-5:var(--chart-red);--chart-6:var(--chart-cyan)}[data-theme=editorial]{--chart-1:var(--chart-red);--chart-2:var(--chart-blue);--chart-3:var(--chart-green);--chart-4:var(--chart-purple);--chart-5:var(--chart-orange);--chart-6:var(--chart-cyan)}[data-theme=soft-calm],[data-theme=terminal]{--chart-1:var(--chart-green);--chart-2:var(--chart-blue);--chart-3:var(--chart-red);--chart-4:var(--chart-purple);--chart-5:var(--chart-orange);--chart-6:var(--chart-cyan)}:root{--chart-grid: var(--bd)}[data-theme=editorial][data-mode=light]{--chart-grid:#dcdcdc}[data-theme=editorial][data-mode=dark]{--chart-grid:#2b2b2b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--tx);font-family:var(--font);font-size:15px}.topbar{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--bd);background:var(--card);position:sticky;top:0;z-index:10}.brand{font-family:var(--hfont);font-weight:700;font-size:18px;color:var(--tx);text-decoration:none}.spacer{flex:1}.theme-picker{display:flex;gap:6px}.app{display:flex;flex-direction:column;height:100dvh}.body{display:flex;flex:1;min-height:0}.sidebar{flex:none;width:220px;display:flex;flex-direction:column;gap:2px;padding:12px 8px;border-right:1px solid var(--bd);background:var(--card);overflow-y:auto;position:relative;z-index:21}.sidebar.collapsed{width:56px;align-items:center}.side-heading{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:14px 0 4px 10px}.side-group{display:flex;flex-direction:column;gap:2px;width:100%}.side-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--rad);color:var(--tx);text-decoration:none;font-weight:600}.sidebar.collapsed .side-item{justify-content:center}.side-item:hover{background:var(--selbg)}.side-item[aria-current=page]{background:var(--selbg);box-shadow:inset 2px 0 0 var(--ac);color:var(--ac)}.side-toggle{margin-top:auto}.nav-toggle,.nav-backdrop{display:none}.page{max-width:960px;margin:0 auto;padding:16px 20px 96px;display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow-y:auto}.page.wide{max-width:1200px}@media(max-width:900px){.nav-toggle{display:inline-block}.body{position:relative}.sidebar{position:absolute;top:0;bottom:0;left:0;z-index:35;transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.nav-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:34}}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.grow{flex:1}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}.field{display:flex;flex-direction:column;gap:4px}.field-label{color:var(--mut);font-size:12.5px;font-weight:600}.field .input{width:100%}.muted{color:var(--mut)}.small{font-size:12.5px}.error{color:var(--ac)}.diff{font-weight:600;text-decoration:underline dotted;text-underline-offset:3px}.input{background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);color:var(--tx);font:inherit;padding:8px 12px}.input:focus{outline:2px solid var(--ac);outline-offset:-1px}.input.compact{padding:4px 8px;font-size:13px}.btn{background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);color:var(--tx);font:inherit;font-weight:600;padding:8px 14px;cursor:pointer}.btn:hover{border-color:var(--ac)}.btn.primary{background:var(--ac);border-color:var(--ac);color:var(--acx)}.btn.primary:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{border-color:var(--bd)}.link{background:none;border:none;color:var(--ac);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.info-tooltip{position:relative;display:inline-flex}.info-tooltip-trigger{width:18px;height:18px;border-radius:50%;border:1px solid var(--bd);background:var(--card);color:var(--mut);font-size:11px;font-weight:700;line-height:1;cursor:pointer;padding:0}.info-tooltip-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;width:max-content;max-width:240px;background:var(--tx);color:var(--bg);font-size:12.5px;font-weight:400;padding:6px 10px;border-radius:var(--rad-sm);opacity:0;pointer-events:none;transition:opacity .1s ease;z-index:5}.info-tooltip:hover .info-tooltip-bubble,.info-tooltip:focus-within .info-tooltip-bubble{opacity:1}.list{flex:1;min-height:0;overflow-y:auto;border:1px solid var(--bd);border-radius:var(--rad);background:var(--bg)}.row{display:flex;align-items:center;gap:10px;background:var(--card);border-bottom:1px solid var(--bd);padding:9px 12px;min-height:69px}.book-row{cursor:pointer}.book-row:hover{background:var(--selbg)}.book-row.selected{background:var(--selbg);box-shadow:inset 2px 0 0 var(--ac)}.book-row:focus-visible{outline:2px solid var(--ac);outline-offset:-2px}.book-row input[type=checkbox]{accent-color:var(--ac);width:16px;height:16px;flex:none}.book-main{display:flex;flex-direction:column;min-width:96px;flex:1}.row-badges{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0;overflow:hidden}.book-title{font-family:var(--hfont);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-authors{color:var(--mut);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-cover,.book-cover-placeholder{width:34px;height:50px;flex:none;border-radius:var(--rad-sm)}.book-cover{object-fit:cover;background:var(--chipbg)}.book-cover-placeholder{background:var(--chipbg);border:1px solid var(--bd)}.chip{background:var(--chipbg);border-radius:999px;color:var(--ac);flex:none;font-size:12px;font-weight:600;padding:3px 10px}[data-theme=editorial] .chip,[data-theme=terminal] .chip{border-radius:var(--rad-sm)}.badge{border:1px solid var(--bd);border-radius:var(--rad-sm);color:var(--mut);flex:none;font-size:12px;padding:2px 8px}.selection-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 20px;background:var(--card);border-top:1px solid var(--bd);box-shadow:var(--shadow);z-index:20}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,90vw);background:var(--card);border-left:1px solid var(--bd);padding:24px;overflow-y:auto;z-index:30}.drawer .close{position:absolute;top:10px;right:10px}.drawer h2{font-family:var(--hfont);margin:4px 0 2px}.drawer-cover{display:block;width:140px;max-width:40%;border-radius:var(--rad-sm);margin-bottom:12px}.meta{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:16px 0}.meta dt{color:var(--mut)}.meta dd{margin:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.volumes{list-style:none;margin:4px 0 16px;padding:0}.volumes li{padding:4px 0}.book-description{color:var(--mut);font-size:14px;line-height:1.5;white-space:pre-wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:40}.modal{background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);box-shadow:var(--shadow);max-width:420px;width:90vw;padding:24px;max-height:85vh;overflow-y:auto}.modal progress{width:100%;accent-color:var(--ac)}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100%}.login-card{background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;padding:32px;width:320px}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--bd);padding:8px 10px;text-align:left}.table th{color:var(--mut);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}.table.compare{table-layout:fixed}.table.compare .col-pick{width:34px}.table.compare .col-score{width:58px}.table.compare .col-rules{width:148px}.table.compare .col-when{width:104px}.table.compare .col-actions{width:168px}.table.compare td,.table.compare th{overflow-wrap:anywhere}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:39}.detail-drawer{position:fixed;top:0;right:0;bottom:0;width:min(880px,100vw);display:flex;flex-direction:column;background:var(--card);border-left:1px solid var(--bd);box-shadow:var(--shadow);z-index:40}.detail-drawer:focus-visible{outline:2px solid var(--ac);outline-offset:-2px}.detail-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--bd)}.detail-head h3{font-family:var(--hfont);margin:0}.detail-summary,.detail-toolbar{padding:10px 20px;border-bottom:1px solid var(--bd)}.detail-body{flex:1;min-height:0;overflow-y:auto;padding:8px 20px 20px}.detail-body code,.wrap-anywhere{overflow-wrap:anywhere}.top-messages{margin:4px 0 0;padding-left:18px}.cards{display:flex;flex-direction:column;gap:20px}.card{border:1px solid var(--bd);border-radius:var(--rad);background:var(--card);padding:16px 18px}.card>h2{font-family:var(--hfont);font-size:16px;margin:0 0 4px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.stat-tile{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--bd);border-radius:var(--rad)}.stat-value{font-family:var(--hfont);font-size:22px;font-weight:700}.stat-label{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.recharts-surface:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.reader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);color:var(--tx)}.reader-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--bd);background:var(--card);flex:none}.reader-title{display:flex;gap:8px;align-items:baseline;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reader-chapter{max-width:30vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reader-notice{flex:none;margin:0;padding:6px 12px;border-bottom:1px solid var(--bd)}.reader-body{flex:1;min-height:0;display:flex;align-items:stretch}.reader-surface{flex:1;min-width:0;min-height:0}.reader-page-btn{flex:none;width:44px;border:none;background:transparent;color:var(--mut);font-size:28px;cursor:pointer}.reader-page-btn:hover{color:var(--tx);background:var(--card)}.reader-toc{flex:none;width:min(280px,40vw);overflow-y:auto;padding:12px;border-right:1px solid var(--bd);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.reader-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px}