.shelf-years{flex-direction:column;gap:clamp(1.75rem,4vw,2.75rem);display:flex}.shelf-year{border-bottom:1px solid rgb(var(--color-border));flex-direction:column;gap:1.25rem;padding-block-end:clamp(1.5rem,4vw,2.5rem);display:flex}.shelf-year[data-filtered=hidden]{display:none}.shelf-year__head{flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem;display:flex}.shelf-year__year{font-family:var(--font-serif);font-size:var(--text-xlarge);color:rgb(var(--color-text-primary));font-variant-numeric:tabular-nums;margin:0;font-weight:600;line-height:1.1}.shelf-year__count{font-size:var(--text-small);color:var(--gray-text-muted);font-weight:500}.shelf-view-controls{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-bottom:1.5rem;display:flex}.shelf-view-controls[hidden]{display:none}.shelf-sort{font-family:var(--font-sans);font-size:var(--text-small);color:rgb(var(--color-text-primary));background:rgb(var(--color-bg));border:1px solid rgb(var(--color-border));border-radius:.5rem;padding:.35rem .6rem}.shelf-view-toggle{border:1px solid rgb(var(--color-border));border-radius:.5rem;display:inline-flex;overflow:hidden}.shelf-view-toggle button{font-family:var(--font-sans);font-size:var(--text-small);background:rgb(var(--color-bg));color:var(--gray-text-muted);cursor:pointer;border:none;padding:.35rem .75rem}.shelf-view-toggle button+button{border-left:1px solid rgb(var(--color-border))}.shelf-view-toggle button[aria-pressed=true]{background:rgba(var(--color-accent), .12);color:rgb(var(--color-text-primary));font-weight:600}.shelf-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem .9rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.shelf-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.25rem 1.5rem}}@media (width>=64rem){.shelf-wall{grid-template-columns:repeat(5,minmax(0,1fr));gap:2.5rem 2rem}}.shelf-wall__item{min-width:0}.shelf-wall__item[data-filtered=hidden]{display:none}.shelf-tile{flex-direction:column;gap:.55rem;min-width:0;display:flex;position:relative}.shelf-tile__cover{aspect-ratio:2/3;background:rgb(var(--color-bg-secondary));border-radius:.3rem;max-width:100%;transition:transform .16s;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #3c281414,0 6px 18px #3c28141a}.dark .shelf-tile__cover{box-shadow:0 1px 2px #0000004d,0 6px 18px #00000059}a.shelf-tile__cover:hover{transform:translateY(-2px)}.shelf-tile__cover-wrap{position:relative}.shelf-tile__cover-image{object-fit:cover;width:100%;height:100%;display:block}.shelf-tile__cover-placeholder{text-align:center;font-family:var(--font-serif);font-size:var(--text-small);color:var(--gray-text-meta);overflow-wrap:anywhere;place-items:center;padding:.75rem;line-height:1.25;display:grid;position:absolute;inset:0}.shelf-tile__marks{pointer-events:none;gap:.25rem;display:flex;position:absolute;top:.4rem;right:.4rem}.shelf-tile__mark{color:#fff;pointer-events:auto;background:#14100eb8;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;display:grid}.shelf-tile__badge{color:#fff;font-family:var(--font-sans);font-size:var(--text-xs);font-variant-numeric:tabular-nums;background:#14100eb8;border-radius:999px;padding:.15rem .45rem;font-weight:700;line-height:1.2;position:absolute;bottom:.4rem;left:.4rem}.shelf-tile__title-badge{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shelf-tile__body{flex-direction:column;gap:.35rem;min-width:0;display:flex}.shelf-tile__title{min-width:0;font-family:var(--font-sans);font-size:var(--text-small);color:rgb(var(--color-text-primary));overflow-wrap:break-word;hyphens:auto;margin:0;font-weight:600;line-height:1.3}.shelf-tile__title a{color:inherit;text-decoration:none}.shelf-tile__title a:hover,.shelf-tile__title a:focus-visible{text-underline-offset:2px;text-decoration:underline}.shelf-tile__rating{padding:.25rem .4rem;position:absolute;bottom:.4rem;right:.4rem;box-shadow:0 1px 3px #00000040}.shelf-tile__series{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--gray-text-muted);text-align:left;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0}.shelf-tile__series:hover,.shelf-tile__series:focus-visible{text-underline-offset:2px;text-decoration:underline}.shelf-tile__people{font-size:var(--text-xs);color:var(--gray-text-body);overflow-wrap:anywhere;margin:0;line-height:1.4}.shelf-tile__people .shelf-tile__person{font-size:inherit;font-weight:500}.shelf-tile__person-item:not(:last-child):after{content:", ";white-space:pre}.shelf-tile__subtitle{font-size:var(--text-xs);color:var(--gray-text-muted);font-variant-numeric:tabular-nums;margin:0}.shelf-tile__chips{flex-wrap:wrap;gap:.3rem;min-width:0;display:flex}.shelf-tile__chips .book-card__chip{white-space:normal;text-align:left;justify-content:flex-start;max-width:100%}.shelf-tile__date{font-size:var(--text-xs);color:var(--gray-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;display:none}.shelf-wall[data-view=list]{grid-template-columns:minmax(0,1fr);gap:0}.shelf-wall[data-view=list] .shelf-wall__item{border-bottom:1px solid rgb(var(--color-border))}.shelf-wall[data-view=list] .shelf-tile{flex-direction:row;align-items:center;gap:.9rem;padding-block:.5rem}.shelf-wall[data-view=list] .shelf-tile__cover{width:2.25rem;box-shadow:none;border-radius:.2rem;flex:none}.shelf-wall[data-view=list] .shelf-tile__badge{display:none}.shelf-wall[data-view=list] .shelf-tile__title-badge{clip:auto;width:auto;height:auto;color:var(--gray-text-muted);font-weight:400;position:static;overflow:visible}.shelf-wall[data-view=list] .shelf-tile__cover-placeholder{font-size:0}.shelf-wall[data-view=list] .shelf-tile__marks{flex:none;order:3;position:static}.shelf-wall[data-view=list] .shelf-tile__mark{width:auto;height:auto;color:var(--gray-text-muted);background:0 0}.shelf-wall[data-view=list] .shelf-tile__body{flex-flow:wrap;flex:auto;align-items:center;gap:.3rem 1rem}.shelf-wall[data-view=list] .shelf-tile__cover-wrap{display:contents}.shelf-wall[data-view=list] .shelf-tile__rating{box-shadow:none;flex:none;order:2;position:static}.shelf-wall[data-view=list] .shelf-tile__title{flex:14rem}.shelf-wall[data-view=list] .shelf-tile__people{flex:0 12rem}.shelf-wall[data-view=list] .shelf-tile__date{margin-left:auto;display:block}@media (prefers-reduced-motion:reduce){.shelf-tile__cover{transition:none}a.shelf-tile__cover:hover{transform:none}}.book-card__author{font-size:var(--text-small);color:var(--gray-text-body);font-weight:500}.book-card__author--clickable{cursor:pointer;text-align:left;background:0 0;border:none;padding:0;transition:color .15s,text-decoration .15s}.book-card__author--clickable:hover,.book-card__author--clickable:focus-visible{color:#4f46e5;text-underline-offset:2px;text-decoration:underline}.dark .book-card__author--clickable:hover,.dark .book-card__author--clickable:focus-visible{color:#818cf8}.book-card__chip{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:inherit;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.35rem;padding:.25rem .55rem;font-weight:600;line-height:1.2;display:inline-flex}.book-card__chip--clickable{cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}.book-card__chip--clickable:hover,.book-card__chip--clickable:focus-visible{opacity:.95;transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.dark .book-card__chip--clickable:hover,.dark .book-card__chip--clickable:focus-visible{box-shadow:0 2px 6px #0000004d}.book-card__chip--status-started{color:#5b21b6;background:#ede9fe}.dark .book-card__chip--status-started{color:#ede9fe;background:#5b21b64d}.book-card__chip--status-finished{color:#166534;background:#dcfce7}.dark .book-card__chip--status-finished{color:#bbf7d0;background:#1665344d}.book-card__chip--status-paused{color:#b45309;background:#fef3c7}.dark .book-card__chip--status-paused{color:#fde68a;background:#b453094d}.book-card__chip--status-todo{color:#1d4ed8;background:#dbeafe}.dark .book-card__chip--status-todo{color:#bfdbfe;background:#1d4ed84d}.book-card__chip--genre{color:#1e40af;background:#dbeafe}.dark .book-card__chip--genre{color:#bfdbfe;background:#1e40af4d}.book-card__chip--rating{background:var(--chip-neutral-bg);color:var(--gray-text-strong)}.book-card__chip--rating-like{color:#166534;background:#dcfce7}.dark .book-card__chip--rating-like{color:#bbf7d0;background:#16653459}.book-card__chip--rating-love{color:#be185d;background:#fce7f3}.dark .book-card__chip--rating-love{color:#fbcfe8;background:#be185d4d}.book-card__chip--rating-nope{color:#b91c1c;background:#fee2e2}.dark .book-card__chip--rating-nope{color:#fecaca;background:#b91c1c4d}