.shelves{display:block;max-width:58rem}.view-toggle{display:flex;align-items:baseline;gap:.6rem;margin:-.6rem 0 1.6rem;color:var(--soft);font-family:var(--sans);font-size:.66rem}.view-toggle button{background:none;border:none;padding:.8rem .4rem;margin:-.8rem -.4rem;font:inherit;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--soft);transition:color .25s}.view-toggle button:hover,.view-toggle button[aria-pressed=true]{color:var(--pink-text)}.view-toggle button:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.shelf-rail,.shelf-caption,.book-map,.shelves[data-view=shelves] .book-list{display:none}.shelves[data-view=shelves] .shelf-rail{display:flex}.shelves[data-view=shelves] .shelf-caption{display:block}.shelves[data-view=map] .shelf{display:none}.shelves[data-view=map] .book-map,.shelves[data-view=map] .book-map .shelf-caption{display:block}.book-map{margin:0}.map-scroll{overflow-x:auto;position:relative}.map-cover{position:absolute;width:96px;border:4px solid #fff;border-radius:3px;box-shadow:0 12px 26px #201a2040;transform:rotate(-3deg) scale(.96);opacity:0;pointer-events:none;z-index:3;transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.map-cover.on{opacity:1;transform:rotate(-3deg) scale(1)}:root[data-phase=night] .map-cover{border-color:#f3e8ee;box-shadow:0 12px 26px #0000008c}.map-scroll svg{display:block;width:100%;min-width:820px;height:auto}.map-edge{fill:none;stroke:var(--soft);stroke-width:1;stroke-opacity:.3;transition:stroke .25s,stroke-width .25s,stroke-opacity .25s}.map-edge.lit{stroke:var(--pink-text);stroke-width:1.5;stroke-opacity:1}.map-theme{font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;fill:var(--soft)}.map-dot{fill:var(--body-ink)}.map-node.want .map-dot{fill:none;stroke:var(--soft);stroke-width:1.5}.map-node.abandoned{opacity:.45}.map-ring{fill:none;stroke:var(--pink-text);stroke-width:1.5}.map-star{fill:var(--pink-text);font-size:13px;text-anchor:middle}.map-title{font-family:var(--serif);font-style:italic;font-size:11.5px;fill:var(--body-ink)}.map-node.abandoned .map-title{text-decoration:line-through}.map-hit{fill:transparent}.map-node{cursor:inherit;outline:none}.map-node.lit .map-title{fill:var(--pink-text)}.map-node:focus-visible .map-title{fill:var(--pink-text)}.map-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;margin-top:.9rem;font-family:var(--sans);font-size:.66rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.map-legend .lg-star{color:var(--pink-text)}.map-legend .lg-abandoned{text-decoration:line-through;opacity:.6}.shelf{margin-bottom:3rem}.shelf h2{font-weight:300;font-style:italic;font-size:1.5rem;margin-bottom:.5rem}.shelf h2:after{content:"";display:inline-block;width:28px;height:1px;background:var(--pink);vertical-align:middle;margin-left:.8rem}.shelf-note{font-family:var(--sans);font-size:.78rem;color:var(--soft);margin-bottom:1.1rem;transition:color 1.4s ease}.star{color:var(--pink)}.shelf-rail{--slot: 224px;--rgap: 30px;list-style:none;flex-wrap:wrap;align-items:flex-end;column-gap:7px;row-gap:var(--rgap);background:repeating-linear-gradient(to bottom,transparent 0 calc(var(--slot) - 3px),var(--hair) calc(var(--slot) - 3px) var(--slot),transparent var(--slot) calc(var(--slot) + var(--rgap)))}.spine-slot{height:var(--slot);display:flex;align-items:flex-end;padding-bottom:3px}.spine-slot:focus-visible{outline:2px solid var(--pink);outline-offset:4px;border-radius:3px}.spine{position:relative;writing-mode:vertical-rl;display:inline-flex;align-items:center;justify-content:space-between;gap:.55rem;height:var(--spine-h, 180px);width:var(--spine-w, 36px);background:var(--spine-bg);color:var(--spine-ink);border-radius:3px 3px 1px 1px;padding:12px 0 9px;overflow:hidden;box-shadow:inset 1px 0 #ffffff24,0 6px 14px #201a2029;transform:rotate(var(--lean, 0deg));transform-origin:bottom center;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease}.spine-slot:hover .spine,.spine-slot:focus-visible .spine{transform:rotate(0) translateY(-8px);box-shadow:inset 1px 0 #ffffff24,0 14px 24px #201a2038}.shelf[data-kind=abandoned] .shelf-rail{column-gap:22px}.shelf[data-kind=want] .spine{background:transparent;border:1.5px solid var(--hair);box-shadow:none;color:var(--soft)}.spine-title{font-family:var(--serif);font-style:italic;font-weight:400;font-size:.74rem;line-height:1.45;letter-spacing:.02em;max-height:100%;overflow:hidden}.spine-author{font-family:var(--sans);font-size:.5rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.spine-star{position:absolute;top:-1.15rem;left:50%;transform:translate(-50%);writing-mode:horizontal-tb;color:var(--pink);font-size:.72rem}.spine-ribbon{position:absolute;top:-8px;right:6px;width:5px;height:22px;background:var(--pink);border-radius:0 0 2px 2px;writing-mode:horizontal-tb}.shelf-caption{font-family:var(--sans);font-size:.78rem;color:var(--soft);margin-top:.75rem;min-height:1.2em;transition:color 1.4s ease}:root[data-phase=night] .spine{box-shadow:inset 1px 0 #ffffff14,0 6px 14px #00000073}.shelf ul:not(.shelf-rail){list-style:none}.shelf ul:not(.shelf-rail) li{font-weight:300;font-size:1.02rem;line-height:1.5;color:var(--body-ink);padding:.42rem 0;border-bottom:1px solid var(--hair);transition:color 1.4s ease,border-color 1.4s ease}.shelf ul:not(.shelf-rail) li:last-child{border-bottom:none}.shelf em{font-style:italic;font-weight:400}.shelf[data-kind=read] ul:not(.shelf-rail){columns:2;column-gap:clamp(2.5rem,6vw,5rem)}.shelf[data-kind=read] ul:not(.shelf-rail) li{break-inside:avoid}@media(max-width:760px){.shelf[data-kind=read] ul:not(.shelf-rail){columns:1}}@media(max-width:560px){.shelf-rail{--slot: 190px;column-gap:5px}.spine-title{font-size:.72rem}}@media(prefers-reduced-motion:reduce){.spine,.map-cover{transition:none}}