*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f3ef;--fg:#2c2c2c;--surface:#fff;--border:#d0cec8;--border-strong:#b5b3c8;--muted:#888;--muted-strong:#555;--accent:#8a8adc;--accent-bg:#eeedf5;--accent-fg:#3a3a7a;--danger:#c44;--danger-bg:#fdf0f0;--danger-border:#daa;--mono:"Courier New", Courier, monospace;--serif:"Georgia", "Times New Roman", serif;--sans:system-ui, sans-serif;--sel-visible:#28965052;--sel-hidden:#beaa1447;--sel-prior:#beaa141f;--sel-later:#466edc1f;--sel-pending-bg:#3c78dc26;--sel-pending-outline:#3c78dc99;--sel-erase-bg:#dc32321f;--sel-erase-outline:#dc323299;--hover-outline:#5064c88c;--hover-bg:#5064c81f;--highlight-bg:#508cdc4d;--highlight-fg:#1a2a45;--popup-shadow:#0000001a;--backdrop:#00000040;--page-font-size:clamp(8px, 2.5vw, 14px);--page-lh:1.4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--fg:#e0e0e0;--surface:#1a1a1a;--border:#333;--border-strong:#555;--muted:#888;--muted-strong:#ccc;--accent:#a0a0a0;--accent-bg:#2a2a2a;--accent-fg:#fff;--danger:#e55;--danger-bg:#3a1515;--danger-border:#6a2a2a;--sel-visible:#50d27866;--sel-hidden:#e6d23259;--sel-prior:#e6d2321f;--sel-later:#6496ff1f;--sel-pending-bg:#64aae62e;--sel-pending-outline:#64aae6b3;--sel-erase-bg:#ff50502e;--sel-erase-outline:#ff5050b3;--hover-outline:#b4c3dc99;--hover-bg:#b4c3dc26;--highlight-bg:#82b4e666;--highlight-fg:#f0f6ff;--popup-shadow:#00000080;--backdrop:#0009}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#111;--fg:#e0e0e0;--surface:#1a1a1a;--border:#333;--border-strong:#555;--muted:#888;--muted-strong:#ccc;--accent:#a0a0a0;--accent-bg:#2a2a2a;--accent-fg:#fff;--danger:#e55;--danger-bg:#3a1515;--danger-border:#6a2a2a;--sel-visible:#50d27866;--sel-hidden:#e6d23259;--sel-prior:#e6d2321f;--sel-later:#6496ff1f;--sel-pending-bg:#64aae62e;--sel-pending-outline:#64aae6b3;--sel-erase-bg:#ff50502e;--sel-erase-outline:#ff5050b3;--hover-outline:#b4c3dc99;--hover-bg:#b4c3dc26;--highlight-bg:#82b4e666;--highlight-fg:#f0f6ff;--popup-shadow:#00000080;--backdrop:#0009}}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;min-height:100dvh;padding:1rem 1rem 1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}@media (width<=480px){body{padding:.5rem 4px 1rem}}.logo{--logo-cols:repeat(10, 2rem);--logo-h:4rem;-webkit-user-select:none;user-select:none;width:fit-content;margin:0 0 .4em;font-size:2rem;position:relative}@media (width<=480px){.logo{--logo-cols:repeat(10, 1.4rem);--logo-h:2.8rem;font-size:1.4rem}}.logo .logo-grid{grid-template-columns:var(--logo-cols);grid-template-rows:var(--logo-h);display:grid}.logo .logo-bg{border:1px solid color-mix(in srgb, var(--border) 30%, transparent);border-left:none;transition:background-color 1.5s ease-out,border-color 1.5s ease-out}.logo .logo-bg:first-child{border-left:1px solid color-mix(in srgb, var(--border) 30%, transparent)}.logo.animating .logo-bg{border-color:var(--border);transition:background-color 1.5s ease-out,border-color .3s ease-in}.logo .logo-text{white-space:nowrap;pointer-events:none;padding-top:.4em;position:absolute;inset:0}.logo .logo-cell{width:2rem;height:2.4rem;line-height:0;display:inline-block;overflow:visible}@media (width<=480px){.logo .logo-cell{width:1.4rem;height:1.7rem}}html,body{width:100%;min-width:100%}body{-webkit-user-select:none;user-select:none}body>header{text-align:center}.header-nav{justify-content:center;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.about-link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;text-decoration:none}.about-link:hover{color:var(--fg)}.examples-dropdown{position:relative}.examples-arrow{font-size:.6rem}.examples-list{text-align:left;background:var(--bg);border:1px solid var(--border);z-index:100;border-radius:4px;min-width:10rem;margin:.25rem 0 0;padding:.25rem 0;list-style:none;display:none;position:absolute;top:100%;right:0;box-shadow:0 2px 8px #00000026}.examples-dropdown.open .examples-list{display:block}.examples-list li a{color:var(--fg);white-space:nowrap;padding:.3rem .75rem;font-size:.75rem;text-decoration:none;display:block}.examples-list li a:hover{background:var(--sel-pending-bg)}body>footer{flex-direction:column;align-items:center;gap:.25rem;padding:2rem 0 1rem;display:flex}body>footer>a,body>footer>button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.25rem .5rem;font-family:inherit;font-size:.75rem;text-decoration:none;transition:color .12s}:is(body>footer>a,body>footer>button):hover{color:var(--fg)}.footer-credit{color:var(--muted);margin:0;font-size:.7rem}.footer-credit:first-of-type{margin-top:.25rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#book-picker{cursor:pointer;width:0;min-width:0;color:var(--fg);letter-spacing:-.01em;white-space:nowrap;flex:1;align-items:center;padding:.3rem .5rem;font-size:.85rem;display:flex;position:relative}#book-picker:hover{color:var(--accent-fg)}#book-picker:focus{outline:2px solid var(--accent);outline-offset:1px}#book-trigger-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.book-trigger-arrow{flex-shrink:0;margin-left:.25rem}#book-dropdown{z-index:50;background:var(--surface);border:1px solid var(--border);width:600px;max-width:calc(100vw - 2rem);box-shadow:0 8px 32px var(--popup-shadow);border-radius:5px;margin-top:.25rem;display:none;position:absolute;top:100%;left:0}#book-dropdown.open{flex-direction:column;display:flex}#book-search{color:var(--fg);border:none;border-bottom:1px solid var(--border);background:0 0;width:100%;padding:.4rem .75rem;font-family:inherit;font-size:.85rem}#book-search:focus{outline:none}#book-search::placeholder{color:var(--muted)}#book-list{max-height:50vh;padding:.25rem 0;list-style:none;overflow-y:auto}.book-list-item{cursor:pointer;white-space:nowrap;align-items:baseline;min-width:0;padding:.35rem .75rem;font-size:.85rem;transition:background 80ms;display:flex}.book-list-item:hover,.book-list-item.active{background:var(--accent-bg)}.book-list-item.current{font-weight:600}.book-list-title{text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.book-list-author{color:var(--muted);flex-shrink:0;margin-left:.25rem;font-size:.75rem}.book-list-empty{color:var(--muted);padding:.5rem .75rem;font-size:.85rem;font-style:italic}.panel-footer{grid-template-rows:auto auto;grid-template-columns:auto auto auto minmax(0,1fr);justify-self:stretch;align-items:center;gap:.6rem;min-width:0;display:grid}@media (width<=480px){.panel-footer{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:.4rem}}.panel-footer>.tool-toggles{flex-direction:column;grid-area:1/3/3;justify-self:start;align-items:flex-start;gap:.15rem;display:flex}@media (width<=480px){.panel-footer>.tool-toggles{flex-direction:row;grid-area:auto/1/auto/-1;gap:.6rem}}.panel-footer>.panel-footer-nav{border-left:1px solid var(--border);flex-direction:column;grid-area:1/4/3;justify-content:center;align-items:stretch;gap:.4rem;padding-left:.6rem;display:flex}@media (width<=480px){.panel-footer>.panel-footer-nav{border-left:none;border-top:1px solid var(--border);grid-area:auto/1/auto/-1;margin-top:.4rem;padding-top:.6rem;padding-left:0}}@media (width<=480px){.panel-footer>.tool-toggles{order:3}#undo-btn{order:5}#reset-btn{order:6}.panel-footer>.panel-footer-nav{order:7}}.tool-btn{background:var(--surface);color:var(--muted-strong);border:1px solid var(--border);cursor:pointer;letter-spacing:-.01em;text-align:center;border-radius:5px;padding:.3rem .7rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:background .12s,border-color .12s,color .12s}.tool-btn:hover:not(:disabled){background:var(--accent-bg);border-color:var(--border-strong)}.tool-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-fg)}.tool-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.tool-btn.tool-btn-danger{color:var(--danger)}.tool-btn.tool-btn-danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger-border)}.tool-toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.3rem;font-size:.8rem;font-weight:500;display:flex}.tool-toggle input[type=checkbox]{accent-color:var(--accent)}.tool-toggle:has(input:checked){color:var(--fg)}.tool-toggle:has(input:disabled){opacity:.3;cursor:default}.confirm-dialog{background:var(--surface);color:var(--fg);border:1px solid var(--border);max-width:360px;box-shadow:0 8px 32px var(--popup-shadow);border-radius:8px;width:fit-content;height:fit-content;margin:auto;padding:1.5rem;font-family:inherit;position:fixed;inset:0}.confirm-dialog::backdrop{background:var(--backdrop)}.confirm-dialog p{margin:0 0 1rem;font-size:.9rem;line-height:1.5}-actions.confirm-dialog{justify-content:flex-end;gap:.5rem;display:flex}.panels{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-items:center;gap:.5rem 2.5rem;display:grid}@media (width<=1200px){.panels{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.panels>:last-child{order:-1}}.panel{grid-row:1/-1;grid-template-rows:subgrid;justify-items:center;gap:.5rem;min-width:0;max-width:100%;display:grid}@media (width<=1200px){.panel{grid-row:auto;grid-template-rows:auto auto auto}}.panel-header{justify-content:space-between;align-items:center;width:100%;min-width:0;padding:0 .25rem;display:flex;position:relative}.panel-header-left,.panel-header-right{align-items:center;gap:.5rem;display:flex}.panel-title{color:var(--muted);font-size:.85rem;font-style:italic;font-family:var(--serif);letter-spacing:.01em}.panel-actions{align-items:center;gap:.4rem;display:flex}.panel-footer .page-nav{justify-content:center}.chapter-title{color:var(--muted);cursor:pointer;font-size:.85rem;font-style:italic;font-family:var(--serif);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:3px;flex-shrink:1;min-width:0;padding:.15rem .4rem;transition:background .12s,color .12s;overflow:hidden}.chapter-title:hover{background:var(--accent-bg);color:var(--fg)}#toc-popover{background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 32px var(--popup-shadow);z-index:10;border-radius:8px;width:max-content;min-width:min(280px,100vw - 2rem);max-width:min(400px,100vw - 2rem);max-height:60vh;margin-top:4px;display:none;position:absolute;top:100%;right:0;overflow-y:auto}#toc-popover.open{display:block}.toc{padding:.75rem 0}.toc-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:0 1rem .5rem;font-family:inherit;font-size:.65rem;font-weight:600}#toc-list{list-style:none}.toc-item{color:var(--fg);font-family:var(--serif);cursor:pointer;justify-content:space-between;align-items:center;padding:.4rem 1rem;font-size:.85rem;text-decoration:none;transition:background .1s;display:flex}.toc-item:hover,.toc-item:focus{background:var(--bg)}.toc-item:focus{outline:none}-active.toc-item{color:var(--accent-fg);font-weight:600}.toc-item-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toc-item-meta{flex-shrink:0;align-items:center;gap:.5rem;margin-left:1rem;display:flex}.toc-item-sel{color:var(--accent);font-family:inherit;font-size:.7rem}.toc-item-page{color:var(--muted);font-family:inherit;font-size:.7rem}#find-panel{border:1px solid var(--border);background:var(--surface);width:100%;max-width:600px;box-shadow:0 2px 8px var(--popup-shadow);border-radius:5px;margin-top:1em;overflow:hidden}#find-panel[hidden]{display:none}.find-header{border-bottom:1px solid var(--border);align-items:center;gap:.25rem;padding:.4rem .5rem;display:flex}#find-input{color:var(--fg);background:0 0;border:none;flex:1;padding:.25rem .5rem;font-family:inherit;font-size:.85rem}#find-input:focus{outline:none}#find-input::placeholder{color:var(--muted)}.find-mode-toggle{color:var(--muted);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:.2rem;font-size:.75rem;display:flex}.find-mode-toggle input[type=checkbox]{accent-color:var(--accent)}.find-mode-toggle:has(input:checked){color:var(--fg)}#find-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.15rem .4rem;font-size:.85rem}#find-close:hover{color:var(--fg);background:var(--accent-bg)}#find-actions{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}#find-actions[hidden]{display:none}.find-highlight-all-btn{font-size:.75rem}#find-count{color:var(--muted);font-size:.75rem}#find-results{max-height:200px;padding:.25rem 0;list-style:none;overflow-y:auto}.find-result{cursor:pointer;align-items:center;gap:.4rem;padding:.25rem .5rem;font-size:.8rem;transition:background 80ms;display:flex}.find-result:hover{background:var(--accent-bg)}.find-result.find-result-current{background:var(--accent-bg);font-weight:500}.find-result-loc{color:var(--muted);flex-shrink:0;min-width:4rem;font-size:.7rem}.find-result-context{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.find-result-add{border:1px solid var(--border);color:var(--muted-strong);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;padding:.1rem .4rem;font-size:.7rem}.find-result-add:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-fg)}.find-result-sep{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:.3rem .5rem .15rem;font-size:.65rem;font-weight:600}.page-nav{align-items:center;gap:.3rem;display:flex}.page-num{color:var(--muted);font-size:.8rem}#page-slider{width:100%;accent-color:var(--accent);cursor:pointer;height:4px}#page-input{background:var(--surface);width:3.5em;color:var(--muted);border:1px solid var(--border);text-align:center;appearance:textfield;border-radius:3px;padding:.1rem .2rem;font-family:inherit;font-size:.8rem}#page-input::-webkit-inner-spin-button{appearance:none;margin:0}#page-input::-webkit-outer-spin-button{appearance:none;margin:0}#page-input:focus{outline:1px solid var(--accent);color:var(--fg)}.nav-btn{background:var(--surface);color:var(--muted-strong);border:1px solid var(--border);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;padding:0;font-size:.9rem;transition:background .12s;display:flex}.nav-btn:hover:not(:disabled){background:var(--accent-bg)}.nav-btn:disabled{opacity:.35;cursor:default}.page-wrapper{background:var(--surface);border:1px solid var(--border);min-width:0;max-width:100%;box-shadow:0 1px 4px var(--popup-shadow);cursor:text;-webkit-user-select:none;user-select:none;touch-action:none;font-family:var(--mono);font-size:var(--page-font-size);line-height:var(--page-lh);border-radius:3px;height:100%;padding:.5ch 2ch;position:relative;overflow:hidden visible}.page-content{-webkit-user-select:none;user-select:none;position:relative;overflow-x:auto}.page{white-space:pre;font:inherit;background:0 0;border:none;margin:0;padding:0}.page-line{display:block}.page-overlay{pointer-events:none;z-index:1;position:absolute;top:0;left:0}.sel-rect{position:absolute}.sel-rect.sel-visible{background:var(--sel-visible)}.sel-rect.sel-hidden{background:var(--sel-hidden)}.sel-rect.sel-prior{background:var(--sel-prior)}.sel-rect.sel-later{background:var(--sel-later)}.sel-rect.sel-pending{outline:1.5px solid var(--sel-pending-outline)}.sel-rect.sel-pending-erase{background:var(--sel-erase-bg);outline:1.5px solid var(--sel-erase-outline)}.book-page span.sel-visible{background:var(--sel-visible)}.book-page span.sel-hidden{background:var(--sel-hidden)}.book-page span.sel-prior{background:var(--sel-prior)}.book-page span.sel-later{background:var(--sel-later)}.composite-page.show-sel span.sel-visible{background:var(--sel-visible)}.composite-page.show-sel span.sel-prior{background:var(--sel-prior)}.composite-page.show-sel span.sel-later{background:var(--sel-later)}.hover-rect,.cross-hover-rect{outline:1px solid var(--hover-outline);background:var(--hover-bg);position:absolute}.char-hover,.char-cross-hover{outline:1px solid var(--hover-outline);background:var(--hover-bg)}.comp-char-highlight{background:var(--highlight-bg);color:var(--highlight-fg)}.composite-page.has-hover span[data-src]{opacity:.3}.composite-page.has-hover span[data-src].src-active{opacity:1;background:var(--highlight-bg);color:var(--highlight-fg)}.comp-placeholder{text-align:center;color:var(--muted);pointer-events:none;z-index:2;flex-direction:column;justify-content:center;align-items:center;font-family:system-ui,sans-serif;font-size:.9rem;display:flex;position:absolute;inset:0;line-height:2.2!important}.comp-placeholder a{color:var(--muted-strong);pointer-events:auto}.comp-tooltip{background:var(--surface);color:var(--muted-strong);border:1px solid var(--border);font-size:.75rem;font-family:var(--sans);pointer-events:none;white-space:nowrap;z-index:100;box-shadow:0 2px 8px var(--popup-shadow);border-radius:5px;padding:.25rem .6rem;position:fixed}.color-key{justify-content:center;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.color-key-item{font-size:.8rem;font-family:var(--mono);border-radius:3px;padding:.05rem .35rem;transition:outline .12s}.color-key-item.color-key-active{outline:2px solid var(--fg)}.page-color-key{grid-column:1/-1;justify-self:center}.panel-stack{align-items:start;display:grid}.panel-stack>*{grid-area:1/1}.panel-stack>.panel-hidden{visibility:hidden}.panel-stack>#stack3d-container{align-self:stretch}#stack3d-container{position:relative}.stack3d-controls{z-index:10;gap:4px;display:flex;position:absolute;top:6px;right:6px}.stack3d-viewport{width:100%;height:100%;font-family:var(--mono);font-size:var(--page-font-size);cursor:grab;background:var(--bg);border:1px solid var(--border);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:6px;justify-content:center;align-items:center;display:flex;overflow:hidden}.stack3d-viewport:active{cursor:grabbing}.stack3d-scene{transform-style:preserve-3d;position:relative}.stack3d-empty-msg{color:var(--muted);font:italic .9rem var(--sans)}.stack3d-card{transform-style:preserve-3d;backface-visibility:visible;border:1px solid var(--border);background:0 0;border-radius:4px;padding:.5rem;position:absolute;top:50%;left:50%}.stack3d-card.stack3d-current{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.stack3d-card.stack3d-empty{opacity:.25;width:calc(60ch + 1rem);height:calc(39em + 1rem);font-size:8px;line-height:1.3}.stack3d-card.stack3d-composite{background:var(--bg);border-color:var(--border-strong)}.stack3d-label{font-family:var(--sans);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:420px;margin-bottom:.25rem;font-size:.6rem;overflow:hidden}.stack3d-pre{font-family:var(--mono);color:var(--fg);white-space:pre;margin:0;font-size:8px;line-height:1.3}.s3d-sel{background:var(--accent-bg);color:var(--accent-fg);text-shadow:0 0 6px #0000004d}.s3d-hidden{color:#0000}.s3d-comp{background:var(--highlight-bg);color:var(--highlight-fg)}