:root,:root[data-theme=light]{--bg: #ffffff;--fg: #1d1d1f;--muted: #6e6e73;--panel: #f4f4f2;--border: #e4e2de;--accent: #103b68;--accent-fg: #ffffff;--brand-ink: #103b68;--link: #1f5fbf;--error: #b3261e;--ok: #2e8b57;--shadow: 0 1px 2px rgb(0 0 0 / .06), 0 4px 16px rgb(0 0 0 / .08)}:root[data-theme=sepia]{--bg: #f6efdf;--fg: #433422;--muted: #7d6a52;--panel: #eee4cc;--border: #ddcfb0;--accent: #7a4e1d;--accent-fg: #fdf8ec;--brand-ink: #103b68;--link: #7a4e1d;--error: #9c2b1c;--ok: #4f7a3a;--shadow: 0 1px 2px rgb(60 40 10 / .08), 0 4px 16px rgb(60 40 10 / .1)}:root[data-theme=dark]{--bg: #18181a;--fg: #e6e6e6;--muted: #9a9aa0;--panel: #242427;--border: #333338;--accent: #27b6e8;--accent-fg: #0b2440;--brand-ink: #ffffff;--link: #8ab4f8;--error: #f2b8b5;--ok: #7fd1a0;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 6px 20px rgb(0 0 0 / .45)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow-x:clip;overscroll-behavior-x:none}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:650;letter-spacing:-.01em}:root,:root[data-theme=light],:root[data-theme=sepia]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}button,select{font:inherit;color:inherit;background:transparent;border:1px solid var(--border);border-radius:8px;padding:.4rem .8rem;cursor:pointer;transition:background .15s,border-color .15s}select{background-color:var(--bg)}select option,select optgroup{background-color:var(--bg);color:var(--fg)}button:hover:not(:disabled),select:hover{background:var(--panel)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:550}button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.12)}button.ghost{border-color:transparent}:focus-visible{outline:2px solid var(--link);outline-offset:2px}.error{color:var(--error)}.row{display:flex;flex-wrap:wrap;gap:.5rem}.row.center{justify-content:center}.page{max-width:1080px;margin:0 auto;padding:.75rem 1.25rem 3rem;min-height:100%}.library.dragging{outline:2px dashed var(--link);outline-offset:-8px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem 0 .75rem}.header-actions{display:flex;align-items:center;gap:.75rem}.page-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.page-header h1{margin:0;font-size:1.4rem}.menu-anchor{position:relative}.menu{position:absolute;right:0;top:calc(100% + .4rem);z-index:30;min-width:13rem;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:.4rem}.account-menu{width:18rem}.menu-items{display:flex;flex-direction:column}.menu-items button{border:none;text-align:left;border-radius:8px;padding:.5rem .65rem}.account-menu .profile{padding:.6rem .65rem .4rem}.account-menu .menu-status{margin:0 .65rem .4rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.profile{display:flex;align-items:center;gap:.75rem}.profile-text{display:flex;flex-direction:column;min-width:0}.profile-text>*{overflow:hidden;text-overflow:ellipsis}.avatar{display:inline-grid;place-items:center;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar.initials{background:var(--accent);color:var(--accent-fg);font-weight:600}.avatar-button{position:relative;display:inline-flex;padding:0;border:none;border-radius:50%}.avatar-button:hover:not(:disabled){background:none;filter:brightness(.95)}.status-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid var(--bg);background:var(--muted)}.status-dot.inline{position:static;display:inline-block;width:8px;height:8px;border:none;margin-right:.45rem;vertical-align:middle}.status-dot.ok{background:var(--ok)}.status-dot.busy{background:var(--link)}.status-dot.problem{background:var(--error)}.menu-status{font-size:.85rem;color:var(--muted)}.menu-status.problem{color:var(--error)}.banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 1rem;padding:.6rem .85rem;border-radius:10px;background:var(--panel);font-size:.9rem}.banner.problem{color:var(--error)}.banner button{flex-shrink:0}.toolbar{display:flex;gap:.5rem;margin:.25rem 0 1.5rem}.toolbar input{flex:1;min-width:0}.toolbar select{max-width:45%}.quick-filters{display:inline-flex;flex-wrap:wrap;gap:.4rem}.chip.toggle{cursor:pointer;border:1px solid var(--border);background:transparent}.chip.toggle:hover:not(:disabled){background:var(--panel)}.chip.toggle.selected,.chip.toggle.selected:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.chip .icon{fill:currentColor}.chip:not(.selected) .icon.review{fill:#b8860b}.chip .count{opacity:.7;font-size:.8em}.heading-link{border:none;padding:0;font:inherit;font-size:inherit;font-weight:inherit}.heading-link:hover:not(:disabled){background:none;color:var(--link)}.heading-link span{color:var(--muted);margin-left:.15rem}.shelf-head h2 .count{font-weight:500;font-size:.9em;color:var(--muted);opacity:1}.shelf-head h2 .link{margin-left:.5rem;font-weight:400}.progress.large{height:6px;margin:0;flex:1;max-width:260px;border-radius:3px}.hero-cover{width:150px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem}.hero-cover .progress{margin:0}.progress-summary{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;font-size:.9rem}.progress-form{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.progress-inputs{display:inline-flex;align-items:center;gap:.4rem}.progress-inputs input{width:5.5rem}input[type=number]{font:inherit;color:inherit;background:var(--panel);border:1px solid transparent;border-radius:8px;padding:.45rem .6rem}input[type=number]:focus{outline:none;border-color:var(--link);background:var(--bg)}.filters{margin-bottom:1.5rem}.filter-group h3{font-size:.85rem;font-weight:600;margin:.9rem 0 .45rem}.filter-group:first-child h3{margin-top:0}.filter-group h3 .muted{font-weight:400;font-size:.8rem}.filter-row{display:flex;flex-wrap:wrap;gap:0 2rem}.filters-toggle.selected{background:var(--panel)}.shelf{margin-bottom:2.25rem}.shelf h2{font-size:1.15rem;margin:0 0 .9rem}.shelf-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.shelf-head h2{display:flex;align-items:center;flex-shrink:0;margin:0;white-space:nowrap}.shelf-tools{display:flex;align-items:center;gap:.5rem;min-width:0;white-space:nowrap}.shelf-tools .sort-control,.shelf-tools .sort-control select{min-width:0}@media (max-width: 600px){.shelf-tools>.link{display:none}}button.link{color:var(--link);font-size:.9rem;padding-inline:.4rem}.sort-control{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem}.sort-control select{border-color:transparent;padding:.3rem .4rem;color:var(--muted)}.sort-dir{border-color:transparent;padding:.3rem .55rem;color:var(--muted);font-size:.95rem;line-height:1}.editions{list-style:none;margin:0;padding:0}.edition{display:flex;align-items:center;gap:.75rem;width:100%;border:none;border-radius:10px;padding:.5rem;text-align:left}.edition.current{background:var(--panel)}.edition-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem;font-size:.85rem}.book-facts .link{padding-left:0;margin-top:-.25rem}.cover-wrap{position:relative;display:block}.book-card{position:relative}.badges{position:absolute;top:6px;right:6px;z-index:1;display:flex;gap:3px;transition:transform .15s}.book-card:hover .badges{transform:translateY(-2px)}.badge,.badge:hover:not(:disabled){display:inline-grid;place-items:center;width:26px;height:26px;padding:0;border:none;border-radius:50%;background:#fffffff0;box-shadow:0 1px 3px #00000040;fill:#103b68}.badge:hover:not(:disabled),.badge[aria-expanded=true]{background:#fff;box-shadow:0 0 0 2px #0b3a7559,0 1px 3px #00000040}.badge.review{fill:#b8860b}.peek{position:fixed;z-index:40;width:min(18rem,calc(100vw - 32px));max-height:min(24rem,calc(100vh - 16px));overflow-y:auto;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:.75rem .9rem;font-size:.9rem;text-align:left;cursor:auto}.peek:focus{outline:none}.peek h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .4rem}.peek p{margin:0 0 .4rem}.peek-text{white-space:pre-wrap;line-height:1.45;overflow-wrap:anywhere}.peek-file{font-weight:550;overflow-wrap:anywhere}.peek-notes{list-style:none;margin:0;padding:0}.peek-notes li+li{border-top:1px solid var(--border);padding-top:.45rem;margin-top:.45rem}.peek-notes .note-date{font-size:.8rem;color:var(--muted);margin-right:.35rem}.peek-notes .peek-text{margin:.2rem 0 0}.peek .link{padding-left:0;margin-top:.2rem}.peek .primary{margin-top:.35rem}.peek-add,.peek-add:hover:not(:disabled){display:block;width:100%;margin-top:.6rem;padding:.4rem;border:1px dashed var(--border);border-radius:8px;background:none;color:var(--link);font-size:.85rem}.peek-add:hover:not(:disabled){background:var(--panel)}.peek-note-form{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}.peek-note-form textarea{width:100%;box-sizing:border-box}.peek-note-form .row{gap:.35rem}.peek .progress-form{gap:.45rem}.peek .progress-inputs input{width:4.5rem}.peek .progress-form .primary{margin-top:0}.peek-done{width:100%;margin-top:.6rem}.progress-button,.progress-button:hover:not(:disabled){display:flex;align-items:center;gap:.4rem;width:100%;margin:-.1rem 0 .3rem;padding:.2rem 0;border:none;border-radius:4px;background:none;color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums}.progress-button .progress{flex:1;height:5px;margin:0}.progress-button:hover:not(:disabled) .progress-label,.progress-button[aria-expanded=true] .progress-label{color:var(--link)}.progress-button:hover:not(:disabled) .progress{outline:2px solid color-mix(in srgb,var(--link) 25%,transparent)}.book-text{margin-top:.1rem}.panel.jumped-to{animation:jumped-to 1.6s ease-out}@keyframes jumped-to{0%{background:var(--panel)}}.empty-state{text-align:center;margin:4rem auto;max-width:28rem}.empty-state h2{margin-bottom:.25rem}.settings{max-width:680px}.card{border:1px solid var(--border);border-radius:14px;padding:1rem 1.25rem 1.25rem;margin-bottom:1rem}.card h2{font-size:1.05rem;margin:0 0 .75rem}.card .muted{line-height:1.45}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:10px;padding:3px;gap:3px}.segmented button{border:none;border-radius:7px}.segmented button.selected{background:var(--panel);font-weight:600}.tag-list h3{font-size:.9rem;margin:1.1rem 0 .45rem}.sign-in{max-width:420px;margin:12vh auto 0;padding:1rem;text-align:center}.brand.sign-in-brand{justify-content:center;font-size:2.4rem}.brand.sign-in-brand img{height:72px;width:72px}.sign-in-lead{font-size:1.1rem;margin:1.25rem 0 1.5rem}.sign-in-button{display:inline-flex;align-items:center;gap:.6rem;font-size:1rem;padding:.6rem 1.2rem}.g-mark{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#fff;color:#4285f4;font-weight:700;font-size:.9rem}.sign-in-note{margin-top:1.5rem;color:var(--muted);font-size:.85rem;line-height:1.5}.reader-loading{position:absolute;inset:40% 0 auto;text-align:center;color:var(--muted)}.notice{background:var(--panel);border-radius:10px;padding:.6rem .85rem}input[type=search],input[type=date],input[type=text],input:not([type]),textarea{font:inherit;color:inherit;background:var(--panel);border:1px solid transparent;border-radius:8px;padding:.45rem .7rem}input:focus,textarea:focus{outline:none;border-color:var(--link);background:var(--bg)}textarea{width:100%;resize:vertical}.muted{color:var(--muted);font-size:.85rem}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border:1px solid transparent;border-radius:999px;background:var(--panel);font-size:.85rem}.chip.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.chip.small{font-size:.75rem;padding:.05rem .45rem}.chip button{border:none;background:none;padding:0;font-size:.75rem;color:inherit;opacity:.8}.tag-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.tag-picker input{min-width:10rem;flex:1;padding:.25rem .5rem}.stars{display:inline-flex;font-size:1.6rem;line-height:1}.stars.read-only{font-size:.95rem}.stars-wrap{display:inline-flex;align-items:center;gap:.5rem}.stars:focus-visible{border-radius:6px}.stars-value{min-width:2.2em;font-size:.9rem;color:var(--muted);font-variant-numeric:tabular-nums}.star,.star:hover:not(:disabled){border:none;padding:0 .05rem;font-size:inherit;background:linear-gradient(90deg,#e8a317 var(--fill, 0%),var(--border) var(--fill, 0%));-webkit-background-clip:text;background-clip:text;color:transparent;border-radius:0}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000059;display:flex;align-items:flex-start;justify-content:center;padding:4vh .75rem}.dialog{width:min(560px,100%);max-height:92vh;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem;box-shadow:0 8px 30px #0000004d}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.add-search{display:flex;gap:.4rem}.add-search input{flex:1;min-width:0}.add-summary{min-height:1.2rem;margin:.5rem 0;color:var(--muted);font-size:.85rem}.add-results{list-style:none;padding:0;margin:0}.add-results li{display:flex;align-items:center;gap:.75rem;padding:.45rem 0;border-bottom:1px solid var(--border)}.book-cover.small{width:42px;flex-shrink:0;font-size:.5rem;padding:.2rem}.add-info{flex:1;min-width:0;display:flex;flex-direction:column}.add-credit{font-size:.75rem;color:var(--muted);margin-top:.75rem}.add-credit a{color:inherit}.tag-list h2{font-size:.95rem;margin:1rem 0 .4rem}.tag-add{display:flex;gap:.4rem;margin-top:.5rem}.book-page{max-width:860px;margin:0 auto;padding:1rem}.book-hero{display:flex;gap:1.5rem;margin-top:.75rem}.book-facts{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;min-width:0}.book-facts>*{margin:0}.book-facts .book-author{font-size:1.05rem;margin-top:-.4rem}.book-facts .book-meta .link{font-size:inherit;padding:0}.book-facts .stars{font-size:1.5rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.panel{border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;min-width:0}.panel.wide{grid-column:1 / -1}.panel h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0}.panel .progress-summary{width:100%;margin:0}.panel textarea{width:100%;box-sizing:border-box}.panel .tag-picker{width:100%}.panel .link{padding-left:0}.panel .chips{gap:.3rem}.price-line{margin:0}.store-links{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:0;font-size:.9rem}.book-description.clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.remove-book{display:block;margin:1.5rem auto .5rem}button.danger{color:var(--error)}@media (max-width: 640px){.detail-grid{grid-template-columns:1fr}.book-facts .status-buttons{display:grid;grid-template-columns:1fr 1fr}}.book-hero .book-cover{width:100%}.book-facts h1{margin:0 0 .3rem;font-size:1.5rem}.book-meta{color:var(--muted);font-size:.85rem}.book-actions{display:flex;gap:.5rem;margin-top:.75rem}.status-buttons{display:flex;flex-wrap:wrap;gap:3px}.status-buttons button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.read-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.5rem}.note-form{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;width:100%}.notes{list-style:none;padding:0;margin:.75rem 0 0}.notes li{border-top:1px solid var(--border);padding:.55rem 0}.note-head{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.note-date{color:var(--muted);font-size:.8rem}.note-delete{margin-left:auto;border:none;background:none;font-size:.75rem;color:var(--muted)}.note-text{margin:.3rem 0 0;white-space:pre-wrap}button.note-text{display:block;width:100%;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:text}.notes li.note-form{padding-top:.55rem}.panel .notes{align-self:stretch}.book-description{white-space:pre-wrap;line-height:1.5;margin:0}@media (max-width: 600px){.hero-cover{width:100px}}.brand{display:flex;align-items:center;gap:.55rem;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.6rem;font-weight:750;letter-spacing:-.035em;line-height:1;color:var(--brand-ink);white-space:nowrap}.brand img{height:40px;width:40px}.empty{color:var(--muted);margin-top:3rem;text-align:center}.book-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:1.5rem 1.1rem}.book-open{display:flex;flex-direction:column;gap:.2rem;width:100%;padding:0;background:none;border:none;border-radius:0;text-align:left}.book-open:hover:not(:disabled){background:none}.book-open .cover-wrap{margin-bottom:.35rem;transition:transform .15s}.book-open .book-cover{transition:box-shadow .15s}.book-card:hover .cover-wrap{transform:translateY(-2px)}.book-card:hover .book-cover{box-shadow:var(--shadow)}.book-cover{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:6px;box-shadow:0 1px 3px #0000002e}.book-cover.placeholder{display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--panel);color:var(--muted);text-align:center;font-weight:600;font-size:.85rem;overflow:hidden;box-shadow:none}.book-title,.book-author{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.book-title{font-weight:600;font-size:.92rem;line-height:1.25;-webkit-line-clamp:2}.book-author{font-size:.82rem;color:var(--muted);-webkit-line-clamp:1}.progress{display:block;height:3px;margin:-.15rem 0 .35rem;border-radius:2px;background:var(--border);overflow:hidden}.progress span{display:block;height:100%;background:var(--link)}@media (max-width: 600px){.page{padding:.5rem 1rem 3rem}.app-header .brand{font-size:1.4rem}.app-header .brand img{height:34px;width:34px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1.25rem .85rem}}.reader{height:100%;display:flex;flex-direction:column;position:relative}.reader-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);flex-wrap:wrap}.reader-title{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-controls{display:flex;align-items:center;gap:.35rem}.font-size{font-size:.85rem;color:var(--muted);min-width:3ch;text-align:center}.toc{position:absolute;top:3.25rem;left:.75rem;z-index:10;width:min(360px,calc(100% - 1.5rem));max-height:70%;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0003}.toc ul{list-style:none;margin:0;padding:.25rem 0}.toc button{display:block;width:100%;text-align:left;border:none;border-radius:0;background:none;padding:.45rem .75rem}.toc button:hover,.toc button.current{background:var(--panel)}.toc button.current{font-weight:600}.reader-main{flex:1;min-height:0;display:flex}.reader-body{position:relative;flex:1;min-width:0;min-height:0;display:flex;align-items:stretch}.search-panel{width:360px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--border);background:var(--bg)}.search-panel[hidden]{display:none}.search-form{display:flex;gap:.4rem;padding:.6rem;border-bottom:1px solid var(--border)}.search-form input{flex:1;min-width:0;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem}.search-summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .75rem;font-size:.8rem;color:var(--muted);min-height:2.2rem}.search-step{display:flex;align-items:center;gap:.4rem}.search-step button{padding:.1rem .55rem}.search-results{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.search-results.stale{opacity:.45}.search-results button{display:block;width:100%;text-align:left;border:none;border-bottom:1px solid var(--border);border-radius:0;background:none;padding:.55rem .75rem;font-size:.85rem;line-height:1.4}.search-results button:hover{background:var(--panel)}.search-results button.active{background:var(--panel);box-shadow:inset 3px 0 0 var(--accent)}.search-chapter{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.15rem}.search-results mark{background:#ffc4008c;color:inherit;border-radius:2px}.preview-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 1rem;padding:.5rem .75rem;font-size:.85rem;background:var(--panel);border-bottom:1px solid var(--border)}.preview-bar.floating{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);z-index:5;width:max-content;max-width:calc(100% - 1.5rem);justify-content:center;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0003}.preview-actions{display:flex;gap:.4rem}@media (max-width: 700px){.reader-main{flex-direction:column}.search-panel{width:auto;height:45%;border-left:none;border-top:1px solid var(--border)}}.viewer{flex:1;min-width:0;max-width:800px;margin:0 auto;padding:1rem 0}.page-turn{width:3rem;flex-shrink:0;border:none;background:none;font-size:2rem;color:var(--muted)}.page-turn:hover{color:var(--fg)}.reader-status{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;padding:.4rem 1rem;font-size:.8rem;color:var(--muted);border-top:1px solid var(--border);min-height:1.8rem}.status-chapter{flex:1;text-align:right}.tts-controls{display:flex;align-items:center;gap:.4rem;min-width:0;font-size:.85rem;color:var(--fg)}.tts-play{min-width:6.5rem;background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.tts-voice{max-width:16rem;text-overflow:ellipsis}.tts-error{font-size:.8rem}@media (max-width: 600px){.tts-controls{width:100%}.tts-voice{flex:1;min-width:0}}.reader-error{padding:2rem;text-align:center}@media (max-width: 600px){.page-turn{width:1.75rem;font-size:1.5rem}}.small{font-size:.82rem}.header-nav{display:flex;gap:.15rem}.page-header .year-picker{margin-left:auto}a.button-link{display:inline-flex;align-items:center;padding:.4rem .8rem;border:1px solid var(--border);border-radius:8px;color:var(--fg);text-decoration:none;white-space:nowrap}a.button-link:hover{background:var(--panel)}.stats-chips{margin:0 0 .75rem}.stats{max-width:960px}.stats-hero{text-align:center;padding:1rem 0 .5rem}.hero-line{margin:0;color:var(--muted)}.hero-number,.hero-number:hover:not(:disabled),.hero-number:disabled{border:none;background:none;padding:0 .25rem;font-size:3.5rem;font-weight:700;line-height:1.1;color:var(--fg);opacity:1;font-variant-numeric:tabular-nums}.hero-number:hover:not(:disabled){color:var(--link)}.hero-number span{font-size:1.4rem;font-weight:600}.stat-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.stat-tile{display:flex;flex-direction:column;gap:.15rem;padding:.75rem;border:1px solid var(--border);border-radius:12px;min-width:0}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.stat-value{font-size:1.4rem;font-weight:650;font-variant-numeric:tabular-nums}.stat-sub{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-section{margin-top:2rem}.stats-section>h2,.chart-card h2{font-size:1rem;margin:0 0 .75rem}.highlight-covers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem}.highlight-covers button,.highlight-covers button:hover:not(:disabled){display:flex;flex-direction:column;gap:.3rem;width:100%;padding:0;border:none;background:none;text-align:left}.highlight-title{font-size:.85rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem}.chart-card{border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem 1rem;min-width:0}.chart-card.wide{grid-column:1 / -1}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.chart-head h2{margin:0}.column-chart{display:flex;align-items:stretch;gap:2px;height:180px;padding-top:1.2rem}.column{flex:1;min-width:0;display:flex;flex-direction:column}.column-hit,.column-hit:hover:not(:disabled),.column-hit:disabled{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0 3px;border:none;border-bottom:1px solid var(--border);border-radius:0;background:none;opacity:1}.column-bar{display:block;min-height:0;background:var(--link);border-radius:4px 4px 0 0;transition:opacity .15s}.column-hit:hover:not(:disabled) .column-bar,.column-hit:focus-visible .column-bar{opacity:.75}.column-hit:hover:not(:disabled){background:var(--panel)}.column-value{font-size:.75rem;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;margin-bottom:2px}.column-label{font-size:.72rem;color:var(--muted);text-align:center;padding-top:.25rem;overflow:hidden;white-space:nowrap}.column-hit[data-tip]:hover:after,.column-hit[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);z-index:5;padding:.3rem .5rem;border-radius:6px;background:var(--fg);color:var(--bg);font-size:.75rem;white-space:nowrap;pointer-events:none}.bar-list{list-style:none;margin:0;padding:0}.bar-list button,.bar-list button:hover:not(:disabled){display:grid;grid-template-columns:minmax(5.5rem,38%) 1fr 2rem;align-items:center;gap:.6rem;width:100%;padding:.3rem .35rem;border:none;border-radius:6px;background:none;text-align:left;font-size:.85rem}.bar-list button:hover:not(:disabled){background:var(--panel)}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:10px}.bar-fill{display:block;height:100%;min-width:4px;background:var(--link);border-radius:0 4px 4px 0}.bar-count{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.wrapups{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.wrapup{border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem}.wrapup h3{margin:0;font-size:1rem}.wrapup header p{margin:.15rem 0 0}.wrapup-best{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin:.5rem 0 0;font-size:.85rem}.wrapup-best .link{padding:0;font-weight:600}.wrapup-best .stars{font-size:.8rem}.wrapup-covers{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.wrapup-covers button,.wrapup-covers button:hover:not(:disabled){display:block;width:46px;padding:0;border:none;background:none}.wrapup-covers .book-cover{border-radius:4px}.wrapup-covers .book-cover.placeholder{font-size:.5rem;padding:.2rem}@media (max-width: 640px){.chart-grid,.stat-tiles{grid-template-columns:1fr}.hero-number,.hero-number:hover:not(:disabled),.hero-number:disabled{font-size:2.8rem}}.shop{max-width:900px}.shop-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.deal-settings{margin-top:.75rem;display:flex;flex-direction:column;gap:.6rem}.deal-settings h2{margin:0}.deal-settings input{width:5rem;margin:0 .25rem}.shop-note{margin:.75rem 0 1rem;line-height:1.45}.deal-count{color:var(--ok)}.shop-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.shop-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.75rem;border:1px solid var(--border);border-radius:12px}.shop-row.is-deal{border-color:var(--ok);box-shadow:inset 4px 0 0 var(--ok)}.shop-row.compact{grid-template-columns:40px minmax(0,1fr) auto;padding:.5rem .75rem}.shop-cover,.shop-cover:hover:not(:disabled){padding:0;border:none;background:none}.shop-cover .book-cover.placeholder{font-size:.55rem;padding:.25rem}.shop-info{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:0}button.shop-title,button.shop-title:hover:not(:disabled){padding:0;font-weight:650;color:var(--fg);text-align:left}.shop-row:not(.compact) button.shop-title{font-size:1.05rem}.shop-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;margin-top:.3rem}.price-now{font-size:1.15rem;font-variant-numeric:tabular-nums}.shop-row.compact .price-now{font-size:1rem}.deal-badges{display:inline-flex;gap:.3rem}.deal-badge{padding:.1rem .5rem;border-radius:999px;background:var(--ok);color:var(--bg);font-size:.75rem;font-weight:650;white-space:nowrap}.deal-badge.lowest{background:none;color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}.shop-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.price-entry{display:flex;gap:.35rem}.price-input{display:inline-flex;align-items:center;gap:.15rem;color:var(--muted)}.price-input input{width:5rem}.shop-row.compact .shop-actions{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end}@media (max-width: 640px){.shop-row,.shop-row.compact{grid-template-columns:48px minmax(0,1fr)}.shop-actions,.shop-row.compact .shop-actions{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}.header-nav .ghost{padding-inline:.5rem}}.header-actions button{white-space:nowrap}@media (max-width: 520px){.app-header{flex-wrap:wrap;gap:.35rem .6rem}.header-actions{display:contents}.app-header .brand{margin-right:auto}.header-nav{order:3;flex:1 1 100%;margin-left:-.5rem}}@media (max-width: 400px){.header-actions{gap:.3rem}.app-header .brand{font-size:1.25rem}}.filter-button.selected{border-color:var(--link);color:var(--link)}.filter-menu{padding:.6rem .75rem .7rem}.filter-menu .quick-filters{display:flex;flex-direction:column;align-items:stretch;gap:.3rem}.filter-menu .chip{justify-content:flex-start}.filter-menu .chip .count{margin-left:auto}.menu-label{margin:0 0 .45rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.filter-menu .link{margin-top:.4rem;padding-left:0}.shop-filters{margin-top:.75rem}.history,.friends{max-width:820px}.history-types{margin:-.75rem 0 1rem}.event-month h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:1.5rem 0 .5rem}.events{list-style:none;margin:0;padding:0}.event{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:.75rem;align-items:start;padding:.6rem 0;border-top:1px solid var(--border)}.event-cover,.event-cover:hover:not(:disabled),.event-cover:disabled{padding:0;border:none;background:none;opacity:1}.event-cover .book-cover{border-radius:4px}.event-cover .book-cover.placeholder{font-size:.45rem;padding:.15rem}.event-body{min-width:0;font-size:.9rem}.event-line{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .5rem;margin:0 0 .1rem}.event-person{display:inline-flex;align-items:center;gap:.35rem;font-weight:650}.event-person img{width:20px;height:20px;border-radius:50%}.event-what{color:var(--muted)}button.event-title,button.event-title:hover:not(:disabled),button.event-title:disabled{padding:0;font-weight:650;color:var(--fg);text-align:left;opacity:1}.event .stars{display:block;font-size:.85rem}.event-text{margin:.3rem 0 0;white-space:pre-wrap;line-height:1.45;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.event .chips{margin-top:.3rem}.event-action{white-space:nowrap;align-self:center}.show-more{display:block;margin:1rem auto}.page-header .header-end{margin-left:auto}.friends-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.friends-tools .card{margin:0;display:flex;flex-direction:column;gap:.5rem}.friends-tools .card h2,.friends-tools .card p{margin:0}.friends-tools .row{flex-wrap:nowrap}.friends-tools input{flex:1;min-width:0}.people,.following{list-style:none;margin:0;padding:0}.person,.person:hover:not(:disabled){display:flex;align-items:center;gap:.6rem;padding:.3rem .4rem;border:none;border-radius:8px;background:none;text-align:left}.person:hover:not(:disabled){background:var(--panel)}.person>span{display:flex;flex-direction:column}.following>li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem 0;border-top:1px solid var(--border)}.friend-reading{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}.friend-reading li{width:44px;display:flex;flex-direction:column;gap:.25rem}.friends .person-head~.stats-section .friend-reading li{width:96px}.friend-reading .book-cover{border-radius:4px}.friend-reading .book-cover.placeholder{font-size:.45rem;padding:.15rem}.friend-reading .progress{margin:0}.friend-reading .small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.person-head{display:flex;align-items:center;gap:1rem}.person-head h2{margin:0}.person-head p{margin:.15rem 0 0}.person-head>:last-child{margin-left:auto}.friends-join h2{margin-top:0}.friend-settings{display:flex;flex-direction:column;gap:.75rem}.friend-settings p{margin:0}.field{display:flex;flex-direction:column;gap:.3rem;max-width:22rem}.friend-settings fieldset{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.friend-settings legend{font-weight:600;margin-bottom:.35rem}.check{display:flex;align-items:center;gap:.5rem}@media (max-width: 640px){.friends-tools{grid-template-columns:1fr}}.listen{max-width:560px}.listen-hero{text-align:center}.listen-cover{width:min(240px,60vw);margin:0 auto 1rem}.listen-cover .book-cover{box-shadow:var(--shadow)}.listen-hero h1{font-size:1.4rem;margin:0 0 .2rem}.listen-hero p{margin:0}.listen-jump{margin:1rem 0 0;text-align:center}.listen-controls{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;margin-top:1.25rem}button.chapter-name,button.chapter-name:hover:not(:disabled){align-self:center;font-weight:650;padding:.25rem .6rem}.listen-seek{width:100%;accent-color:var(--link)}.listen-times{display:flex;justify-content:space-between;margin-top:-.35rem;font-variant-numeric:tabular-nums}.listen-buttons{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:.25rem 0}.listen-buttons button{display:inline-grid;place-items:center;border-radius:50%;width:48px;height:48px;padding:0;color:var(--fg)}.listen-buttons .skip{position:relative;width:56px;height:56px}.listen-buttons .skip span{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;font-weight:700}.listen-buttons button.play,.listen-buttons button.play:hover:not(:disabled){width:72px;height:72px;color:var(--accent-fg)}.listen-book{display:flex;flex-direction:column;align-items:center;gap:.35rem}.listen-book .progress{width:100%;margin:0}.listen-options{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap;margin-top:.5rem}.listen-chapters ol{list-style:none;margin:1rem 0 0;padding:0;border:1px solid var(--border);border-radius:12px;max-height:50vh;overflow-y:auto}.listen-chapters button,.listen-chapters button:hover:not(:disabled){display:flex;justify-content:space-between;gap:1rem;width:100%;border-radius:0;text-align:left;font-variant-numeric:tabular-nums}.listen-chapters li+li button{border-top:1px solid var(--border)}.listen-chapters button.current{font-weight:700;color:var(--link)}.listen-missing h2{margin-top:0}.audio-facts{margin:0;line-height:1.5}.badge.audio{fill:#103b68}body.with-audio-bar{padding-bottom:72px}.audio-bar{position:fixed;left:0;right:0;bottom:0;z-index:35;display:flex;align-items:center;gap:.5rem;height:64px;padding:0 max(.75rem,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(.75rem,env(safe-area-inset-left));background:var(--bg);border-top:1px solid var(--border);box-shadow:0 -2px 12px #00000014}.audio-bar-progress{position:absolute;top:-1px;left:0;height:2px;background:var(--link)}button.audio-bar-open,button.audio-bar-open:hover:not(:disabled){flex:1;min-width:0;display:flex;align-items:center;gap:.6rem;padding:0;border:none;background:none;text-align:left}.audio-bar-cover{width:34px;flex-shrink:0}.audio-bar-cover .book-cover{border-radius:3px}.audio-bar-cover .book-cover.placeholder{font-size:.4rem;padding:.1rem}.audio-bar-text{display:flex;flex-direction:column;min-width:0}.audio-bar-text strong,.audio-bar-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-bar-play{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%}.audio-bar-close{color:var(--muted)}.storage-settings h3{font-size:.95rem;margin:1rem 0 .4rem}.storage-list{list-style:none;margin:0;padding:0}.storage-list li{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.5rem 0;border-top:1px solid var(--border)}.storage-cover,.storage-cover:hover:not(:disabled){padding:0;border:none;background:none}.storage-cover .book-cover.placeholder{font-size:.4rem;padding:.1rem}.storage-text{display:flex;flex-direction:column;min-width:0}button.storage-title,button.storage-title:hover:not(:disabled){padding:0;font-weight:650;color:var(--fg);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-size{font-variant-numeric:tabular-nums;font-weight:600}.audio-files{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin-top:.5rem}.audio-files p{margin:0}.audio-download{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.transfer-progress{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%}.transfer-track{flex:1 1 100%;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.transfer-track span{display:block;height:100%;background:var(--link);transition:width .3s}.transfer-bar{position:fixed;left:0;right:0;bottom:0;z-index:34;display:flex;align-items:center;gap:.5rem;min-height:30px;padding:.25rem max(.75rem,env(safe-area-inset-right)) calc(.25rem + env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:var(--bg);border-top:1px solid var(--border);font-size:.8rem}body.with-audio-bar .transfer-bar{bottom:calc(64px + env(safe-area-inset-bottom))}.transfer-bar-fill{position:absolute;top:-1px;left:0;height:2px;background:var(--link)}.transfer-bar-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-listening{display:flex;align-items:center;gap:.75rem;margin:0 0 1.25rem;padding:.75rem 1rem .75rem .75rem;border:1px solid var(--border);border-radius:12px;background:var(--panel)}button.continue-open,button.continue-open:hover:not(:disabled){flex:1;min-width:0;display:flex;align-items:center;gap:.85rem;padding:0;border:none;background:none;text-align:left;color:inherit}.continue-cover{width:56px;flex-shrink:0}.continue-cover .book-cover{border-radius:4px}.continue-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.continue-text strong,.continue-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-text .progress.large{flex:none;width:100%;max-width:320px;margin:.35rem 0 .15rem}.continue-play{display:inline-grid;place-items:center;flex-shrink:0;width:52px;height:52px;padding:0;border-radius:50%}.capture-start .row{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0 .25rem}.capture-thumb{height:64px;border-radius:4px;margin-right:.6rem;vertical-align:middle}.capture-all{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:8px;background:var(--panel)}.capture-all-label{font-weight:600;margin-right:.25rem}.capture-format{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted)}.capture-count{display:flex;align-items:center;gap:.6rem;margin:.6rem 0 .2rem;color:var(--muted);font-size:.85rem}.capture-list{list-style:none;margin:0;padding:0}.capture-list li{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.capture-list li>input[type=checkbox]{width:1.15rem;height:1.15rem;margin-top:.15rem;flex-shrink:0}.capture-list .book-cover.small{width:36px}.capture-list li.unticked .capture-book>:not(.capture-controls),.capture-list li.unticked .book-cover{opacity:.55}.capture-book{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.capture-title{line-height:1.25;overflow-wrap:anywhere}.capture-author{color:var(--muted);font-size:.85rem}.capture-tag{display:inline-block;margin-left:.4rem;padding:0 .4rem;border-radius:999px;background:var(--panel);color:var(--fg);font-size:.72rem;white-space:nowrap}.capture-tag.unsure{color:var(--error)}.capture-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.35rem}.capture-controls select{font-size:.85rem;padding-top:.2rem;padding-bottom:.2rem}.capture-actions{position:sticky;bottom:-.9rem;display:flex;justify-content:space-between;gap:.5rem;padding:.75rem 0;background:var(--bg)}.owned-check{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;cursor:pointer}.owned-check input{width:1.15rem;height:1.15rem}.owned-formats-label{margin:.6rem 0 .35rem}.capture-note{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;width:100%;margin-top:.4rem}.capture-note textarea{width:100%;font:inherit;font-size:.9rem;resize:vertical}.capture-note-saved{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;width:100%;margin-top:.4rem;padding:.35rem .5rem;border:1px dashed var(--border);border-radius:6px;background:none;color:inherit;font:inherit;font-size:.9rem;text-align:left;cursor:text}.capture-note-text{flex:1 1 100%;white-space:pre-wrap}button.collapse-toggle{display:inline-grid;place-items:center;width:32px;height:32px;margin:0 .15rem 0 -.45rem;padding:0;border:none;border-radius:50%;color:var(--muted)}.collapse-toggle svg{transition:transform .15s ease}.shelf.collapsed .collapse-toggle svg{transform:rotate(-90deg)}.shelf.collapsed .shelf-head{margin-bottom:.25rem}.draft-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.5rem 0 1rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.draft-banner button{margin-left:auto}.delete-account{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}