.spine{box-shadow:inset 3px 0 0 color-mix(in oklch, var(--spine-ink) 16%, transparent), inset -5px 0 0 color-mix(in oklch, var(--shelf-edge) 35%, transparent)}.spine[data-active=true]{box-shadow:inset 3px 0 0 color-mix(in oklch, var(--spine-ink) 16%, transparent), inset -5px 0 0 color-mix(in oklch, var(--shelf-edge) 35%, transparent), 0 10px 18px -8px color-mix(in oklch, var(--shelf-edge) 70%, transparent)}.spine-band{opacity:.55;border-top:1px solid;border-bottom:1px solid}.spine-title{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.12em;font-family:var(--font-headline)}.shelf-plank{background:linear-gradient(to bottom, color-mix(in oklch, var(--shelf-wood) 85%, var(--spine-ink)) 0, var(--shelf-wood) 30%, var(--shelf-edge) 100%)}.shelf-card-clip{background:var(--foreground);border-radius:calc(var(--radius) * .4)}.shelf-card{transform-origin:50% 0;background:var(--card)}.book-flat{box-shadow:inset 0 2px 0 color-mix(in oklch, var(--spine-ink) 16%, transparent), inset 0 -3px 0 color-mix(in oklch, var(--shelf-edge) 35%, transparent)}.wordmark{font-family:var(--font-headline)}.hand{font-family:var(--font-accent);line-height:34px}.slip{-webkit-mask-image:radial-gradient(circle at 50% 100%, transparent 5px, var(--foreground) 5.5px);-webkit-mask-image:radial-gradient(circle at 50% 100%, transparent 5px, var(--foreground) 5.5px);mask-image:radial-gradient(circle at 50% 100%, transparent 5px, var(--foreground) 5.5px);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:14px 100%;mask-size:14px 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.ticket{-webkit-mask-image:radial-gradient(circle at 0 50%, transparent 14px, var(--foreground) 14.5px), radial-gradient(circle at 100% 50%, transparent 14px, var(--foreground) 14.5px);-webkit-mask-image:radial-gradient(circle at 0 50%, transparent 14px, var(--foreground) 14.5px), radial-gradient(circle at 100% 50%, transparent 14px, var(--foreground) 14.5px);mask-image:radial-gradient(circle at 0 50%, transparent 14px, var(--foreground) 14.5px), radial-gradient(circle at 100% 50%, transparent 14px, var(--foreground) 14.5px);-webkit-mask-position:0,100%;mask-position:0,100%;-webkit-mask-size:51% 100%;mask-size:51% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ticket-perf{background-image:radial-gradient(circle, var(--border) 2px, transparent 2.5px);background-repeat:repeat-y;background-size:100% 12px}@media (prefers-reduced-motion:no-preference){.spine{transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease-out}.shelf-card[data-swing=true]{animation:.7s cubic-bezier(.25,.8,.3,1) card-swing}.slip[data-printing=true]{animation:.9s steps(9,end) slip-print}}@keyframes card-swing{0%{transform:rotate(-4deg)}to{transform:rotate(0)}}@keyframes slip-print{0%{transform:translateY(-100%)}to{transform:translateY(0)}}