.book-shelf{background:hsl(var(--surface));color:hsl(var(--fg-primary));padding:64px 0;scroll-margin-top:88px;overflow:clip}.book-shelf__inner{max-width:1280px;margin:0 auto;padding:0 40px}.book-shelf__heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.book-shelf__heading h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.025em}.book-shelf__heading p{margin-top:12px;color:hsl(var(--fg-secondary));font-size:16px}.book-shelf__shop{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex-shrink:0;border-bottom:1px solid hsl(var(--border-strong));font-size:14px;font-weight:500}.book-shelf__shop:hover{color:hsl(var(--brand-teal))}.book-shelf__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 20px}.book-shelf__years{display:flex;gap:4px;padding:5px;background:hsl(var(--bg-secondary));border-radius:999px}.book-shelf__years button{min-height:44px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:500;transition:background .18s,color .18s}.book-shelf__years button[aria-pressed=true]{background:hsl(var(--brand-teal));color:hsl(var(--primary-foreground))}.book-shelf__years button:hover:not([aria-pressed=true]){background:hsl(var(--surface-hover))}.book-shelf__hint{display:flex;align-items:center;gap:8px;font-size:12px;color:hsl(var(--fg-secondary))}.book-shelf__desktop-hint,.book-shelf__scroll-icon{display:none}.book-shelf__viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:24px}.book-shelf__viewport::-webkit-scrollbar{display:none}.book-shelf__track{position:relative;display:flex;width:-moz-max-content;width:max-content;gap:24px;padding-right:1px}.book-shelf__year{width:600px;flex-shrink:0;scroll-snap-align:start;padding:24px 32px 22px;border-radius:24px;background:hsl(var(--bg-secondary))}.book-shelf__year:nth-child(2n){background:hsl(var(--brand-teal) / .08)}.book-shelf__year-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.book-shelf__year-heading h3{font-size:30px;line-height:1}.book-shelf__year-heading>span{color:hsl(var(--fg-secondary));font-size:12px}.book-shelf__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.book-shelf__book{min-width:0}.book-shelf__book-link{display:block;border-radius:10px}.book-shelf__book-link:focus-visible{outline:3px solid hsl(var(--brand-teal));outline-offset:7px}.book-shelf__cover{position:relative;width:100%;max-width:200px;margin:0 auto;border-radius:3px 7px 7px 3px;box-shadow:2px 4px hsl(var(--surface)),3px 5px hsl(var(--border-strong) / .3),6px 12px 18px -8px hsl(var(--fg-primary) / .22);transition:transform .3s}.book-shelf__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent 1%,#00000020 2%,#ffffff30 3%,transparent 5%);pointer-events:none}.book-shelf__cover img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.book-shelf__book figcaption{margin-top:18px;display:flex;flex-direction:column;gap:4px}.book-shelf__book-number{font-size:11px;color:hsl(var(--fg-secondary))}.book-shelf__book-name{font-size:13px;line-height:1.5;font-weight:500}.book-shelf__footer{display:flex;align-items:center;gap:32px;margin-top:24px}.book-shelf__footer>p{font-size:12px;color:hsl(var(--fg-secondary))}.book-shelf__progress{height:3px;flex:1;background:hsl(var(--divider));border-radius:3px;overflow:hidden}.book-shelf__progress>span{display:block;height:100%;background:hsl(var(--brand-teal));transform:scaleX(.25);transform-origin:left}.book-shelf__arrows{display:flex;gap:8px}.book-shelf__arrows button{display:grid;place-items:center;width:44px;height:44px;border:1px solid hsl(var(--border-strong));border-radius:50%;transition:color .18s,background .18s}.book-shelf__arrows button:hover:enabled{background:hsl(var(--brand-teal));color:hsl(var(--primary-foreground));border-color:transparent}.book-shelf__arrows button:disabled{opacity:.3;cursor:default}.book-shelf[data-pinned]{padding:24px 0}.book-shelf[data-pinned] .book-shelf__viewport{overflow:hidden;scroll-snap-type:none}.book-shelf[data-pinned] .book-shelf__cover{max-width:clamp(125px,calc((100dvh - 560px)*.6987),220px)}.book-shelf[data-pinned] .book-shelf__track{will-change:transform}.book-shelf[data-pinned] .book-shelf__desktop-hint,.book-shelf[data-pinned] .book-shelf__scroll-icon{display:inline}.book-shelf[data-pinned] .book-shelf__touch-hint,.book-shelf[data-pinned] .book-shelf__swipe-icon{display:none}@media (hover: hover) and (prefers-reduced-motion: no-preference){.book-shelf__book-link:hover .book-shelf__cover{transform:translateY(-6px) rotate(-2deg)}}@media (min-width: 1024px){.book-shelf__year{width:min(760px,70vw)}.book-shelf__pair{gap:48px;padding:0 28px}.book-shelf__cover{max-width:220px}}@media (max-width: 699px){.book-shelf{padding:48px 0}.book-shelf__inner{padding:0 20px}.book-shelf__heading{align-items:flex-start;flex-direction:column;gap:16px}.book-shelf__heading p{max-width:28ch;line-height:1.6}.book-shelf__toolbar{flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}.book-shelf__years{width:100%}.book-shelf__years button{flex:1;padding:0 10px;font-size:13px}.book-shelf__viewport{margin-right:-20px;border-radius:20px 0 0 20px}.book-shelf__track{gap:12px;padding-right:20px}.book-shelf__year{width:calc(100vw - 60px);padding:22px 18px;border-radius:20px}.book-shelf__year-heading h3{font-size:27px}.book-shelf__year-heading>span{font-size:10px}.book-shelf__pair{gap:18px}.book-shelf__book-name{font-size:12px}.book-shelf__footer{gap:16px;flex-wrap:wrap;margin-top:20px}.book-shelf__footer>p{flex-basis:100%}}@media (prefers-reduced-motion: reduce){.book-shelf *,.book-shelf *:after{transition:none}}