.wordmark{font-family:var(--font-headline)}.spine{background-image:linear-gradient(to bottom, transparent 10px, color-mix(in oklch, var(--accent) 70%, transparent) 10px, color-mix(in oklch, var(--accent) 70%, transparent) 14px, transparent 14px, transparent 18px, color-mix(in oklch, var(--accent) 70%, transparent) 18px, color-mix(in oklch, var(--accent) 70%, transparent) 20px, transparent 20px);box-shadow:inset -4px 0 0 color-mix(in oklch, var(--overlay-scrim) 20%, transparent), inset 2px 0 0 color-mix(in oklch, var(--spine-foreground) 14%, transparent);position:relative}.spine-title{writing-mode:vertical-rl;font-family:var(--font-headline);letter-spacing:.08em}.spine-out{transform:translateY(-22px)}.cover-edge{background:color-mix(in oklch, var(--overlay-scrim) 22%, transparent);box-shadow:2px 0 0 color-mix(in oklch, var(--spine-foreground) 12%, transparent)}.cover-rule{border-color:color-mix(in oklch, var(--spine-foreground) 35%, transparent)}.catalog-hole{background:var(--background);box-shadow:inset 0 0 0 1px var(--border)}@media (prefers-reduced-motion:no-preference){.spine{transition:transform .24s cubic-bezier(.2,.7,.3,1)}.spine-lift:hover:not(.spine-out),.spine-lift:focus-visible:not(.spine-out){transform:translateY(-10px)}.label-stick{animation:.34s cubic-bezier(.2,.7,.3,1) label-stick}.slot-pick{animation:.18s ease-out slot-pick}}@keyframes label-stick{0%{opacity:0;transform:translate(8px,-10px)rotate(-6deg)}to{opacity:1;transform:rotate(-2deg)}}@keyframes slot-pick{0%{opacity:.4}to{opacity:1}}