:root{--bg-0: oklch(.18 .01 250);--bg-1: oklch(.21 .01 250);--bg-2: oklch(.24 .012 250);--bg-3: oklch(.28 .014 250);--bg-hover: oklch(.27 .012 250);--bg-active: oklch(.32 .02 250);--border-0: oklch(.27 .012 250);--border-1: oklch(.33 .014 250);--border-2: oklch(.4 .018 250);--fg-0: oklch(.96 .004 250);--fg-1: oklch(.82 .008 250);--fg-2: oklch(.64 .012 250);--fg-3: oklch(.48 .014 250);--fg-4: oklch(.38 .014 250);--accent: oklch(.7 .13 250);--accent-dim: oklch(.55 .13 250);--accent-bg: oklch(.32 .06 250);--accent-bg-soft: oklch(.26 .04 250);--danger: oklch(.65 .16 25);--warn: oklch(.75 .13 75);--ok: oklch(.7 .14 155);--hl-yellow: oklch(.85 .16 95);--hl-green: oklch(.78 .16 155);--hl-blue: oklch(.78 .14 235);--hl-pink: oklch(.78 .16 350);--hl-purple: oklch(.72 .14 305);--hl-yellow-bg: oklch(.85 .16 95 / .28);--hl-green-bg: oklch(.78 .16 155 / .28);--hl-blue-bg: oklch(.78 .14 235 / .32);--hl-pink-bg: oklch(.78 .16 350 / .28);--hl-purple-bg: oklch(.72 .14 305 / .32);--font-ui: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-serif: "Newsreader", "Source Serif Pro", Georgia, serif;--r-xs: 3px;--r-sm: 5px;--r-md: 8px;--r-lg: 12px;--top-h: 44px;--tab-h: 36px;--statusbar-h: 24px;--sidebar-l-w: 268px;--sidebar-r-w: 280px;--reader-fs: 16px;--reader-lh: 1.6;--reader-w: 720px;--reader-ff: var(--font-ui);--reader-align: left;--reader-letter: 0px;--reader-word: 0px;--reader-hyphens: manual;--meta-color: #85eb81;--chapter-meta-color: var(--meta-color);--shadow-pop: 0 8px 24px -8px oklch(0 0 0 / .45), 0 24px 48px -16px oklch(0 0 0 / .5);--shadow-flat: 0 1px 0 oklch(1 0 0 / .02) inset, 0 1px 2px oklch(0 0 0 / .3)}[data-theme=light]{--bg-0: oklch(.99 .003 250);--bg-1: oklch(.97 .005 250);--bg-2: oklch(.95 .006 250);--bg-3: oklch(.92 .008 250);--bg-hover: oklch(.94 .006 250);--bg-active: oklch(.9 .012 250);--border-0: oklch(.91 .008 250);--border-1: oklch(.86 .01 250);--border-2: oklch(.78 .012 250);--fg-0: oklch(.18 .012 250);--fg-1: oklch(.32 .012 250);--fg-2: oklch(.5 .014 250);--fg-3: oklch(.62 .012 250);--fg-4: oklch(.72 .012 250);--accent: oklch(.48 .16 250);--accent-dim: oklch(.55 .14 250);--accent-bg: oklch(.92 .04 250);--accent-bg-soft: oklch(.96 .02 250);--hl-yellow-bg: oklch(.9 .2 95 / .55);--hl-green-bg: oklch(.88 .18 155 / .5);--hl-blue-bg: oklch(.88 .16 235 / .55);--hl-pink-bg: oklch(.88 .18 350 / .5);--hl-purple-bg: oklch(.86 .16 305 / .55);--danger: oklch(.5 .18 25);--warn: oklch(.55 .14 65);--ok: oklch(.5 .14 155);--shadow-pop: 0 8px 24px -8px oklch(0 0 0 / .12), 0 24px 48px -16px oklch(0 0 0 / .16);--shadow-flat: 0 1px 0 oklch(1 0 0 / .6) inset, 0 1px 2px oklch(0 0 0 / .08)}[data-theme=sepia]{--bg-0: oklch(.94 .025 75);--bg-1: oklch(.92 .028 75);--bg-2: oklch(.9 .03 75);--bg-3: oklch(.87 .032 75);--bg-hover: oklch(.89 .03 75);--bg-active: oklch(.85 .035 75);--border-0: oklch(.85 .03 75);--border-1: oklch(.78 .035 75);--border-2: oklch(.7 .04 75);--fg-0: oklch(.22 .02 50);--fg-1: oklch(.34 .022 50);--fg-2: oklch(.5 .022 55);--fg-3: oklch(.6 .022 55);--fg-4: oklch(.7 .022 55);--accent: oklch(.4 .12 35);--accent-dim: oklch(.5 .1 35);--accent-bg: oklch(.88 .04 50);--accent-bg-soft: oklch(.91 .025 50)}*,*:before,*:after{box-sizing:border-box}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:hover,a:focus,a:visited,a:active{text-decoration:none}.reader p a,.reader li a,.reader blockquote a,.reader figcaption a,.reader .callout a{text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--accent) 55%,transparent);text-underline-offset:2px;color:var(--accent)}.reader p a:hover,.reader li a:hover,.reader blockquote a:hover,.reader figcaption a:hover,.reader .callout a:hover{text-decoration-color:var(--accent)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);font-size:13px;color:var(--fg-1);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}button,input,textarea{font-family:inherit;color:inherit}::selection{background:#3fa3ff8c;background:oklch(.7 .18 250 / .55);color:var(--fg-0)}[data-theme=light] ::selection{background:#3fa3ff59;background:oklch(.7 .18 250 / .35);color:var(--fg-0)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-1);border-radius:99px;border:2px solid var(--bg-0)}::-webkit-scrollbar-thumb:hover{background:var(--border-2)}.app{display:grid;grid-template-rows:var(--top-h) 1fr var(--statusbar-h);grid-template-columns:auto 1fr auto;grid-template-areas:"top top top" "left main right" "status status status";height:100vh;overflow:hidden}.topbar{grid-area:top}.sidebar-l{grid-area:left}.main{grid-area:main}.sidebar-r{grid-area:right}.statusbar{grid-area:status}.topbar{display:flex;align-items:stretch;background:var(--bg-1);border-bottom:1px solid var(--border-0);-webkit-user-select:none;user-select:none}.topbar__left,.topbar__right{display:flex;align-items:center;gap:2px;padding:0 8px}.topbar__center{flex:1;display:flex;align-items:center;justify-content:center}.topbar__brand{display:flex;align-items:center;gap:8px;padding:0 10px 0 8px;color:var(--fg-0);font-weight:600;font-size:13px;letter-spacing:-.01em;cursor:pointer}.topbar__brand .brand-mark{width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dim) 100%);display:grid;place-items:center;color:var(--bg-0);font-weight:700;font-size:10px;font-family:var(--font-mono)}.iconbtn{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:var(--r-sm);background:transparent;border:1px solid transparent;color:var(--fg-2);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.iconbtn:hover{background:var(--bg-hover);color:var(--fg-0)}.iconbtn.active{background:var(--accent-bg-soft);color:var(--accent)}.iconbtn svg{width:15px;height:15px}.divider-v{width:1px;background:var(--border-0);align-self:stretch;margin:6px}.searchpill{display:flex;align-items:center;gap:8px;padding:0 10px;height:28px;width:min(520px,50vw);background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--r-md);color:var(--fg-2);font-size:12.5px;cursor:pointer;transition:background .12s,border-color .12s}.searchpill:hover{border-color:var(--border-1);background:var(--bg-3);color:var(--fg-1)}.searchpill kbd{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);background:var(--bg-1);border:1px solid var(--border-0);border-radius:3px;padding:1px 5px}.statusbar{display:flex;align-items:center;gap:12px;padding:0 10px;background:var(--bg-1);border-top:1px solid var(--border-0);font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);opacity:.9;-webkit-user-select:none;user-select:none}.statusbar .sep{width:1px;height:12px;background:var(--border-0)}.statusbar .status-item{display:flex;align-items:center;gap:4px}.statusbar .status-item.accent{color:var(--meta-color);font-weight:600}.statusbar .right{margin-left:auto;display:flex;align-items:center;gap:12px}.sidebar{background:var(--bg-1);display:flex;flex-direction:column;overflow:hidden;position:relative}.sidebar-l{width:var(--sidebar-l-w);border-right:1px solid var(--border-0)}.sidebar-r{width:var(--sidebar-r-w);border-left:1px solid var(--border-0)}.sidebar-resizer{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:5;touch-action:none;background:transparent;transition:background .12s}.sidebar-resizer--right{right:-3px}.sidebar-resizer--left{left:-3px}.sidebar-resizer:hover,body.is-resizing-sidebar .sidebar-resizer{background:color-mix(in oklch,var(--accent) 45%,transparent)}body.is-resizing-sidebar{cursor:col-resize!important;-webkit-user-select:none;user-select:none}body.is-resizing-sidebar *{cursor:col-resize!important}.sidebar__header{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px 0 12px;border-bottom:1px solid var(--border-0);flex-shrink:0}.sidebar__title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;color:var(--fg-3);font-weight:500}.sidebar__actions{margin-left:auto;display:flex;gap:0}.segmented{display:inline-flex;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--r-sm);padding:2px;height:22px}.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--fg-2);font-size:10.5px;font-family:var(--font-mono);letter-spacing:.04em;padding:0 8px;border-radius:3px;cursor:pointer;height:100%}.segmented button.on{background:var(--bg-3);color:var(--fg-0);box-shadow:0 1px 2px #00000040}.sidebar__filter{position:relative;margin:8px 8px 4px;flex-shrink:0}.sidebar__filter input{width:100%;height:28px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--r-sm);color:var(--fg-1);padding:0 8px 0 26px;font-size:12px;outline:none}.sidebar__filter input:focus{border-color:var(--accent-dim)}.sidebar__filter>svg{position:absolute;left:8px;top:7px;width:13px;height:13px;color:var(--fg-3);pointer-events:none}.sidebar__filter-clear{position:absolute;right:4px;top:4px;width:20px;height:20px;display:grid;place-items:center;background:transparent;border:none;border-radius:99px;color:var(--fg-3);cursor:pointer;transition:background .12s,color .12s}.sidebar__filter-clear:hover{background:var(--bg-hover);color:var(--fg-0)}.sidebar__filter-toggle{position:absolute;right:4px;top:4px;height:20px;min-width:22px;padding:0 5px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--fg-3);font-family:var(--font-mono);font-size:10.5px;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.sidebar__filter-toggle:hover{color:var(--fg-0);background:var(--bg-hover)}.sidebar__filter-toggle.on{background:var(--accent-bg-soft);color:var(--accent);border-color:color-mix(in oklch,var(--accent) 40%,var(--border-1))}.sidebar__filter input{padding-right:32px}.sidebar__filter:has(.sidebar__filter-clear) input{padding-right:58px}.sidebar__filter:has(.sidebar__filter-clear) .sidebar__filter-clear{right:30px}.sidebar__filter--invalid input{border-color:var(--danger)}.sidebar__filter--invalid .sidebar__filter-toggle.on{color:var(--danger);border-color:color-mix(in oklch,var(--danger) 50%,var(--border-1));background:color-mix(in oklch,var(--danger) 12%,transparent)}.sidebar__body{flex:1;overflow-y:auto;padding:4px 4px 12px}.tree{font-size:12.5px;contain:layout style}.tree .row{content-visibility:auto;contain-intrinsic-size:auto 22px;contain:layout paint style}.row{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:var(--r-xs);cursor:pointer;position:relative;color:var(--fg-1);-webkit-user-select:none;user-select:none;min-height:22px;text-decoration:none}.row:hover{background:var(--bg-hover);text-decoration:none}a.row:visited,a.row:active,a.row:focus{text-decoration:none}.row .label{text-decoration:none}.row.active{background:var(--accent-bg-soft);color:var(--fg-0)}.row.active:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:2px;background:var(--accent);border-radius:99px}.row.softened{color:var(--fg-3)}.row.done{color:var(--fg-2)}.row .chev{width:14px;height:14px;display:grid;place-items:center;color:var(--fg-3);transition:transform .15s}.row .chev.open{transform:rotate(90deg)}.row .chev.placeholder{visibility:hidden}.row .ico{width:14px;height:14px;color:var(--fg-3);flex-shrink:0}.row__chnum{flex-shrink:0;min-width:34px;max-width:48px;overflow:hidden;white-space:nowrap;text-overflow:clip;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--fg-4);text-transform:uppercase}.row.active .row__chnum{color:var(--accent)}.row .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .count{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-4);flex-shrink:0;white-space:nowrap}.row .bookmark{color:var(--hl-yellow)}.tree .indent-1{padding-left:14px}.tree .indent-2{padding-left:26px}.tree .indent-3{padding-left:38px}.tree .indent-4{padding-left:50px}.tree .heading-row{color:var(--fg-2);font-size:12px;min-height:20px}.tree .heading-row .ico{color:var(--fg-4)}.tree .heading-row .label{font-weight:400}.tree .heading-row--h3{padding-left:36px;color:var(--fg-3)}.tree .heading-row--h4{padding-left:46px;color:var(--fg-3);font-size:11.5px}.tree .heading-row:hover{color:var(--fg-0)}.progress-track{flex-shrink:0;height:2px;width:28px;background:var(--border-0);border-radius:2px;overflow:hidden}.progress-track .fill{height:100%;background:var(--accent)}.main{background:var(--bg-0);overflow:hidden;display:flex;flex-direction:column;min-width:0}.tabbar{display:flex;align-items:center;height:var(--tab-h);background:var(--bg-1);border-bottom:1px solid var(--border-0);flex-shrink:0;overflow-x:auto}.tabbar::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;height:100%;border-right:1px solid var(--border-0);font-size:12px;color:var(--fg-2);cursor:pointer;background:var(--bg-1);position:relative}.tab:hover{color:var(--fg-1);background:var(--bg-2)}.tab.active{color:var(--fg-0);background:var(--bg-0)}.tab.active:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--accent)}.tab .ico{width:13px;height:13px;color:var(--fg-3)}.tab.active .ico{color:var(--accent)}.tab .close{width:16px;height:16px;display:grid;place-items:center;border-radius:3px;color:var(--fg-3)}.tab .close:hover{background:var(--bg-3);color:var(--fg-0)}.main__content{flex:1;overflow-y:auto;position:relative}.breadcrumb{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--meta-color);padding:10px 24px;position:sticky;top:0;z-index:5;background:oklch(from var(--bg-0) l c h / .85);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);border-bottom:1px solid var(--border-0)}.breadcrumb .seg{cursor:pointer;opacity:.7}.breadcrumb .seg:hover{opacity:1}.breadcrumb .sep{opacity:.45}.breadcrumb .current{opacity:1;font-weight:500}.reader-wrap{max-width:var(--reader-w);margin:0 auto;padding:24px 32px 160px;position:relative}.reader-wrap.wide{max-width:880px}.reader-wrap.narrow{max-width:640px}.reader{font-family:var(--reader-ff);font-size:var(--reader-fs);line-height:var(--reader-lh);color:var(--fg-0);letter-spacing:var(--reader-letter);word-spacing:var(--reader-word);-webkit-hyphens:var(--reader-hyphens);hyphens:var(--reader-hyphens)}.reader p,.reader li,.reader blockquote{text-align:var(--reader-align)}.reader h1,.reader h2,.reader h3,.reader h4,.reader h5,.reader h6,.reader figcaption,.reader caption,.reader th,.reader td,.reader .chapter-title,.reader .chapter-sub,.reader .chapter-meta{text-align:left}.reader.serif{--reader-ff: var(--font-serif)}.reader.sans{--reader-ff: var(--font-ui)}.reader.mono{--reader-ff: var(--font-mono);font-size:calc(var(--reader-fs) - 1px)}.chapter-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--chapter-meta-color);padding:0 0 10px;margin-bottom:18px;border-bottom:1px solid var(--border-0)}.chapter-meta .dot{width:3px;height:3px;border-radius:99px;background:currentColor;opacity:.55}.chapter-meta .progress{color:var(--chapter-meta-color);opacity:1;font-weight:600}.chapter-meta .chapter-meta__tools{color:var(--fg-3)}.reader h1.chapter-title{font-size:1.875em;line-height:1.15;font-weight:600;letter-spacing:-.02em;margin:0 0 4px;color:var(--fg-0);text-wrap:balance}.reader .chapter-sub{color:var(--fg-2);font-size:.95em;margin:0 0 28px;font-style:italic;font-weight:300}.section{position:relative;margin:0 0 16px}.reader .noteable{position:relative;transition:background .15s ease,box-shadow .15s ease}.reader .noteable:hover{background:#ffffff05}[data-theme=light] .reader .noteable:hover{background:#52657a0a}.reader .noteable.has-note>.note-pen--auto{opacity:1;color:var(--meta-color)}.reader .noteable.has-note>.note-pen--auto:after{content:"";position:absolute;bottom:3px;right:3px;width:5px;height:5px;border-radius:99px;background:var(--meta-color)}.reader .note-pen--auto{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;left:-30px;top:0;width:22px;height:22px;display:grid;place-items:center;background:transparent;border:none;border-radius:4px;color:var(--fg-3);cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease,background .12s ease;z-index:2}.reader .note-pen--auto:hover{background:var(--bg-2);color:var(--fg-0)}.reader .noteable:hover>.note-pen--auto{opacity:1}.reader li.noteable>.note-pen--auto{left:-52px}.reader figure.noteable>.note-pen--auto{top:8px}.reader table.noteable>.note-pen--auto{top:10px}.reader .callout.noteable>.note-pen--auto{top:10px}.reader blockquote.noteable>.note-pen--auto{top:4px}.read-anno,.heading-tools,.chapter-meta,.breadcrumb,.section__anchor,.chap-nav,.note-popup,.hl-toolbar,.chapter-search,[data-no-highlight]{user-select:none;-webkit-user-select:none}mark.hl{display:inline}mark.hl>p,mark.hl>div,mark.hl>h1,mark.hl>h2,mark.hl>h3,mark.hl>ul,mark.hl>ol,mark.hl>figure,mark.hl>table{display:inline}.reader h2{font-size:1.35em;line-height:1.25;font-weight:600;letter-spacing:-.015em;color:var(--fg-0);margin:36px 0 12px;display:flex;align-items:center;gap:8px;scroll-margin-top:80px}.reader h3{font-size:1.05em;font-weight:600;color:var(--fg-0);margin:24px 0 8px;letter-spacing:-.005em;scroll-margin-top:80px;display:flex;align-items:center;gap:8px}.reader h2 .heading-tools{margin-left:auto;display:flex;gap:4px;opacity:0;transition:opacity .15s}.reader h2:hover .heading-tools{opacity:1}.reader h2 .heading-tools button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border-0);color:var(--fg-3);font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:3px;cursor:pointer}.reader h2 .heading-tools button:hover{color:var(--fg-0);border-color:var(--border-2)}.reader h2 .read-time{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);font-weight:400;letter-spacing:0}.reader p{margin:0 0 12px}.reader figure{margin:20px 0;background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-md);overflow:hidden}.reader figure .img-placeholder{aspect-ratio:16 / 9;background:repeating-linear-gradient(45deg,transparent 0 8px,var(--bg-2) 8px 16px),var(--bg-1);display:grid;place-items:center;color:var(--fg-3);font-family:var(--font-mono);font-size:11px;border-bottom:1px solid var(--border-0)}.reader figcaption{padding:10px 14px;font-size:12px;color:var(--fg-2);display:flex;gap:8px}.reader figcaption strong{font-family:var(--font-mono);font-size:10.5px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.callout{margin:20px 0;border:1px solid var(--border-0);border-left:3px solid var(--accent);border-radius:var(--r-md);padding:12px 16px;background:var(--accent-bg-soft)}.callout .callout-title{font-family:var(--font-mono);font-size:10.5px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-weight:500;margin-bottom:6px;display:flex;align-items:center;gap:6px}.callout.clinical{border-left-color:var(--ok)}.callout.clinical .callout-title{color:var(--ok)}.callout.warning{border-left-color:var(--warn)}.callout.warning .callout-title{color:var(--warn)}.callout.danger{border-left-color:var(--danger)}.callout.danger .callout-title{color:var(--danger)}.reader table{width:100%;border-collapse:collapse;font-size:.92em;margin:18px 0;display:block;overflow-x:auto}.reader table thead th{text-align:left;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);font-weight:500;padding:8px 12px;border-bottom:1px solid var(--border-1);background:var(--bg-1)}.reader table tbody td{padding:8px 12px;border-bottom:1px solid var(--border-0);vertical-align:top}.reader table tbody tr:hover{background:var(--bg-1)}.reader ul,.reader ol{margin:0 0 14px;padding-left:22px}.reader li{margin:4px 0}.reader li::marker{color:var(--fg-3)}mark.hl{padding:0;margin:0;border-radius:4px;cursor:pointer;color:inherit;background-clip:padding-box;box-decoration-break:clone;-webkit-box-decoration-break:clone}mark.hl-yellow{background:var(--hl-yellow-bg)}mark.hl-green{background:var(--hl-green-bg)}mark.hl-blue{background:var(--hl-blue-bg)}mark.hl-pink{background:var(--hl-pink-bg)}mark.hl-purple{background:var(--hl-purple-bg)}mark.hl.search{background:var(--accent-bg);outline:1px solid var(--accent);border-radius:2px}mark.hl.search-current{background:var(--accent);color:var(--bg-0)}.hl-toolbar{position:absolute;display:flex;align-items:center;background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-md);padding:4px;box-shadow:var(--shadow-pop);gap:2px;z-index:50}.hl-toolbar .swatch{width:22px;height:22px;border-radius:4px;cursor:pointer;border:1px solid transparent;display:grid;place-items:center;color:var(--bg-0);font-family:var(--font-mono);font-size:9.5px;font-weight:600}.hl-toolbar .swatch:hover{border-color:var(--fg-0)}.hl-toolbar .sep{width:1px;height:18px;background:var(--border-0);margin:0 4px}.hl-toolbar .iconbtn{width:22px;height:22px}.hl-toolbar .iconbtn svg{width:13px;height:13px}.note-popup{position:absolute;width:280px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-md);box-shadow:var(--shadow-pop);padding:10px;z-index:60}.note-popup__title{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;display:flex;align-items:center;gap:6px}.note-popup__title .name{color:var(--fg-1);text-transform:none;letter-spacing:0;font-size:11.5px;font-family:var(--font-ui)}.note-popup textarea{width:100%;min-height:96px;background:transparent;border:none;outline:none;resize:vertical;color:var(--fg-0);font-size:13px;line-height:1.5;padding:4px 0 0}.note-popup__footer{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--fg-3);margin-top:6px;padding-top:6px;border-top:1px solid var(--border-0)}.note-popup__footer .saved{color:var(--ok);margin-left:auto}.chap-nav{display:flex;gap:12px;margin:64px 0 0;padding-top:24px;border-top:1px solid var(--border-0)}.chap-nav__btn{flex:1;display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-md);cursor:pointer;color:var(--fg-1);text-decoration:none;transition:border-color .15s,background .15s}.chap-nav__btn:hover{border-color:var(--border-2);background:var(--bg-2)}.chap-nav__btn .lbl{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:4px}.chap-nav__btn .title{color:var(--fg-0);font-size:13px}.chap-nav__btn.next{text-align:right;align-items:flex-end}.chapter-search{position:absolute;top:8px;right:24px;display:flex;align-items:center;background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-md);padding:4px;gap:4px;box-shadow:var(--shadow-pop);z-index:30}.chapter-search input{background:transparent;border:none;outline:none;width:220px;font-size:12px}.chapter-search .count{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);padding:0 6px;border-left:1px solid var(--border-0)}.home{max-width:1180px;margin:0 auto;padding:28px 28px 80px}.home__greet{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.home__title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--fg-0)}.home__title em{font-style:normal;color:var(--fg-3);font-weight:400}.home__sub{font-family:var(--font-mono);font-size:11px;color:var(--meta-color);opacity:.85}.home__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:18px}.card{background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-lg);overflow:hidden}.card__header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-0);font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.card__header .actions{margin-left:auto;display:flex;gap:4px}.card__body{padding:14px}.resume{position:relative;padding:18px;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--accent-bg-soft) 0%,var(--bg-1) 70%);border:1px solid var(--border-0);overflow:hidden}.resume:after{content:"";position:absolute;right:-20px;top:-20px;width:180px;height:180px;background:radial-gradient(circle,var(--accent-bg) 0%,transparent 70%);pointer-events:none}.resume__lbl{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);text-transform:uppercase;letter-spacing:.08em}.resume__crumb{font-family:var(--font-mono);font-size:11px;color:var(--meta-color);opacity:.8;margin-top:6px}.resume__title{font-size:20px;font-weight:600;color:var(--fg-0);margin:6px 0 4px;letter-spacing:-.015em}.resume__heading{color:var(--fg-1);font-size:13.5px;margin-bottom:18px}.resume__bar{height:4px;background:var(--bg-3);border-radius:99px;overflow:hidden;margin-bottom:6px}.resume__bar .fill{height:100%;background:var(--accent)}.resume__meta{font-family:var(--font-mono);font-size:11px;color:var(--meta-color);display:flex;gap:12px;font-weight:500}.resume__actions{display:flex;gap:6px;margin-top:14px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--r-sm);font-size:12px;font-family:var(--font-ui);background:var(--bg-2);border:1px solid var(--border-1);color:var(--fg-1);cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--border-2);color:var(--fg-0);background:var(--bg-3)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg-0);font-weight:500}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--bg-2);border-color:var(--border-0)}.btn kbd{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);background:var(--bg-1);border:1px solid var(--border-0);padding:0 4px;border-radius:3px}.recent-list{display:flex;flex-direction:column}.recent-row{display:grid;grid-template-columns:22px 1fr auto auto;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border-0);cursor:pointer}.recent-row:last-child{border-bottom:none}.recent-row:hover{background:var(--bg-2)}.recent-row .num{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);opacity:.55}.recent-row .title{color:var(--fg-0);font-size:13px}.recent-row .crumb{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);opacity:.8;margin-top:2px}.recent-row .time{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);opacity:.7}.recent-row .pct{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);font-weight:600}.note-card{padding:12px 14px;border-bottom:1px solid var(--border-0);cursor:pointer}.note-card:last-child{border-bottom:none}.note-card:hover{background:var(--bg-2)}.note-card__title{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--fg-0);margin-bottom:4px}.note-card__title .tag{font-family:var(--font-mono);font-size:10px;color:var(--meta-color);background:oklch(from var(--meta-color) l c h / .12);padding:0 4px;border-radius:3px}.note-card__body{font-size:12px;color:var(--fg-2);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-card__crumb{font-family:var(--font-mono);font-size:10px;color:var(--meta-color);opacity:.8;margin-top:6px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-0)}.stat{background:var(--bg-1);padding:14px}.stat__lbl{font-family:var(--font-mono);font-size:10px;color:var(--meta-color);text-transform:uppercase;letter-spacing:.08em}.stat__val{font-size:22px;font-weight:600;color:var(--fg-0);font-feature-settings:"tnum","ss01";letter-spacing:-.02em;margin-top:4px}.stat__delta{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);margin-top:2px;opacity:.85}.stat__delta.flat{opacity:.55}.activity{display:flex;align-items:flex-end;gap:4px;height:84px;padding:0 4px}.activity .bar{flex:1;background:var(--accent-bg);border-radius:2px 2px 0 0;position:relative}.activity .bar.today{background:var(--accent)}.activity .label{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:9.5px;color:var(--meta-color);opacity:.6}.activity-wrap{padding-bottom:22px}.book-mini{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;border-bottom:1px solid var(--border-0)}.book-mini:last-child{border-bottom:none}.book-mini:hover{background:var(--bg-2)}.book-cover{width:36px;height:48px;border-radius:3px;background:linear-gradient(135deg,var(--bg-3) 0%,var(--bg-2) 100%);border:1px solid var(--border-1);display:grid;place-items:center;color:var(--fg-2);font-family:var(--font-mono);font-size:9px;text-align:center;letter-spacing:.04em;padding:4px;line-height:1.1}.book-cover.b1{background:linear-gradient(135deg,#0a345a,#0b1c2c);color:#c4daf2}.book-cover.b2{background:linear-gradient(135deg,#003f1f,#092012);color:#c4e0cc}.book-cover.b3{background:linear-gradient(135deg,#551f1d,#2b1311);color:#f1ceca}.book-cover.b4{background:linear-gradient(135deg,#3c2753,#1f1629);color:#ddd1ed}.book-cover.b5{background:linear-gradient(135deg,#462e00,#251804);background:linear-gradient(135deg,color(xyz 0.036 0.032 0),#251804);color:#e7d4bb}.book-cover.b6{background:linear-gradient(135deg,#003c3c,#031f21);background:linear-gradient(135deg,color(xyz 0.021 0.036 0.053),#031f21);color:#bae0e0}.book-mini .meta{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);opacity:.85}.book-progress-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-0);cursor:pointer}.book-progress-row:last-child{border-bottom:none}.book-progress-row:hover{background:var(--bg-2)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:start center;padding-top:12vh}.palette{width:min(640px,92vw);max-height:70vh;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);overflow:hidden;display:flex;flex-direction:column}.palette__input{display:flex;align-items:center;gap:10px;padding:0 14px;height:46px;border-bottom:1px solid var(--border-0)}.palette__input svg{color:var(--fg-3);flex-shrink:0}.palette__input input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--fg-0)}.palette__input .mode{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);background:var(--bg-2);border:1px solid var(--border-0);border-radius:99px;padding:2px 8px}.palette__advanced{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-2);border-bottom:1px solid var(--border-0);cursor:pointer}.palette__advanced:hover{background:var(--bg-3)}.palette__advanced .mark{width:22px;height:22px;border-radius:var(--r-sm);background:var(--accent);color:var(--bg-0);display:grid;place-items:center}.palette__advanced .lbl{color:var(--fg-0);font-size:12.5px}.palette__advanced .sub{color:var(--fg-3);font-size:11px;margin-left:auto;font-family:var(--font-mono)}.palette__list{flex:1;overflow-y:auto;padding:6px 0}.palette__group{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);padding:8px 14px 4px}.palette__item{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:6px 14px;cursor:pointer}.palette__item:hover,.palette__item.active{background:var(--accent-bg-soft)}.palette__item .ico{color:var(--fg-3)}.palette__item.active .ico{color:var(--accent)}.palette__item .title{color:var(--fg-0);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette__item .crumb{color:var(--fg-3);font-size:11px;font-family:var(--font-mono)}.palette__item .kbd{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);background:var(--bg-2);border:1px solid var(--border-0);padding:1px 5px;border-radius:3px}.palette__footer{display:flex;align-items:center;gap:14px;padding:8px 14px;border-top:1px solid var(--border-0);font-family:var(--font-mono);font-size:10px;color:var(--fg-3)}.palette__footer kbd{background:var(--bg-2);border:1px solid var(--border-0);border-radius:3px;padding:0 5px;margin-right:4px}.search-page{max-width:980px;margin:0 auto;padding:24px 28px 80px}.search-page__header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.search-page__title{margin:0;font-size:18px;font-weight:600;color:var(--fg-0);letter-spacing:-.02em}.search-page__title em{color:var(--fg-3);font-weight:400;font-style:normal}.search-input{display:flex;align-items:center;gap:10px;padding:0 14px;height:44px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md)}.search-input:focus-within{border-color:var(--accent)}.search-input svg{color:var(--fg-3)}.search-input input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--fg-0)}.search-history{margin:8px 0 14px;border:1px solid var(--border-0);border-radius:var(--r-md);background:var(--bg-1);overflow:hidden}.search-history__header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-2);border-bottom:1px solid var(--border-0);font-family:var(--font-mono);font-size:11px;color:var(--meta-color);text-transform:uppercase;letter-spacing:.06em}.search-history__list{display:flex;flex-direction:column}.search-history__row{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:14px 1fr auto auto auto auto;align-items:center;gap:12px;padding:8px 12px;background:transparent;border:none;border-top:1px solid var(--border-0);text-align:left;cursor:pointer;color:var(--fg-1);font-size:12.5px}.search-history__row:first-child{border-top:none}.search-history__row:hover{background:var(--bg-2);color:var(--fg-0)}.search-history__q{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}.search-history__mode{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:99px;background:var(--bg-2);border:1px solid var(--border-0);color:var(--fg-3)}.search-history__row:hover .search-history__mode{background:var(--bg-3)}.search-history__mode.mode-fuzzy{color:var(--accent);border-color:var(--accent)}.search-history__mode.mode-literal{color:var(--hl-green);border-color:var(--hl-green)}.search-history__mode.mode-regex{color:var(--hl-purple);border-color:var(--hl-purple)}.search-history__scope{font-family:var(--font-mono);font-size:10px;color:var(--fg-3)}.search-history__count{font-family:var(--font-mono);font-size:10px;color:var(--meta-color);opacity:.85}.search-history__when{font-family:var(--font-mono);font-size:10px;color:var(--meta-color);opacity:.6;min-width:70px;text-align:right}.book-scope{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border-0);border-radius:var(--r-md);padding:8px;background:var(--bg-1);max-height:320px;overflow-y:auto}.book-scope__category{border-radius:var(--r-sm)}.book-scope__cat-header{display:flex;align-items:center;gap:10px;padding:4px 6px;font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);text-transform:uppercase;letter-spacing:.06em}.book-scope__cat-name{font-weight:600}.book-scope__cat-count{margin-left:auto;opacity:.65}.book-scope__books{display:flex;flex-direction:column;gap:2px;margin-left:8px;padding-left:12px;border-left:1px solid var(--border-0)}.book-scope__book{display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:4px;font-size:12.5px;color:var(--fg-1)}.book-scope__book:hover{background:var(--bg-2)}.book-scope__book--out{opacity:.42}.book-scope__book--out .book-scope__title{text-decoration:line-through;text-decoration-color:var(--danger);text-decoration-thickness:1px}.book-scope__book--mixed .book-scope__title{font-style:italic}.book-scope__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-scope__meta{font-family:var(--font-mono);font-size:10px;color:var(--meta-color);opacity:.6}.book-scope__chev{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;width:16px;height:16px;display:grid;place-items:center;color:var(--fg-3);cursor:pointer;border-radius:3px;padding:0;transition:transform .15s ease,color .12s ease,background .12s ease}.book-scope__chev:hover{color:var(--fg-0);background:var(--bg-3)}.book-scope__chev.open{transform:rotate(90deg);color:var(--fg-1)}.book-scope__chapters{display:flex;flex-direction:column;gap:1px;margin:4px 0 6px 36px;padding-left:10px;border-left:1px dashed var(--border-0)}.book-scope__chapter{display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:4px;font-size:12px;color:var(--fg-2)}.book-scope__chapter:hover{background:var(--bg-2)}.book-scope__chapter--out{opacity:.42}.book-scope__chapter--out .book-scope__chapter-title{text-decoration:line-through;text-decoration-color:var(--danger);text-decoration-thickness:1px}.book-scope__chapter-num{font-family:var(--font-mono);font-size:10px;color:var(--fg-4);width:36px;flex-shrink:0}.book-scope__chapter-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tri-toggle{display:inline-flex;gap:2px;flex-shrink:0}.tri-toggle__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;display:grid;place-items:center;border-radius:4px;background:var(--bg-2);border:1px solid var(--border-1);color:var(--fg-3);cursor:pointer;font-family:var(--font-mono);font-size:13px;font-weight:600;line-height:1;transition:all .12s;padding:0}.tri-toggle__btn:hover{color:var(--fg-0);border-color:var(--border-2)}.tri-toggle__btn--in.active{background:var(--ok);border-color:var(--ok);color:var(--bg-0)}.tri-toggle__btn--out.active{background:var(--danger);border-color:var(--danger);color:var(--bg-0)}.tri-toggle__btn.mixed{opacity:.55}.search-modes{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.search-modes .seg-label{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;margin-right:4px}.segmented.large{height:26px}.segmented.large button{font-size:11px;padding:0 10px}.search-options{margin-top:14px;border:1px solid var(--border-0);border-radius:var(--r-md);overflow:hidden}.search-options__row{display:grid;grid-template-columns:160px 1fr;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-0);gap:12px}.search-options__row:last-child{border-bottom:none}.search-options__row .lbl{font-family:var(--font-mono);font-size:11px;color:var(--meta-color);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.checkbox-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--border-0);background:var(--bg-1);color:var(--fg-2);border-radius:99px;font-size:11.5px;cursor:pointer;font-family:var(--font-mono);white-space:nowrap}.checkbox-pill.on{color:var(--accent);border-color:var(--accent);background:var(--accent-bg-soft)}.checkbox-pill input{display:none}.tree-mini{border:1px solid var(--border-0);border-radius:var(--r-md);padding:6px 0;max-height:160px;overflow-y:auto;font-size:12px}.tree-mini .row{padding:2px 8px}.tree-mini .row .cb{width:13px;height:13px;border:1px solid var(--border-1);border-radius:3px;background:var(--bg-2);display:grid;place-items:center;color:var(--accent)}.tree-mini .row .cb.on{background:var(--accent);border-color:var(--accent);color:var(--bg-0)}.search-summary{display:flex;align-items:center;gap:10px;margin:22px 0 12px;font-family:var(--font-mono);font-size:11px;color:var(--meta-color);opacity:.85}.search-summary .count{color:var(--meta-color);opacity:1;font-weight:600}.result-group{margin-bottom:12px;background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-md);overflow:hidden}.result-group__header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-2);border-bottom:1px solid var(--border-0);cursor:pointer}.result-group__header:hover{background:var(--bg-3)}.result-group__crumb{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);opacity:.85;flex:1}.result-group__crumb b{color:var(--meta-color);opacity:1;font-weight:600}.result-group__count{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);background:oklch(from var(--meta-color) l c h / .12);padding:1px 7px;border-radius:99px;font-weight:600}.result{display:grid;grid-template-columns:44px 1fr auto;align-items:start;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-0);cursor:pointer}.result:last-child{border-bottom:none}.result:hover{background:var(--bg-2)}.result .badge{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;text-align:center;padding:2px 4px;border-radius:3px;background:var(--bg-2);color:var(--fg-3);border:1px solid var(--border-0);align-self:start;margin-top:2px}.result .badge.ch{color:var(--accent);border-color:var(--accent)}.result .badge.h{color:var(--hl-green);border-color:var(--hl-green)}.result .badge.p{color:var(--fg-2)}.result .text{color:var(--fg-1);font-size:13px;line-height:1.5;min-width:0}.result .text .title{color:var(--fg-0);font-weight:500}.result .text mark{background:var(--accent-bg);color:var(--accent);padding:0 2px;border-radius:2px}.result .anchor{font-family:var(--font-mono);font-size:10px;color:var(--meta-color);opacity:.55}.nhb-page{max-width:1080px;margin:0 auto;padding:24px 28px 80px}.nhb-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-0);margin-bottom:16px}.nhb-tab{padding:8px 14px;background:transparent;border:none;color:var(--fg-2);font-size:13px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:8px}.nhb-tab .num{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);background:var(--bg-2);padding:1px 6px;border-radius:99px}.nhb-tab.active{color:var(--fg-0);border-bottom-color:var(--accent)}.nhb-tab.active .num{color:var(--accent);background:var(--accent-bg-soft)}.nhb-tab:hover{color:var(--fg-1)}.nhb-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.nhb-toolbar .search-input{flex:1;height:34px;padding:0 12px}.nhb-toolbar .search-input input{font-size:13px}.color-filter{display:flex;gap:4px}.color-filter .dot{width:18px;height:18px;border-radius:99px;border:2px solid transparent;cursor:pointer}.color-filter .dot.on{border-color:var(--fg-0)}.nhb-tree{display:flex;flex-direction:column;gap:14px}.nhb-book{border:1px solid var(--border-0);border-radius:var(--r-md);overflow:hidden;background:var(--bg-1)}.nhb-book__header{display:grid;grid-template-columns:18px 36px 1fr auto;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-2);border-bottom:1px solid var(--border-0);cursor:pointer}.nhb-book__title{color:var(--fg-0);font-size:13.5px;font-weight:500}.nhb-book__meta{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);opacity:.85;margin-left:auto}.nhb-chap{border-top:1px solid var(--border-0)}.nhb-chap:first-child{border-top:none}.nhb-chap__header{display:flex;align-items:center;gap:6px;padding:8px 12px 8px 38px;font-family:var(--font-mono);font-size:11px;color:var(--meta-color);opacity:.9;cursor:pointer}.nhb-chap__header:hover{background:var(--bg-2)}.nhb-chap__header b{color:var(--fg-0);font-weight:500;font-family:var(--font-ui)}.nhb-chap__header .ch-tag{color:var(--fg-4)}.nhb-chap__count{margin-left:auto;color:var(--fg-3)}.nhb-heading{border-top:1px solid var(--border-0)}.nhb-heading__header{display:flex;align-items:center;gap:6px;padding:6px 12px 6px 60px;font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);opacity:.85;cursor:pointer}.nhb-heading__header:hover{background:var(--bg-2)}.nhb-heading__label{color:var(--fg-1);font-family:var(--font-ui);font-size:12px}.nhb-heading__count{margin-left:auto;color:var(--fg-4)}.nhb-heading .nhb-item{padding-left:60px}.nhb-item{display:grid;grid-template-columns:3px 1fr auto;gap:12px;padding:10px 14px 10px 38px;border-top:1px solid var(--border-0);cursor:pointer;position:relative}.nhb-item:hover{background:var(--bg-2)}.nhb-item .stripe{border-radius:99px}.nhb-item.hl-yellow .stripe{background:var(--hl-yellow)}.nhb-item.hl-green .stripe{background:var(--hl-green)}.nhb-item.hl-blue .stripe{background:var(--hl-blue)}.nhb-item.hl-pink .stripe{background:var(--hl-pink)}.nhb-item.hl-purple .stripe{background:var(--hl-purple)}.nhb-item.note .stripe{background:var(--accent)}.nhb-item.bm .stripe{background:var(--hl-yellow)}.nhb-item__body{min-width:0}.nhb-item__heading{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);opacity:.85;margin-bottom:4px}.nhb-item__text{color:var(--fg-0);font-size:13px;line-height:1.5}.nhb-item__note{color:var(--fg-1);font-size:12.5px;font-style:italic;margin-top:6px;padding-left:8px;border-left:2px solid var(--border-1)}.nhb-item__meta{font-family:var(--font-mono);font-size:10px;color:var(--meta-color);opacity:.6;display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}.popover{position:absolute;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md);box-shadow:var(--shadow-pop);width:320px;z-index:80;overflow:hidden}.popover__header{padding:10px 14px;border-bottom:1px solid var(--border-0);display:flex;align-items:center;gap:8px}.popover__header .name{color:var(--fg-0);font-weight:500;font-size:13px}.popover__header .sub{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);margin-left:auto}.popover__section{padding:10px 14px;border-bottom:1px solid var(--border-0)}.popover__section:last-child{border-bottom:none}.popover__row{display:flex;align-items:center;gap:10px;padding:4px 0}.popover__row .lbl{font-family:var(--font-mono);font-size:11px;color:var(--meta-color);text-transform:uppercase;letter-spacing:.06em;width:90px;flex-shrink:0}.popover__row .val{font-family:var(--font-mono);font-size:11px;color:var(--meta-color);opacity:.85;margin-left:auto}.popover__row input[type=range]{flex:1;accent-color:var(--accent)}.size-buttons{display:flex;gap:4px}.size-buttons button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-2);border:1px solid var(--border-0);color:var(--fg-1);width:28px;height:24px;border-radius:var(--r-xs);cursor:pointer;font-size:12px}.size-buttons button:hover{border-color:var(--border-2)}.size-buttons button.on{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.book-page{max-width:1100px;margin:0 auto;padding:24px 28px 80px}.book-hero{display:grid;grid-template-columns:120px 1fr;gap:24px;margin-bottom:28px}.book-hero .cover{width:120px;height:160px;border-radius:var(--r-md)}.book-hero h1{margin:0 0 6px;font-size:26px;color:var(--fg-0);letter-spacing:-.02em;font-weight:600}.book-hero .authors{color:var(--fg-2);font-size:13.5px;margin-bottom:14px}.book-hero .stats{display:flex;gap:24px;font-family:var(--font-mono);font-size:11px;color:var(--fg-3)}.book-hero .stats b{color:var(--fg-0);font-family:var(--font-ui);font-weight:600;font-size:14px}.book-hero .actions{display:flex;gap:8px;margin-top:16px}.chap-grid{border:1px solid var(--border-0);border-radius:var(--r-md);overflow:hidden}.chap-row{display:grid;grid-template-columns:36px 1fr 80px 80px 16px;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border-0);cursor:pointer}.chap-row:last-child{border-bottom:none}.chap-row:hover{background:var(--bg-2)}.chap-row.last-read{background:var(--accent-bg-soft)}.chap-row .num{font-family:var(--font-mono);font-size:11px;color:var(--fg-3)}.chap-row .title{color:var(--fg-0);font-size:13.5px}.chap-row .meta{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3)}.chap-row .meta.read{color:var(--accent)}.outline-tree{font-size:12px;padding:4px}.outline-row{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:var(--r-xs);cursor:pointer;color:var(--fg-2);position:relative;line-height:1.35}.outline-row.active{color:var(--accent)}.outline-row.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--accent);border-radius:99px}.outline-row.h2{font-weight:500;color:var(--fg-1)}.outline-row.h3{padding-left:18px;font-size:11.5px}.outline-row.h4{padding-left:30px;font-size:11.5px;color:var(--fg-3)}.outline-row .done{color:var(--ok)}.rs-toolbar{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--border-0);background:var(--bg-1)}.rs-scope{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;color:var(--meta-color);text-transform:uppercase;letter-spacing:.06em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-chap-group{margin-bottom:10px}.rs-chap-crumb{display:flex;align-items:center;gap:6px;padding:6px 8px;margin:4px 0;font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px dashed var(--border-0)}.rs-chap-crumb.current{color:var(--accent);border-bottom-color:var(--accent)}.rs-chap-num{color:var(--fg-4);font-weight:600}.rs-chap-crumb.current .rs-chap-num{color:var(--accent)}.rs-chap-title{color:var(--fg-1);font-family:var(--font-ui);font-size:11.5px;text-transform:none;letter-spacing:0;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-chap-crumb.current .rs-chap-title{color:var(--accent)}.rs-chap-here{font-size:9px;background:var(--accent);color:var(--bg-0);padding:1px 5px;border-radius:99px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.rs-card{border:1px solid var(--border-0);background:var(--bg-2);border-radius:6px;padding:8px 10px;margin-bottom:6px;cursor:pointer;position:relative;transition:background .12s ease,border-color .12s ease}.rs-card:hover{background:var(--bg-3)}.rs-card.current{border-color:var(--accent)}.rs-card__crumb{font-family:var(--font-mono);font-size:9.5px;color:var(--meta-color);opacity:.75;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rs-card__title{display:flex;align-items:center;gap:5px;color:var(--fg-0);font-size:12px;font-weight:500;margin-bottom:3px}.rs-card__title svg{color:var(--meta-color)}.rs-card__body{color:var(--fg-1);font-size:11.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rs-card__hl-text{font-size:11.5px;line-height:1.45;color:var(--fg-0);padding-left:6px;border-left:2px solid var(--border-1)}.rs-card--hl.hl-yellow .rs-card__hl-text{border-left-color:var(--hl-yellow)}.rs-card--hl.hl-green .rs-card__hl-text{border-left-color:var(--hl-green)}.rs-card--hl.hl-blue .rs-card__hl-text{border-left-color:var(--hl-blue)}.rs-card--hl.hl-pink .rs-card__hl-text{border-left-color:var(--hl-pink)}.rs-card--hl.hl-purple .rs-card__hl-text{border-left-color:var(--hl-purple)}.rs-card__meta{font-family:var(--font-mono);font-size:9.5px;color:var(--meta-color);opacity:.6;margin-top:4px}.mobile-frame{position:relative}.mobile-drawer-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10}.mobile-drawer{position:absolute;top:0;left:0;bottom:0;width:280px;background:var(--bg-1);z-index:11;display:flex;flex-direction:column;border-right:1px solid var(--border-0)}.mobile-sheet-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:10}.mobile-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--bg-1);z-index:11;border-top-left-radius:16px;border-top-right-radius:16px;border:1px solid var(--border-0);border-bottom:none;max-height:70%;display:flex;flex-direction:column}.mobile-sheet__grip{width:36px;height:4px;background:var(--border-2);border-radius:99px;margin:8px auto 0}.app.no-right .sidebar-r,.app.no-left .sidebar-l{display:none}.dim{opacity:.6}.dot{display:inline-block;width:6px;height:6px;border-radius:99px}.dot.done{background:var(--ok)}.dot.partial{background:var(--warn)}.dot.idle{background:var(--fg-4)}.read-anno{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9.5px;color:var(--meta-color);background:var(--bg-2);padding:1px 6px;border-radius:99px;border:1px solid var(--border-0)}.resume-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px 8px 14px;background:var(--bg-2);border:1px solid var(--meta-color);border-radius:var(--r-md);box-shadow:var(--shadow-pop);z-index:50}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .18s ease-out}@keyframes hlPop{0%{opacity:0}to{opacity:1}}.hl-pop{animation:hlPop .14s ease-out}.heading-block{position:relative;margin:0;padding:0;display:flow-root}.section>.note-pen{display:none}.note-pen{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;left:-30px;width:22px;height:22px;display:grid;place-items:center;background:transparent;border:none;border-radius:4px;color:var(--fg-3);cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease,background .12s ease;z-index:2;padding:0}.note-pen svg{width:12px;height:12px}.note-pen:hover{background:var(--bg-2);color:var(--fg-0)}.note-pen--h2{top:40px}.note-pen--h3{top:28px}.heading-chev{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin-right:6px;width:18px;height:18px;display:inline-grid;place-items:center;vertical-align:middle;color:var(--fg-3);cursor:pointer;border-radius:3px;transition:color .12s ease,background .12s ease,transform .18s ease}.heading-chev:hover{color:var(--fg-0);background:var(--bg-2)}.heading-chev.collapsed{transform:rotate(-90deg);color:var(--fg-2)}.heading-block:hover>.note-pen,.heading-block.force-hover>.note-pen{opacity:1}.heading-block.has-note>.note-pen{opacity:1;color:var(--meta-color)}.note-inline{font-family:var(--font-mono);font-size:11px;color:var(--fg-2);background:var(--bg-1);border:1px solid var(--border-0);border-left:2px solid var(--meta-color);border-radius:4px;padding:6px 10px;margin:8px 0 4px;line-height:1.5}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 24px;border:1px dashed var(--border-0);border-radius:var(--r-md);background:var(--bg-1);color:var(--fg-2);min-height:180px}.empty--compact{padding:22px 16px;min-height:0;gap:6px}.empty__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:99px;background:var(--bg-2);color:var(--meta-color);margin-bottom:12px}.empty--compact .empty__icon{width:30px;height:30px;margin-bottom:6px}.empty__title{color:var(--fg-0);font-size:14px;font-weight:500;margin-bottom:6px}.empty--compact .empty__title{font-size:12.5px;margin-bottom:2px}.empty__hint{color:var(--fg-2);font-size:12px;line-height:1.55;max-width:360px}.empty--compact .empty__hint{font-size:11.5px;max-width:320px}.empty__action{margin-top:14px}.resume--empty{background:var(--bg-1);border:1px dashed var(--border-0)}.resume--empty .empty{border:none;background:transparent;padding:18px 0 8px;min-height:0}.skel{display:inline-block;background:linear-gradient(90deg,var(--bg-2) 0%,var(--bg-3) 50%,var(--bg-2) 100%);background-size:200% 100%;animation:skel-shimmer 1.4s ease-in-out infinite;border-radius:4px;vertical-align:middle}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skel-list{display:flex;flex-direction:column;gap:4px}.skel-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-top:1px solid var(--border-0)}.skel-row:first-child{border-top:none}.search-deferred{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-0);border-radius:var(--r-md);background:var(--bg-1);margin:10px 0}.search-deferred__spinner{width:14px;height:14px;border-radius:99px;border:2px solid var(--border-1);border-top-color:var(--accent);animation:spin .9s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.search-deferred__text{font-size:12.5px;color:var(--fg-1);flex:1;line-height:1.5}.search-deferred__text b{color:var(--meta-color);font-weight:600}.search-deferred__hint{display:block;font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);opacity:.7;margin-top:2px}.banner{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:var(--r-sm);font-size:12px;margin:0 0 12px}.banner svg{flex-shrink:0}.banner--warn{background:oklch(from var(--warn) l c h / .12);border:1px solid oklch(from var(--warn) l c h / .4);color:var(--warn)}.banner--warn b{color:var(--warn)}.banner--danger{background:oklch(from var(--danger) l c h / .12);border:1px solid oklch(from var(--danger) l c h / .4);color:var(--danger)}.banner--danger b{color:var(--danger)}.banner>span{flex:1}.img-fallback{display:flex;align-items:center;justify-content:center;gap:8px;min-height:120px;padding:18px;border-radius:var(--r-md);border:1px dashed var(--border-1);background:var(--bg-2);color:var(--fg-3);font-size:12px;font-style:italic;text-align:center}.img-fallback svg{color:var(--warn);flex-shrink:0}.notfound{max-width:520px;margin:80px auto;text-align:center;padding:36px 28px;border:1px solid var(--border-0);border-radius:var(--r-md);background:var(--bg-1)}.notfound__code{font-family:var(--font-mono);font-size:64px;font-weight:600;color:var(--meta-color);letter-spacing:-.04em;line-height:1;opacity:.4;margin-bottom:10px}.notfound__title{font-size:20px;font-weight:600;color:var(--fg-0);letter-spacing:-.02em;margin-bottom:8px}.notfound__hint{color:var(--fg-2);font-size:13px;line-height:1.5;margin-bottom:22px}.notfound__actions{display:flex;gap:8px;justify-content:center}.states-gallery{max-width:1200px;margin:0 auto;padding:28px 32px 80px}.states-gallery__header,.states-gallery__group{margin-bottom:28px}.states-gallery__group-title{font-family:var(--font-mono);font-size:11px;color:var(--meta-color);text-transform:uppercase;letter-spacing:.08em;padding:10px 0 8px;border-bottom:1px solid var(--border-0);margin-bottom:14px}.states-gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.states-gallery__grid.is-full{display:block}.states-gallery__slot{display:flex;flex-direction:column;gap:6px}.states-gallery__slot.is-wide{grid-column:1 / -1}.states-gallery__slot-label{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em}.overlay--help{padding:48px 24px}.shortcut-help{position:relative;width:100%;max-width:720px;margin:0 auto;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md);box-shadow:var(--shadow-pop);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 96px)}.shortcut-help__header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-0);background:var(--bg-2)}.shortcut-help__title{font-size:14px;font-weight:600;color:var(--fg-0)}.shortcut-help__sub{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);display:inline-flex;align-items:center;gap:4px}.shortcut-help__body{padding:16px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px 28px}.shortcut-help__group-title{font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);text-transform:uppercase;letter-spacing:.08em;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--border-0)}.shortcut-help__rows{display:flex;flex-direction:column}.shortcut-help__row{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:12.5px;color:var(--fg-1)}.shortcut-help__label{flex:1;min-width:0;display:inline-flex;align-items:center;gap:6px}.shortcut-help__swatch{display:inline-block;width:11px;height:11px;border-radius:2px;flex-shrink:0}.shortcut-help__keys{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.shortcut-help__plus{font-family:var(--font-mono);font-size:9.5px;color:var(--fg-4)}.shortcut-help__kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:4px;background:var(--bg-2);border:1px solid var(--border-1);border-bottom-width:2px;color:var(--fg-0);font-family:var(--font-mono);font-size:11px;font-weight:500;line-height:1}.shortcut-help__footer{display:flex;align-items:center;padding:10px 16px;border-top:1px solid var(--border-0);background:var(--bg-0);font-family:var(--font-mono);font-size:10.5px;color:var(--meta-color);opacity:.85}.shortcut-help__footer .shortcut-help__kbd{margin-left:4px;min-width:18px;height:18px;font-size:10px}@media(max-width:720px){.shortcut-help__body{grid-template-columns:1fr;gap:16px}}.resume-toast{position:fixed;top:calc(var(--top-h) + 12px);left:50%;transform:translate(-50%);background:var(--accent-bg);color:var(--fg-0);border:1px solid var(--accent);border-radius:var(--r-md);padding:8px 14px;font-size:12px;font-family:var(--font-mono);box-shadow:var(--shadow-pop);z-index:50;animation:resume-toast-in .18s ease-out}@keyframes resume-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.home{padding:20px 24px 40px;overflow-y:auto}.home__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin-bottom:28px}@media(max-width:1024px){.home__grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.home__grid{grid-template-columns:1fr}}.home-card{background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-md);padding:12px 14px;min-height:110px;display:flex;flex-direction:column;gap:6px}.home-card.resume{background:var(--accent-bg-soft);border-color:var(--accent-dim)}.home-card__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--chapter-meta-color);text-transform:uppercase}.home-card__link{text-decoration:none;color:inherit}.home-card__title{color:var(--fg-0);font-size:15px;font-weight:600}.home-card__sub{color:var(--fg-2);font-size:12px}.home-card__empty{color:var(--fg-3);font-size:12px}.home-list{list-style:none;padding:0;margin:0;display:grid;gap:2px}.home-list__item{display:flex;flex-direction:column;padding:4px 6px;border-radius:4px;text-decoration:none;color:inherit}.home-list__item:hover{background:var(--bg-hover)}.home-list__title{color:var(--fg-0);font-size:12px}.home-list__sub{color:var(--fg-3);font-size:10.5px;font-family:var(--font-mono)}.home-bars{display:flex;align-items:flex-end;gap:6px;height:60px;margin:4px 0}.home-bar{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:4px}.home-bar__fill{width:100%;background:var(--accent);border-radius:2px 2px 0 0;min-height:2px;transition:height .2s}.home-bar__label{font-family:var(--font-mono);font-size:9.5px;color:var(--fg-3);text-align:center}.home__library{padding-top:8px}.home__h{color:var(--fg-0);font-size:16px;margin:0 0 10px}.home__books{list-style:none;padding:0;margin:0;display:grid;gap:4px}.home__book{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:var(--bg-1);color:var(--fg-0);text-decoration:none;border:1px solid var(--border-0)}.home__book:hover{background:var(--bg-hover);border-color:var(--border-1)}.home__cover{width:20px;height:20px;border-radius:4px;flex-shrink:0}.home__book-title{flex:1;font-size:13px}.home__book-count{font-family:var(--font-mono);font-size:11px;color:var(--fg-3)}.home__book-resume{margin-left:8px;font-family:var(--font-mono);font-size:10px;color:var(--accent);text-decoration:none;padding:2px 6px;border-radius:4px}.home__book-resume:hover{background:var(--accent-bg-soft)}.books-progress-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.books-progress-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;row-gap:2px;align-items:center;text-decoration:none;color:inherit;padding:2px 4px;border-radius:4px}.books-progress-row:hover{background:var(--bg-hover)}.books-progress-row__title{color:var(--fg-0);font-size:12px}.books-progress-row__count{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3)}.books-progress-row__track{grid-column:1 / -1;height:4px;background:var(--bg-3);border-radius:2px;overflow:hidden}.books-progress-row__fill{display:block;height:100%;background:var(--accent)}.goal-track{height:5px;background:var(--bg-3);border-radius:3px;overflow:hidden;margin-top:4px}.goal-track__fill{display:block;height:100%;background:var(--ok)}.book-page{padding:24px 32px 48px;overflow-y:auto}.book-page-loading{padding:24px;color:var(--fg-3)}.book-hero{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start;margin-bottom:16px}.book-hero__crumb{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.book-hero h1{margin:0 0 8px;color:var(--fg-0);font-size:22px;letter-spacing:-.02em}.book-hero .authors{color:var(--fg-2);font-size:13px;margin-bottom:12px}.book-hero .stats{display:flex;gap:22px;font-size:12px;color:var(--fg-2);margin-bottom:14px}.book-hero .stats b{color:var(--fg-0);font-weight:600;margin-right:4px}.book-hero .actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:var(--bg-2);color:var(--fg-1);border:1px solid var(--border-1);border-radius:var(--r-sm);font-size:12px;cursor:pointer;text-decoration:none}.btn:hover{background:var(--bg-hover);color:var(--fg-0);border-color:var(--border-2)}.btn.primary{background:var(--accent);color:var(--bg-0);border-color:var(--accent)}.btn.primary:hover{background:var(--accent-dim);color:var(--bg-0)}.btn.ghost{background:transparent;border-color:var(--border-0)}.book-page__filter{display:flex;align-items:center;gap:10px;margin:18px 0 10px}.book-page__filter-label{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em}.search-input{display:inline-flex;align-items:center;gap:6px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-sm);color:var(--fg-2)}.search-input input{flex:1;background:transparent;border:0;outline:0;font-size:12px;color:var(--fg-0);height:100%}.chap-grid{display:grid;gap:2px}.chap-row{display:grid;grid-template-columns:70px 1fr auto auto;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--r-sm);text-decoration:none;color:var(--fg-1);border:1px solid transparent}.chap-row:hover{background:var(--bg-1);border-color:var(--border-0);color:var(--fg-0)}.chap-row.last-read{border-color:var(--accent-dim);background:var(--accent-bg-soft)}.chap-row .num{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);overflow:hidden;white-space:nowrap;text-overflow:clip}.chap-row--no-num{grid-template-columns:1fr auto auto}.chap-row .title{color:var(--fg-0);font-size:13px;display:flex;align-items:center}.chap-row .meta{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);min-width:50px;text-align:right}.chap-row .meta.read{color:var(--ok)}.chap-row .badge{margin-left:8px;font-family:var(--font-mono);font-size:9.5px;color:var(--accent);background:var(--accent-bg-soft);padding:1px 6px;border-radius:99px;text-transform:uppercase;letter-spacing:.08em}.note-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55}.rs-tabs{display:flex;gap:2px;padding:8px 8px 4px;border-bottom:1px solid var(--border-0)}.rs-tabs button{flex:1;height:26px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);color:var(--fg-2);font-size:11.5px;cursor:pointer}.rs-tabs button:hover{background:var(--bg-hover);color:var(--fg-0)}.rs-tabs button.on{background:var(--bg-2);color:var(--fg-0);border-color:var(--border-1)}.rs-sort{padding:6px 8px;display:flex;justify-content:flex-end;border-bottom:1px solid var(--border-0)}.rs-card-list{list-style:none;padding:6px;margin:0;display:grid;gap:4px}.rs-card{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-sm);cursor:pointer;text-align:left;width:100%}.rs-card:hover{background:var(--bg-hover);border-color:var(--border-1)}.rs-card__title{font-family:var(--font-mono);font-size:10.5px;color:var(--chapter-meta-color);text-transform:uppercase;letter-spacing:.06em}.rs-card__body{color:var(--fg-1);font-size:12px;line-height:1.45}.rs-card__meta{font-family:var(--font-mono);font-size:10px;color:var(--fg-3)}.outline-tree{padding:4px;display:grid;gap:1px}.outline-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;color:var(--fg-2);text-decoration:none;font-size:12px}.outline-row:hover{background:var(--bg-hover);color:var(--fg-0)}.outline-row.h3{color:var(--fg-3);font-size:11.5px}.outline-row.h4{color:var(--fg-3);font-size:11px}.annotations{padding:24px 32px 48px;overflow-y:auto}.annotations__header{margin-bottom:14px}.annotations__header h1{margin:0;color:var(--fg-0);font-size:22px;letter-spacing:-.02em}.annotations__sub{color:var(--fg-2);font-size:12.5px;margin-top:4px}.annotations__tabs{display:flex;align-items:center;gap:4px;padding:8px 0;border-bottom:1px solid var(--border-0);margin-bottom:14px}.annotations__tabs>button{height:30px;padding:0 14px;border-radius:var(--r-sm);background:transparent;color:var(--fg-2);border:1px solid transparent;font-size:13px;cursor:pointer}.annotations__tabs>button:hover{background:var(--bg-hover);color:var(--fg-0)}.annotations__tabs>button.on{background:var(--bg-2);color:var(--fg-0);border-color:var(--border-1)}.annotations__tabs-spacer{flex:1}.annotations__placeholder{padding:32px;text-align:center;color:var(--fg-3);background:var(--bg-1);border:1px dashed var(--border-1);border-radius:var(--r-md);display:grid;gap:8px;justify-items:center}.annotations-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.annotation-item{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-sm);cursor:pointer;text-align:left;width:100%}.annotation-item:hover{background:var(--bg-hover);border-color:var(--border-1)}.annotation-item__crumb{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em}.annotation-item__crumb a{color:var(--chapter-meta-color);text-decoration:none}.annotation-item__crumb a:hover{text-decoration:underline}.annotation-item__title{color:var(--fg-0);font-size:13px;font-weight:500}.annotation-item__body{color:var(--fg-1);font-size:12.5px;line-height:1.55}.annotations-grouped{display:grid;gap:18px}.annotations-group__book{font-size:14px;font-weight:600;color:var(--fg-0);margin-bottom:6px}.annotations-group__chapter{margin:6px 0 10px 14px}.annotations-group__crumb{display:inline-block;font-family:var(--font-mono);font-size:10.5px;color:var(--chapter-meta-color);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;margin-bottom:6px}.annotations-group__crumb:hover{text-decoration:underline}.hl-editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65}.hl-filters{display:flex;align-items:center;gap:6px;margin:0 0 12px;padding:6px 8px;background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-sm)}.hl-filters__spacer{flex:1}.hl-chip{width:22px;height:22px;border-radius:99px;border:1.5px solid var(--border-1);cursor:pointer;opacity:.55;transition:opacity .12s,transform .12s}.hl-chip.on{opacity:1;outline:1.5px solid var(--fg-0);outline-offset:2px}.hl-chip:hover{opacity:1;transform:scale(1.05)}.btn.ghost.on{background:var(--accent-bg-soft);border-color:var(--accent-dim);color:var(--fg-0)}.hl-color-tag{display:inline-block;width:10px;height:10px;border-radius:99px;margin-left:6px;vertical-align:middle}.orphan-tag{display:inline-block;margin-left:6px;font-family:var(--font-mono);font-size:9px;color:var(--danger);background:#b322281f;padding:1px 5px;border-radius:99px;letter-spacing:.05em}.annotation-item.orphaned,.rs-card.orphaned{opacity:.7;border-color:var(--danger)}.global-search{padding:24px 32px 48px;overflow-y:auto;max-width:960px;margin:0 auto;width:100%}.global-search__header{margin-bottom:14px}.global-search__header h1{margin:0;color:var(--fg-0);font-size:22px;letter-spacing:-.02em}.search-input-bar{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md);padding:10px 12px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.search-input-bar__row{display:flex;align-items:center;gap:8px;color:var(--fg-2)}.search-input-bar__field{flex:1;background:transparent;border:0;outline:none;color:var(--fg-0);font-size:14px;height:24px}.search-input-bar__controls{display:flex;flex-wrap:wrap;gap:16px;padding-top:8px;border-top:1px solid var(--border-0)}.search-segmented{display:flex;align-items:center;gap:8px}.search-segmented__label{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em}.global-search__empty,.global-search__loading,.global-search__error{padding:32px 8px;text-align:center;color:var(--fg-3);font-size:13px}.global-search__error{color:var(--danger)}.global-search__count{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;margin:6px 0 10px}.global-search__inline-loading{color:var(--accent)}.global-search__more{padding:12px 8px;text-align:center;color:var(--fg-3);font-size:12px;font-family:var(--font-mono)}.global-search__list{display:grid;gap:10px}.result-group{background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-md);padding:12px 14px}.result-group:hover{border-color:var(--border-1)}.result-group__head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px}.result-group__chapter{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;color:inherit}.result-group__num{font-family:var(--font-mono);font-size:11px;color:var(--fg-3)}.result-group__title{color:var(--fg-0);font-size:15px;font-weight:600;letter-spacing:-.005em}.result-group__chapter:hover .result-group__title{color:var(--accent)}.result-group__book{font-size:12px;color:var(--fg-2);margin-left:4px}.result-group__more{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3)}.result-group__hits{list-style:none;padding:0;margin:0;display:grid;gap:4px}.result-hit{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:baseline;font-size:13px;padding:4px 0}.result-hit__tag{font-family:var(--font-mono);font-size:10.5px;text-align:center;padding:1px 0;border-radius:4px;letter-spacing:.04em}.result-hit--title .result-hit__tag{background:var(--accent-bg-soft);color:var(--accent)}.result-hit--heading .result-hit__tag{background:#3a2a4b66;color:#cc9fff}.result-hit--body .result-hit__tag{background:#153c254d;color:var(--ok)}.result-hit__text{color:var(--fg-1);text-decoration:none}.result-hit__text:hover{color:var(--fg-0)}.result-hit a.result-hit__text:hover{color:var(--accent)}mark.search-hl{padding:0 2px;border-radius:2px;color:var(--fg-0)}mark.search-hl--literal{background:#f5c97a73}mark.search-hl--fuzzy{background:#e088c766}mark.hl{cursor:pointer;transition:filter .12s}mark.hl:hover{filter:brightness(1.1)}.bookmark-toggle{position:absolute;right:-32px;width:22px;height:22px;border-radius:4px;background:transparent;border:1px solid transparent;color:var(--fg-4);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .12s,color .12s,background .12s,border-color .12s}.bookmark-toggle--h2{top:40px}.bookmark-toggle--h3{top:28px}.heading-block:hover>.bookmark-toggle,.heading-block.bookmarked>.bookmark-toggle{opacity:1}.bookmark-toggle:hover{background:var(--bg-2);color:var(--fg-0)}.bookmark-toggle.on{color:var(--hl-yellow);opacity:1}.read-marker{position:absolute;left:-12px;width:3px;border-radius:2px;background:var(--border-1)}.heading-block--h2 .read-marker{top:36px;height:32px}.heading-block--h3 .read-marker{top:24px;height:22px}.heading-block--h4 .read-marker{top:20px;height:18px}.read-marker--unread{background:transparent}.read-marker--partial{background:var(--warn);opacity:.65}.read-marker--finished{background:var(--ok)}.annotation-item__actions{display:flex;gap:6px;margin-top:6px}.annotation-item__actions .btn{height:24px;padding:0 8px;font-size:11px}.find-bar{position:sticky;top:calc(var(--top-h, 44px) + 8px);z-index:12;display:flex;align-items:center;gap:6px;margin:0 auto 10px;max-width:380px;padding:6px 10px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md);box-shadow:var(--shadow-pop);color:var(--fg-2)}.find-bar input{flex:1;background:transparent;border:0;outline:0;font-size:13px;color:var(--fg-0);font-family:var(--font-ui)}.find-bar__count{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);padding:0 4px;white-space:nowrap}mark.find-mark{background:#f5c97a73;color:var(--fg-0);padding:0 2px;border-radius:2px}mark.find-mark--active{background:var(--accent);color:var(--bg-0);box-shadow:0 0 0 2px var(--accent)}.global-search__header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.global-search__header h1{margin:0}.global-search__tools{margin-left:auto;display:flex;align-items:center;gap:6px}.history-panel{position:relative}.history-panel__toggle{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-sm);font-size:12px;color:var(--fg-2);cursor:pointer}.history-panel__toggle:hover{color:var(--fg-0);border-color:var(--border-2)}.history-panel__body{position:absolute;right:0;top:calc(100% + 4px);width:320px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md);box-shadow:var(--shadow-pop);z-index:20;padding:6px;max-height:60vh;overflow-y:auto}.history-panel__list{list-style:none;padding:0;margin:0;display:grid;gap:2px}.history-panel__empty{padding:12px;color:var(--fg-3);font-size:12px;text-align:center}.history-entry{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.history-entry__pick{background:transparent;border:0;text-align:left;padding:6px 8px;border-radius:4px;cursor:pointer;color:var(--fg-1);display:grid;gap:2px}.history-entry__pick:hover{background:var(--bg-hover)}.history-entry__query{color:var(--fg-0);font-size:12.5px}.history-entry__meta{color:var(--fg-3);font-size:10.5px;font-family:var(--font-mono)}.history-entry__delete{width:22px;height:22px}.history-panel__clear{margin:6px 4px 0;width:calc(100% - 8px);padding:6px 8px;background:transparent;border:1px dashed var(--border-1);border-radius:4px;color:var(--fg-3);font-size:11px;cursor:pointer}.history-panel__clear:hover{color:var(--danger);border-color:var(--danger)}.search-settings{position:relative}.search-settings__popover{position:absolute;right:0;top:calc(100% + 4px);width:280px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md);box-shadow:var(--shadow-pop);z-index:20;padding:12px;display:grid;gap:10px}.search-settings__row{display:grid;grid-template-columns:1fr;gap:4px}.search-settings__row label{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em}.search-settings__hint{font-size:11px;color:var(--fg-3);border-top:1px solid var(--border-0);padding-top:8px}.book-scope-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0;padding:8px 10px;background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-sm)}.book-scope-chips__label{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;margin-right:4px}.book-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:99px;padding:3px 10px;font-size:11.5px;color:var(--fg-1);cursor:pointer;font-family:var(--font-ui)}.book-chip:hover{background:var(--bg-hover);border-color:var(--border-2)}.book-chip__icon{font-family:var(--font-mono);font-weight:700;font-size:12px;width:14px;text-align:center}.book-chip.included .book-chip__icon{color:var(--ok)}.book-chip.excluded{opacity:.6;text-decoration:line-through}.book-chip.excluded .book-chip__icon{color:var(--danger)}.book-chip__count{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3)}.book-scope-chips__reset{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px dashed var(--border-1);border-radius:99px;padding:2px 8px;font-size:11px;color:var(--fg-3);cursor:pointer}.book-scope-chips__reset:hover{color:var(--danger);border-color:var(--danger)}.global-search__show-more{display:block;width:100%;margin-top:12px;padding:10px;background:var(--bg-1);border:1px dashed var(--border-1);border-radius:var(--r-sm);color:var(--fg-1);font-size:12px;cursor:pointer}.global-search__show-more:hover{background:var(--bg-hover);color:var(--fg-0)}.searchpill__kbd{margin-left:10px;padding:1px 6px;font-family:var(--font-mono);font-size:10px;color:var(--fg-3);background:var(--bg-3);border:1px solid var(--border-1);border-radius:4px}.command-bar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;display:grid;place-items:start center;padding-top:14vh}.command-bar{width:min(640px,92vw);max-height:70vh;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;overflow:hidden}.command-bar__input{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-0)}.command-bar__input input{flex:1;background:transparent;border:0;outline:0;color:var(--fg-0);font-size:15px}.command-bar__kbd{font-family:var(--font-mono);font-size:10px;background:var(--bg-3);border:1px solid var(--border-1);padding:1px 6px;border-radius:4px;color:var(--fg-3)}.command-bar__list{flex:1;overflow-y:auto;padding:4px 0}.command-bar__empty,.command-bar__loading,.command-bar__error{padding:24px;text-align:center;color:var(--fg-3);font-size:13px}.command-bar__cta{margin-top:8px;padding:6px 12px;background:var(--accent-bg);border:1px solid var(--accent-dim);color:var(--accent);border-radius:var(--r-sm);cursor:pointer;font-size:12px}.command-bar__items{list-style:none;padding:0;margin:0}.command-item{display:grid;grid-template-columns:56px 1fr;align-items:baseline;gap:10px;padding:8px 14px;cursor:pointer;color:var(--fg-1);font-size:13px;border-left:2px solid transparent}.command-item.active{background:var(--bg-hover);border-left-color:var(--accent)}.command-item__tag{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);text-align:right;letter-spacing:.05em}.command-item--book .command-item__tag{color:var(--accent)}.command-item--chapter .command-item__tag{color:var(--ok)}.command-item--heading .command-item__tag{color:var(--purple)}.command-item__title{color:var(--fg-0);font-size:13.5px;grid-column:2 / 3}.command-item__crumb{grid-column:2 / 3;color:var(--fg-3);font-size:11px;font-family:var(--font-mono);margin-top:2px}.command-bar__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--border-0);color:var(--fg-3);font-size:11px}.command-bar__footer kbd{font-family:var(--font-mono);font-size:10px;background:var(--bg-3);border:1px solid var(--border-1);padding:1px 5px;border-radius:3px;margin:0 2px}.command-bar__deep{background:transparent;border:0;color:var(--accent);font-size:11px;cursor:pointer}.command-bar__deep:hover{text-decoration:underline}.app--left-closed .sidebar-l,.app--right-closed .sidebar-r{display:none}.shortcut-help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;display:grid;place-items:center;padding:40px}.shortcut-help{width:min(720px,92vw);max-height:80vh;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;overflow:hidden}.shortcut-help__head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-0)}.shortcut-help__head h2{margin:0;font-size:16px;color:var(--fg-0)}.shortcut-help__body{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:18px;overflow-y:auto}@media(max-width:700px){.shortcut-help__body{grid-template-columns:1fr}}.shortcut-help__body section{display:grid;gap:6px}.shortcut-help__body h3{margin:0 0 4px;font-size:12px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);font-weight:500}.shortcut-help__body ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}.shortcut-help__body li{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:8px;padding:4px 0}.shortcut-help__keys{display:inline-flex;gap:4px}.shortcut-help__keys kbd{font-family:var(--font-mono);font-size:11px;background:var(--bg-3);border:1px solid var(--border-1);padding:2px 6px;border-radius:4px;color:var(--fg-1)}.shortcut-help__action{color:var(--fg-1);font-size:13px}.q-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-1);border-radius:var(--r-sm);background:var(--bg-2);color:var(--fg-1);font:inherit;font-size:12.5px;cursor:pointer;transition:background .12s,color .12s,border-color .12s,transform .06s;text-decoration:none}.q-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--fg-0);border-color:var(--border-2)}.q-btn:active:not(:disabled){transform:translateY(1px)}.q-btn:disabled{opacity:.4;cursor:not-allowed}.q-btn--md{height:30px;padding:0 12px}.q-btn--sm{height:24px;padding:0 10px;font-size:11.5px}.q-btn--primary{background:var(--accent);color:var(--bg-0);border-color:var(--accent)}.q-btn--primary:hover:not(:disabled){background:var(--accent-dim);color:var(--bg-0);border-color:var(--accent-dim)}.q-btn--ghost{background:transparent;border-color:var(--border-0)}.q-btn--ghost:hover:not(:disabled){background:var(--bg-1);border-color:var(--border-1)}.q-iconbtn{display:inline-grid;place-items:center;border:1px solid transparent;background:transparent;border-radius:var(--r-sm);color:var(--fg-2);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.q-iconbtn:hover:not(:disabled){background:var(--bg-2);color:var(--fg-0);border-color:var(--border-1)}.q-iconbtn:disabled{opacity:.4;cursor:not-allowed}.q-iconbtn--md{width:28px;height:28px}.q-iconbtn--sm{width:22px;height:22px}.q-iconbtn--active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.q-kbd{display:inline-block;font-family:var(--font-mono);font-size:10.5px;background:var(--bg-3);border:1px solid var(--border-1);border-bottom-width:2px;padding:1px 6px;border-radius:4px;color:var(--fg-1);line-height:1.4}.q-card{background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-md)}.q-card--outlined{background:transparent;border-color:var(--border-1)}.q-card--muted{background:var(--bg-0);border-color:var(--border-0)}.q-card--p-sm{padding:8px 10px}.q-card--p-md{padding:12px 14px}.q-card--p-lg{padding:18px 22px}.q-card--p-none{padding:0}.q-notice{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:8px 12px;border-radius:var(--r-sm);font-size:13px;border:1px solid transparent}.q-notice__icon{display:grid;place-items:center}.q-notice__body{color:var(--fg-0)}.q-notice--info{background:var(--accent-bg-soft);border-color:var(--accent-dim);color:var(--fg-0)}.q-notice--info .q-notice__icon{color:var(--accent)}.q-notice--warn{background:#8e53001f;background:oklch(.5 .14 65 / .12);border-color:var(--warn);color:var(--fg-0)}.q-notice--warn .q-notice__icon{color:var(--warn)}.q-notice--danger{background:#b322281f;border-color:var(--danger);color:var(--fg-0)}.q-notice--danger .q-notice__icon{color:var(--danger)}.q-empty{display:grid;justify-items:center;gap:8px;padding:36px 20px;text-align:center;color:var(--fg-2);background:var(--bg-1);border:1px dashed var(--border-1);border-radius:var(--r-md)}.q-empty--compact{padding:14px 16px;gap:4px}.q-empty__icon{color:var(--fg-3)}.q-empty__title{color:var(--fg-0);font-size:14px;font-weight:500}.q-empty__desc{color:var(--fg-2);font-size:13px;max-width:380px;line-height:1.5}.q-empty__action{margin-top:4px}@keyframes q-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.q-skel{display:inline-block;background:linear-gradient(90deg,var(--bg-2) 0%,var(--bg-3) 30%,var(--bg-2) 60%,var(--bg-2) 100%);background-size:200% 100%;animation:q-shimmer 1.5s linear infinite;border-radius:var(--r-sm)}.q-skel--block{display:block;width:100%;height:18px}.q-skel--line{display:block;height:12px;border-radius:6px}.q-skel--circle{border-radius:99px;width:32px;height:32px}.q-segmented{display:inline-flex;background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-sm);padding:2px;gap:2px}.q-segmented button{background:transparent;border:0;color:var(--fg-2);cursor:pointer;padding:0 10px;border-radius:calc(var(--r-sm) - 2px);font:inherit}.q-segmented button:hover:not(:disabled){color:var(--fg-0);background:var(--bg-hover)}.q-segmented button.on{background:var(--bg-active);color:var(--fg-0);box-shadow:var(--shadow-flat)}.q-segmented button:disabled{opacity:.4;cursor:not-allowed}.q-segmented--md{height:28px;font-size:12px}.q-segmented--sm{height:22px;font-size:11px}.q-segmented--sm button{padding:0 8px}.q-tri{width:22px;height:22px;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--border-1);border-radius:99px;color:var(--fg-2);font-family:var(--font-mono);font-weight:700;font-size:13px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.q-tri--in{background:#0077422e;background:oklch(.5 .14 155 / .18);color:var(--ok);border-color:var(--ok)}.q-tri--out{background:#b322282e;color:var(--danger);border-color:var(--danger)}.q-tri--mixed{background:var(--bg-3);color:var(--fg-3);border-style:dashed}.q-tri:hover{filter:brightness(1.1)}.q-nav-tree,.q-nav-tree__branch,.q-nav-tree__children{display:grid;gap:1px}.playground{padding:24px 28px 64px;max-width:1180px;margin:0 auto;display:grid;gap:28px}.playground__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--border-0);padding-bottom:16px}.playground__title h1{margin:0;font-size:22px;font-weight:600;color:var(--fg-0);letter-spacing:-.01em}.playground__subtitle{margin:6px 0 0;color:var(--fg-2);font-size:13px}.playground__subtitle code,.playground__icon-cell code,.playground__swatch code{font-family:var(--font-mono);font-size:12px;color:var(--fg-1);background:var(--bg-2);padding:1px 5px;border-radius:4px}.playground__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:20px}.playground__section{background:var(--bg-1);border:1px solid var(--border-0);border-radius:10px;overflow:hidden;display:grid;grid-template-rows:auto 1fr}.playground__section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-0);background:var(--bg-0)}.playground__section-head h2{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-0)}.playground__hint{font-size:12px;color:var(--fg-3)}.playground__section-body{padding:14px 16px;display:grid;gap:14px}.playground__row{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;min-height:32px}.playground__row-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3)}.playground__row-content{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.playground__caption{font-size:12px;color:var(--fg-2);font-family:var(--font-mono)}.playground__chord{display:inline-flex;align-items:center;gap:4px}.playground__chord-desc{margin-left:6px;font-size:12px;color:var(--fg-2)}.playground__nav-row{display:flex;align-items:center;gap:6px;width:100%;background:transparent;border:none;text-align:left;color:var(--fg-1);font-size:13px;padding:4px 8px;border-radius:4px;cursor:pointer}.playground__nav-row:hover{background:var(--bg-hover);color:var(--fg-0)}.playground__nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playground__nav-meta{font-size:11px;color:var(--fg-3);font-family:var(--font-mono)}.playground__icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.playground__icon-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;background:var(--bg-2);border:1px solid var(--border-0);border-radius:6px;color:var(--fg-1)}.playground__icon-cell code{font-size:10.5px}.playground__swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.playground__swatch{display:flex;flex-direction:column;align-items:stretch;gap:6px}.playground__swatch-chip{height:48px;border:1px solid var(--border-0);border-radius:6px;display:grid;place-items:center;font-family:var(--font-mono);font-size:14px;font-weight:600}.playground__swatch code{text-align:center}.playground__placeholder{padding:24px;color:var(--fg-2);text-align:center}.rs-panel{position:fixed;top:calc(var(--top-h) + 6px);right:12px;width:320px;max-height:calc(100vh - var(--top-h) - var(--statusbar-h) - 20px);display:grid;grid-template-rows:auto 1fr;background:var(--bg-1);border:1px solid var(--border-1);border-radius:10px;box-shadow:var(--shadow-pop);z-index:80;overflow:hidden}.rs-panel__head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-0);background:var(--bg-0)}.rs-panel__head h2{margin:0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-0)}.rs-panel__body{overflow-y:auto;padding:8px 12px 12px;display:grid;gap:14px}.rs-panel__foot{display:flex;justify-content:flex-end;border-top:1px solid var(--border-0);margin-top:4px;padding:8px 0 0}.rs-group{display:grid;gap:6px}.rs-group__title{margin:0;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);padding-top:4px}.rs-group__body{display:grid;gap:6px}.rs-field{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:10px;min-height:26px}.rs-field__label{font-size:12px;color:var(--fg-2)}.rs-field__control{display:flex;align-items:center;gap:8px;min-width:0}.rs-slider{display:flex;align-items:center;gap:8px;width:100%}.rs-slider input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-3);border-radius:99px;outline:none;cursor:pointer}.rs-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:99px;background:var(--accent);border:2px solid var(--bg-1);cursor:pointer}.rs-slider input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:99px;background:var(--accent);border:2px solid var(--bg-1);cursor:pointer}.rs-slider__value{font-family:var(--font-mono);font-size:11px;color:var(--fg-2);min-width:42px;text-align:right}.rs-palette-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:2px 0}.rs-palette-row__label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-1);cursor:pointer;min-width:0}.rs-palette-row__label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-palette-row__label input[type=color]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;padding:0;border:1px solid var(--border-1);border-radius:5px;background:transparent;cursor:pointer;flex-shrink:0}.rs-palette-row__label input[type=color]::-webkit-color-swatch-wrapper{padding:0}.rs-palette-row__label input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.rs-palette-row__label input[type=color]::-moz-color-swatch{border:none;border-radius:4px}.rs-palette-row__hex{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);letter-spacing:.02em}.rs-palette-row__reset{font-size:11px;color:var(--fg-2);background:var(--bg-2);border:1px solid var(--border-0);border-radius:4px;padding:2px 8px;cursor:pointer}.rs-palette-row__reset:hover:not(:disabled){background:var(--bg-hover);color:var(--fg-0)}.rs-palette-row__reset:disabled{opacity:.4;cursor:default}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:99px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border-1);background:var(--bg-2);color:var(--fg-2);-webkit-user-select:none;user-select:none}.status-pill__dot{width:6px;height:6px;border-radius:99px;background:currentColor}.status-pill--ok{color:var(--ok);border-color:color-mix(in oklch,var(--ok) 40%,var(--border-1))}.status-pill--warn{color:var(--warn);border-color:color-mix(in oklch,var(--warn) 40%,var(--border-1))}.status-pill--danger{color:var(--danger);border-color:color-mix(in oklch,var(--danger) 40%,var(--border-1))}.status-pill--info{color:var(--accent);border-color:color-mix(in oklch,var(--accent) 40%,var(--border-1))}button.status-pill{cursor:pointer;font-family:var(--font-mono)}button.status-pill:hover{filter:brightness(1.1)}.offline-banner{padding:10px 18px 0;position:sticky;top:0;z-index:30}.home-list--skeleton .home-list__item{display:grid;gap:4px;pointer-events:none}.books-progress-list--skeleton .books-progress-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title count" "track track";gap:4px 10px;pointer-events:none}.library__skeleton,.rs-outline-skeleton{display:grid;gap:8px;padding:14px 12px}.command-bar__loading{display:grid;gap:8px;padding:18px 24px;text-align:left}.command-bar__notice{padding:14px 16px}.global-search__loading{display:grid;gap:14px;padding:24px 8px;text-align:left;color:inherit}.global-search__loading-row{display:grid;gap:6px}.global-search__error{padding:16px 8px}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}.topbar{padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right)}.statusbar{padding-bottom:var(--safe-bottom);padding-left:max(10px,var(--safe-left));padding-right:max(10px,var(--safe-right))}@media(max-width:600px){.app{grid-template-columns:1fr;grid-template-areas:"top" "main" "status"}.sidebar-l:not(.sidebar--drawer),.sidebar-r:not(.sidebar--drawer){display:none}.topbar__left,.topbar__right{gap:0;padding:0 4px}.topbar__brand{padding:0 6px 0 4px;gap:6px}.topbar__brand>span:not(.brand-mark){display:none}.searchpill{width:auto;flex:1;min-width:0;padding:0 8px}.searchpill .searchpill__kbd{display:none}.iconbtn{width:26px;height:26px}.reader-wrap{padding:16px max(14px,var(--safe-left)) 96px max(14px,var(--safe-right))}.reader-wrap.wide,.reader-wrap.narrow{max-width:100%}.statusbar{gap:6px;font-size:10px}.statusbar__left{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusbar__right{gap:6px}.status-pill{font-size:9.5px;padding:1px 6px}.home{padding:14px max(14px,var(--safe-left)) 28px max(14px,var(--safe-right))}.rs-panel{width:auto;left:8px;right:8px;top:calc(var(--top-h) + var(--safe-top) + 6px)}.resume-toast{max-width:calc(100vw - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(min-width:601px)and (max-width:960px){.app{grid-template-columns:1fr;grid-template-areas:"top" "main" "status"}.sidebar-l:not(.sidebar--drawer),.sidebar-r{display:none}.searchpill{width:min(360px,38vw)}}.sidebar--drawer{position:fixed;top:calc(var(--top-h) + var(--safe-top));bottom:var(--statusbar-h);width:min(86vw,320px);z-index:60;background:var(--bg-1);box-shadow:var(--shadow-pop);animation:sidebar-drawer-in .18s cubic-bezier(.22,1,.36,1);border:none;overflow-y:auto;display:flex;flex-direction:column}.sidebar--drawer.sidebar-l{left:0;border-right:1px solid var(--border-1);animation-name:sidebar-drawer-in-left}.sidebar--drawer.sidebar-r{right:0;border-left:1px solid var(--border-1);animation-name:sidebar-drawer-in-right}@keyframes sidebar-drawer-in-left{0%{transform:translate(-100%);opacity:.6}to{transform:translate(0);opacity:1}}@keyframes sidebar-drawer-in-right{0%{transform:translate(100%);opacity:.6}to{transform:translate(0);opacity:1}}.sidebar-scrim{position:fixed;top:var(--top-h);left:0;right:0;bottom:var(--statusbar-h);background:#00000073;z-index:55;animation:scrim-in .18s ease-out;cursor:pointer}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.sidebar--drawer,.sidebar-scrim{animation:none}}@media(max-width:600px){.command-bar-overlay{place-items:end center;padding:0}.command-bar{width:100%;max-width:100%;max-height:80vh;border-radius:var(--r-md) var(--r-md) 0 0;padding-bottom:var(--safe-bottom);animation:bottom-sheet-in .22s cubic-bezier(.22,1,.36,1)}.rs-panel{left:0;right:0;bottom:var(--statusbar-h);top:auto;width:100%;max-height:78vh;border-radius:var(--r-md) var(--r-md) 0 0;border-bottom:none;padding-bottom:var(--safe-bottom);animation:bottom-sheet-in .22s cubic-bezier(.22,1,.36,1)}}@keyframes bottom-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.command-bar,.rs-panel{animation:none}}@media(max-width:600px){.annotations{padding:14px max(14px,var(--safe-left)) 28px max(14px,var(--safe-right))}.annotations__header h1{font-size:18px}.annotations__sub{font-size:12px}.annotations__tabs{gap:2px;padding:6px 0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.annotations__tabs::-webkit-scrollbar{display:none}.annotations__tabs>button{padding:0 10px;flex-shrink:0;font-size:12px;height:28px}.annotations__tabs-spacer{flex:0 0 0px}.annotation-item{padding:10px 12px}.annotation-item__crumb{font-size:10.5px}.hl-filters{flex-wrap:wrap;gap:6px}.hl-filters__spacer{flex-basis:100%;height:0}.global-search{padding:14px max(14px,var(--safe-left)) 28px max(14px,var(--safe-right))}.global-search__header{flex-wrap:wrap;gap:6px}.global-search__tools{flex-wrap:wrap}.book-scope-chips{flex-wrap:wrap;gap:4px}.find-bar{max-width:none;margin:0 0 10px}.chap-nav{flex-direction:column;gap:8px}.chap-nav__btn{width:100%;justify-content:flex-start}.sidebar--drawer .sidebar__body{padding-bottom:max(12px,var(--safe-bottom))}}@media(min-width:601px)and (max-width:960px){.reader-wrap{padding:22px 24px 120px}.rs-panel{right:14px}}.auth{display:grid;place-items:center;min-height:100%;padding:32px 16px}.auth__card{width:min(360px,100%);display:grid;gap:12px;padding:24px 22px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md);box-shadow:var(--shadow-flat)}.auth__brand{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}.auth__heading{font-size:18px;font-weight:600;color:var(--fg-0);letter-spacing:-.01em}.auth__sub{font-size:12.5px;color:var(--fg-2);margin-bottom:4px}.auth__input{height:40px;padding:0 14px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-sm);color:var(--fg-0);font-family:var(--font-mono);font-size:18px;letter-spacing:.4em;text-align:center;outline:none}.auth__input:focus{border-color:var(--accent)}.auth__error{display:grid}.auth__actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.auth__hint{font-size:11.5px;color:var(--fg-3);line-height:1.5;margin-top:6px}@media(hover:none){.iconbtn:hover,.q-iconbtn:hover{background:transparent;color:var(--fg-2)}}