:root{--color-bg: #F8F5EF;--color-text: #2C2C2C;--color-secondary: #766048;--color-surface: #F2EDE4;--color-divider: #DDD8CE;--color-accent: #8C7B6B;--font-serif: ui-serif, Georgia, "Times New Roman", Times, "Noto Serif", "DejaVu Serif", "Liberation Serif", serif;--font-sans: system-ui, -apple-system, "Segoe UI", Ubuntu, Cantarell, "Noto Sans", Arial, sans-serif;--font-body: 17px;--font-verse-num: 11px;--font-heading: 17px;--font-col-header: 14px;--line-height-body: 1.75;--col-pad-x: 24px;--col-pad-top: 24px;--col-pad-bottom: 40px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-serif);font-size:var(--font-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,.app-root{min-height:100vh;display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.column-layout-root{flex:1;display:flex;flex-direction:column;min-height:0}.column-layout-empty{flex:1;display:flex;align-items:center;justify-content:center}.column-layout{flex:1;display:flex;overflow-x:auto;min-height:0}.scroll-column{flex:0 1 40em;min-width:25%;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--color-divider);overflow:hidden;container-type:inline-size}.scroll-column:first-child{margin-left:auto}.scroll-column:last-child{margin-right:auto;border-right:none}.column-header-rule{position:fixed;top:0;left:0;right:0;height:2.7em;border-bottom:1px solid var(--color-divider);pointer-events:none;z-index:9}.scroll-column-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:8px var(--col-pad-x)}.ref-input-wrapper{position:relative;flex:1 1 0;min-width:0}.ref-input{font-family:var(--font-sans);font-size:var(--font-col-header);color:var(--color-secondary);font-weight:500;background:transparent;border:none;border-bottom:1px solid transparent;outline:none;padding:2px 0;width:100%;min-width:0;cursor:pointer;text-align:left;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-input:hover{border-bottom-color:var(--color-divider)}.ref-input--editing{color:var(--color-text);border-bottom-color:var(--color-accent);cursor:text;width:100%}.ref-input::placeholder{color:var(--color-secondary);opacity:.6}.ref-dropdown{position:absolute;top:100%;left:0;z-index:100;width:fit-content;max-width:calc(100cqi - 2 * var(--col-pad-x));overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:0 0 8px 8px;box-shadow:0 4px 16px #00000014}.ref-dropdown-item{font-family:var(--font-sans);font-size:var(--font-col-header);padding:6px var(--col-pad-x);cursor:pointer;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl}.ref-dropdown-item-inner{direction:ltr;unicode-bidi:embed}.ref-dropdown-dim{color:var(--color-secondary)}.ref-dropdown-bold{color:var(--color-text)}.ref-dropdown-item--active{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.ref-dropdown-item--separator{border-top:1px solid var(--color-divider)}.translation-picker{position:relative;flex-shrink:0}.translation-picker-btn{font-family:var(--font-sans);font-size:var(--font-col-header);color:var(--color-secondary);background:none;border:none;cursor:pointer;padding:2px 2px 2px 3px;opacity:.7;transition:opacity .15s}.translation-picker-btn:hover{opacity:1}.translation-picker-dropdown{position:absolute;top:100%;right:0;z-index:100;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:0 0 6px 6px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;min-width:64px}.translation-picker-option{font-family:var(--font-sans);font-size:var(--font-col-header);color:var(--color-text);background:none;border:none;cursor:pointer;padding:6px 14px;text-align:left;white-space:nowrap}.translation-picker-option:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.translation-picker-option--active{font-weight:700}.color-picker-btn{width:16px;height:16px;border-radius:50%;border:1.5px solid;cursor:pointer;padding:0;margin-left:4px;transform:translateY(1.5px);transition:opacity .15s;flex-shrink:0;opacity:.6}.color-picker-btn:hover{opacity:1}.color-picker-dropdown{z-index:100;background:var(--color-text);border:none;border-radius:6px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;transform-origin:var(--kb-popover-content-transform-origin)}.color-picker-arrow svg{fill:var(--color-text);stroke:none}.color-picker-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:border-color .15s}.color-picker-swatch:hover{border-color:#ffffff80}.color-picker-swatch--active{border-color:currentColor}.verse-popover-anchor{position:fixed;width:0;height:0;pointer-events:none}.verse-color-popover{z-index:200;background:var(--color-text);border:none;border-radius:6px;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;gap:0;padding:0;transform-origin:var(--kb-popover-content-transform-origin)}.verse-popover-arrow svg{fill:var(--color-text);stroke:none}.popover-action-row{display:flex;align-items:center;gap:6px;padding:7px 10px;background:none;border:none;color:var(--color-bg);font-family:var(--font-sans);font-size:.8rem;cursor:pointer;white-space:nowrap}.popover-action-row:hover{background:#ffffff1a;border-radius:6px 6px 0 0}.popover-action-icon{flex-shrink:0}.popover-divider{height:1px;background:#ffffff26;margin:0}.popover-color-row{display:flex;gap:6px;padding:8px 10px}.popover-color-row .color-picker-swatch{width:21px;height:21px}.scroll-column-close{margin-left:auto;font-family:var(--font-sans);font-size:18px;line-height:1;color:var(--color-secondary);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;opacity:.5;transition:opacity .15s}.scroll-column-close:hover{opacity:1}.scroll-column-header{cursor:grab}.scroll-column-header:active{cursor:grabbing}.scroll-column--dragging{opacity:.4}.scroll-column--drop-before{box-shadow:inset 3px 0 0 0 var(--color-accent)}.scroll-column--drop-after{box-shadow:inset -3px 0 0 0 var(--color-accent)}.scroll-column>.scroll-body{flex:1;overflow-y:auto;overflow-anchor:none;padding:var(--col-pad-top) var(--col-pad-x) var(--col-pad-bottom)}.scroll-column>.scroll-body:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.scroll-column>.scroll-body:focus:not(:focus-visible){outline:none}.scroll-column-loading{padding:var(--col-pad-top) var(--col-pad-x);display:flex;flex-direction:column;gap:12px}.shimmer{height:1em;background:linear-gradient(90deg,var(--color-divider) 25%,var(--color-surface) 50%,var(--color-divider) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.scroll-column-error{padding:var(--col-pad-top) var(--col-pad-x);text-align:center;color:var(--color-secondary);font-family:var(--font-sans);font-size:14px}.scroll-column-retry{margin-top:12px;font-family:var(--font-sans);font-size:13px;padding:6px 16px;border-radius:4px;border:none;background:var(--color-accent);color:#fff;cursor:pointer}.scroll-column-retry:hover{opacity:.85}.add-column-btn{font-family:var(--font-sans);color:var(--color-secondary);background:var(--color-surface);border:1px solid var(--color-divider);cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center;padding:0 0 4px}.add-column-btn:hover{background:var(--color-divider);color:var(--color-text)}.add-column-btn--large{width:64px;height:64px;border-radius:50%;font-size:40px;line-height:1}.add-column-btn--corner{width:48px;height:48px;border-radius:50%;font-size:32px;line-height:1;box-shadow:0 2px 8px #00000014}.corner-fab-stack{position:fixed;bottom:24px;right:24px;z-index:20;display:flex;flex-direction:column-reverse;gap:12px;align-items:center}.scroll-body{font-family:var(--font-serif);font-size:var(--font-body);line-height:var(--line-height-body);color:var(--color-text);text-align:left}.scroll-body p{margin-top:.75em}.scroll-body p:first-child,.scroll-body p:first-child.s1,.scroll-body p:first-child.s2{margin-top:0}.scroll-body p.s1,.scroll-body p.s2{font-family:var(--font-serif);font-size:var(--font-heading);font-weight:600;color:color-mix(in srgb,var(--color-text) 70%,transparent);margin-top:16px;margin-bottom:16px;line-height:1.3}.scroll-body span.ch+p.s1,.scroll-body span.ch+p.s2,.scroll-body span.ch+p.q1{margin-top:8px}.scroll-body p.s2{font-size:calc(var(--font-heading) - 2px)}.scroll-body p.ms{font-family:var(--font-serif);font-size:var(--font-heading);font-weight:600;color:color-mix(in srgb,var(--color-text) 70%,transparent);margin-top:4px;margin-bottom:8px;line-height:1.3}.scroll-body p.mr{font-family:var(--font-serif);font-size:var(--font-col-header);color:var(--color-secondary);margin-top:0;margin-bottom:16px}.scroll-body p.d{font-style:italic;color:var(--color-secondary);margin-top:8px;margin-bottom:12px}.scroll-body p.cl{font-size:calc(var(--font-body) - 2px);font-weight:400;font-style:italic;color:color-mix(in srgb,var(--color-text) 60%,transparent);margin-top:0;margin-bottom:8px}.scroll-body p.cl>span.f:before{display:none}.scroll-body p.cl>span.f>span.ft{display:inline}.scroll-body p.qa{font-family:var(--font-serif);font-weight:600;color:color-mix(in srgb,var(--color-text) 70%,transparent);margin-top:24px;margin-bottom:8px}.scroll-body p.m,.scroll-body p.pmo,.scroll-body p.nb{text-indent:0}.scroll-body p.p{text-indent:1.5em}.scroll-body p.pm,.scroll-body p.pmc,.scroll-body p.pmr{margin-left:1.5em}.scroll-body p.pc{text-align:center}.scroll-body p.pi{margin-left:.75em}.scroll-body p.pi1{margin-left:1.5em}.scroll-body p.pi2{margin-left:2.25em}.scroll-body p.pi3{margin-left:3em}.scroll-body p.mi{margin-left:1.5em}.scroll-body p.iex{font-style:italic;color:var(--color-secondary)}.scroll-body p.q1{margin-left:1.5em;text-indent:-1.5em;padding-left:1.5em;margin-top:0}.scroll-body p.q2{margin-left:3em;text-indent:-1.5em;padding-left:1.5em;margin-top:0}.scroll-body p.q3{margin-left:4.5em;text-indent:-1.5em;padding-left:1.5em;margin-top:0}.scroll-body p.q4{margin-left:6em;text-indent:-1.5em;padding-left:1.5em;margin-top:0}.scroll-body p.qr{text-align:right;font-style:italic;color:var(--color-secondary);margin-top:0}.scroll-body p.qc{text-align:center;margin-top:0}.scroll-body p.qm,.scroll-body p.qm1{margin-left:1.5em;margin-top:0}.scroll-body p.qm2{margin-left:3em;margin-top:0}.scroll-body p.li{margin-left:.75em}.scroll-body p.li1{margin-left:1.5em}.scroll-body p.li2{margin-left:2.25em}.scroll-body p.li3{margin-left:3em}.scroll-body p.li4{margin-left:4.25em}.scroll-body span.f>span{display:none}.scroll-body span.f:before{content:"†";font-family:var(--font-sans);font-size:var(--font-verse-num);color:var(--color-secondary);font-weight:400;vertical-align:super;line-height:0;margin-right:.15em;cursor:pointer}.scroll-body span.f:hover:before,.scroll-body span.f.f-open:before{color:var(--color-accent, #2563eb)}.scroll-body span.f.f-open{margin-right:.25em}.scroll-body span.f.f-open>span.ft,.scroll-body span.f.f-open>span.fqa,.scroll-body span.f.f-open>span.fq{display:inline;font-family:var(--font-sans);font-size:13px;font-style:italic;color:var(--color-secondary)}.scroll-body span.nd,.scroll-body span.sc{font-variant:small-caps;text-transform:lowercase}.scroll-body span.tl,.scroll-body span.it{font-style:italic}.scroll-body span.ch{display:inline-block;font-family:var(--font-sans);font-size:var(--font-verse-num);font-weight:700;user-select:none;margin-left:-24px;background:color-mix(in srgb,var(--color-text) 6%,transparent);padding-left:24px;color:var(--color-secondary);padding-right:16px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%);margin-top:8px;margin-bottom:8px}.scroll-body>span.ch:first-child{margin-top:0}.scroll-body span.ch:before{content:attr(data-ch)}.scroll-body sup{font-family:var(--font-sans);font-size:var(--font-verse-num);color:var(--color-secondary);font-weight:400;vertical-align:super;line-height:0;margin-right:.15em;user-select:none}.scroll-body p.p,.scroll-body :is(p.q1,p.q2,p.q3,p.q4,p.pi,p.pi1,p.pi2,p.pi3,p.li,p.li1,p.li2,p.li3,p.li4){position:relative}.scroll-body p.p>:first-child>sup:first-child,.scroll-body :is(p.q1,p.q2,p.q3,p.q4,p.pi,p.pi1,p.pi2,p.pi3,p.li,p.li1,p.li2,p.li3,p.li4)>:first-child>sup:first-child{position:absolute;top:0;width:calc(1.5 * var(--font-body));text-indent:0;text-align:right;padding-right:.125em;margin-right:0;line-height:var(--line-height-body);vertical-align:baseline}.scroll-body p.p>:first-child>sup:first-child{left:0}.scroll-body :is(p.q1,p.q2,p.q3,p.q4,p.pi,p.pi1,p.pi2,p.pi3,p.li,p.li1,p.li2,p.li3,p.li4)>:first-child>sup:first-child{left:calc(-1.5 * var(--font-body))}.scroll-body p.copyright{font-family:var(--font-sans);font-size:12px;color:var(--color-secondary);margin-top:40px;padding-top:16px;border-top:1px solid var(--color-divider)}.scroll-body span[data-verse]:hover{background-color:#8c7b6b14;border-radius:2px}.scroll-body span[data-verse].v-highlight,.scroll-body span[data-verse].v-hl-y{background-color:#fde68a66;border-radius:2px;transition:background-color .15s ease-out}.scroll-body span[data-verse].v-hl-g{background-color:#a7d9a766;border-radius:2px;transition:background-color .15s ease-out}.scroll-body span[data-verse].v-hl-b{background-color:#93c5e866;border-radius:2px;transition:background-color .15s ease-out}.scroll-body span[data-verse].v-hl-p{background-color:#f4b4c466;border-radius:2px;transition:background-color .15s ease-out}.scroll-body span[data-verse].v-hl-o{background-color:#f5c28a66;border-radius:2px;transition:background-color .15s ease-out}.scroll-body span[data-verse].v-hl-v{background-color:#c4a8d866;border-radius:2px;transition:background-color .15s ease-out}.debug-panel{font-family:SF Mono,Cascadia Code,Fira Code,Menlo,Consolas,monospace;background:#0e1117;color:#c9d1d9;font-size:14px;line-height:1.5;min-height:100vh;padding:24px calc(50vw - 480px)}.debug-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;border-bottom:1px solid #21262d;padding-bottom:16px}.debug-header h1{font-size:18px;font-weight:600;color:#e6edf3}.state-badge{font-size:12px;padding:2px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.state-badge[data-state=idle]{background:#21262d;color:#8b949e}.state-badge[data-state=loading]{background:#1f2d1f;color:#7ee787}.state-badge[data-state=caching]{background:#1c2333;color:#79c0ff}.state-badge[data-state=done]{background:#1f2d1f;color:#3fb950}.state-badge[data-state=error]{background:#3d1f1f;color:#f85149}.controls{margin-bottom:24px}.translation-buttons{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.btn{font-family:inherit;font-size:13px;padding:6px 14px;border-radius:6px;border:1px solid #30363d;background:#21262d;color:#c9d1d9;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:#30363d;border-color:#484f58}.btn.active{background:#1c2333;border-color:#58a6ff;color:#79c0ff}.btn.primary{background:#238636;border-color:#2ea043;color:#fff}.btn.primary:hover{background:#2ea043}.action-row{display:flex;gap:8px;align-items:center}.prioritize-input{font-family:inherit;font-size:13px;padding:6px 10px;border-radius:6px;border:1px solid #30363d;background:#0d1117;color:#c9d1d9;width:180px;outline:none}.prioritize-input:focus{border-color:#58a6ff}.queue-section{margin-bottom:24px}.progress-bar-container{position:relative;height:24px;background:#161b22;border-radius:6px;overflow:hidden;margin-bottom:16px;border:1px solid #21262d}.progress-bar-fill{height:100%;background:#238636;transition:width .3s ease}.progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#e6edf3}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px}.book-cell{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;background:#161b22;border:1px solid #21262d}.book-cell[data-status=completed]{border-color:#238636}.book-cell[data-status=completed] .book-icon{color:#3fb950}.book-cell[data-status=inflight]{border-color:#58a6ff;background:#1c2333}.book-cell[data-status=inflight] .book-icon{color:#58a6ff;animation:pulse 1s infinite}.book-cell[data-status=failed]{border-color:#f85149}.book-cell[data-status=failed] .book-icon{color:#f85149}.book-icon{width:12px;text-align:center;flex-shrink:0}.book-id{font-weight:600}.queue-pos{color:#8b949e;font-size:11px;margin-left:auto}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.event-log{border-top:1px solid #21262d;padding-top:16px}.event-log h2{font-size:14px;font-weight:600;margin-bottom:8px;color:#e6edf3}.log-entries{max-height:300px;overflow-y:auto;background:#0d1117;border:1px solid #21262d;border-radius:6px;padding:8px 12px}.log-entry{font-size:12px;line-height:1.8;white-space:nowrap}.log-time{color:#8b949e}.log-entry.dim{color:#484f58}