:root{color:#172033;font-synthesis:none;--ink:#172033;--muted:#667085;--paper:#fff;--line:#e3e7ef;--brand:#4f46e5;--accent:#f4b740;--danger:#c2414b;--success:#198754;--warning:#a16207;--surface:#fff;--interactive:#4f46e5;--focus:#818cf8;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;line-height:1.5}button,input,select,textarea{font:inherit}button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:.68rem 1rem;font-weight:650;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button:hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px)}button.secondary,.row-actions button,.button-link.secondary{color:var(--brand);border:1px solid var(--line);background:0 0}.button-link{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.7rem 1rem;text-decoration:none;display:inline-flex}button.danger{color:var(--danger)}button:disabled{cursor:not-allowed;opacity:.55}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.center-card{background:radial-gradient(circle at 10% 10%,#e0e7ff 0,#0000 36%),radial-gradient(circle at 90% 90%,#dff7ef 0,#0000 34%),#f5f7fb;place-items:center;min-height:100vh;padding:clamp(1rem,4vw,3rem);display:grid}.auth-card{background:color-mix(in srgb, var(--paper) 94%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;gap:1.1rem;width:min(100%,430px);padding:clamp(1.5rem,5vw,2.5rem);display:grid;box-shadow:0 24px 70px #18213d14}.auth-card h1,.topbar h1{margin:0}.auth-card label,.add-form>label{gap:.4rem;font-weight:650;display:grid}input,select{background:var(--paper);min-height:44px;color:var(--ink);border:1px solid #cfd5df;border-radius:10px;padding:.65rem .8rem}textarea{resize:vertical;background:var(--paper);width:100%;min-height:96px;color:var(--ink);border:1px solid #cfd5df;border-radius:10px;padding:.65rem .8rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#6366f1;margin:0 0 .25rem;font-size:.72rem;font-weight:800}.error{color:var(--danger)}.app-shell{background:#f5f7fb;grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.mobile-appbar,.mobile-drawer-heading{display:none}.sidebar{border-right:1px solid var(--line);background:#ffffffd9;flex-direction:column;gap:1.75rem;min-width:0;height:100vh;padding:1.5rem 1.1rem;display:flex;position:sticky;top:0;box-shadow:8px 0 30px #1c27420a}.brand{color:var(--brand);letter-spacing:-.02em;padding:0 .5rem;font-size:1.08rem;font-weight:850;text-decoration:none}.sidebar nav{gap:.35rem;display:grid}.sidebar nav button{color:#667085;text-align:left;background:0 0;border-radius:10px;padding:.7rem .8rem}.sidebar nav button:has(.nav-description){gap:.1rem;display:grid}.nav-description{color:#8a94a6;font-size:.72rem;font-weight:450;line-height:1.25}.sidebar nav button.active{color:var(--brand);background:#eef2ff;font-weight:750}.account{border-top:1px solid var(--line);gap:.5rem;margin-top:auto;padding:1rem .5rem 0;display:grid}.account button{color:var(--muted);text-align:left;background:0 0;padding:0}.account span{color:var(--ink);overflow-wrap:anywhere;font-weight:650}.library{width:100%;min-width:0;max-width:1440px;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,5vw,5rem)}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:1rem;padding-bottom:1.75rem;display:flex}.topbar h1{letter-spacing:-.04em;font-size:clamp(1.7rem,3vw,2.3rem)}.top-actions{align-items:center;gap:.75rem;display:flex}.library-controls{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;padding:1rem 0;display:flex}.library-controls label{color:var(--muted);align-items:center;gap:.45rem;font-size:.85rem;display:flex}.library-controls select,.library-controls button{min-height:38px;padding:.45rem .65rem}.view-switcher{gap:.25rem;display:flex}kbd{border:1px solid;border-radius:4px;padding:.1rem .3rem;font-family:ui-monospace,monospace;font-size:.72em}.command-backdrop{z-index:20;background:#0d181480;place-items:start center;padding:min(18vh,9rem) 1rem 1rem;display:grid;position:fixed;inset:0}.command-palette{border:1px solid var(--line);background:var(--paper);border-radius:10px;gap:.5rem;width:min(100%,520px);padding:1rem;display:grid;box-shadow:0 18px 60px #0c1a1452}.command-palette h2{margin:0 0 .5rem}.command-palette button{text-align:left;justify-content:space-between;display:flex}.search input{border-color:#cfd5df;width:min(38vw,360px);box-shadow:0 3px 12px #18213d08}.semantic-toggle{white-space:nowrap;color:var(--muted);align-items:center;gap:.25rem;font-size:.88rem;display:inline-flex}.add-panel{border:1px solid var(--line);background:var(--paper);border-radius:16px;gap:1rem;margin-top:1rem;padding:1rem;display:grid;box-shadow:0 12px 30px #18213d0b}.add-panel h2,.add-panel h3{margin:0}.add-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.add-form>label{align-content:start;gap:.35rem;font-weight:650;display:grid}.add-form small{color:var(--muted);font-weight:400}.add-urls,.add-note,.add-collections,.add-options,.add-submit{grid-column:1/-1}.add-urls textarea{min-height:110px}.add-collections,.add-options{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;gap:.7rem 1.25rem;padding:.85rem;display:flex}.add-collections label,.add-options label{align-items:center;gap:.4rem;display:flex}.add-options label:last-child{margin-left:auto}.add-options input[type=checkbox],.add-collections input[type=checkbox]{min-height:auto}.add-results{border-left:4px solid var(--danger);background:#fff1ef;padding:.85rem}.add-results li{overflow-wrap:anywhere}.destructive-confirmation{border:2px solid var(--danger);background:#fff4f2;border-radius:8px;gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.destructive-confirmation h2,.destructive-confirmation p{margin:0}.destructive-confirmation form{gap:.75rem;display:grid}.destructive-confirmation label{gap:.35rem;font-weight:650;display:grid}.import-panel{border:1px solid var(--line);background:var(--paper);border-radius:16px;margin:1rem 0;padding:clamp(1rem,3vw,1.5rem);box-shadow:0 12px 30px #18213d0b}.settings-panel{border:1px solid var(--line);background:var(--paper);border-radius:16px;gap:1rem;margin-top:1rem;padding:clamp(1rem,3vw,1.5rem);display:grid;box-shadow:0 12px 30px #18213d0b}.manager-panel{gap:1rem;margin-top:1rem;display:grid}.manager-form{border:1px solid var(--line);background:var(--paper);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:.75rem;padding:1rem;display:grid}.manager-form label{gap:.35rem;font-weight:650;display:grid}.manager-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.manager-list li{border:1px solid var(--line);background:var(--paper);border-radius:8px;align-items:center;gap:.75rem;min-width:0;padding:.85rem 1rem;display:flex}.manager-list li>div{flex:1;gap:.2rem;min-width:0;display:grid}.manager-list small{color:var(--muted);overflow-wrap:anywhere}.organizer{border:1px solid var(--line);background:var(--paper);border-radius:8px;gap:1rem;margin-top:1rem;padding:1rem;display:grid}.organizer h2{margin:0}.organizer fieldset{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;gap:.6rem 1rem;padding:.75rem;display:flex}.organizer fieldset label{align-items:center;gap:.35rem;display:inline-flex}.organizer-picker{min-width:0;gap:.65rem!important;display:grid!important}.organizer-picker legend{align-items:center;gap:.5rem;width:100%;font-weight:750;display:flex}.picker-count{color:var(--muted);font-size:.78rem;font-weight:500}.picker-search,.picker-search input{width:100%;min-width:0}.selected-chips{flex-wrap:wrap;gap:.35rem;display:flex}.selected-chips span{color:#4338ca;background:#eef2ff;border-radius:999px;padding:.25rem .55rem;font-size:.8rem;font-weight:650}.picker-options{border:1px solid var(--line);background:#fafbff;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.35rem .75rem;max-height:15rem;padding:.4rem;display:grid;overflow:auto}.picker-options label{overflow-wrap:anywhere;min-width:0}.organizer input[type=checkbox]{min-height:auto}.tag-dot{border-radius:50%;flex:none;width:.8rem;height:.8rem}.settings-panel h2,.settings-panel h3,.settings-panel p{margin:0}.settings-simple .advanced-settings{display:none}.interface-settings{border:1px solid var(--line);background:#f8f9ff;border-radius:14px;padding:1rem}.feature-toggle{min-height:44px;color:var(--ink);align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.feature-toggle input{width:1.15rem;height:1.15rem;min-height:auto;accent-color:var(--brand)}.token-reveal{background:#fff7e4;border:1px solid #caa04f;border-radius:8px;gap:.75rem;padding:1rem;display:grid}.token-reveal code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.token-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.token-list li,.token-list span{justify-content:space-between;align-items:center;gap:1rem;display:flex}.token-list span{flex-direction:column;align-items:flex-start;gap:.2rem}.token-list small{color:var(--muted)}.panel-heading,.panel-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.panel-heading h2,.import-progress h3{margin:0}.upload-form,.preview,.import-progress,.completed-import{gap:1rem;margin-top:1rem;display:grid}.upload-form label,.preview fieldset label{gap:.4rem;display:grid}.preview fieldset{border:1px solid var(--line);border-radius:8px;gap:.75rem;padding:1rem;display:grid}.preview fieldset label.check{align-items:center;display:flex}.preview input[type=checkbox]{min-height:auto}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:.5rem;display:grid}.stat-grid span{color:var(--muted);background:#f0eee8;border-radius:8px;padding:.75rem;display:grid}.stat-grid strong{color:var(--ink);font-size:1.3rem}.notice{border-left:3px solid var(--accent);background:#fff7e4;margin:0;padding:.75rem}.example-table{margin-top:.5rem;overflow:auto}.example-table table{border-collapse:collapse;text-align:left;width:100%}.example-table th,.example-table td{border-bottom:1px solid var(--line);padding:.55rem}.import-progress progress{width:100%}.bookmark-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.bookmark-list li{border:1px solid var(--line);background:var(--paper);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:1rem;padding:1.05rem 1.15rem;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid;box-shadow:0 4px 14px #18213d08}.bookmark-list li:hover{border-color:#c7ccf4;transform:translateY(-1px);box-shadow:0 10px 24px #18213d10}.bookmark-list li.keyboard-active{outline-offset:-3px;outline:3px solid #2f7e6a}.bookmark-list.view-compact li{padding:.7rem .9rem}.bookmark-list.view-compact .bookmark-main p,.bookmark-list.view-compact .capture{display:none}.bookmark-list.view-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem;padding-top:.8rem;display:grid}.bookmark-list.view-cards li{border:1px solid var(--line);background:var(--paper);border-radius:14px;grid-template-columns:auto 1fr;align-items:start;padding:1rem;display:grid}.bookmark-list.view-cards .row-actions{grid-column:1/-1}.bookmark-main h2{letter-spacing:-.015em;overflow-wrap:anywhere;margin:.2rem 0;font-family:ui-serif,Georgia,serif;font-size:1.08rem}.bookmark-main{min-width:0}.title-link{appearance:none;color:var(--ink);font:inherit;text-align:left;text-underline-offset:.2em;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.title-link:hover{text-decoration-color:currentColor}.bookmark-main p{color:var(--muted);margin:0;font-size:.9rem}.capture{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:.68rem}.capture.ready{color:#247158}.capture.failed{color:var(--danger)}.capture-detail{max-width:60ch;color:var(--danger)!important;margin-top:.2rem!important;font-size:.82rem!important}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;max-width:100%;display:flex}.row-actions .button-link,.row-actions button{min-height:36px;font-size:.82rem}.row-actions button{padding:.45rem .65rem}.empty{text-align:center;color:var(--muted);padding:5rem 1rem}pre{white-space:pre-wrap;background:#f0eee8;border-radius:8px;padding:1rem}.reader-view{color:#29271f;background:#f6f0e2;min-height:100vh}.reader-sepia{color:#29271f;background:#f6f0e2}.reader-light,.reader-system{color:#202020;background:#fff}.reader-dark{color:#e8e8e3;--ink:#e8e8e3;--muted:#bbc2be;--line:#444a47;--brand:#8de0c5;--interactive:#8de0c5;--focus:#a7f3d8;--surface:#232725;background:#191b1a}.reader-toolbar{z-index:2;border-bottom:1px solid var(--line);background:inherit;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:1rem;padding:.75rem clamp(1rem,3vw,2rem);display:grid;position:sticky;top:0}.reader-title-group{min-width:0}.reader-title-group h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;overflow:hidden}.reader-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.typography-controls{position:relative}.typography-controls summary{border:1px solid var(--line);min-height:38px;color:var(--brand);cursor:pointer;border-radius:8px;padding:.45rem .65rem;list-style-position:inside}.typography-controls[open]{border:1px solid var(--line);border-radius:8px;gap:.6rem;min-width:230px;padding:.5rem;display:grid}.typography-controls label{gap:.2rem;font-size:.8rem;display:grid}.typography-controls input{min-height:auto}.speech-controls,.reader-find-controls,.toc-controls{align-self:flex-start}.speech-actions{flex-wrap:wrap;gap:.35rem;display:flex}.speech-position,.reader-find p,.toc-controls p{color:var(--muted);margin:0;font-size:.8rem}.speech-network-choice{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.speech-network-choice input{min-height:auto}.reader-find{gap:.5rem;display:grid}.toc-controls ol{gap:.3rem;max-height:45vh;margin:0;padding:0 0 0 1.25rem;display:grid;overflow:auto}.toc-controls li button{text-align:left;text-overflow:ellipsis;width:100%;overflow:hidden}.reader-controls button,.reader-controls select,.reader-controls .button-link{min-height:38px;padding:.45rem .65rem}.reader-progress{color:var(--muted);grid-template-columns:auto minmax(120px,360px);justify-content:center;gap:.75rem;padding:1rem;font-size:.85rem;display:grid}.reader-progress input{min-height:auto}.artifact-health{flex-wrap:wrap;gap:.5rem;margin:.75rem 1.5rem;display:flex}.artifact-health div{border:1px solid var(--line);border-radius:999px;gap:.35rem;padding:.3rem .55rem;display:flex}.artifact-health dt{text-transform:capitalize;font-weight:700}.artifact-health dd{color:var(--muted);margin:0}.reader-status{text-align:center;max-width:720px;margin:4rem auto;padding:0 1.25rem}.reader-columns{grid-template-columns:minmax(0, var(--reader-width,720px)) minmax(260px, 340px);justify-content:center;align-items:start;gap:clamp(1rem,4vw,4rem);padding:0 clamp(1rem,3vw,2rem) 6rem;display:grid}:is(.reader-columns:has(.reader-content:only-child),.reader-columns:has(.pdf-viewer:only-child)){grid-template-columns:minmax(0, var(--reader-width,720px))}.reader-content{max-width:var(--reader-width,720px);font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;line-height:var(--reader-line-height,1.72);overflow-wrap:anywhere;margin:0;padding:2rem 0}.pdf-viewer{width:min(100%, var(--reader-width,920px));box-sizing:border-box;border:1px solid var(--line);background:#fff;border-radius:8px;gap:.75rem;min-height:75vh;margin:0 auto;padding:1rem;display:grid}.pdf-toolbar{color:#29271f;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pdf-canvas-wrap{background:#e7e4dc;justify-content:center;min-height:55vh;padding:.5rem;display:flex;overflow:auto}.pdf-canvas-wrap canvas{align-self:flex-start;max-width:100%;height:auto;box-shadow:0 2px 12px #161a1726}.reader-content p{margin-block:var(--reader-paragraph-spacing,1em)}.annotation-composer{z-index:3;color:#29271f;background:#fff7d6;border:1px solid #c39a3b;border-radius:8px;grid-template-columns:minmax(160px,1fr) auto minmax(220px,1fr) auto;align-items:end;gap:.75rem;max-width:1100px;margin:0 auto;padding:1rem;display:grid;position:sticky;top:72px;box-shadow:0 8px 24px #332b191f}.annotation-composer blockquote{max-height:92px;margin:0;overflow:auto}.annotation-composer label,.annotation-sidebar label{gap:.35rem;display:grid}.annotation-sidebar{border:1px solid var(--line);border-radius:8px;gap:1.5rem;max-height:calc(100vh - 110px);padding:1rem;display:grid;position:sticky;top:92px;overflow:auto}.annotation-sidebar h2,.annotation-sidebar p{margin-top:0}.capture-history{gap:.75rem;display:grid}.capture-history-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.capture-history-list>li{border:1px solid var(--line);border-radius:8px;gap:.45rem;padding:.75rem;display:grid}.capture-history-heading,.capture-history-heading label{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.capture-history-heading input{min-height:auto}.capture-history-list dl{gap:.2rem;margin:0;display:grid}.capture-history-list dl div{grid-template-columns:6rem minmax(0,1fr);gap:.4rem;display:grid}.capture-history-list dt{color:var(--muted)}.capture-history-list dd{overflow-wrap:anywhere;margin:0}.capture-version-actions{flex-wrap:wrap;justify-content:flex-start}.capture-compare{border:1px solid var(--line);border-radius:8px;gap:.5rem;padding:.75rem;display:grid}.capture-compare h3,.capture-compare h4,.capture-compare p{margin:0}.capture-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.capture-compare article{background:color-mix(in srgb, currentColor 5%, transparent);overflow-wrap:anywhere;gap:.3rem;min-width:0;padding:.5rem;display:grid}.hint,.annotation-sidebar small{color:var(--muted)}.highlight-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.highlight-list li{color:#29271f;background:#fffbe9;border-left:4px solid #d6b641;gap:.5rem;padding:.75rem;display:grid}.highlight-list li[data-color=green]{border-left-color:#3b946d}.highlight-list li[data-color=blue]{border-left-color:#4a79c7}.highlight-list li[data-color=pink]{border-left-color:#c95f8c}.highlight-list li[data-color=purple]{border-left-color:#8360bb}.highlight-list blockquote{margin:0;font-family:ui-serif,Georgia,serif}.highlight-list form{gap:.5rem;display:grid}.ai-artifact{border:1px solid var(--line);border-radius:8px;padding:.75rem}.ai-artifact+.ai-artifact{margin-top:.75rem}.bulk-toolbar{z-index:4;border:1px solid var(--line);background:var(--surface,#fff);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex;position:sticky;top:.75rem;box-shadow:0 12px 28px #18213d14}.select-bookmark{align-self:center}.select-bookmark input{width:1.1rem;min-height:1.1rem}.search-snippet{max-width:72ch;color:var(--muted);line-height:1.45}.bookmark-excerpt{-webkit-line-clamp:3;color:var(--text);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bookmark-preview{object-fit:cover;background:var(--line);border-radius:8px;width:min(100%,28rem);max-height:12rem;margin-bottom:.65rem;display:block}.bookmark-metadata{color:var(--muted);text-transform:capitalize;font-size:.86rem}.bookmark-tags{flex-wrap:wrap;gap:.35rem;margin:.45rem 0 0;display:flex}.bookmark-tags span{color:var(--brand);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px;padding:.15rem .45rem;font-size:.8rem}.link-health{margin-top:.35rem;font-size:.86rem}.link-health.healthy,.link-health.restricted{color:var(--success)}.link-health.broken,.link-health.error{color:var(--danger)}.link-health.checking{color:var(--warning)}.load-more{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:1rem;padding:1.25rem 0 2rem;display:flex}.result-count{color:var(--muted);margin:0;font-size:.9rem}.open-original{align-items:center;display:inline-flex}.font-sans .reader-content{font-family:ui-sans-serif,system-ui,sans-serif}.font-accessible .reader-content{letter-spacing:.02em;font-family:Verdana,Tahoma,Arial,sans-serif}.reader-content img,.reader-content video{max-width:100%;height:auto}.reader-content a{color:#4f46e5}.reader-dark .reader-content a{color:#78d0b7}.reader-simple .advanced-reader-control,.reader-simple [data-advanced-reader-control=true]{display:none!important}.reader-toolbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px #18213d0c}.reader-title-group small{color:var(--muted)}.reader-progress{max-width:1000px;margin:0 auto}.reader-progress input[type=range]{accent-color:var(--brand)}.annotation-sidebar,.capture-history-list>li,.capture-compare,.ai-artifact,.pdf-viewer{background:color-mix(in srgb, var(--surface,var(--paper)) 92%, transparent);border-radius:14px;box-shadow:0 8px 24px #18213d0a}.manager-list li,.organizer,.destructive-confirmation,.token-reveal,.add-collections,.add-options,.preview fieldset{border-radius:14px}.manager-list li,.organizer,.destructive-confirmation,.token-reveal{box-shadow:0 8px 24px #18213d0a}a{text-indent:0}.reader-dark button.secondary,.reader-dark .button-link.secondary,.reader-dark .typography-controls summary,.reader-dark select,.reader-dark input,.reader-dark textarea{color:var(--ink);background:var(--surface);border-color:var(--line)}.reader-dark button.secondary:hover,.reader-dark .button-link.secondary:hover,.reader-dark .typography-controls summary:hover{background:#303a36}.reader-content pre,.reader-content table{max-width:100%;overflow:auto}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:.8rem;position:static}.sidebar nav{grid-template-columns:repeat(4,max-content);min-width:0;max-width:100%;overflow-x:auto}.account{display:none}.library{padding:1rem}.topbar{flex-direction:column;align-items:stretch}.top-actions{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.library-controls{justify-content:flex-start}.search,.search input{width:100%;min-width:0}.search{grid-column:1/-1}.add-form{grid-template-columns:1fr}.add-form>*{grid-column:1/-1}.add-options label:last-child{width:100%;margin-left:0}.bookmark-list li{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;display:grid}.bookmark-list li .row-actions{grid-column:1/-1;justify-content:flex-start}.reader-toolbar{grid-template-columns:1fr;position:static}.reader-controls{flex-wrap:wrap}.reader-progress{grid-template-columns:1fr}.reader-columns{grid-template-columns:1fr;padding:0 1rem 4rem}.annotation-sidebar{max-height:none;position:static}.annotation-composer{grid-template-columns:1fr;margin:0 .5rem;position:static}}@media (width<=899px){.app-shell{min-height:100vh;display:block}.mobile-appbar{z-index:8;background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:.75rem;min-height:60px;padding:.65rem 1rem;display:flex;position:sticky;top:0}.mobile-appbar .brand{flex:none;padding:0}.mobile-current-section{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-appbar-actions{gap:.4rem;margin-left:auto;display:flex}.mobile-appbar-actions button{min-height:42px;padding:.45rem .7rem}.sidebar{z-index:10;width:min(88vw,340px);height:100dvh;padding:1rem;transition:transform .16s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:12px 0 30px #16251f26}.sidebar.mobile-open{transform:translate(0)}.sidebar>.brand{display:none}.mobile-drawer-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.mobile-drawer-heading .brand{padding:0}.sidebar nav{grid-template-columns:1fr;gap:.2rem;display:grid;overflow:visible}.sidebar nav button{min-height:44px}.account{display:grid}.drawer-backdrop{z-index:9;background:#0d181480;border-radius:0;width:100%;height:100%;padding:0;position:fixed;inset:0}.library{width:100%;max-width:none;padding:1.25rem clamp(.8rem,4vw,2.5rem) 3rem}.library>*{min-width:0;max-width:100%}.reader-toolbar{grid-template-columns:auto minmax(0,1fr);gap:.6rem;padding:.6rem .8rem}.reader-toolbar>.reader-controls{flex-wrap:nowrap;grid-column:1/-1;justify-content:flex-start;min-width:0;max-height:3rem;padding-bottom:.15rem;overflow:auto hidden}.reader-controls>*{flex:none}.artifact-health{max-height:2.2rem;margin:.5rem .8rem;overflow:hidden}.reader-progress{z-index:2;background:inherit;grid-template-columns:auto minmax(0,1fr);padding:.45rem .8rem;position:sticky;top:60px}.reader-columns{padding-inline:.8rem}.reader-content{padding-top:1rem}.settings-panel,.import-panel,.add-panel,.organizer,.destructive-confirmation{overflow-wrap:anywhere;min-width:0;max-width:100%}.manager-form,.add-form{grid-template-columns:1fr}.manager-form>*,.add-form>*{grid-column:1/-1;min-width:0}}@media (prefers-color-scheme:dark){.reader-system{color:#e8e8e3;--ink:#e8e8e3;--muted:#bbc2be;--line:#444a47;--brand:#8de0c5;--interactive:#8de0c5;--focus:#a7f3d8;--surface:#232725;background:#191b1a}.reader-system .reader-content a{color:#78d0b7}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
