.lib{padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px) + var(--margin) + 20px);min-height:100svh}.lib-head{gap:8px;margin-bottom:clamp(24px,3vw,40px);display:grid}.lib-head .jp{color:var(--blue-pencil);letter-spacing:.3em;font-size:13px}.lib-head .head{margin:0;font-size:clamp(56px,9vw,140px);line-height:1}.lib-head .lede{margin:0}@keyframes lib-rise{0%{opacity:0;translate:0 26px}}.lib-head>*{animation:lib-rise .9s var(--ease-out) both}.lib-head>:nth-child(2){animation-delay:80ms}.lib-head>:nth-child(3){animation-delay:.16s}@keyframes book-in{0%{opacity:0;translate:0 36px;rotate:var(--tilt,0deg)}}.book{animation:book-in .9s var(--ease-out) both}.book:first-child{--tilt:-2deg;animation-delay:.25s}.book:nth-child(2){--tilt:2.5deg;animation-delay:.35s}.book:nth-child(3){--tilt:-1.5deg;animation-delay:.45s}@media (prefers-reduced-motion:reduce){.lib-head>*,.book{animation:none}}.shelf{margin-bottom:clamp(28px,4vw,56px)}.shelf-h{margin:0 0 12px;font-size:15px}.shelf-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,28px);display:grid}.book{border:var(--ink-w) solid var(--ink);background:var(--paper);transition:translate .3s var(--ease-out), box-shadow .3s var(--ease-out);grid-template-columns:minmax(90px,34%) 1fr;align-items:end;gap:16px;padding:14px;text-decoration:none;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.book:hover{box-shadow:-8px 8px 0 var(--blue);translate:4px -4px}html[dir=ltr] .book:hover{box-shadow:8px 8px 0 var(--blue);translate:-4px -4px}}.book-cover{aspect-ratio:.707;background:var(--paper-shade) center / cover;transition:rotate .4s var(--ease-out);rotate:-2deg;box-shadow:0 12px 24px -10px #00000073}@media (hover:hover) and (pointer:fine){.book:hover .book-cover{rotate:0deg}}.book-meta{gap:4px;display:grid}.book-meta strong{font-family:var(--f-head);font-size:clamp(20px,1.8vw,28px);font-weight:900;line-height:1.2}html[lang=en] .book-meta strong{font-size:clamp(16px,1.4vw,22px);font-weight:400}.book-meta span{color:var(--ink-soft);font-size:14px;line-height:1.55}.book-meta em{font-style:normal;font-family:var(--f-hand);color:var(--blue-pencil);font-size:13px}.lib-bar{top:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 6px);z-index:50;background:color-mix(in srgb, var(--paper) 97%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--blue);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:10px 0;display:flex;position:sticky}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--ink);background:0 0;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.chip sup{font-family:var(--f-hand);color:var(--blue-pencil);font-size:12px;top:0}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.chip[aria-pressed=true] sup{color:var(--blue)}@media (hover:hover) and (pointer:fine){.chip:hover:not([aria-pressed=true]){background:var(--blue);border-color:var(--blue)}}.lib-count{margin:0}.lib-grid{columns:4 260px;column-gap:var(--gutter)}.lib-item{break-inside:avoid;margin:0 0 var(--gutter);cursor:pointer;display:block;position:relative}.lib-item[hidden]{display:none}.lib-frame{border:var(--ink-w) solid var(--ink);background:var(--paper-shade);position:relative;overflow:hidden}.lib-frame img{width:100%;height:auto;transition:scale 1s var(--ease-out);display:block}@media (hover:hover) and (pointer:fine){.lib-item:hover .lib-frame img{scale:1.04}}.lib-item:focus-visible{outline:3px solid var(--blue-pencil);outline-offset:4px}.lib-item figcaption{justify-content:space-between;align-items:baseline;gap:10px;padding:6px 2px 0;display:flex}.lib-item figcaption strong{font-size:14.5px;font-weight:700;line-height:1.4}.lib-item figcaption span{font-family:var(--f-hand);color:var(--blue-pencil);white-space:nowrap;font-size:12px}.chip:active{scale:.96}.book:active{scale:.985}@media (max-width:900px){.shelf-row{grid-template-columns:1fr}.lib-bar{margin-inline:calc(var(--margin) * -1);padding-inline:var(--margin);flex-wrap:nowrap}.chips{-webkit-mask-image:linear-gradient(270deg,#000 85%,#0000);mask-image:linear-gradient(270deg,#000 85%,#0000)}html[dir=ltr] .chips{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.chips{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;flex-wrap:nowrap;flex:1;min-width:0;padding-block:2px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{scroll-snap-align:start;white-space:nowrap;flex:none}.lib-count{flex:none}.book{grid-template-columns:96px 1fr}.lib-grid{columns:2 150px}}