.page-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.head-main{min-width:0;flex:1 1 12rem}.head-actions{display:flex;flex-wrap:wrap;gap:.5rem;flex:none;max-width:100%}.eyebrow{margin:0 0 .25rem;font-family:var(--font-ui);font-size:var(--type-body);font-weight:600;letter-spacing:normal;text-transform:none;color:var(--muted)}.rename{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.rename .input-title{flex:1;min-width:10rem}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.75rem}.toolbar select{width:auto;min-width:9rem}.search-wrap{position:relative;flex:1;min-width:12rem}.search-wrap .search-ico{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-wrap .search{padding-left:2rem}.search-wrap.big .search{padding:.75rem .75rem .75rem 2.5rem;font-size:var(--type-card)}.search-wrap.big .search-ico{left:.8rem}.sort-group{display:flex;align-items:stretch;gap:0}.sort-group select{width:auto;min-width:9rem;border-top-right-radius:0;border-bottom-right-radius:0}.sort-group .icon-btn{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;height:auto}.sort-group select:focus-visible,.sort-group .icon-btn:focus-visible{z-index:1}.filter-btn .count{margin-left:.1rem}.filter-btn .count:empty{display:none}.filter-btn[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.filter-panel{margin-bottom:1rem;animation:fold-in var(--t) var(--ease-out)}.chips-row{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;animation:fold-in var(--t) var(--ease-out)}.filter-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.125rem .5rem;font:inherit;font-size:var(--type-body);font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-full);cursor:pointer;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-spring)}.filter-chip:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.filter-chip:active{transform:scale(.96)}.filter-chip .x{font-size:var(--type-body);line-height:1;opacity:.7}.filter-chip:hover .x{opacity:1}.filter-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.filter-group h2{margin:0 0 .5rem;font-size:var(--type-body);font-weight:600;letter-spacing:normal}.filter-group[hidden]{display:none}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.1rem .75rem}.check{display:flex;align-items:center;gap:.5rem;margin:0;padding:.25rem;border-radius:var(--r-sm);font-size:var(--type-body);cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.check:hover{background:var(--accent-soft)}.check input{accent-color:var(--accent);width:1rem;height:1rem;margin:0;flex:none;cursor:pointer}.check span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-mode-label{margin:1rem 0 .5rem;font-size:var(--type-body);font-weight:600;color:var(--muted)}.filter-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.filter-foot p{margin:0}:root{--tile: 132px;--tile-out: 22px;--tile-gap: calc(var(--tile-out) + 4px);--tile-title-lh: 1.24;--tile-author-lh: 1.35;--tile-chip: 28px}:root[data-card-size=small]{--tile: 100px;--tile-gap: var(--tile-out);--tile-title-lh: 1.24;--tile-author-lh: 1.35;--tile-chip: 26px}:root[data-card-size=large]{--tile: 208px;--tile-gap: calc(var(--tile-out) + 8px);--tile-title-lh: 1.22;--tile-author-lh: 1.35;--tile-chip: 28px}.now{margin:0 0 1.5rem}.now-head{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid transparent;border-image:linear-gradient(to right,var(--border),color-mix(in srgb,var(--border) 50%,transparent) 50%,transparent 90%) 1}.now-head h2{margin:0}.now-rows{display:grid;gap:.5rem}.now-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(9rem,1fr) auto;align-items:center;gap:1rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);transition:border-color var(--t) var(--ease-out)}.now-row:hover{border-color:var(--accent-line)}.now-link{display:flex;align-items:center;gap:.75rem;min-width:0;color:inherit;text-decoration:none}.now-link:hover{text-decoration:none}.now-cover{width:40px;flex:none;border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow)}.now-cover img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover}.now-cover{transition:transform 420ms var(--ease-out)}.now-link:hover .now-cover{transform:scale(1.035)}.now-cover .placeholder{font-size:var(--type-body);padding:.25rem}.now-main{min-width:0}.now-title{font-size:var(--type-card);font-weight:600;line-height:1.2;letter-spacing:normal}.now-author{font-size:var(--type-body);color:var(--muted);margin-top:.05rem}.now-progress{min-width:0}.now-figure{display:flex;align-items:baseline;gap:.5rem;margin-top:.25rem;font-family:var(--font-ui);font-size:var(--type-body);color:var(--muted);font-variant-numeric:tabular-nums}.now-figure strong{font-size:var(--type-body);font-weight:600;color:var(--text)}.now-controls{display:flex;align-items:center;gap:.25rem;flex:none}.now-controls .icon-btn{width:1.9rem;height:1.9rem;font-size:var(--type-card)}@media(max-width:700px){.now-row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem}.now-progress{grid-column:1 / -1}}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile),1fr));gap:var(--tile-gap)}.shelf.list{grid-template-columns:1fr;gap:.5rem}.shelf.grouped{display:block}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile),1fr));gap:var(--tile-gap)}.shelf.list .shelf-grid{grid-template-columns:1fr;gap:.5rem}.shelf-group{margin-top:1.75rem}.shelf-more{margin-top:1.25rem}.shelf-group-head{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);font-size:var(--type-body);font-weight:600;letter-spacing:normal}.book-row{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:border-color var(--t) var(--ease-out),background var(--t) var(--ease-out)}.book-row:hover{border-color:var(--accent-line);background:var(--surface-2)}.book-row .row-cover{width:44px;border-radius:var(--r-sm);overflow:hidden;transition:transform 420ms var(--ease-out)}.book-row .row-cover img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover}.book-row:hover .row-cover{transform:scale(1.035)}.book-row .row-cover .placeholder{height:66px;font-size:var(--type-body)}.row-main{min-width:0;display:flex;flex-direction:column;gap:.12rem}.row-main .title{font-weight:600;font-size:var(--type-card);letter-spacing:normal;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main .author{color:var(--muted);font-size:var(--type-body)}.row-facts{font-family:var(--font-ui);font-size:var(--type-body);letter-spacing:normal;margin:.125rem 0 0}.row-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.row-tag{padding:.08rem .5rem;border:1px solid var(--accent-line);border-radius:var(--r-full);color:var(--accent);font-size:var(--type-body);font-weight:600}.row-side{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;padding-right:1.5rem}.row-side .bar{width:5rem}.add-row{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1px dashed var(--border-strong);border-radius:var(--r);color:var(--muted);font-weight:600;font-size:var(--type-body)}.add-row:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);text-decoration:none}.add-row .plus{font-size:var(--type-card);line-height:1}.book-wrap,.row-wrap{position:relative;display:flex;min-width:0}.book-wrap>.book,.row-wrap>.book-row{flex:1;min-width:0}.book,.book-row{text-decoration:none;color:inherit}.book:hover,.book-row:hover{text-decoration:none}.book{display:flex;flex-direction:column;background:transparent;border:0;cursor:pointer;transition:transform var(--t) var(--ease-out)}.book:hover{transform:translateY(-2px)}.book:active{transform:translateY(0)}.book .cover{overflow:hidden;border-radius:var(--r-sm);background:var(--surface-2);box-shadow:var(--shadow);transition:box-shadow var(--t) var(--ease-out),transform 420ms var(--ease-out)}.book:hover .cover{box-shadow:var(--shadow-lift);transform:scale(1.035)}.book .cover img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover}.cover .placeholder{display:grid;place-items:center;aspect-ratio:2 / 3;padding:.5rem;text-align:center;font-size:var(--type-body);line-height:1.3;color:var(--muted);background:linear-gradient(150deg,var(--accent-soft),var(--surface-2))}.card-remove{--chip: var(--tile-chip, 28px);position:absolute;top:calc(-1 * var(--tile-out, 22px));right:calc(-1 * var(--tile-out, 22px));z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;font:inherit;border:0;background:none;color:var(--muted);cursor:pointer;opacity:0;transition:opacity var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.card-remove .x-mark{position:relative;width:var(--chip);height:var(--chip);border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border-strong);transform:scale(var(--disc, .55));transition:border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out),transform var(--t) var(--ease-spring)}.card-remove .x-mark::before,.card-remove .x-mark::after{content:"";position:absolute;inset:0;margin:auto;width:calc(var(--chip) * .4);height:1.6px;border-radius:1px;background:currentColor}.card-remove .x-mark::before{transform:rotate(45deg)}.card-remove .x-mark::after{transform:rotate(-45deg)}.book-wrap:hover,.row-wrap:hover{--disc: 1}.book-wrap:hover .card-remove,.row-wrap:hover .card-remove,.card-remove:focus-visible{opacity:1}.card-remove:focus-visible{--disc: 1}.card-remove:focus-visible{outline:none}.card-remove:focus-visible .x-mark{outline:3px solid var(--ring);outline-offset:2px}.row-wrap .card-remove{top:50%;margin-top:-22px;right:.5rem}.card-remove:hover{color:var(--danger);--disc: 1.24}.card-remove:hover .x-mark{border-color:var(--danger);background:var(--danger-soft)}.card-remove:focus-visible:hover{--disc: 1.15}.card-remove:active,.card-remove:focus-visible:hover:active{--disc: .92}.card-remove:active .x-mark{transition-duration:var(--t-fast)}@media(hover:none){.card-remove{opacity:1;--disc: 1}}.add-tile{align-items:center;justify-content:center;gap:.5rem;aspect-ratio:2 / 3;padding:.75rem;border:1px dashed var(--accent-line);border-radius:var(--r-sm);background:transparent;box-shadow:none;color:var(--muted);text-align:center;transition:background var(--t) var(--ease-out),border-color var(--t) var(--ease-out),color var(--t) var(--ease-out)}.add-tile:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);text-decoration:none;transform:none}.add-tile .plus{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent);font-size:var(--type-section);line-height:1;transition:transform var(--t) var(--ease-spring)}.add-tile:hover .plus{transform:scale(1.1)}.add-tile .add-label{font-size:var(--type-card);font-weight:600}.book .body{display:flex;flex-direction:column;gap:.25rem;flex:1}.book .title{font-weight:600;font-size:var(--type-card);line-height:var(--tile-title-lh);letter-spacing:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(var(--tile-title) * var(--tile-title-lh) * 2)}.book .author{color:var(--muted);font-size:var(--type-body);line-height:var(--tile-author-lh);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(var(--tile-author) * var(--tile-author-lh))}.book .meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem;margin-top:auto;padding-top:.25rem}.book .meta .stars:only-child{margin-left:auto}.status{font-family:var(--font-ui);font-size:var(--type-body);font-weight:600;letter-spacing:normal;text-transform:none;padding:.1rem .5rem;border-radius:var(--r-full);background:var(--want-bg);color:var(--want-fg);white-space:nowrap}.status.reading{background:var(--reading-bg);color:var(--reading-fg)}.status.read{background:var(--read-bg);color:var(--read-fg)}.status.dnf{background:var(--dnf-bg);color:var(--dnf-fg)}.stars{color:var(--star);font-size:var(--type-body);white-space:nowrap}.book-main .stars{font-size:var(--type-body)}.bar{height:5px;background:var(--accent-soft);border-radius:var(--r-full);overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width 500ms var(--ease-out)}