:root,:root[data-theme=light]{--bg: #f6f5f1;--fg: #202a32;--muted: #687681;--panel: #eeefec;--surface: #fff;--border: #e2e4e1;--accent-soft: #e8eef3;--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: #f4eddf;--fg: #3e3429;--muted: #786b5b;--panel: #ece2d0;--surface: #fbf7ee;--border: #ded2bd;--accent-soft: #eee2cf;--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: #111b22;--fg: #e9eef0;--muted: #a2b0b7;--panel: #1b2a33;--surface: #17242c;--border: #2b3c46;--accent-soft: #213b49;--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)}body.with-nav{--nav-height: calc(60px + env(safe-area-inset-bottom)) ;padding-bottom:var(--nav-height)}body.with-nav.with-audio-bar{padding-bottom:calc(var(--nav-height) + 64px)}body.with-nav .audio-bar{bottom:var(--nav-height);padding-bottom:0}body.with-nav .transfer-bar{bottom:var(--nav-height);padding-bottom:.25rem}body.with-nav.with-audio-bar .transfer-bar{bottom:calc(var(--nav-height) + 64px)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;height:var(--nav-height);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--bg);border-top:1px solid var(--border)}.bottom-nav button,.bottom-nav button:hover:not(:disabled){flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;border:none;border-radius:0;background:none;color:var(--muted);font-size:.72rem}.bottom-nav button.active{color:var(--accent);font-weight:600}.bottom-nav .tab-icon{display:grid;place-items:center;width:44px;height:28px;border-radius:14px}.bottom-nav button.active:not(.add-tab) .tab-icon{background:color-mix(in srgb,var(--accent) 14%,transparent)}.bottom-nav .add-tab .tab-icon{width:46px;height:32px;border-radius:16px;background:var(--accent);color:var(--accent-fg)}.bottom-nav .add-tab.active .tab-icon svg{transform:rotate(45deg)}.bottom-nav .tab-icon svg{transition:transform .15s}.add-sheet{position:fixed;left:50%;bottom:calc(var(--nav-height, 0px) + .5rem);z-index:41;transform:translate(-50%);width:min(360px,calc(100vw - 1.5rem));display:flex;flex-direction:column;padding:.4rem;background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);animation:sheet-up .15s ease-out}@keyframes sheet-up{0%{opacity:0;transform:translate(-50%,8px)}}.add-sheet button,.add-sheet button:hover:not(:disabled){display:flex;align-items:center;gap:.8rem;padding:.7rem .8rem;border:none;border-radius:10px;background:none;text-align:left;font-size:.95rem}.add-sheet button:hover:not(:disabled),.add-sheet button:focus-visible{background:var(--panel)}.add-sheet .icon{color:var(--accent);flex:none}.toast{position:fixed;left:50%;bottom:calc(var(--nav-height, 0px) + .75rem);z-index:42;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;max-width:min(520px,calc(100vw - 1.5rem));padding:.55rem .6rem .55rem 1rem;background:var(--fg);color:var(--bg);border-radius:10px;box-shadow:var(--shadow);font-size:.9rem}.toast.problem{background:var(--error);color:#fff}.toast button.ghost,.toast button.ghost:hover:not(:disabled){color:inherit;padding:.1rem .4rem}body.with-audio-bar .toast,body.with-audio-bar .add-sheet{bottom:calc(var(--nav-height, 0px) + 64px + .5rem)}.me-account{display:flex;align-items:center;gap:.9rem;padding:1rem;margin-bottom:1rem;background:var(--panel);border-radius:14px}.me-account-text{display:flex;flex-direction:column;min-width:0;flex:1}.me-account-text strong,.me-account-text .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-sync{display:flex;align-items:center;gap:.35rem;margin-top:.2rem;font-size:.85rem;color:var(--muted)}.me-links{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;overflow:hidden}.me-link,.me-link:hover:not(:disabled){display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;border:none;border-bottom:1px solid var(--border);border-radius:0;background:none;text-align:left}.me-link:last-child{border-bottom:none}.me-link .icon{color:var(--accent);flex:none}.me-link-text{display:flex;flex-direction:column;flex:1;min-width:0}.me-link-text .muted{font-size:.85rem}.me-link-arrow{color:var(--muted);font-size:1.3rem}.cover-marks{position:absolute;left:5px;bottom:5px;display:flex;gap:3px;pointer-events:none}.cover-mark{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:#fffffff0;box-shadow:0 1px 3px #00000040;fill:#103b68;color:#103b68;font-size:.72rem;font-weight:700}.cover-mark.priority{background:#103b68;color:#fff}.notes-strip{margin:.35rem 0 .75rem}.notes-strip-row{display:flex;align-items:center;gap:.5rem;min-width:0}.notes-strip-latest,.notes-strip-latest:hover:not(:disabled){display:flex;align-items:center;gap:.4rem;flex:1;min-width:0;padding:.35rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--panel);text-align:left;font-size:.9rem}.notes-strip-latest .icon{color:var(--accent);flex:none}.notes-strip-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-strip-more{flex:none;color:var(--muted);font-size:.8rem}.notes-strip-empty{flex:1}.notes-strip-add{flex:none;border-radius:999px}.note-composer{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.note-composer textarea{width:100%}.note-composer .row{align-items:center;flex-wrap:wrap}.note-where-hint{margin-left:auto}.notes-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.note-item .note-body,.note-item .note-body:hover:not(:disabled){display:flex;flex-direction:column;gap:.25rem;width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);text-align:left}.note-item .note-body:hover:not(:disabled){background:var(--panel)}.note-item .note-head{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.note-item .note-text{white-space:pre-wrap}.note-where{font-size:.78rem;font-weight:600;color:var(--accent)}.book-markers{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.5rem 0}.priority-pick{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem}.quick-note-button{display:inline-flex;align-items:center;gap:.3rem}.quick-note-dialog{width:min(480px,calc(100vw - 1.5rem))}.book-facts{min-width:0}.book-facts{flex:1}.book-facts .notes-strip,.book-facts .book-markers{align-self:stretch}.listening-settings{display:flex;flex-direction:column;gap:.6rem}.listening-settings label{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.listen-finished{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.import-bar{z-index:36}.storage-table{width:100%;border-collapse:collapse;margin-bottom:.5rem}.storage-table th,.storage-table td{padding:.35rem 0;border-bottom:1px solid var(--border);font-weight:400;text-align:left}.storage-table td{text-align:right;white-space:nowrap}.storage-table tr.total th,.storage-table tr.total td{font-weight:600;border-bottom:none}.storage-actions{display:flex;flex-wrap:wrap;gap:.5rem}.storage-buttons{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end}.reading-calendar{max-width:420px;margin:0 0 1.25rem;padding:.9rem;border:1px solid var(--border);border-radius:14px}.streaks{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-bottom:.6rem;font-size:.9rem}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-dow{text-align:center;font-size:.72rem;color:var(--muted)}.calendar-day,.calendar-day:hover:not(:disabled){aspect-ratio:1;padding:0;border:1px solid transparent;border-radius:8px;background:none;font-size:.8rem;color:var(--muted)}.calendar-day.read{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--fg);font-weight:600}.calendar-day.today{border-color:var(--accent)}.calendar-day.selected{background:var(--accent);color:var(--accent-fg)}.event-edit{align-self:flex-start}.event-editor{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.past-read{width:min(480px,calc(100vw - 1.5rem));display:flex;flex-direction:column;gap:.6rem}.past-read-matches{list-style:none;margin:0;padding:0}.past-read-matches button,.past-read-matches button:hover:not(:disabled){width:100%;text-align:left}.timeline{list-style:none;margin:0 0 .5rem;padding:0 0 0 .9rem;border-left:2px solid var(--border)}.timeline-item{position:relative;display:flex;flex-direction:column;padding:.3rem 0}.timeline-item:before{content:"";position:absolute;left:calc(-.9rem - 6px);top:.65rem;width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.timeline-item.finished:before,.timeline-item.started:before{background:var(--accent)}.timeline-date{font-size:.78rem;color:var(--muted)}.timeline-text{font-size:.88rem;color:var(--muted)}.books-of-month{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;margin:0 0 1.25rem}.botm{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:12px;min-width:0}.botm-cover,.botm-cover:hover:not(:disabled){flex:none;width:48px;padding:0;border:none;background:none}.botm-cover .book-cover{width:48px;height:72px;object-fit:cover;border-radius:4px}.botm-cover.empty{display:grid;place-items:center;height:72px;border:1px dashed var(--border);border-radius:4px;color:var(--muted)}.botm-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.botm-month{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;padding:0}.botm-title,.botm-title:hover:not(:disabled){max-width:100%;padding:0;border:none;background:none;font-weight:600;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.getting-started{margin:1rem 0 2rem}.getting-started h2{margin-bottom:.25rem}.gs-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:1rem}.gs-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;border:1px solid var(--border);border-radius:14px}.gs-tile .icon{color:var(--accent)}.gs-tile p{margin:0;flex:1}.gs-tile button{margin-top:.4rem}.goal-ring-track{fill:none;stroke:var(--border);stroke-width:8}.goal-ring-fill{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .4s}.goal-ring-pace{fill:var(--fg)}.goal-ring-text{fill:var(--fg);font-size:1.15rem;font-weight:700}.goal-ring-of{fill:var(--muted);font-size:.75rem;font-weight:500}.year-goal{display:flex;align-items:center;gap:1rem}.year-goal-text{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.year-goal.compact .goal-ring-text{font-size:.9rem}.stats-hero .year-goal{margin-top:1rem;justify-content:center}button.home-goal,button.home-goal:hover:not(:disabled){display:block;width:100%;margin:0 0 1rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:12px;background:none;text-align:left}.goal-form{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.goal-form input{width:8rem}.challenge-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.challenge-head h3{margin:0}.challenge-bar{display:block;height:8px;border-radius:4px;background:var(--border);overflow:hidden;margin-top:.5rem}.challenge-bar>span{display:block;height:100%;background:var(--accent)}.challenge-bar.small-bar{height:6px;margin:.25rem 0;width:100%}.prompts{list-style:none;margin:.5rem 0 0;padding:0}.prompts li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.45rem 0;border-bottom:1px solid var(--border)}.prompt-check{display:inline-grid;place-items:center;width:20px;height:20px;border:1.5px solid var(--border);border-radius:50%;font-size:.75rem;flex:none}.prompts li.done .prompt-check{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.prompt-label{flex:1;min-width:10rem}.prompt-book{display:inline-flex;align-items:center;gap:.35rem;max-width:14rem}.prompt-book .book-cover{width:24px;height:36px;object-fit:cover;border-radius:2px}.prompt-book .book-cover.placeholder{font-size:0}.prompt-picker{flex-basis:100%}.prompt-picker ul{list-style:none;margin:.25rem 0 0;padding:0}.prompt-picker button,.prompt-picker button:hover:not(:disabled){width:100%;text-align:left}.quests,.badges-earned{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.quest{display:flex;gap:.6rem;padding:.7rem;border:1px solid var(--border);border-radius:12px}.quest.done{border-color:var(--accent)}.quest-icon,.badge-icon{font-size:1.4rem}.quest-text{display:flex;flex-direction:column;flex:1}.badges-earned li{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border-radius:999px;background:var(--panel)}.profile-head{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.profile-head h1,.profile-head p{margin:0}.profile-head .avatar,.profile-initial{width:72px;height:72px;border-radius:50%;object-fit:cover;font-size:2rem}.profile-about{white-space:pre-wrap;max-width:40rem}.public-profile section{margin-top:1.5rem}.public-profile h2{display:flex;align-items:center;gap:.75rem}.profile-books{list-style:none;margin:0;padding:0 0 .5rem;display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory}.profile-books li{flex:none;width:110px;display:flex;flex-direction:column;gap:.15rem;scroll-snap-align:start}.profile-books .book-cover{width:110px;height:165px;object-fit:cover;border-radius:6px}.profile-book-title{font-size:.85rem;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.genre-pie{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}.genre-pie svg{width:180px;height:180px;flex:none}.genre-pie path{stroke:var(--bg);stroke-width:1.5;transition:opacity .15s}.genre-pie path.dim{opacity:.3}.pie-key{list-style:none;margin:0;padding:0}.pie-key button,.pie-key button:hover:not(:disabled){display:flex;align-items:center;gap:.5rem;padding:.15rem 0;border:none;background:none}.pie-swatch{width:12px;height:12px;border-radius:3px;flex:none}.brand-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--brand-ink)}.profile-edit .field{display:flex;flex-direction:column;gap:.3rem;margin-top:.75rem}.profile-edit .field textarea{width:100%}.switch-row,.check-row{display:flex;align-items:flex-start;gap:.5rem;margin:.3rem 0}.profile-link{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;word-break:break-all}.ok{color:var(--ok)}.list-editor .row{align-items:center;flex-wrap:wrap}.list-name{flex:1;min-width:10rem;font-weight:600}.list-books,.list-matches{list-style:none;margin:.5rem 0;padding:0}.list-books li{display:flex;align-items:center;gap:.25rem;padding:.25rem 0;border-bottom:1px solid var(--border)}.list-book-title{flex:1;min-width:0}.list-matches button,.list-matches button:hover:not(:disabled){width:100%;text-align:left}.profile-preview{margin-top:1rem}.story-dialog{width:min(640px,calc(100vw - 1.5rem));max-height:calc(100vh - 2rem);display:flex;flex-direction:column;gap:.6rem}.story-tabs{flex-wrap:wrap}.story-body{overflow-y:auto;min-height:8rem}.story-recap{white-space:pre-wrap;line-height:1.6}.story-list{margin:0}.story-list>div{padding:.4rem 0;border-bottom:1px solid var(--border)}.story-list dt{font-weight:600}.story-list dd{margin:.1rem 0 0}.story-chapters{padding-left:1.2rem}.story-chapters p{margin:.2rem 0 .8rem}.book-form{width:min(520px,calc(100vw - 1.5rem))}.book-form form{display:flex;flex-direction:column;gap:.6rem}.book-form label{display:flex;flex-direction:column;gap:.2rem;font-size:.9rem}.book-form .row{flex-wrap:wrap;align-items:flex-end}.link-form .row{flex-wrap:nowrap}.link-form input{flex:1;min-width:0}.welcome{width:min(420px,calc(100vw - 1.5rem));display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1.5rem}.welcome .icon{color:var(--accent)}.welcome h2{margin:.25rem 0 0}.welcome-dots{display:flex;gap:6px;margin:.5rem 0}.welcome-dots span{width:8px;height:8px;border-radius:50%;background:var(--border)}.welcome-dots span.on{background:var(--accent)}.whats-new,.feedback{width:min(520px,calc(100vw - 1.5rem));display:flex;flex-direction:column;gap:.6rem}.whats-new ul{margin:0;padding-left:1.2rem}.feedback form{display:flex;flex-direction:column;gap:.6rem}.get-started{margin-bottom:1rem}.get-started .row{align-items:center}.get-started h2{margin:0}.get-started ul{list-style:none;margin:.5rem 0 0;padding:0}.get-started li{display:flex;align-items:center;gap:.5rem;padding:.3rem 0}.get-started li.done{color:var(--muted);text-decoration:line-through}.get-started li.done .prompt-check{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.tip{display:flex;align-items:center;gap:.75rem;margin:.5rem .75rem;padding:.6rem .8rem;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,var(--bg));font-size:.9rem}.tip span{flex:1}.help-search{width:100%;margin-bottom:.75rem}.help-actions{margin-bottom:1rem;flex-wrap:wrap}.help-section{margin-bottom:1.5rem}.help-section details{border-bottom:1px solid var(--border);padding:.6rem 0}.help-section summary{cursor:pointer;font-weight:600}.help-section details p,.help-section details ul{margin:.4rem 0 0}.help-footer{margin-top:2rem}.report-list{list-style:none;margin:0 0 1.5rem;padding:0}.report-list li{padding:.6rem 0;border-bottom:1px solid var(--border)}.report-list p{margin:.2rem 0 0;white-space:pre-wrap}.report-list pre{white-space:pre-wrap;overflow-wrap:anywhere}.landing{position:relative;left:50%;width:min(1000px,calc(100vw - 2rem));transform:translate(-50%);margin:3rem 0 2rem}.landing h2{font-size:1.5rem}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1.5rem 0;text-align:left}.landing-card{padding:1.1rem;border:1px solid var(--border);border-radius:14px}.landing-card .icon{color:var(--accent)}.landing-card h3{margin:.4rem 0 .25rem;font-size:1.05rem}.landing-card p{margin:0;color:var(--muted);font-size:.92rem}.backup-list{list-style:none;margin:.5rem 0;padding:0}.backup-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--border)}.title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .75rem}.title-row h1{margin-bottom:0}.owned-toggle{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem}.owned-toggle .chip input{margin:0 .3rem 0 0}.owned-toggle .menu{left:0;right:auto;width:min(20rem,85vw)}.hero-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin-top:.75rem}.hero-row .book-markers,.hero-row .book-actions{margin:0;flex-wrap:wrap}.amazon-line{margin:.6rem 0 0;font-size:.9rem}.notes-strip-tag{flex:none;padding:.05rem .45rem;font-size:.75rem}.top-bar{max-width:1080px;margin:0 auto;padding:.6rem 1.25rem 0}.top-brand{font-size:1.05rem;padding:.2rem 0;border:none;background:none;gap:.4rem}.top-brand img{width:22px;height:22px}.top-bar+.page{padding-top:.25rem}.quick-status{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.all-books .add-results{max-height:none}.session-actions{display:inline-flex;gap:.5rem;margin-left:.25rem}.session-note-edit{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.session-note-edit input{flex:1 1 14rem}.progress-form .session-note{flex:1 1 100%}.estimated{align-self:center}.stat-tiles:has(.goal-tile){grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 640px){.stat-tiles:has(.goal-tile){grid-template-columns:repeat(2,minmax(0,1fr))}}button.stat-tile.goal-tile,button.stat-tile.goal-tile:hover:not(:disabled){flex-direction:row;align-items:center;gap:.6rem;text-align:left;background:none;color:inherit;font:inherit;cursor:pointer}button.stat-tile.goal-tile:hover:not(:disabled){border-color:var(--link)}.stat-tile.goal-tile.editing{grid-column:1 / -1}.goal-tile-text{display:flex;flex-direction:column;min-width:0}.goal-ring{flex:none}.goal-ring .goal-ring-track{stroke:color-mix(in srgb,var(--border) 70%,transparent)}.goal-ring .goal-ring-fill{stroke:var(--link)}.goal-ring.reached .goal-ring-fill{stroke:#2e8b57}.goal-ring .goal-ring-pace{stroke:var(--fg);stroke-width:2;stroke-linecap:round;opacity:.55}.goal-ring .goal-ring-text{font-weight:750}.section-head{display:flex;align-items:center;gap:.75rem}.catalog{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.5rem}.catalog-item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:12px}.catalog-text{display:flex;flex-direction:column;flex:1 1 12rem;min-width:0}.count-form,.custom-form{display:flex;flex-direction:column;gap:.6rem;flex:1 1 100%}.custom-form label{display:flex;flex-direction:column;gap:.2rem}.custom-form .row label{flex:1 1 10rem}.count-goal input{width:6rem}.count-buttons button{min-width:3rem}.challenge.counted .challenge-head,.challenge .challenge-head{align-items:flex-start}.challenge.done{border-color:#2e8b57}.challenge.archived{opacity:.7}.public-profile h3{font-size:.85rem;margin:.25rem 0 .4rem;color:var(--muted);font-weight:600}.profile-numbers{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.profile-numbers .stat-tile{flex:1 1 8rem}.profile-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.5rem 1.5rem}.profile-bars{list-style:none;padding:0;margin:0 0 .5rem;display:grid;gap:.3rem}.profile-bars li{display:grid;grid-template-columns:7.5rem 1fr 2.5rem;align-items:center;gap:.5rem;font-size:.9rem}.profile-bar{height:.6rem;border-radius:999px;background:color-mix(in srgb,var(--border) 60%,transparent);overflow:hidden}.profile-bar>span{display:block;height:100%;border-radius:999px;background:var(--link)}.profile-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-authors{margin:0;padding-left:1.2rem;display:grid;gap:.2rem}.profile-picks{display:flex;flex-wrap:wrap;gap:1rem}.profile-botm{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.4rem}@media (max-width: 640px){.profile-botm{grid-template-columns:repeat(6,minmax(0,1fr))}}.profile-botm li{display:flex;flex-direction:column;align-items:center;gap:.2rem}.profile-botm .book-cover,.profile-botm-empty{width:100%;aspect-ratio:2 / 3;border-radius:4px}.profile-botm-empty{display:block;border:1px dashed var(--border)}.profile-challenges{list-style:none;padding:0;margin:0 0 .75rem;display:grid;gap:.5rem}.profile-challenges li{display:flex;gap:.6rem;align-items:flex-start}.profile-challenge-text{display:flex;flex-direction:column;flex:1;gap:.15rem}.profile-log-cal{display:grid;grid-template-columns:repeat(15,1fr);gap:3px;max-width:22rem;margin-bottom:.75rem}.profile-log-cal span{aspect-ratio:1;border-radius:3px;background:color-mix(in srgb,var(--border) 60%,transparent)}.profile-log-cal span.on{background:var(--link)}.profile-log{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.profile-log li{display:grid;grid-template-columns:3.5rem 1fr;gap:.5rem}.profile-log-note{font-style:italic}.show-list{list-style:none;padding:0;margin:.5rem 0 1rem;display:grid;gap:.25rem}.show-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:10px}.show-list li.off{opacity:.65}.show-list .switch-row{flex:1 1 14rem}.show-move{display:inline-flex}.show-sub{flex:1 1 100%;padding-left:1.75rem}.inline-note{margin:.25rem 0 .5rem;padding:.5rem .75rem;border-radius:10px;background:color-mix(in srgb,var(--link) 12%,transparent);font-size:.9rem}.export-import .card{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.export-others{flex-wrap:wrap}.mapper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.6rem 1rem;margin:.5rem 0}.mapper-grid label{display:flex;flex-direction:column;gap:.2rem}.import-plan{padding:.6rem .8rem;border:1px solid var(--border);border-radius:10px;width:100%}.challenge-head>div{flex:1;min-width:0}.botm-mini{display:flex;align-items:flex-start;gap:.5rem;margin-left:auto}button.botm-thumb,button.botm-thumb:hover:not(:disabled){display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:none;background:none;color:inherit}.botm-thumb .book-cover{width:28px;height:42px;object-fit:cover;border-radius:3px;box-shadow:0 1px 3px #00000040}.botm-thumb.open .book-cover{outline:2px solid var(--link);outline-offset:1px}.botm-thumb .book-cover.placeholder,.botm-thumb .book-cover span{font-size:0}.botm-thumb-label{font-size:.62rem;line-height:1;color:var(--muted);white-space:nowrap}.botm-pop{display:flex;flex-direction:column;gap:.25rem;width:min(17rem,80vw);padding:.75rem}.botm-pop-month{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--link)}.continue-listening{padding:.45rem .6rem;gap:.6rem;margin-bottom:1rem}.continue-listening .continue-cover{width:30px}.continue-listening .continue-text{gap:.2rem}.continue-progress{display:flex;align-items:center;gap:.5rem;overflow:visible!important}.continue-progress .progress{flex:1;max-width:260px}.continue-listening .continue-play{width:40px;height:40px}@media (max-width: 560px){.toolbar{flex-wrap:wrap}.toolbar input[type=search]{flex:1 1 100%}}.challenges-strip{display:flex;flex-direction:column;align-items:stretch;gap:.3rem;margin-top:.75rem;text-align:left}button.strip-row,button.strip-row:hover:not(:disabled){display:grid;grid-template-columns:1.5rem minmax(0,1fr) minmax(4rem,30%) 3rem;align-items:center;gap:.5rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:10px;background:none;color:inherit;font:inherit;text-align:left}body{line-height:1.48}button,select{border-radius:11px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}button.primary{box-shadow:0 3px 8px color-mix(in srgb,var(--accent) 18%,transparent)}button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px color-mix(in srgb,var(--accent) 22%,transparent)}input[type=search],input[type=date],input[type=text],input:not([type]),textarea{border-radius:11px;background:var(--surface, var(--bg));transition:border-color .16s ease,box-shadow .16s ease}input:focus,textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--link) 15%,transparent)}.page{max-width:1160px;padding-top:1rem}.top-bar{max-width:1160px;padding-top:.8rem}.top-bar+.page{padding-top:.35rem}.page-header{margin-bottom:1.25rem}.page-header h1,.book-facts h1{letter-spacing:-.035em}.page-header h1{font-size:clamp(1.55rem,3vw,2rem)}.brand{letter-spacing:-.045em}.app-header{padding-bottom:1rem}.toolbar input[type=search]{min-height:46px;padding-inline:1rem;border-color:var(--border);box-shadow:0 2px 8px #192a360a}.shelf{padding:1.1rem 1.15rem 1.25rem;margin-bottom:1.15rem;border:1px solid var(--border);border-radius:18px;background:var(--surface, var(--bg));box-shadow:0 2px 8px #192a3609}.shelf h2{font-size:1.2rem;letter-spacing:-.025em}.book-grid{gap:1.35rem 1.1rem}.book-cover{border-radius:8px;box-shadow:0 3px 9px #101c2629,0 1px 2px #101c261a}.book-card:hover .book-cover{box-shadow:0 8px 18px #101c2633}.book-title{font-weight:620;line-height:1.3}.book-author{color:var(--muted);line-height:1.35}.continue-listening{border:1px solid var(--border);border-radius:15px;background:var(--surface, var(--bg));box-shadow:0 2px 8px #192a360a}.me-account,.card,.panel,.stat-tile{background:var(--surface, var(--bg));border-color:var(--border);box-shadow:0 2px 9px #192a360a}.me-account{background:var(--accent-soft, var(--panel));border-radius:17px}.me-links{border-radius:17px;background:var(--surface, var(--bg));box-shadow:0 2px 9px #192a3609}.me-link:hover:not(:disabled){background:var(--panel)}.dialog,.menu,.add-sheet,.peek{background:var(--surface, var(--bg));border-color:var(--border);box-shadow:0 14px 40px #121f2829}.bottom-nav{background:color-mix(in srgb,var(--surface, var(--bg)) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -5px 20px #13232e0e}.bottom-nav button.active:not(.add-tab) .tab-icon{background:var(--accent-soft, color-mix(in srgb, var(--accent) 14%, transparent))}.bottom-nav .add-tab .tab-icon{box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 28%,transparent)}@media (max-width: 600px){.page{padding:.65rem .8rem 2rem}.top-bar{padding:.65rem .8rem 0}.top-bar+.page{padding-top:.2rem}.shelf{padding:.9rem .8rem 1rem;margin-bottom:.85rem;border-radius:15px}.shelf h2{font-size:1.08rem}.book-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:1rem .8rem}}.strip-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.site-landing{--site-ink: #18364a;--site-teal: #1b6c6a;--site-coral: #d87955;--site-paper: #f7f6f1;--site-line: #e5e6e2;width:min(1180px,100% - 3rem);margin:0 auto;color:var(--fg)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.1rem 0;border-bottom:1px solid var(--site-line)}.site-brand{gap:.55rem;color:var(--site-ink);font-size:1.3rem;text-decoration:none}.site-brand img{width:34px;height:34px}.site-header-nav{display:flex;align-items:center;gap:1.5rem}.site-header-nav>a:not(.sign-in-button),.site-footer a:not(.brand){color:var(--muted);text-decoration:none;font-size:.9rem}.site-header-nav>a:hover,.site-footer a:hover{color:var(--link)}.site-sign-in-button{padding:.55rem .9rem;font-size:.88rem}.site-sign-in-button .g-mark{width:1.2rem;height:1.2rem;font-size:.8rem}.site-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:4rem;min-height:500px;padding:3rem 1.5rem 1.5rem}.site-hero-copy{max-width:650px}.site-eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--site-teal);font-size:.83rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.site-eyebrow .icon{flex:none}.site-hero h1,.site-section-intro h2,.site-feature-copy h3,.site-final-cta h2{color:var(--site-ink);font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:-.045em}.site-hero h1{max-width:12ch;margin:1.15rem 0 1rem;font-size:clamp(3rem,6.1vw,5.4rem);line-height:.99}.site-hero-copy>p{max-width:38rem;margin:0;color:var(--muted);font-size:1.12rem;line-height:1.7}.site-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.15rem;margin-top:1.75rem}.site-hero-button{min-height:48px;padding:.7rem 1.15rem;border-radius:999px}.site-text-link{color:var(--site-ink);font-size:.92rem;font-weight:650;text-decoration:none}.site-text-link span{margin-left:.35rem;color:var(--site-coral)}.site-trust-line{display:flex;align-items:center;gap:.55rem;margin-top:1.5rem;color:var(--muted);font-size:.86rem}.site-trust-line .icon{color:var(--site-teal)}.site-hero-art{position:relative;display:grid;place-items:center;min-height:420px;isolation:isolate;overflow:visible}.hero-effects{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;place-items:center;pointer-events:none}.hero-glow{position:absolute;width:min(90%,440px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 67% 33%,rgb(241 163 111 / .55),transparent 29%),radial-gradient(circle at 36% 63%,rgb(84 186 173 / .6),transparent 37%),radial-gradient(circle,rgb(120 169 194 / .25) 0,transparent 68%);filter:blur(17px)}.hero-orbit{position:absolute;width:95%;aspect-ratio:1;border:1px solid rgb(27 108 106 / .24);border-radius:50%;transform:rotate(-25deg) scaleY(.64)}.hero-orbit-two{width:82%;border-color:#d879554d;transform:rotate(55deg) scaleY(.63)}.hero-phone{position:relative;z-index:1;width:min(315px,76%);aspect-ratio:.735;padding:9px;border:1px solid #53636a;border-radius:37px;background:linear-gradient(145deg,#26373e,#080f14 42%,#1c2a30);box-shadow:0 34px 60px #0e252d47,0 12px 22px #142e3633,inset 1px 1px 1px #ffffff52,inset -2px -2px 4px #00000073;transform:rotate(0);transition:transform .35s ease,box-shadow .35s ease}.hero-phone:hover{transform:translateY(-5px) rotate(0);box-shadow:0 42px 72px #0e252d4d,0 14px 25px #142e3636,inset 1px 1px 1px #ffffff52,inset -2px -2px 4px #00000073}.hero-phone-screen{display:block;width:100%;height:100%;border-radius:29px;object-fit:cover;object-position:center;background:#f6f5f1}.hero-phone-island{position:absolute;z-index:2;top:10px;left:50%;display:grid;place-items:center;width:74px;height:18px;border:1px solid rgb(255 255 255 / .08);border-top:0;border-radius:0 0 12px 12px;background:#101a1f;transform:translate(-50%)}.hero-phone-island i{display:block;width:25px;height:3px;border-radius:999px;background:#34464d}.hero-sparkle{position:absolute;color:var(--site-coral);filter:drop-shadow(0 3px 8px rgb(216 121 85 / .24))}.hero-sparkle-one{top:7%;right:13%;font-size:2.1rem}.hero-sparkle-two{bottom:16%;left:9%;color:var(--site-teal);font-size:2.7rem}.hero-sparkle-three{top:29%;left:7%;color:#799b7f;font-size:1.35rem}.hero-note{position:absolute;z-index:2;right:1%;bottom:2.7rem;display:flex;align-items:center;gap:.55rem;padding:.85rem 1rem;border:1px solid rgb(24 54 74 / .08);border-radius:13px;background:#fffefa;color:var(--site-ink);box-shadow:0 9px 24px #18364a1f;font-size:.82rem;transform:rotate(-3deg)}.hero-note .icon{color:var(--site-coral)}.hero-note i{margin-left:.4rem;color:#aab4b0;font-size:.55rem;font-style:normal}.site-section-intro{padding:4rem 1rem 1.5rem;text-align:center}.site-section-intro h2{margin:.8rem auto .55rem;font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1.08}.site-section-intro>p{margin:0 auto;color:var(--muted);font-size:1rem}.site-feature-list{padding:.5rem 0}.site-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.84fr);align-items:center;gap:clamp(2rem,7vw,6rem);padding:4.2rem 1.5rem;border-bottom:1px solid var(--site-line)}.site-feature:first-child{padding-top:1.5rem}.site-feature:last-child{border-bottom:0}.site-feature.reverse .site-shot{order:2}.site-feature.reverse .site-feature-copy{order:1}.site-shot{overflow:hidden;aspect-ratio:1.34;border:1px solid #dce2df;border-radius:18px;background:#f1f4f1;box-shadow:0 18px 45px #18364a16}.site-shot.has-transform{aspect-ratio:1.16;background:radial-gradient(circle at 17% 79%,rgb(84 186 173 / .2),transparent 35%),radial-gradient(circle at 81% 20%,rgb(241 163 111 / .21),transparent 38%),#f0f4f1}.site-capture-flow{display:grid;grid-template-columns:minmax(0,1.5fr) 2.7rem minmax(0,.76fr);align-items:center;gap:.4rem;width:100%;height:calc(100% - 76px);padding:.65rem .8rem}.site-capture-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:.45rem;min-width:0}.site-capture-source,.site-capture-result{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:.55rem}.site-capture-source img{display:block;width:100%;height:138px;border:2px solid #fff;border-radius:9px;background:#fff;box-shadow:0 8px 18px #18364a2b;object-fit:cover}.site-capture-source:first-child img{height:112px;transform:rotate(-3deg)}.site-capture-web-source img{object-position:top center;transform:rotate(2deg)}.site-capture-source span,.site-capture-result span{color:var(--site-ink);font-size:.66rem;font-weight:650;line-height:1.25;text-align:center}.site-capture-arrow{width:100%;overflow:visible;color:var(--site-teal);filter:drop-shadow(0 2px 4px rgb(27 108 106 / .15))}.site-capture-arrow path{stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.site-capture-result img{display:block;width:100%;height:auto;max-width:230px;padding:4px;border:1px solid #43545b;border-radius:17px;background:#101a1f;box-shadow:0 10px 22px #18364a3b;object-fit:contain}.site-shot.has-screenshot{position:relative;display:grid;place-items:center;height:min(560px,115vw);aspect-ratio:auto;overflow:visible;border:0;background:transparent;box-shadow:none}.site-shot.has-screenshot:before{position:absolute;top:5%;right:10%;bottom:5%;left:10%;border-radius:50%;background:radial-gradient(circle at 30% 38%,rgb(84 186 173 / .36),transparent 38%),radial-gradient(circle at 70% 58%,rgb(241 163 111 / .34),transparent 41%),radial-gradient(circle,rgb(120 169 194 / .22),transparent 70%);content:"";filter:blur(18px)}.site-shot.has-notes-shot:after{position:absolute;top:13%;right:18%;bottom:13%;left:18%;border:1px solid rgb(241 163 111 / .42);border-radius:48% 52% 58% 42%;content:"";transform:rotate(-18deg)}.site-note-orbit,.site-note-float{position:absolute;z-index:2;display:flex;flex-direction:column;border:1px solid rgb(228 234 227 / .92);border-radius:13px;background:#fffefa;box-shadow:0 12px 26px #0e252d33;color:#183d59}.site-note-orbit{top:14%;left:3%;gap:.4rem;padding:.75rem .85rem;transform:rotate(-5deg)}.site-note-orbit>span{color:#d97855;font-size:1.1rem}.site-note-orbit>i{position:absolute;right:-13px;bottom:-14px;width:32px;height:32px;border:1px solid #77b8ae;border-radius:50%;background:#e9f3ed}.site-note-orbit>b{font:650 .74rem/1.35 system-ui,sans-serif}.site-note-float{right:2%;bottom:13%;gap:.3rem;padding:.65rem .8rem;transform:rotate(4deg)}.site-note-float>span{color:#267a79;font:700 .55rem/1.2 system-ui,sans-serif;letter-spacing:.1em}.site-note-float>b{font:650 .72rem/1.3 system-ui,sans-serif}.site-note-float>i{color:#74827f;font: .62rem/1.3 system-ui,sans-serif}.site-shot-image{position:relative;z-index:1;display:block;width:auto;height:min(530px,calc(100% - 1.5rem));max-width:calc(100% - 2rem);padding:5px;border:1px solid #53636a;border-radius:31px;background:linear-gradient(145deg,#26373e,#080f14 42%,#1c2a30);box-shadow:0 26px 52px #0e252d47,0 8px 20px #142e362e,inset 1px 1px 1px #ffffff47;object-fit:contain}.site-profile-screens{position:relative;width:100%;height:100%;isolation:isolate}.site-profile-screens figure{position:absolute;margin:0;padding:7px;border:1px solid rgb(255 255 255 / .8);border-radius:14px;background:#f8f7f2;box-shadow:0 20px 42px #0e252d40}.site-profile-screens img{display:block;width:100%;height:auto;border-radius:8px}.site-profile-main{z-index:1;top:5%;left:3%;width:51%;transform:rotate(-4deg)}.site-profile-stats{z-index:2;top:26%;right:1%;width:45%;transform:rotate(4deg)}.site-profile-screens figcaption{display:flex;align-items:center;gap:.4rem;padding:.5rem .2rem .15rem;color:#183d59;font:650 .69rem/1.25 system-ui,sans-serif}.site-profile-screens figcaption svg{flex:0 0 auto;color:#267a79}.site-profile-badge{position:absolute;z-index:3;right:5%;bottom:7%;padding:.65rem .8rem;border:1px solid rgb(255 255 255 / .8);border-radius:999px;background:#fffefa;box-shadow:0 8px 20px #0e252d33;color:#267a79;font:700 .57rem/1.2 system-ui,sans-serif;letter-spacing:.075em;transform:rotate(-3deg)}.site-shot-chrome{display:flex;align-items:center;gap:.4rem;height:43px;padding:0 .8rem;border-bottom:1px solid #e3e8e5;background:#fbfcf9;color:#82908f}.site-shot-chrome>i{width:7px;height:7px;border-radius:50%;background:#d8dedb}.site-shot-chrome>span{flex:1;margin-left:.5rem;color:#8a9693;font-size:.72rem}.site-shot-empty{height:calc(100% - 76px);background-color:#fffefa;background-image:radial-gradient(#e5ebe6 .7px,transparent .7px);background-position:center;background-size:18px 18px}.site-story-sample{display:flex;flex-direction:column;gap:.38rem;box-sizing:border-box;min-height:0;padding:.7rem clamp(1rem,3.4vw,1.8rem);overflow:hidden;background:radial-gradient(circle at 100% 0%,rgb(84 186 173 / .11),transparent 34%),#fffefa;color:#263b40;font-family:Georgia,Times New Roman,serif}.site-story-heading{display:flex;flex-direction:column;gap:.38rem}.site-story-heading>span{color:#267a79;font:700 .58rem/1.2 system-ui,sans-serif;letter-spacing:.12em}.site-story-heading b{color:#163c58;font-size:clamp(1rem,2.7vw,1.35rem);line-height:1.2}.site-story-sample>p,.site-story-callout p{margin:0;font-size:clamp(.76rem,1.65vw,.87rem);line-height:1.4}.site-story-callout{display:flex;gap:.65rem;padding:.55rem .75rem;border-left:3px solid #e38b67;border-radius:0 10px 10px 0;background:#f3f5ef}.site-story-callout>span{color:#d97855}.site-story-callout b{color:#163c58}.site-story-entities{display:flex;flex-direction:column;flex:0 0 auto;gap:.25rem;margin-top:.05rem}.site-story-entities-label{color:#267a79;font:700 .57rem/1.2 system-ui,sans-serif;letter-spacing:.11em}.site-story-entities>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem .7rem;padding:.32rem .55rem;border:1px solid #e3e9e4;border-radius:9px;background:#ffffffc7;font-family:system-ui,sans-serif}.site-story-entities>div b{color:#183d59;font-size:.74rem}.site-story-entities>div span{overflow:hidden;color:#687a7a;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.site-story-entities>div i{grid-column:2;grid-row:1 / span 2;color:#267a79;font:650 .63rem/1.2 system-ui,sans-serif;white-space:nowrap}.site-story-entities>small{color:#788685;font:.62rem/1.3 system-ui,sans-serif;text-align:right}.site-shot:has(.site-story-sample){position:relative;display:grid;grid-template-rows:43px minmax(0,1fr) 33px;aspect-ratio:1.34;overflow:hidden;border:1px solid #dce2df;border-radius:18px;background:#fffefa;box-shadow:0 18px 45px #18364a16}.site-shot:has(.site-priority-board){display:grid;grid-template-rows:minmax(0,1fr) 33px;aspect-ratio:1.34;border:1px solid #dce2df;border-radius:18px;background:#f1f4f1;box-shadow:0 18px 45px #18364a16}.site-shot:has(.site-filter-overview){display:grid;grid-template-rows:minmax(0,1fr) 38px;aspect-ratio:1.34;border:1px solid #dce2df;border-radius:18px;background:#f1f4f1;box-shadow:0 18px 45px #18364a16}.site-shot:has(.site-settings-float){display:grid;grid-template-rows:minmax(0,1fr) 33px;aspect-ratio:1.34;border:1px solid #dce2df;border-radius:18px;background:#f2f5f1;box-shadow:0 18px 45px #18364a16}.site-shot:has(.site-challenge-mock){display:block;aspect-ratio:1.34;overflow:hidden;border:1px solid #dce2df;border-radius:16px;background:#fff;box-shadow:0 18px 45px #18364a16}.site-challenge-mock{height:100%;color:#253b4c;font-family:system-ui,sans-serif}.challenge-appbar{display:flex;align-items:center;gap:.4rem;height:38px;padding:0 .85rem;border-bottom:1px solid #e6e9e7;background:#fff}.challenge-appbar img{width:21px;height:21px}.challenge-appbar b{color:#153e69;font-size:.72rem}.challenge-appbar span{margin-left:auto;color:#547087;font-size:.66rem}.challenge-mock-content{display:flex;flex-direction:column;gap:.4rem;height:calc(100% - 38px);padding:.7rem clamp(.7rem,2.5vw,1.15rem);overflow:hidden;background:#fff}.challenge-mock-heading{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:.1rem}.challenge-mock-heading b,.challenge-badges-heading b{color:#243b4c;font-size:.92rem;font-weight:750}.challenge-mock-heading small{color:#7b898e;font-size:.57rem}.challenge-mock-row{display:flex;align-items:center;gap:.55rem;min-height:48px;padding:.38rem .55rem;border:1px solid #e0e5e2;border-radius:9px;background:#fff}.challenge-mock-row.done{border-color:#c9e6d7;background:#f5fbf7}.challenge-emoji{flex:0 0 25px;font-size:1.05rem;text-align:center}.challenge-mock-row>div{display:flex;flex:1;flex-direction:column;gap:.14rem;min-width:0}.challenge-mock-row>div b{overflow:hidden;color:#253c4d;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.challenge-mock-row>div small{color:#71828a;font-size:.56rem}.challenge-mock-row>div i{display:block;height:4px;overflow:hidden;border-radius:9px;background:#e9eeeb}.challenge-mock-row>div i span{display:block;height:100%;border-radius:inherit;background:#38a886}.challenge-mock-row>strong{color:#527087;font-size:.66rem}.challenge-mock-row.done>strong{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#dff3e7;color:#258356}.challenge-badges-heading{display:flex;align-items:center;gap:.5rem;margin-top:.15rem}.challenge-badges-heading span{padding:.2rem .45rem;border-radius:99px;background:#edf5ef;color:#34775a;font-size:.53rem;font-weight:700}.challenge-badge-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.challenge-badge-list>div{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;column-gap:.3rem;padding:.38rem .45rem;border:1px solid #e2e7e4;border-radius:9px;background:#fbfcfb}.challenge-badge-list>div>span{grid-row:1 / span 2;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#fff1d1;font-size:.83rem}.challenge-badge-list>div b{overflow:hidden;color:#354c58;font-size:.53rem;text-overflow:ellipsis;white-space:nowrap}.challenge-badge-list>div small{color:#668676;font-size:.48rem}.challenge-badge-list>div.pending{border-style:dashed;background:#f8f9f8}.challenge-badge-list>div.pending>span{background:#eef0ef;filter:grayscale(1);opacity:.62}.challenge-badge-list>div.pending b,.challenge-badge-list>div.pending small{color:#83908b}.site-settings-float{position:relative;isolation:isolate;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 47%,rgb(85 181 168 / .16),transparent 40%),radial-gradient(ellipse at 16% 18%,rgb(241 163 111 / .16),transparent 34%),#fbfcf8}.settings-orbit{position:absolute;z-index:-1;top:50%;left:50%;width:75%;height:66%;border:1px dashed rgb(49 135 133 / .32);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.settings-orbit.orbit-b{width:86%;height:54%;border-color:#d9784552;transform:translate(-50%,-50%) rotate(25deg)}.settings-center{position:absolute;top:50%;left:50%;display:flex;width:clamp(104px,24%,136px);aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgb(255 255 255 / .85);border-radius:50%;background:linear-gradient(145deg,#e1f1e9,#e1eef3);box-shadow:0 12px 28px #20535826;color:#236b70;text-align:center;transform:translate(-50%,-50%)}.settings-center>span{color:#365d64;font:700 .57rem/1.35 system-ui,sans-serif;letter-spacing:.1em}.settings-center>span b{color:#174879}.settings-card{position:absolute;z-index:2;display:flex;align-items:center;gap:.5rem;width:44%;min-height:56px;padding:.55rem .65rem;border:1px solid rgb(220 229 222 / .95);border-radius:13px;background:#fffffff2;box-shadow:0 10px 22px #1c414921;color:#294450}.settings-card>div{display:flex;flex:1;flex-direction:column;gap:.18rem;min-width:0}.settings-card>div b{overflow:hidden;font:700 .68rem/1.2 system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.settings-card>div small{overflow:hidden;color:#778784;font:.57rem/1.25 system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.settings-card>div small strong{color:#267a79}.settings-card-icon{display:grid;flex:0 0 27px;width:27px;height:27px;place-items:center;border-radius:9px;background:#e7f2ee;color:#267a79;font:700 1rem/1 system-ui,sans-serif}.settings-theme{top:8%;left:4%;transform:rotate(-4deg)}.settings-sharing{top:12%;right:4%;transform:rotate(3deg)}.settings-listening{bottom:24%;left:5%;transform:rotate(2deg)}.settings-backup{right:5%;bottom:23%;width:39%;transform:rotate(-3deg)}.settings-theme-dots{display:flex;gap:3px}.settings-theme-dots i{width:9px;height:9px;border:1px solid rgb(30 57 70 / .15);border-radius:50%;background:#faf8ef}.settings-theme-dots i:nth-child(2){background:#dfcda9}.settings-theme-dots i:nth-child(3){background:#26333c}.settings-toggle{display:flex;flex:0 0 29px;justify-content:flex-end;width:29px;padding:2px;border-radius:99px;background:#2b9b84}.settings-toggle i{width:14px;height:14px;border-radius:50%;background:#fff}.settings-tags{position:absolute;z-index:3;bottom:3%;left:18%;display:flex;width:64%;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3rem;padding:.5rem .7rem;border:1px solid #e4ddd0;border-radius:999px;background:#fffaf0;box-shadow:0 8px 18px #4147361f;transform:rotate(-1deg)}.settings-tags>span{width:100%;color:#75817c;font:700 .48rem/1.1 system-ui,sans-serif;letter-spacing:.08em;text-align:center}.settings-tags>i{padding:.2rem .4rem;border-radius:999px;background:#e8f2ed;color:#426b5d;font: .54rem/1.1 system-ui,sans-serif}.settings-tags>i:nth-of-type(2){background:#f7e5d8;color:#8b5f45}.settings-tags>i:nth-of-type(3){background:#e8eafa;color:#565d8d}.settings-sparkle{position:absolute;z-index:1;color:#d97845;font-size:1.2rem}.sparkle-one{top:40%;left:8%}.sparkle-two{top:45%;right:10%;color:#267a79;font-size:1.6rem}.sparkle-three{right:18%;bottom:10%;font-size:.9rem}.site-filter-overview{display:flex;flex-direction:column;gap:.38rem;min-height:0;padding:.4rem clamp(.65rem,2vw,1rem);background:#fff;color:#23394a;font-family:system-ui,sans-serif}.site-filter-appbar{display:flex;align-items:center;gap:.35rem;min-height:23px;padding-bottom:.25rem;border-bottom:1px solid #e7e9e7}.site-filter-appbar img{width:21px;height:21px}.site-filter-appbar b{color:#143d68;font-size:.74rem}.site-filter-appbar>span{margin-left:auto;color:#687c8c;font-size:.63rem}.site-filter-toolbar{display:flex;align-items:center;gap:.4rem}.site-filter-toolbar>div{display:flex;flex:1;align-items:center;gap:.35rem;min-width:0;height:27px;padding:0 .55rem;border:1px solid #e0e4e1;border-radius:8px;color:#8a9696;font-size:.61rem}.site-filter-toolbar>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-filter-toolbar>b{padding:.34rem .5rem;border:1px solid #dfe3e0;border-radius:8px;background:#f6f7f5;color:#234a70;font-size:.63rem}.site-filter-rows{display:flex;flex-direction:column;gap:.24rem}.site-filter-rows>div{display:grid;grid-template-columns:5.1rem minmax(0,1fr);align-items:center;gap:.45rem;min-height:22px}.site-filter-rows>div>b{color:#304756;font:650 .61rem/1.2 system-ui,sans-serif}.site-filter-rows>div>span{display:flex;flex-wrap:wrap;align-items:center;gap:.22rem;min-width:0}.site-filter-rows i,.site-filter-rows em{display:inline-flex;align-items:center;min-height:19px;padding:.12rem .4rem;border:1px solid #d9e0e4;border-radius:999px;background:#fff;color:#304b60;font: .57rem/1.15 system-ui,sans-serif;white-space:nowrap}.site-filter-rows i.filter-active{border-color:#174879;background:#174879;color:#fff}.site-filter-rows em{border-color:transparent;background:transparent;color:#267a79;font-weight:700}.site-filter-nav{display:flex;align-items:center;justify-content:space-around;border-top:1px solid #e6e9e7;background:#fff;color:#6d7f8c;font:.85rem/1 system-ui,sans-serif}.site-filter-nav>span,.site-filter-nav>b{display:flex;flex-direction:column;align-items:center;gap:.12rem;font-weight:500}.site-filter-nav small{font-size:.48rem}.site-filter-nav>b{color:#174879}.site-filter-nav .filter-add{display:grid;width:25px;height:25px;place-content:center;border-radius:50%;background:#174879;color:#fff}.site-filter-nav .filter-add small{color:#6d7f8c}.site-priority-board{display:flex;flex-direction:column;gap:.55rem;min-height:0;padding:.8rem clamp(.8rem,2.6vw,1.3rem);background:radial-gradient(circle at 95% 4%,rgb(241 163 111 / .16),transparent 31%),#fffefa;color:#263b40}.site-priority-heading{display:flex;flex-direction:column;gap:.18rem}.site-priority-heading>span{color:#267a79;font:700 .56rem/1.2 system-ui,sans-serif;letter-spacing:.12em}.site-priority-heading>b{color:#163c58;font:700 1.1rem/1.2 Georgia,Times New Roman,serif}.site-priority-heading>small{color:#6d7b79;font:.66rem/1.3 system-ui,sans-serif}.site-priority-list{display:flex;flex-direction:column;gap:.34rem;min-height:0}.site-priority-book{display:flex;align-items:center;gap:.65rem;min-height:46px;padding:.28rem .5rem;border:1px solid #e5e9e4;border-radius:10px;background:#ffffffde}.site-priority-book.is-next{border-color:#e8b17e;background:linear-gradient(100deg,#fff4e8,#fffefa 75%);box-shadow:0 4px 12px #b570391f}.site-priority-cover{display:flex;flex:0 0 34px;width:34px;height:42px;padding:0;object-fit:cover;border-radius:3px 5px 5px 3px;box-shadow:inset 3px 0 #00000021,1px 2px 3px #18364a2e;text-align:center}.site-priority-cover.placeholder{display:flex;padding:3px;font-size:.4rem;line-height:1.05}.site-priority-info{display:flex;flex:1;flex-direction:column;gap:.08rem;min-width:0}.site-priority-info>b{overflow:hidden;color:#263b40;font:650 .72rem/1.2 system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.site-priority-info>span{overflow:hidden;color:#77827f;font:.62rem/1.2 system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.site-priority-info>i{color:#b86636;font:750 .52rem/1.2 system-ui,sans-serif;letter-spacing:.08em}.site-priority-book>strong{display:grid;flex:0 0 31px;width:31px;height:31px;place-items:center;border-radius:50%;background:#eff2ef;color:#52615f;font:750 .82rem/1 system-ui,sans-serif}.site-priority-book.is-next>strong{background:#d97845;color:#fff;box-shadow:0 3px 7px #b5703940}.site-priority-scale{display:flex;align-items:center;gap:.5rem;margin-top:auto;color:#74817d;font:700 .47rem/1.2 system-ui,sans-serif;letter-spacing:.06em}.site-priority-scale>i{flex:1;height:4px;border-radius:99px;background:linear-gradient(90deg,#c4d4cc,#d97845)}.site-shot:has(.site-drive-illustration){display:grid;grid-template-rows:minmax(0,1fr) 33px;aspect-ratio:1.34;border:1px solid #dce2df;border-radius:18px;background:#f2f5f1;box-shadow:0 18px 45px #18364a16}.site-drive-illustration{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,1.1rem);min-height:0;padding:1rem;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgb(66 133 244 / .11),transparent 48%),#fbfcf9}.site-drive-app{z-index:1;display:flex;flex:0 0 24%;flex-direction:column;align-items:center;gap:.5rem;padding:.8rem .45rem;border:1px solid #e1e7e2;border-radius:15px;background:#fff;box-shadow:0 9px 22px #18364a1a;color:#173b59;text-align:center}.site-drive-app img{width:clamp(34px,7vw,48px);height:auto}.site-drive-app span{font-size:.76rem;font-weight:750}.site-drive-app small{color:#71807e;font-size:.62rem;line-height:1.3}.site-drive-sync{z-index:1;display:flex;align-items:center;gap:.2rem;color:#267a79}.site-drive-sync span{width:5px;height:5px;border-radius:50%;background:#68b6a4}.site-drive-sync b{font-size:1.65rem;font-weight:500}.site-drive-card{z-index:1;display:flex;flex:1 1 auto;flex-direction:column;gap:.65rem;max-width:370px;padding:clamp(.8rem,2vw,1.2rem);border:1px solid #e0e6e1;border-radius:16px;background:#fff;box-shadow:0 14px 30px #18364a21}.site-drive-heading{display:flex;align-items:center;gap:.65rem;padding-bottom:.5rem;border-bottom:1px solid #edf0ed;color:#33454b;font-size:.86rem}.site-drive-heading svg{width:30px;height:27px}.site-drive-file{display:flex;align-items:center;gap:.55rem;min-width:0}.site-drive-file-icon{display:grid;flex:0 0 34px;width:34px;height:38px;place-items:center;border-radius:7px;background:#eaf2ff;color:#4285f4;font-size:1.1rem}.site-drive-file-icon.book{background:#fff2df;color:#d78939}.site-drive-file>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:.2rem;min-width:0}.site-drive-file b{overflow:hidden;color:#33454b;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.site-drive-file small{overflow:hidden;color:#788683;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.site-drive-file i{color:#21835e;font-size:.58rem;font-style:normal;white-space:nowrap}.site-drive-footer{display:flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:.45rem;border-top:1px solid #edf0ed;color:#33765e;font-size:.65rem;font-weight:650}.site-drive-orbit{position:absolute;width:70%;height:76%;border:1px solid rgb(82 161 176 / .2);border-radius:50%;transform:rotate(-15deg)}.site-drive-orbit.orbit-two{width:82%;height:60%;border-color:#f5aa7533;transform:rotate(24deg)}.site-shot-caption{display:flex;align-items:center;justify-content:center;height:33px;color:#87928e;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.site-feature-copy{max-width:440px}.site-feature-icon,.site-final-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:1.1rem;border:1px solid color-mix(in srgb,var(--site-teal) 12%,transparent);border-radius:17px;background:#eaf1ec;color:var(--site-teal)}.site-feature:nth-child(3n+2) .site-feature-icon{background:#f8eee7;color:var(--site-coral)}.site-feature-label{color:var(--site-teal);font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.site-feature-copy h3{margin:.55rem 0 .75rem;font-size:clamp(1.9rem,3.1vw,2.65rem);line-height:1.08}.site-feature-copy>p{margin:0;color:var(--muted);font-size:1rem;line-height:1.75}.site-feature-note{display:flex;align-items:flex-start;gap:.55rem;margin-top:1.15rem;color:var(--site-ink);font-size:.88rem;font-weight:600}.site-feature-note>span{color:var(--site-coral)}.site-final-cta{display:flex;flex-direction:column;align-items:center;margin:2rem 0 1rem;padding:4.2rem 1.5rem;border-radius:28px;background:var(--site-paper);text-align:center}.site-final-icon{width:60px;height:60px;margin-bottom:1.2rem;border-radius:20px}.site-final-cta h2{margin:.6rem 0;font-size:clamp(2.15rem,4.2vw,3.3rem);line-height:1.05}.site-final-cta>p:not(.site-eyebrow){margin:.2rem 0 1.3rem;color:var(--muted)}.site-final-features{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;max-width:850px;margin:.65rem 0 1.4rem}.site-final-features>span{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border:1px solid #e2e8e3;border-radius:999px;background:#fff;color:#294b61;font-size:.82rem;font-weight:650;box-shadow:0 4px 12px #18364a0f}.site-final-features .icon{color:var(--site-teal)}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:2rem 0 2.5rem;color:var(--muted);font-size:.8rem}.site-footer .site-brand{font-size:1rem}.site-footer .site-brand img{width:27px;height:27px}.site-footer-links{display:flex;flex-wrap:wrap;gap:1.1rem}.site-landing .sign-in-error{margin:.8rem 0 0}.native-sign-in{max-width:420px;margin:12vh auto 0;padding:1rem;text-align:center}@media (max-width: 760px){.site-landing{width:min(100% - 2rem,620px)}.site-header{gap:.8rem}.site-header-nav{gap:.85rem}.site-header-nav>a:not(.sign-in-button){display:none}.site-hero{grid-template-columns:1fr;gap:2rem;min-height:auto;padding:4rem 0 3rem}.site-hero h1{max-width:13ch;font-size:clamp(2.8rem,11vw,4.2rem)}.site-hero-art{width:min(100%,470px);min-height:430px;justify-self:center}.hero-phone{width:min(300px,70%)}.site-feature{grid-template-columns:1fr;gap:1.7rem;padding:3rem 0}.site-feature.reverse .site-shot,.site-feature.reverse .site-feature-copy{order:initial}.site-shot{width:100%;aspect-ratio:1.42}.site-shot.has-transform{aspect-ratio:1.05}.site-shot:has(.site-filter-overview){aspect-ratio:.98}.site-shot:has(.site-settings-float){aspect-ratio:1.05}.site-shot:has(.site-challenge-mock){aspect-ratio:.98}.site-feature-copy{max-width:600px}.site-section-intro{padding:3rem .2rem 1rem}.site-final-cta{padding:3.3rem 1rem;border-radius:21px}.site-footer{justify-content:center;text-align:center}.site-footer-links{justify-content:center;width:100%}}@media (max-width: 420px){.site-landing{width:min(100% - 1.25rem,620px)}.site-brand{font-size:1.1rem}.site-brand img{width:29px;height:29px}.site-sign-in-button{padding:.45rem .7rem;font-size:.78rem}.site-hero-art{min-height:370px}.hero-phone{width:min(275px,74%)}.hero-note{right:0}}.challenges-strip>.link{align-self:flex-start}.profile-book-link{display:contents;color:inherit;text-decoration:none}.public-book-hero{display:flex;gap:1.25rem;align-items:flex-start;margin:1rem 0 1.5rem}.public-book-hero .book-cover{width:140px;flex-shrink:0}.public-book-hero h1{margin:0 0 .25rem;font-size:1.6rem;letter-spacing:-.03em}.public-book-cta{margin-top:1rem}a.button-link.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.public-book-description{white-space:pre-line;line-height:1.6}.store-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.public-profile-live{max-width:1220px;margin:0 auto;padding:0 0 2rem}.public-profile-live .profile-head{min-height:118px;margin:0;gap:1rem;border-bottom:1px solid var(--border)}.public-profile-live .profile-head .avatar,.public-profile-live .profile-initial{width:58px;height:58px;font-size:1.6rem}.public-profile-live .profile-head h1{font-size:1.8rem;letter-spacing:-.04em}.public-profile-live .profile-head p{font-size:.8rem}.public-profile-live .profile-about{margin:.8rem 0;max-width:48rem}.profile-live-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--border);margin-bottom:1.5rem}.profile-live-numbers>button,.profile-live-numbers>div{min-height:76px;padding:.75rem 1.2rem;border:0;border-right:1px solid var(--border);background:transparent;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:.25rem;color:inherit}.profile-live-numbers>*:first-child{padding-left:0}.profile-live-numbers>*:last-child{border-right:0}.profile-live-numbers>button{cursor:pointer}.profile-live-numbers>button:hover,.profile-live-numbers>button[aria-expanded=true]{background:var(--panel)}.profile-live-numbers strong{font:400 1.65rem/1 Georgia,serif;letter-spacing:-.04em;color:var(--accent)}.profile-live-numbers span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.profile-live-numbers span i{color:var(--link);font-style:normal}.profile-live-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(18rem,.85fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.profile-live-main,.profile-live-aside{min-width:0;display:grid;align-content:start;gap:1.35rem}.profile-live-main>div,.profile-live-aside>div{min-width:0}.profile-live-main section,.profile-live-aside section{margin:0}.profile-live-main h2,.profile-live-aside h2{font-size:1.3rem;margin:.25rem 0 .8rem;letter-spacing:-.035em}.profile-section-heading{display:flex;align-items:end;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.profile-section-heading h2{margin:.2rem 0 0}.profile-section-heading h3{margin:0;font-size:1.05rem}.profile-section-heading h2 small{display:inline-block;padding:.1rem .45rem;border-radius:1rem;background:var(--panel);font-size:.65rem;vertical-align:middle}.profile-read-all{padding:.2rem 0;border:0;background:none;color:var(--link);font:600 .75rem system-ui,sans-serif;white-space:nowrap;cursor:pointer}.profile-read-all:hover{text-decoration:underline}.profile-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.1rem}.profile-reading-book{min-width:0;display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.65rem;padding:.6rem 0;border-top:1px solid var(--border)}.profile-reading-book>a .book-cover{width:3rem;height:4.4rem;object-fit:cover}.profile-reading-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:.84rem}.profile-reading-book .muted.small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.profile-reading-progress{height:3px;margin-top:.45rem;background:var(--panel);border-radius:4px;overflow:hidden}.profile-reading-progress span{display:block;height:100%;background:var(--link)}.profile-reading-book>div>small{font-size:.68rem}.profile-recent-finished{margin-top:.9rem}.profile-recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .9rem}.profile-recent-book{min-width:0;display:grid;grid-template-columns:2.65rem minmax(0,1fr);gap:.55rem;align-items:center;padding:.55rem 0;border-top:1px solid var(--border)}.profile-recent-book>a .book-cover{width:2.65rem;height:3.9rem;object-fit:cover}.profile-recent-book>div>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;color:inherit}.profile-recent-book>div>.muted.small{display:block;font-size:.67rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-recent-book>div>.muted:not(.small){font-size:.65rem}.profile-recent-book .star-rating{transform:scale(.8);transform-origin:left center;height:1rem}.profile-botm-section .profile-section-heading{align-items:center}.profile-botm-controls{display:flex;gap:.3rem;justify-content:flex-end;margin:-2.4rem 0 .45rem}.profile-botm-controls button{width:1.65rem;height:1.65rem;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--fg);font-size:1.1rem;line-height:1;cursor:pointer}.profile-botm-controls button:hover{background:var(--panel)}.profile-botm{display:flex;gap:.55rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:.15rem .1rem .5rem}.profile-botm li{flex:0 0 4.5rem;scroll-snap-align:start}.profile-botm .book-cover,.profile-botm-empty{width:4.5rem;height:6.75rem;aspect-ratio:auto;object-fit:cover;border-radius:5px}.profile-botm-empty{background:var(--panel)}.profile-botm-year{display:flex;align-items:center;gap:.5rem;margin-left:auto;max-width:45%}.profile-botm-year>.book-cover{width:1.8rem;height:2.7rem;object-fit:cover}.profile-botm-year>span{display:grid;min-width:0}.profile-botm-year small{font-size:.58rem;letter-spacing:.06em;color:var(--muted)}.profile-botm-year strong{max-width:13rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem}.profile-botm-year .star-rating{transform:scale(.7);transform-origin:left center;height:.9rem}.profile-live-aside>div>section{padding:1rem 1.05rem;border:1px solid var(--border);border-radius:12px;background:var(--surface,var(--bg))}.profile-live-aside .genre-pie{gap:.8rem 1rem}.profile-live-aside .genre-pie svg{width:130px;height:130px}.profile-live-aside .pie-key button{font-size:.78rem}.profile-live-aside h3{font-size:.72rem}.profile-live-aside .profile-bars li{grid-template-columns:minmax(5.5rem,auto) minmax(2rem,1fr) 1.8rem;gap:.35rem;font-size:.72rem}.profile-live-aside .profile-bars{gap:.3rem}.profile-live-aside .profile-bar{height:.42rem}.profile-live-aside .profile-authors{font-size:.8rem}.profile-live-aside .profile-picks .profile-books li{width:5rem}.profile-live-aside .profile-picks .profile-books .book-cover{width:5rem;height:7.5rem}.profile-live-lower{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.3rem}.profile-live-lower>div section{margin:0;padding:1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface,var(--bg))}.profile-note-markers{display:flex;gap:.25rem;margin-top:.15rem}.profile-note-markers button{width:1.25rem;height:1.25rem;padding:.12rem;border:0;border-radius:4px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.profile-note-markers button:hover{background:var(--panel);color:var(--link)}.profile-note-markers .icon{display:block;width:14px;height:14px;fill:currentColor;stroke:none}.profile-read-history{margin:0 0 1.5rem;padding:1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface,var(--bg))}.profile-history-heading{display:flex;justify-content:space-between;align-items:center}.profile-history-heading h2{margin:.15rem 0 .7rem;font-size:1.2rem}.profile-history-filters{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem}.profile-history-filters input{flex:1;min-width:8rem}.profile-history-filters select{max-width:10rem}.profile-history-filters>span{font-size:.75rem;color:var(--muted);white-space:nowrap}.profile-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem .8rem;max-height:28rem;overflow:auto}.profile-history-book{min-width:0;display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:.55rem;padding:.55rem 0;border-top:1px solid var(--border)}.profile-history-book>a .book-cover{width:2.75rem;height:4rem;object-fit:cover}.profile-history-book>div>strong,.profile-history-book>div>span,.profile-history-book>div>small{display:block}.profile-history-book>div>strong{font-size:.78rem}.profile-history-book>div>.small{font-size:.67rem}.profile-history-book .star-rating{transform:scale(.75);transform-origin:left center;height:.9rem}.profile-history-book .profile-history-genre{font-size:.65rem;color:var(--muted)}.profile-tooltip-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0008;display:grid;place-items:center;padding:1rem}.profile-tooltip{position:relative;width:min(28rem,100%);padding:1.3rem 1.4rem;border:1px solid var(--border);border-radius:12px;background:var(--surface,var(--bg));box-shadow:var(--shadow)}.profile-tooltip>button{position:absolute;right:.5rem;top:.35rem;font-size:1.3rem}.profile-tooltip>span{display:block;padding-right:1.5rem}.profile-tooltip p{margin:.65rem 0 0;white-space:pre-wrap}@media (max-width:760px){.public-profile-live{padding-bottom:1.25rem}.profile-live-layout{grid-template-columns:1fr;gap:1.25rem}.profile-live-aside{grid-row:2}.profile-live-aside .genre-pie svg{width:155px;height:155px}.profile-live-numbers>button,.profile-live-numbers>div{padding:.65rem .75rem;min-height:68px}.profile-live-numbers>*:first-child{padding-left:0}.profile-live-numbers strong{font-size:1.35rem}.profile-live-numbers span{font-size:.58rem}.profile-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-live-lower{grid-template-columns:1fr}.profile-botm li{flex-basis:4rem}.profile-botm .book-cover,.profile-botm-empty{width:4rem;height:6rem}}@media (max-width:430px){.profile-reading-grid,.profile-recent-grid{grid-template-columns:1fr}.profile-section-heading{align-items:center}.profile-section-heading h2{font-size:1.15rem}.profile-botm-year{max-width:42%}.profile-botm-year strong{max-width:7rem}.profile-history-grid{grid-template-columns:1fr}.profile-history-filters{flex-wrap:wrap}.profile-history-filters input{flex-basis:100%}.profile-history-filters select{flex:1;max-width:none}}.profile-history-refresh{margin:.5rem 0 0;padding:.85rem;background:var(--panel);border-radius:8px;font-size:.84rem}.profile-history-refresh a{color:var(--link);font-weight:600;margin-left:.2rem}