.shelf-room{--shelf-oxblood:#7a2331;--shelf-gilt:#f3d98f;gap:var(--s-4);padding:clamp(var(--s-4), 3vw, var(--s-6));border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--paper);display:grid}.shelf-layout{gap:var(--s-5);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.shelf-top,.shelf-main,.shelf-form,.shelf-finished{gap:var(--s-4);align-content:start;min-width:0;display:grid}@media (width>=52rem){.shelf-layout{column-gap:clamp(var(--s-5), 4vw, var(--s-7));row-gap:var(--s-5);grid-template:"top main""form main"1fr"form finished"/22rem minmax(0,1fr)}.shelf-top{grid-area:top}.shelf-main{grid-area:main}.shelf-form{top:var(--s-5);grid-area:form;align-self:start;position:sticky}.shelf-finished{grid-area:finished}}.shelf-lead{min-height:calc(var(--step-1) * 1.3 * 2)}.shelf-count{font-weight:600;font-size:var(--step-1);text-wrap:balance;line-height:1.3}.shelf-filters{gap:var(--s-3);min-width:0;display:grid}.shelf-chips{gap:var(--s-2);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.shelf-chips legend{width:100%;margin-bottom:var(--s-1);font-weight:600;font-size:var(--step--1);padding:0}.shelf-chip{min-height:2.75rem;padding:0 var(--s-3);border:2px solid var(--line);border-radius:var(--r-control);background:var(--paper);color:var(--ink);font-weight:600;font-size:var(--step--1);cursor:pointer;align-items:center;display:inline-flex;position:relative}.shelf-chip__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.shelf-chip:has(input:checked){background:var(--shelf-oxblood);color:var(--shelf-gilt)}.shelf-chip:has(input:focus-visible){outline:3px solid var(--signal);outline-offset:3px}.shelf-field{gap:var(--s-1);font-weight:600;font-size:var(--step--1);display:grid}.shelf{gap:var(--s-3);min-width:0;display:grid}.shelf-row{min-width:0;padding-top:var(--s-2);border-bottom:6px solid var(--line);align-items:flex-end;gap:2px;display:flex}.spine-item{transition:transform .18s var(--ease), opacity .18s var(--ease);flex:none}.spine-item.is-leaving{opacity:0;transform:translateY(-12px)}.spine{box-sizing:border-box;border:2px solid var(--line);font-family:var(--font-text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--t-press) var(--ease), box-shadow var(--t-press) var(--ease);border-radius:3px 3px 0 0;flex-direction:column;align-items:center;gap:6px;padding:10px 0 8px;font-weight:700;display:flex;position:relative;overflow:hidden}.spine--book{padding-block:20px 18px}.spine--book:before,.spine--book:after{content:"";background:currentColor;height:2px;position:absolute;left:0;right:0}.spine--book:before{top:8px}.spine--book:after{bottom:8px}.spine--unknown{border-style:dashed}@media (hover:hover){.spine:hover{box-shadow:var(--lift-hover);transform:translate(-1px,-1px)}}.spine:active{box-shadow:var(--lift-pressed);transform:translate(3px,3px)}.spine:focus-visible{border-radius:3px 3px 0 0}.spine.is-fresh{outline:2px solid var(--signal);outline-offset:2px;animation:spine-drop .18s var(--ease)}@keyframes spine-drop{0%{opacity:0;transform:translateY(-8px)}}.spine__title{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-height:0;font-size:15px;line-height:1.15;overflow:hidden}.spine--narrow .spine__title{font-size:13px}.spine__mark{flex:none;font-size:11px;font-weight:600;line-height:1}.shelf-empty{justify-items:start;gap:var(--s-2);padding:var(--s-4) 0 var(--s-2);border-bottom:6px solid var(--line);display:grid}.shelf-empty p{max-width:34ch;font-weight:600}.shelf-empty .btn{padding-inline:0}.shelf-add{gap:var(--s-3);display:grid}.shelf-estimate{min-height:1.5em;color:var(--ink-2);font-weight:500}.shelf-error{color:var(--danger);font-weight:600}.shelf-dialog-actions{gap:var(--s-3);flex-wrap:wrap;display:flex}.shelf-view{gap:var(--s-4);display:grid}.shelf-view__facts{gap:var(--s-1);overflow-wrap:anywhere;display:grid}.shelf-tell{gap:var(--s-3);display:grid}.shelf-settings{gap:var(--s-5);display:grid}.shelf-pace{gap:var(--s-2);display:grid}.shelf-pace__row{align-items:center;gap:var(--s-3);font-weight:500;font-size:var(--step-0);display:flex}.shelf-pace__input{width:6rem}.shelf-help{color:var(--ink-2);font-size:var(--step--1)}.shelf-fold>summary{align-items:center;gap:var(--s-2);cursor:pointer;min-height:3rem;font-weight:600;display:flex}.shelf-fold>summary:before{content:"";width:.5rem;height:.5rem;transition:transform var(--t-state) var(--ease);border-bottom:2.5px solid;border-right:2.5px solid;flex:none;margin:0 .25rem 0 .1rem;transform:rotate(-45deg)}.shelf-fold[open]>summary:before{transform:rotate(45deg)}.shelf-fold__title{font-size:var(--step-2);display:inline}.shelf-count-n{font-family:var(--font-text);font-weight:500;font-size:var(--step-0);color:var(--ink-2)}.shelf-done-list{padding:0;list-style:none}.shelf-done{gap:var(--s-2);padding:var(--s-3) 0;border-top:1px solid var(--line);display:grid}.shelf-done__what{gap:var(--s-1);min-width:0;display:grid}.shelf-done__name{overflow-wrap:anywhere;font-weight:700}.shelf-done__meta,.shelf-done__verdict{color:var(--ink-2);overflow-wrap:anywhere;font-weight:500}.shelf-done__actions{gap:var(--s-1) var(--s-3);flex-wrap:wrap;display:flex}.shelf-foot{justify-content:flex-end;display:flex}@media (prefers-reduced-motion:reduce){.spine.is-fresh{animation:none}.spine-item{transition:none}}