@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap";:root,[data-theme=light]{--bg: #fbfaf7;--bg-elev: #ffffff;--bg-sunken: #f4f2ed;--bg-hover: rgba(15, 17, 21, .04);--bg-active: rgba(15, 17, 21, .07);--border: rgba(15, 17, 21, .08);--border-strong: rgba(15, 17, 21, .14);--fg: #16181d;--fg-muted: #5b6068;--fg-subtle: #8a8f97;--fg-faint: #b3b7bd;--c-shelve: oklch(60% .16 250);--c-shelve-bg: oklch(95% .03 250);--c-book: oklch(58% .13 145);--c-book-bg: oklch(95% .03 145);--c-chapter: oklch(67% .15 55);--c-chapter-bg: oklch(95% .04 55);--c-page: oklch(55% .01 270);--c-page-bg: oklch(95% .005 270);--accent: oklch(55% .16 250);--danger: oklch(60% .18 25);--warn: oklch(70% .14 75);--ok: oklch(60% .13 145);--shadow-sm: 0 1px 2px rgba(15, 17, 21, .05);--shadow-md: 0 2px 8px rgba(15, 17, 21, .06), 0 1px 2px rgba(15, 17, 21, .04);--shadow-lg: 0 12px 40px rgba(15, 17, 21, .12), 0 2px 6px rgba(15, 17, 21, .06)}[data-theme=dark]{--bg: #0f1115;--bg-elev: #161922;--bg-sunken: #0a0c10;--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--fg: #e6e8ec;--fg-muted: #9aa0aa;--fg-subtle: #6a7080;--fg-faint: #4a5060;--c-shelve: oklch(72% .15 250);--c-shelve-bg: oklch(28% .06 250);--c-book: oklch(72% .14 145);--c-book-bg: oklch(26% .05 145);--c-chapter: oklch(78% .14 55);--c-chapter-bg: oklch(28% .07 55);--c-page: oklch(70% .01 270);--c-page-bg: oklch(22% .005 270);--accent: oklch(72% .15 250);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .3)}[data-density=compact]{--row-h: 26px;--pad-x: 10px;--pad-y: 6px;--gap: 8px;--text: 12.5px}[data-density=comfortable]{--row-h: 30px;--pad-x: 14px;--pad-y: 10px;--gap: 12px;--text: 13.5px}[data-density=spacious]{--row-h: 36px;--pad-x: 18px;--pad-y: 14px;--gap: 16px;--text: 14px}:root{--row-h: 26px;--pad-x: 10px;--pad-y: 6px;--gap: 8px;--text: 12.5px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Geist,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:var(--text);line-height:1.5;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:color-mix(in oklab,var(--accent) 30%,transparent)}.scroll,.scroll *{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid transparent;background-clip:content-box}.scroll::-webkit-scrollbar-thumb:hover{background:var(--fg-faint);border:2px solid transparent;background-clip:content-box}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-family:Geist Mono,ui-monospace,monospace;font-size:10.5px;font-weight:500;color:var(--fg-muted);background:var(--bg-sunken);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;line-height:1}.chip{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;font-size:11px;font-weight:500;line-height:1;color:var(--fg-muted);background:var(--bg-sunken);border-radius:4px;white-space:nowrap}.chip.shelve{color:var(--c-shelve);background:var(--c-shelve-bg)}.chip.book{color:var(--c-book);background:var(--c-book-bg)}.chip.chapter{color:var(--c-chapter);background:var(--c-chapter-bg)}.chip.page{color:var(--c-page);background:var(--c-page-bg)}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot.shelve{background:var(--c-shelve)}.dot.book{background:var(--c-book)}.dot.chapter{background:var(--c-chapter)}.dot.page{background:var(--c-page)}.btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12.5px;font-weight:500;color:var(--fg);background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;transition:background .12s,border-color .12s}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn.primary{color:#fff;background:var(--accent);border-color:transparent}.btn.primary:hover{background:color-mix(in oklab,var(--accent) 90%,black)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--bg-hover)}.btn.danger{color:var(--danger)}.btn.danger:hover{background:color-mix(in oklab,var(--danger) 8%,transparent)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--fg-muted);background:transparent;border:0;border-radius:6px;transition:background .12s,color .12s}.icon-btn:hover{background:var(--bg-hover);color:var(--fg)}.md{color:var(--fg);max-width:740px}.md h1{font-size:30px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px;line-height:1.15}.md h2{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:36px 0 10px;padding-top:8px;line-height:1.25}.md h3{font-size:15.5px;font-weight:600;margin:26px 0 8px;line-height:1.3}.md p{margin:0 0 14px;line-height:1.65;color:var(--fg)}.md ul,.md ol{margin:0 0 14px;padding-left:22px}.md li{margin:4px 0;line-height:1.6}.md a{color:var(--accent);border-bottom:1px solid color-mix(in oklab,var(--accent) 30%,transparent)}.md code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.86em;padding:1.5px 5px;background:var(--bg-sunken);border-radius:3px;color:color-mix(in oklab,var(--fg) 90%,var(--accent))}.md pre{margin:14px 0;padding:14px 16px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:8px;overflow-x:auto;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;line-height:1.55}.md pre code{background:transparent;padding:0;color:var(--fg)}.md blockquote{margin:14px 0;padding:6px 14px;border-left:2px solid var(--border-strong);color:var(--fg-muted)}.md table{border-collapse:collapse;margin:14px 0;font-size:12.5px;width:100%}.md th,.md td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border)}.md th{font-weight:600;color:var(--fg-muted);background:var(--bg-sunken)}.md hr{border:0;border-top:1px solid var(--border);margin:28px 0}.tok-kw{color:#7c60db}.tok-str{color:#3b8841}.tok-num{color:#ca5551}.tok-com{color:var(--fg-subtle);font-style:italic}.tok-fn{color:#008fad;color:oklch(60% .13 220)}.tok-typ{color:#00a3aa;color:oklch(65% .13 200)}[data-theme=dark] .tok-kw{color:#ad9eff;color:oklch(75% .16 290)}[data-theme=dark] .tok-str{color:#71c575}[data-theme=dark] .tok-num{color:#fa8880}[data-theme=dark] .tok-fn{color:#25c0e6}[data-theme=dark] .tok-typ{color:#3aced6}mark{background:color-mix(in oklab,oklch(75% .18 80) 35%,transparent);color:inherit;padding:0 2px;border-radius:2px}.tree-row{display:flex;align-items:center;gap:4px;height:var(--row-h);padding:0 8px 0 4px;border-radius:5px;color:var(--fg);font-size:12.5px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.tree-row:hover{background:var(--bg-hover)}.tree-row.current{background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent);font-weight:500}[data-theme=dark] .tree-row.current{background:color-mix(in oklab,var(--accent) 18%,transparent)}.tree-row .twirl{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-subtle);transition:transform .12s}.tree-row .twirl.open{transform:rotate(90deg)}.tree-row .twirl.empty{opacity:0}.tree-row .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row .badge{font-size:10.5px;color:var(--fg-faint);font-variant-numeric:tabular-nums;font-family:Geist Mono,ui-monospace,monospace}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f111566;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.palette{width:640px;max-width:calc(100vw - 32px);background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden}.palette-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.palette-input input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--fg)}.palette-input input::placeholder{color:var(--fg-faint)}.palette-list{max-height:50vh;overflow-y:auto;padding:6px}.palette-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer}.palette-row:hover,.palette-row.sel{background:var(--bg-hover)}.palette-row.sel{background:color-mix(in oklab,var(--accent) 10%,transparent)}.palette-row .crumb{font-size:11px;color:var(--fg-subtle)}.topbar{height:48px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--bg-elev);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:16px}.spark-stroke{stroke:var(--accent);fill:none;stroke-width:1.5}.spark-fill{fill:color-mix(in oklab,var(--accent) 15%,transparent)}