:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#fafbfc;--text:#16181d;--text-dim:#61656e;--text-faint:#8d919b;--border:#e2e5ea;--border-strong:#cdd2da;--accent:#4f46e5;--accent-soft:#eef0ff;--accent-text:#fff;--danger:#c02b3a;--highlight:#ffd60073;--shadow-sm:0 1px 2px #1012180f, 0 1px 1px #1012180a;--shadow-lg:0 12px 32px #10121824, 0 2px 8px #10121814;--radius:12px;--toolbar-h:56px}@media (prefers-color-scheme:dark){:root{--bg:#101216;--surface:#1a1d23;--surface-2:#22262e;--text:#e8eaef;--text-dim:#a2a8b4;--text-faint:#767c88;--border:#2a2e37;--border-strong:#3a4048;--accent:#818cf8;--accent-soft:#262a3d;--accent-text:#12141a;--danger:#f2757f;--highlight:#ffd60059;--shadow-sm:0 1px 2px #0006;--shadow-lg:0 12px 32px #0000008c, 0 2px 8px #0006}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}[hidden]{display:none!important}#landing{grid-template-rows:auto 1fr auto auto;gap:24px;min-height:100%;padding:24px;display:grid}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:650;display:flex}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--accent-text);border-radius:9px;place-items:center;font-size:15px;display:grid}.landing-main{text-align:center;place-content:center;justify-items:center;gap:8px;width:100%;max-width:640px;margin:0 auto;display:grid}.landing-main h1{letter-spacing:-.025em;margin:0;font-size:clamp(28px,5vw,40px);line-height:1.15}.landing-main p.lede{color:var(--text-dim);max-width:46ch;margin:0 0 28px;font-size:16px}#dropzone{border:2px dashed var(--border-strong);background:var(--surface);border-radius:18px;justify-items:center;gap:14px;width:100%;padding:30px 24px;transition:border-color .15s,background .15s;display:grid}#dropzone.is-over{border-color:var(--accent);background:var(--accent-soft)}#dropzone .hint{color:var(--text-faint);font-size:13px}.btn{background:var(--accent);color:var(--accent-text);border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:11px 20px;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);font-weight:500}.landing-notes{color:var(--text-faint);flex-wrap:wrap;justify-content:center;gap:10px 28px;font-size:13px;display:flex}.landing-notes span:before{content:"";background:var(--border-strong);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}#reader{grid-template-rows:var(--toolbar-h) 1fr;display:grid;position:fixed;inset:0}#toolbar{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:5;align-items:center;gap:4px;padding:0 8px;display:flex}.tool{min-width:40px;height:40px;color:var(--text-dim);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.tool:hover{background:var(--surface-2);color:var(--text)}.tool:disabled{opacity:.35;cursor:default;background:0 0}.tool svg{width:19px;height:19px}#doc-name{text-overflow:ellipsis;white-space:nowrap;max-width:min(38vw,380px);margin-left:4px;font-size:14px;font-weight:600;overflow:hidden}.toolbar-spacer{flex:1}.page-jump{color:var(--text-dim);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:13px;display:flex}#page-input{text-align:center;width:3.6em;height:32px;font:inherit;font-variant-numeric:tabular-nums;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:7px}#zoom-level{font-variant-numeric:tabular-nums;min-width:4em;font-size:13px}#viewer{background:var(--bg);-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;position:relative;overflow:auto}#pages{flex-direction:column;align-items:center;gap:26px;min-width:min-content;padding:20px 0 64px;display:flex}#pages.is-pinching{will-change:transform}.page{box-shadow:var(--shadow-sm);--scale-round-x:1px;--scale-round-y:1px;background:#fff;border-radius:2px;flex:none;position:relative}.page canvas{border-radius:2px;width:100%;height:100%;display:block;position:absolute;inset:0}.page .page-number{color:var(--text-faint);font-variant-numeric:tabular-nums;user-select:none;font-size:11px;position:absolute;bottom:-20px;right:2px}.page.is-pending:after{content:"";opacity:0;border:2px solid #0000001f;border-top-color:#00000057;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;animation:.7s linear infinite spin,.2s .45s forwards fade-in;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.page.is-pending:after{animation:.2s .45s forwards fade-in}}@keyframes fade-in{to{opacity:1}}@keyframes shimmer{to{background-position:-150% 0}}.page{content-visibility:auto}.word-highlight{background:var(--highlight);pointer-events:none;z-index:2;border-radius:3px;margin:-2px -3px;padding:2px 3px;position:absolute}#lookup{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(380px,100vw - 24px);max-height:min(70vh,560px);box-shadow:var(--shadow-lg);overscroll-behavior:contain;padding:16px 18px 18px;position:fixed;overflow:auto}#lookup header{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}#lookup-word{letter-spacing:-.015em;overflow-wrap:anywhere;font-size:20px;font-weight:650}#lookup-phon{color:var(--text-faint);font-size:13px}#lookup-close{width:30px;height:30px;color:var(--text-faint);border-radius:8px;flex:none;align-self:flex-start;place-items:center;margin-left:auto;display:grid}#lookup-close:hover{background:var(--surface-2);color:var(--text)}.pos{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;margin-bottom:10px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}#lookup dl{gap:11px;margin:0;display:grid}#lookup dt{letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);margin-bottom:2px;font-size:11px;font-weight:600}#lookup dd{margin:0}#lookup dd.example{color:var(--text-dim);font-style:italic}.syn{flex-wrap:wrap;gap:6px;display:flex}.syn span{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:3px 9px;font-size:12.5px}.lookup-status{color:var(--text-dim);align-items:center;gap:9px;padding:4px 0;display:flex}.lookup-status.error{color:var(--danger);display:block}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;flex:none;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){#lookup{width:100%;max-height:62vh;padding-bottom:max(18px, env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:16px 16px 0 0;bottom:0;right:0;top:auto!important;left:0!important}#doc-name{max-width:32vw}.page-jump .of-total{display:none}}.pending{background:linear-gradient(100deg, var(--border) 30%, var(--border-strong) 50%, var(--border) 70%);opacity:.55;background-size:300% 100%;border-radius:6px;height:2.9em;animation:1.4s linear infinite shimmer;display:block}#lookup dd .muted{color:var(--text-faint);font-size:13.5px}.page.is-failed:after{content:none}.page-error{z-index:3;text-align:center;background:var(--surface);cursor:pointer;border-radius:2px;align-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.page-error strong{font-size:14px}.page-error span{color:var(--text-dim);overflow-wrap:anywhere;max-width:42ch;font-size:12px}.page-error .page-error-env{color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}#debug-log{z-index:50;white-space:pre-wrap;color:#d8dee9;border-top:1px solid var(--border-strong);background:#0c0e12eb;max-height:32vh;margin:0;padding:8px 10px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:0;left:0;right:0;overflow:auto}#library{width:100%;max-width:640px;margin:0 auto}#library h2{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:0 0 10px;font-size:12px;font-weight:600}#library-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.library-item{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:62px;padding:12px 14px;display:flex}.library-item:hover{border-color:var(--border-strong)}.library-item .grow{flex:1;min-width:0}.library-item .title,.library-item .meta,.library-item .library-progress{display:block}.library-item .title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.library-item .meta{color:var(--text-dim);margin-top:2px;font-size:12.5px}.library-progress{background:var(--border);border-radius:2px;height:3px;margin-top:7px;overflow:hidden}.library-progress span{background:var(--accent);height:100%;display:block}.library-forget{width:32px;height:32px;color:var(--text-faint);border-radius:8px;flex:none;place-items:center;display:grid}.library-forget:hover{background:var(--surface-2);color:var(--danger)}#panel-scrim{z-index:14;background:#0a0c1066;position:fixed;inset:0}#panel{z-index:15;background:var(--surface);border-right:1px solid var(--border);width:min(360px,88vw);box-shadow:var(--shadow-lg);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}#panel-tabs{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:2px;padding:8px 8px 0;display:flex}.panel-tab{color:var(--text-dim);border-bottom:2px solid #0000;min-height:42px;margin-bottom:-1px;padding:9px 11px;font-size:13px;font-weight:550}.panel-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}#panel-close{width:34px;height:34px;color:var(--text-faint);border-radius:8px;place-items:center;margin-left:auto;display:grid}#panel-close:hover{background:var(--surface-2);color:var(--text)}.panel-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:none}.panel-body.is-active{display:flex}.panel-body input[type=search]{font:inherit;border:1px solid var(--border);background:var(--surface-2);min-height:42px;color:var(--text);border-radius:9px;flex:none;padding:9px 11px;font-size:14px}.panel-body input[type=search]:focus{outline:2px solid var(--accent);outline-offset:-1px}#contents-list,#highlights-list,#search-list{overscroll-behavior:contain;margin:0 -4px;padding:0 4px;overflow-y:auto}.panel-empty{color:var(--text-faint);margin:0;font-size:13px;line-height:1.5}.section-head{letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);background:var(--surface);align-items:baseline;gap:7px;padding:12px 6px 5px;font-size:11px;font-weight:650;display:flex;position:sticky;top:0}.gs-tag{letter-spacing:.03em;background:var(--accent-soft);color:var(--accent);text-transform:none;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.panel-row{text-align:left;width:100%;color:var(--text);border-radius:8px;align-items:baseline;gap:8px;padding:8px 6px;font-size:13.5px;line-height:1.4;display:flex}.panel-row:hover{background:var(--surface-2)}.panel-row.is-current{background:var(--accent-soft);color:var(--accent)}.panel-row .grow{flex:1;min-width:0}.panel-row .page-ref{color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.mark-row{align-items:flex-start}.mark-row .swatch{border-radius:2px;flex:none;align-self:stretch;width:4px;min-height:30px}.mark-row .quote{-webkit-line-clamp:3;line-clamp:3;color:var(--text-dim);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mark-row .drop{color:var(--text-faint);border-radius:6px;flex:none;place-items:center;width:26px;height:26px;display:grid}.mark-row .drop:hover{background:var(--surface);color:var(--danger)}.search-hit em{background:var(--highlight);border-radius:2px;padding:0 1px;font-style:normal}#library-list li{align-items:center;gap:6px;display:flex}#doc-crumb{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;border-left:1px solid var(--border);max-width:min(30vw,300px);margin-left:2px;padding-left:10px;font-size:12.5px;overflow:hidden}@media (width<=800px){#doc-crumb{display:none}}@media (width<=560px){#zoom-level{display:none}#doc-name{max-width:30vw}.tool{min-width:36px;padding:0 6px}}.card-jump{color:var(--accent);margin-top:12px;padding:4px 0;font-size:12.5px;font-weight:600}.card-jump:hover{text-decoration:underline}:root{--mark-yellow:#ffe066;--mark-green:#a7e8a0;--mark-blue:#a5d8ff;--mark-pink:#ffc9de}.highlight-layer{pointer-events:none;position:absolute;inset:0}.highlight-box{mix-blend-mode:multiply;background:#ffe066cc;border-radius:2px;position:absolute}.highlight-box[data-colour=green]{background:#a7e8a0cc}.highlight-box[data-colour=blue]{background:#a5d8ffcc}.highlight-box[data-colour=pink]{background:#ffc9decc}.highlight-pill{z-index:21;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:999px;align-items:center;gap:6px;padding:7px 9px;display:flex;position:fixed}.highlight-pill button{border:1px solid #00000024;border-radius:50%;width:28px;height:28px;padding:0}.highlight-pill button[data-colour=yellow]{background:var(--mark-yellow)}.highlight-pill button[data-colour=green]{background:var(--mark-green)}.highlight-pill button[data-colour=blue]{background:var(--mark-blue)}.highlight-pill button[data-colour=pink]{background:var(--mark-pink)}.highlight-pill button[data-action]{width:auto;min-width:30px;height:28px;color:var(--text-dim);background:0 0;border:0;border-radius:8px;padding:0 9px;font-size:12.5px;font-weight:600}.highlight-pill button[data-action]:hover{background:var(--surface-2);color:var(--text)}.highlight-pill button[data-action=remove]:hover{color:var(--danger)}.textLayer{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;text-align:initial;opacity:1;letter-spacing:normal;word-spacing:normal;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:canvastext;z-index:0;line-height:1;position:absolute;inset:0;overflow:clip}.textLayer.highlighting{touch-action:none}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;user-select:text;position:absolute}.textLayer{--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size))}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer span[role=img]{user-select:none;cursor:default}.textLayer .highlight{--highlight-bg-color:#b400aa40;--highlight-selected-bg-color:#00640040;--highlight-backdrop-filter:none;--highlight-selected-backdrop-filter:none}@media screen and (forced-colors:active){.textLayer .highlight{--highlight-bg-color:transparent;--highlight-selected-bg-color:transparent;--highlight-backdrop-filter:var(--hcm-highlight-filter);--highlight-selected-backdrop-filter:var(--hcm-highlight-selected-filter)}}.textLayer .highlight{background-color:var(--highlight-bg-color);backdrop-filter:var(--highlight-backdrop-filter);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color);backdrop-filter:var(--highlight-selected-backdrop-filter);scroll-margin-top:50px}.textLayer ::selection{background:#0000ff40;background:color-mix(in srgb, AccentColor, transparent 50%);color:#0000}.textLayer.selectionRendering ::selection{color:#0000;background:0 0}.textLayer br::selection{background:0 0}.textLayer .endOfContent{z-index:0;cursor:default;user-select:none;display:block;position:absolute;inset:100% 0 0}.textLayer.selecting .endOfContent{top:0}