.story-shelves{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0 0 18px;display:grid}.story-shelf-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.story-shelf-option{text-align:left;border:1px solid var(--line);background:var(--paper);min-width:0;min-height:72px;color:var(--ink);border-radius:12px;padding:12px 16px;transition:background .16s,border-color .16s}.story-shelf-option.selected{background:var(--butter,#f4d975);border-color:var(--ink)}.story-shelf-picture,.story-shelf-description,.story-shelf-selected{display:none}.story-shelf-copy{gap:5px;display:grid}.story-shelf-name{font:700 15px/1.4 var(--sans);letter-spacing:-.3px;word-break:keep-all}.story-shelf-bottom{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.story-shelves-footer{display:flex}.story-shelves-footer>span{display:none}.all-story-shelves{border:1px solid var(--line);min-height:72px;color:var(--ink);white-space:nowrap;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 16px;font-size:14px;font-weight:700;display:flex}.all-story-shelves>svg{display:none}.all-story-shelves>span{font-size:12px;font-weight:400}.all-story-shelves.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.bookshelf-empty-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.reader-shelf-empty{min-height:300px}@media (hover:hover){.story-shelf-option:hover,.all-story-shelves:hover{border-color:var(--ink)}}@media (max-width:700px){.story-shelves,.story-shelf-options{gap:6px}.story-shelf-option{min-height:76px;padding:10px 9px}.story-shelf-name{letter-spacing:-.5px;font-size:13px}.story-shelf-bottom{gap:3px;font-size:12px;line-height:1.4}.story-shelf-bottom>span:first-child{display:none}.all-story-shelves{min-height:76px;padding:8px;font-size:12px}}@media (prefers-reduced-motion:reduce){.story-shelf-option{transition:none}}