@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:100 900;src:url(/pitaka/demo/assets/fraunces-latin-ext-opsz-normal-CJcjJNj7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:100 900;src:url(/pitaka/demo/assets/fraunces-latin-opsz-normal-DihXLNYH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata;font-style:normal;font-display:swap;font-weight:200 900;src:url(/pitaka/demo/assets/literata-latin-ext-wght-normal-Bv4O2_rW.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata;font-style:normal;font-display:swap;font-weight:200 900;src:url(/pitaka/demo/assets/literata-latin-wght-normal-DYBJdzCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:200 900;src:url(/pitaka/demo/assets/source-sans-3-latin-ext-wght-normal-C8iNium2.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:200 900;src:url(/pitaka/demo/assets/source-sans-3-latin-wght-normal-BqRLTx4X.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f6f1e7;--surface:#fffcf6;--text:#2a241d;--muted:#6b6152;--border:#e2d8c5;--accent:#9a4a1c;--on-accent:#fffcf6;--danger:#a33a2b;--mark:#f2d8a2;--flash:#d6a03c38;--hl-yellow:#eebe2861;--hl-green:#6eaf5052;--hl-blue:#5091d747;--hl-pink:#e1649147;--rule-neutral:#c9bca4;--accent-strong:#823d15;--hover:#2a241d0f;--backdrop:#00000059;--cover-1:#8a4b2a;--cover-2:#5f6b4a;--cover-3:#4a5d73;--cover-4:#6e4a63;--cover-5:#7f6224;--cover-6:#3f5f5a;--cover-text:#fffcf6;--radius:6px;--content:880px;--font-display:"Fraunces", Georgia, serif;--font-read:"Literata", Georgia, serif;--font-ui:"Source Sans 3", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2.25rem;--text-display:3.5rem;--text-read:1.1875rem;--reader-size:var(--text-read);--reader-leading:var(--leading-read);--reader-measure:34em;--leading-tight:1.2;--leading-ui:1.5;--leading-read:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--control-h:2.5rem;--control-h-sm:2rem;--motion-fast:.12s;--motion-base:.18s;--ease-out:cubic-bezier(.2, 0, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-ui);font-size:16px;line-height:var(--leading-ui);color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-weight:400}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=sepia]){--bg:#1c1814;--surface:#25201a;--text:#ede4d3;--muted:#b0a48f;--border:#3a3228;--accent:#e0995e;--on-accent:#1c1814;--danger:#e07a67;--mark:#e0995e59;--flash:#e0995e29;--hl-yellow:#e6be3c4d;--hl-green:#78be6447;--hl-blue:#64a0e64d;--hl-pink:#eb78a04d;--rule-neutral:#5a4f42;--accent-strong:#eaae7c;--hover:#ede4d314;--backdrop:#0000008c;--cover-1:#63361e;--cover-2:#444d35;--cover-3:#354353;--cover-4:#4f3547;--cover-5:#5b471a;--cover-6:#2d4441;--cover-text:#ede4d3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1c1814;--surface:#25201a;--text:#ede4d3;--muted:#b0a48f;--border:#3a3228;--accent:#e0995e;--on-accent:#1c1814;--danger:#e07a67;--mark:#e0995e59;--flash:#e0995e29;--hl-yellow:#e6be3c4d;--hl-green:#78be6447;--hl-blue:#64a0e64d;--hl-pink:#eb78a04d;--rule-neutral:#5a4f42;--accent-strong:#eaae7c;--hover:#ede4d314;--backdrop:#0000008c;--cover-1:#63361e;--cover-2:#444d35;--cover-3:#354353;--cover-4:#4f3547;--cover-5:#5b471a;--cover-6:#2d4441;--cover-text:#ede4d3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=sepia]{--bg:#efe2c8;--surface:#f6ecd8;--text:#3a2b1c;--muted:#6a563f;--border:#dcc8a3;--accent:#8a3d14;--on-accent:#f6ecd8;--danger:#9a3324;--mark:#e8c98a;--flash:#c88c2840;--hl-yellow:#eebe2861;--hl-green:#6eaf5052;--hl-blue:#5091d747;--hl-pink:#e1649147;--rule-neutral:#c4ab80;--accent-strong:#73320f;--hover:#3a2b1c12;--backdrop:#00000059;--cover-1:#8a4b2a;--cover-2:#5f6b4a;--cover-3:#4a5d73;--cover-4:#6e4a63;--cover-5:#7f6224;--cover-6:#3f5f5a;--cover-text:#fffcf6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);margin:0}h1,h2{font-family:var(--font-display);text-align:left;font-weight:600;line-height:var(--leading-tight)}h1{font-size:var(--text-2xl);margin:0 0 var(--space-5)}h2{font-size:var(--text-xl)}.container{max-width:var(--content);padding:var(--space-12) var(--space-6);margin:0 auto}input:not([type=checkbox]),select,button{min-height:var(--control-h);border-radius:var(--radius);border:1px solid var(--border);padding:var(--space-2) var(--space-4);font-size:var(--text-base);color:var(--text);background-color:var(--surface);font-family:inherit;font-weight:500;transition:border-color .2s,background-color .2s,color .2s}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{cursor:default;opacity:.55}input:not([type=checkbox])::placeholder{color:var(--muted)}input[type=checkbox]{accent-color:var(--accent)}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button-primary{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}button.button-primary:hover:not(:disabled){background-color:var(--accent-strong);border-color:var(--accent-strong)}.button-quiet{color:var(--muted);background:0 0;border-color:#0000}button.button-quiet:hover:not(:disabled){background:var(--hover);color:var(--text);border-color:#0000}.button-danger{color:var(--danger)}button.button-danger:hover:not(:disabled){border-color:var(--danger);background-color:var(--bg)}.button-quiet.button-danger{color:var(--muted)}button.button-quiet.button-danger:hover:not(:disabled){background:var(--hover);color:var(--danger);border-color:#0000}.button-sm{min-height:var(--control-h-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.button-icon{align-items:center;gap:var(--space-2);display:inline-flex}.row{align-items:center;gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.icon{flex-shrink:0}.status-line{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted);min-height:1.5em;margin:0;display:flex}.status-line.status-error{color:var(--danger)}.status-icon{flex-shrink:0;align-items:center;height:1.5em;display:inline-flex}.status-done .status-icon{color:var(--accent)}.status-line>span:last-child{animation:fade-in var(--motion-fast) var(--ease-out)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:block}.toaster{right:var(--space-6);bottom:var(--space-6);z-index:30;gap:var(--space-2);flex-direction:column;max-width:24rem;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);animation:pop-in var(--motion-base) var(--ease-out);display:flex;box-shadow:0 6px 18px #00000026}.toast .status-line{min-height:var(--control-h-sm);padding-top:var(--space-1);flex:1}.toast-actions{flex-shrink:0;display:flex}.skeleton{border-radius:var(--radius);background:var(--border);height:.9em;animation:1.2s ease-in-out infinite skeleton-pulse;display:block}.skeleton-title{width:45%}.skeleton-meta{width:25%}.skeleton-line{width:100%}.skeleton-line:last-child{width:60%}.skeleton-row,.skeleton-row:hover,.skeleton-card,.skeleton-card:hover{cursor:default;background:var(--surface)}.skeleton-card:hover{border-color:var(--border)}.skeleton-card{gap:var(--space-3);flex-direction:column;display:flex}.skeleton-paragraph{gap:var(--space-3);margin:0 0 var(--space-8);flex-direction:column;display:flex}.skeleton-chapter{padding:var(--space-2)}.skeleton-chapter .skeleton-title{width:70%}.results-stale{opacity:.6}.empty-state{text-align:center;padding:var(--space-10) var(--space-4);border:1px dashed var(--border);border-radius:var(--radius);animation:fade-in var(--motion-base) var(--ease-out);flex-direction:column;align-items:center;display:flex}.empty-state-icon{width:56px;height:56px;margin-bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--text-lg);text-align:center;margin:0 0 var(--space-2)}.empty-state-body{font-size:var(--text-sm);color:var(--muted);max-width:32em;margin:0}.empty-state-actions{margin:var(--space-5) 0 0;justify-content:center}.empty-state-or{margin-left:var(--space-4);font-size:var(--text-sm);color:var(--muted)}.empty-state-compact{text-align:left;padding:var(--space-3) 0;border:none;align-items:flex-start}.empty-state-compact .empty-state-actions{margin-top:var(--space-2);justify-content:flex-start}.section-label{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-2);font-weight:600}.demo-banner{background:var(--mark);border-bottom:1px solid var(--border);font-size:var(--text-sm)}.demo-banner p{max-width:var(--content);padding:var(--space-2) var(--space-6);margin:0 auto}.demo-banner a{color:var(--accent);white-space:nowrap;font-weight:600}.app-header{background:var(--surface);border-bottom:1px solid var(--border)}.app-header-inner{max-width:var(--content);height:64px;padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.wordmark{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.app-nav{gap:var(--space-1);align-self:stretch;display:flex}.app-nav button{height:100%;min-height:0;padding:0 var(--space-3);color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;transition:none}.app-nav button:hover{color:var(--text);border-bottom-color:#0000}.app-nav button[aria-current=page]{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.home h1{text-align:center;font-size:var(--text-display);margin-bottom:var(--space-8)}.home-cards{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.home-card{align-items:flex-start;gap:var(--space-1);padding:var(--space-5);text-align:left;flex-direction:column;display:flex}.home-card:disabled{opacity:.5}.home-card-icon{width:44px;height:44px;margin-bottom:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);justify-content:center;align-items:center;display:flex}.home-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.home-card-detail{font-size:var(--text-sm);color:var(--muted);min-height:1.5em;font-weight:400}.home-recent{margin-top:var(--space-10)}.home-recent-list,.book-list,.folder-list{margin:var(--space-4) 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0;list-style:none;overflow:hidden}.home-recent-list{margin:0}.home-recent-list li+li,.book-row+.book-row,.folder-row+.folder-row{border-top:1px solid var(--border)}.home-recent-row{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-4);text-align:left;background:0 0;border:none;border-radius:0;font-weight:400;display:flex;position:relative}.home-recent+.home-recent{margin-top:var(--space-6)}.home-progress{background:var(--border);height:3px;position:absolute;bottom:0;left:0;right:0}.home-recent-text{justify-content:space-between;align-items:baseline;gap:var(--space-4);flex:1;min-width:0;display:flex}.home-recent-more{width:100%;min-height:0;padding:var(--space-2) var(--space-4);background:var(--bg);color:var(--accent);font-weight:600;font-size:var(--text-sm);text-align:left;border:none;border-radius:0;display:block}.home-recent-more:hover{text-decoration:underline}.home-hint{margin:var(--space-8) 0 0;font-size:var(--text-sm);color:var(--muted)}.home-feedback{margin:var(--space-10) 0 0;font-size:var(--text-sm);color:var(--muted)}.home-feedback a{color:var(--accent)}kbd{font-family:var(--font-ui);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);white-space:nowrap;border-bottom-width:2px;line-height:1}.sheet-backdrop{z-index:40;padding:var(--space-4);background:var(--backdrop);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:28rem;max-height:100%;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-y:auto;box-shadow:0 6px 18px #00000026}.sheet h2{margin:0 0 var(--space-5)}.sheet-section+.sheet-section{margin-top:var(--space-5)}.sheet dl{margin:0}.sheet-row{gap:var(--space-4);padding:var(--space-2) 0;grid-template-columns:9rem 1fr;align-items:baseline;display:grid}.sheet-row+.sheet-row{border-top:1px solid var(--border)}.sheet dt{color:var(--muted)}.sheet dd{margin:0}.sheet-actions{margin-top:var(--space-6);justify-content:flex-end;display:flex}@media (width<=600px){.home-cards{grid-template-columns:1fr}}.book-row,.folder-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);cursor:pointer;display:flex}.book-row:hover,.folder-row:hover,.home-recent-row:hover{background:var(--bg)}.book-title{font-family:var(--font-read);font-size:var(--text-md);flex:1}.book-meta{font-size:var(--text-sm);color:var(--muted)}.folder-row-name{flex:1}.cover{aspect-ratio:2/3;object-fit:cover;background:var(--border);border-radius:3px;display:block;box-shadow:0 1px 2px #0000001f}.cover-thumb{flex-shrink:0;width:32px}.cover-card{width:100%}.cover-generated{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--cover-tint);color:var(--cover-text);text-align:center;outline-offset:calc(-1 * var(--space-2));outline:1px solid #fffcf659;flex-direction:column;display:flex;overflow:hidden}.cover-thumb.cover-generated{outline:none;padding:0}.cover-initial{font-family:var(--font-display);font-size:var(--text-base);line-height:1}.cover-title{-webkit-line-clamp:4;font-family:var(--font-display);font-size:var(--text-md);line-height:var(--leading-tight);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cover-author{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:var(--text-sm);overflow:hidden}@media (prefers-color-scheme:dark){.cover{box-shadow:0 0 0 1px var(--border), 0 1px 2px #0000001f}}.book-grid{margin:var(--space-4) 0;gap:var(--space-6) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:0;list-style:none;display:grid}.book-card{gap:var(--space-1);cursor:pointer;flex-direction:column;min-width:0;display:flex}.book-card .cover{margin-bottom:var(--space-1)}.book-card-title{-webkit-line-clamp:2;font-family:var(--font-read);font-size:var(--text-sm);line-height:var(--leading-tight);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-card-meta{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-sm);color:var(--muted);overflow:hidden}.book-card-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.book-card:hover .book-index:not(:disabled),.book-card:focus-within .book-index:not(:disabled),.book-card:hover .book-edit,.book-card:focus-within .book-edit,.book-card:hover .book-remove,.book-card:focus-within .book-remove{opacity:1}.book-card:hover .book-card-title{text-decoration:underline}.book-edit-form{gap:var(--space-2);flex:1;display:flex}.book-edit-title{flex:2;min-width:0}.book-edit-author{flex:1;min-width:0}.book-edit-form-stacked{flex-wrap:wrap}.book-edit-form-stacked .book-edit-title,.book-edit-form-stacked .book-edit-author{flex-basis:100%}.book-edit-form-stacked button{min-width:0;padding:0 var(--space-2);flex:1}@media (width<=600px){.book-edit-form{flex-wrap:wrap}.book-edit-title,.book-edit-author{flex-basis:100%}}.book-index,.book-edit,.book-remove,.folder-passage-remove{opacity:0;transition:opacity .15s}.book-row .book-index+.book-edit,.book-row .book-edit+.book-remove{margin-left:calc(-1 * var(--space-2))}.book-index:disabled{opacity:.55}.book-row:hover .book-index:not(:disabled),.book-row:focus-within .book-index:not(:disabled),.book-row:hover .book-edit,.book-row:focus-within .book-edit,.book-row:hover .book-remove,.book-row:focus-within .book-remove,.folder-passage:hover .folder-passage-remove,.folder-passage:focus-within .folder-passage-remove{opacity:1}.search-field{min-width:200px;color:var(--muted);flex:1;align-items:center;display:flex;position:relative}.search-field svg{pointer-events:none;position:absolute;left:12px}.search-field input{width:100%;padding-left:var(--space-10)}.scope-toggle{margin-top:var(--space-1);display:inline-flex}.scope-toggle button{border-radius:0}.scope-toggle button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.scope-toggle button:last-child{border-radius:0 var(--radius) var(--radius) 0}.scope-toggle button+button{margin-left:-1px}.scope-toggle button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.import-failures{color:var(--muted);font-size:var(--text-sm);max-height:12rem;margin:0 0 var(--space-3);padding-left:var(--space-4);overflow-y:auto}.import-failure-path{color:var(--danger)}.index-coverage,.index-progress{color:var(--muted);font-size:var(--text-sm)}.search-book{text-overflow:ellipsis;cursor:pointer;max-width:16em}.search-mode{align-items:center;gap:var(--space-1);white-space:nowrap;display:flex}.result-count{color:var(--muted);font-size:var(--text-sm);margin:var(--space-2) 0 var(--space-4)}.results,.folder-passages{margin:var(--space-4) 0 0;padding:0;list-style:none}.results li,.folder-passage{margin-bottom:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .2s}.results li:hover,.folder-passage:hover{border-color:var(--accent)}.result-meta{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-1)}.result-meta b{color:var(--text);font-weight:600}.result-snippet,.folder-passage-text{font-family:var(--font-read);line-height:var(--leading-read);font-variant-numeric:oldstyle-nums proportional-nums}.result-snippet mark{background:var(--mark);color:inherit;border-radius:2px;padding:0 .1em}.folder-header{align-items:center;gap:var(--space-2);display:flex}.folder-name{font-size:var(--text-xl);flex:1;margin:0}.folder-rename{gap:var(--space-2);flex:1;display:flex}.folder-rename input{flex:1}.folder-status{margin:var(--space-3) 0 var(--space-4);font-size:var(--text-sm);color:var(--muted)}.folder-passage-meta{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-1);display:flex}.reader{text-align:left;background:var(--bg);display:flex;position:fixed;inset:0}.reader-sidebar{width:272px;padding:var(--space-5) var(--space-4);background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto}.reader-back{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.reader-book{margin:var(--space-5) var(--space-2) 0}.reader-book-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;line-height:var(--leading-tight)}.reader-book-author{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--muted)}.reader-search-book{align-items:center;gap:var(--space-1);margin-top:var(--space-3);color:var(--muted);display:inline-flex}.reader-display{margin-top:var(--space-2);color:var(--muted);display:flex}.reader-display-glyph{font-family:var(--font-read);font-weight:600}.reader-settings{gap:var(--space-3);margin:var(--space-3) calc(-1 * var(--space-2)) 0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:var(--text-sm);animation:pop-in var(--motion-fast) var(--ease-out);flex-direction:column;display:flex}.reader-settings .section-label{margin:0 0 var(--space-1)}.reader-settings .scope-toggle{margin-top:0;display:flex}.reader-settings .scope-toggle button{min-width:0;padding:var(--space-1);flex:1}.reader-settings-themes button{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.reader-settings-swatch{border:1px solid;border-radius:50%;width:10px;height:10px}.reader-settings-size{align-items:center;gap:var(--space-2);display:flex}.reader-settings-size button{width:var(--control-h-sm);padding:0}.reader-settings-size-value{min-width:var(--space-8);text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.reader-settings-reset{align-self:flex-start}.reader-chapter-list{margin:var(--space-4) 0 0;padding:0;list-style:none}.reader-chapter-list button{width:100%;min-height:0;padding:var(--space-2);text-align:left;background:0 0;border:none;font-weight:400;display:block}.reader-chapter-list button:hover{background:var(--bg)}.reader-chapter-list button.active{background:var(--bg);font-weight:600}.reader-content{padding:var(--space-12) var(--space-8) var(--space-12) var(--space-12);padding-left:max(var(--space-12), calc(2.5 * var(--reader-size)));overflow-anchor:none;flex:1;overflow-y:auto}.reader-progress{top:calc(-1 * var(--space-12));z-index:5;height:3px;margin:calc(-1 * var(--space-12)) calc(-1 * var(--space-8)) var(--space-12) calc(-1 * var(--space-12));background:var(--border);position:sticky}.reader-progress-fill,.home-progress-fill{background:var(--accent);height:100%;transition:width .2s;display:block}.reader-progress-label{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--muted)}.reader-text{max-width:var(--reader-measure);font-family:var(--font-read);font-size:var(--reader-size);line-height:var(--reader-leading);font-variant-numeric:oldstyle-nums proportional-nums;margin:0 auto;position:relative}.reader-paragraph{text-wrap:pretty;hanging-punctuation:first allow-end last;border-radius:4px;margin:0 0 1em;transition:background-color 1.5s}.reader-chapter-heading{font-family:var(--font-display);font-size:1.5em;font-weight:600;line-height:var(--leading-tight);text-wrap:balance;margin:0 0 1em}.reader-opening:first-line{letter-spacing:.04em;font-variant-caps:small-caps}.reader-paragraph.flash{background-color:var(--flash)}.reader-block{position:relative}.bookmark-toggle{min-height:0;padding:var(--space-1) var(--space-2);color:var(--muted);opacity:0;background:0 0;border:none;line-height:0;transition:opacity .15s;position:absolute;top:.35em;left:-2.25em}.reader-block:hover .bookmark-toggle,.reader-block:focus-within .bookmark-toggle{opacity:.8}.bookmark-toggle:hover,.bookmark-toggle:focus-visible{opacity:1!important}.bookmark-toggle.bookmarked{opacity:1;color:var(--accent)}.bookmark-toggle.bookmarked .icon{fill:currentColor}.bookmark-popover{z-index:10;min-width:240px;max-width:320px;padding:var(--space-3);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-ui);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);position:absolute;top:2.25em;left:-2.25em;box-shadow:0 6px 18px #00000026}.bookmark-popover-heading{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-1);font-weight:600}.bookmark-popover-folders{margin:0 0 var(--space-2);max-height:240px;padding:0;list-style:none;overflow-y:auto}.bookmark-popover-folders label{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;cursor:pointer;display:flex}.bookmark-popover input:not([type=checkbox]){width:100%;min-height:var(--control-h-sm);padding:var(--space-1) var(--space-2)}.bookmark-popover-error{margin-top:var(--space-1)}.bookmark-popover-error:empty,.selection-toolbar-error:empty{display:none}.reader-error{font-family:var(--font-ui);margin-bottom:var(--space-4)}.hl-yellow{--hl:var(--hl-yellow)}.hl-green{--hl:var(--hl-green)}.hl-blue{--hl:var(--hl-blue)}.hl-pink{--hl:var(--hl-pink)}mark.hl{color:inherit;background:var(--hl);cursor:pointer;border-radius:2px}.swatch{border:1px solid var(--border);background:linear-gradient(var(--hl), var(--hl)), var(--surface);border-radius:50%;width:22px;height:22px;min-height:0;padding:0}.swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.selection-toolbar{z-index:20;align-items:center;gap:var(--space-2);max-width:320px;padding:var(--space-2);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-ui);white-space:nowrap;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 6px 18px #00000026}.selection-toolbar-message{color:var(--muted)}.selection-toolbar-error{white-space:normal;flex-basis:100%}.highlight-popover{z-index:10;gap:var(--space-2);padding:var(--space-2);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-ui);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex;position:absolute;box-shadow:0 6px 18px #00000026}.highlight-popover-row{gap:var(--space-2);display:flex}.note-hint{vertical-align:super;min-height:0;color:var(--accent);-webkit-user-select:none;user-select:none;background:0 0;border:none;margin:0 0 0 .1em;padding:0 .1em;line-height:1;display:inline-block}.note-hint[aria-expanded=true] .icon{fill:currentColor}.note-toggle{min-height:0;padding:var(--space-1) var(--space-2);color:var(--muted);opacity:0;background:0 0;border:none;line-height:0;transition:opacity .15s;position:absolute;top:2em;left:-2.1em}.reader-block:hover .note-toggle,.reader-block:focus-within .note-toggle{opacity:.8}.note-toggle:hover,.note-toggle:focus-visible,.note-toggle[aria-expanded=true]{opacity:1!important}.note-toggle.noted{color:var(--accent)}.note-margin:empty{display:none}.note-margin{flex-direction:column;gap:.6em;margin:-.25em 0 1em;display:flex}.note-card{padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-ui);border:1px solid var(--border);border-left:3px solid var(--rule-neutral);border-radius:var(--radius);background:var(--surface)}.note-card-yellow{border-left-color:#dcaa14e6}.note-card-green{border-left-color:#5aa03ce6}.note-card-blue{border-left-color:#3c7dc8e6}.note-card-pink{border-left-color:#d25082e6}.note-card-body{white-space:pre-wrap;overflow-wrap:anywhere}.note-card textarea{width:100%;padding:var(--space-2);font:inherit;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);resize:vertical}.note-card-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.reader-text.with-margin{max-width:calc(var(--reader-measure) + 24px + 240px)}.with-margin .reader-block{grid-template-columns:minmax(0, var(--reader-measure)) 240px;align-items:start;column-gap:24px;display:grid}.with-margin .note-margin,.with-margin .note-margin:empty{margin:.3em 0 1em;display:flex}.annotated-books{margin-top:var(--space-10)}.annotation-chapter .section-label{margin:var(--space-5) 0 var(--space-2)}.annotation-quote{font-family:var(--font-read);font-variant-numeric:oldstyle-nums proportional-nums;padding-left:var(--space-3);border-left:3px solid var(--rule-neutral)}.annotation-quote.hl-bar-yellow{border-left-color:#dcaa14e6}.annotation-quote.hl-bar-green{border-left-color:#5aa03ce6}.annotation-quote.hl-bar-blue{border-left-color:#3c7dc8e6}.annotation-quote.hl-bar-pink{border-left-color:#d25082e6}.annotation-note{margin-top:var(--space-2);padding-left:calc(var(--space-3) + 3px);white-space:pre-wrap;color:var(--muted)}.books-filter{margin-top:var(--space-4)}.books-filter .search-field{max-width:28em}.books-filter input[type=search]{appearance:none}.books-sort-label{margin-left:var(--space-2);color:var(--muted)}.books-filter .scope-toggle{margin-top:0}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes toolbar-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}to{transform:translate(-50%,calc(-100% - 8px))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-pulse{50%{opacity:.45}}main.container,.reader,.sheet-backdrop{animation:fade-in var(--motion-fast) var(--ease-out)}.sheet{animation:pop-in var(--motion-base) var(--ease-out)}.bookmark-popover,.highlight-popover{transform-origin:0 0;animation:pop-in var(--motion-fast) var(--ease-out)}.selection-toolbar{animation:toolbar-in var(--motion-fast) var(--ease-out)}.note-card{animation:pop-in var(--motion-base) var(--ease-out)}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}