@layer components{.catalog-card{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:calc(var(--radius) * .4);box-shadow:0 1px 2px color-mix(in oklch, var(--foreground) 8%, transparent);position:relative}.catalog-ruled{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(2.25rem - 1px), var(--catalog-line) calc(2.25rem - 1px), var(--catalog-line) 2.25rem)}.catalog-rule{border-bottom:2px solid var(--catalog-rule)}.catalog-rule-top{border-top:2px solid var(--catalog-rule)}.catalog-line-b{border-bottom:1px solid var(--catalog-line)}.catalog-hole:after{content:"";background-color:var(--background);width:.8rem;height:.8rem;box-shadow:inset 0 1px 2px color-mix(in oklch, var(--foreground) 30%, transparent);border-radius:50%;position:absolute;bottom:.55rem;left:50%;transform:translate(-50%)}.cloth{background-color:var(--cloth);color:var(--cloth-foreground);background-image:repeating-linear-gradient(45deg, color-mix(in oklch, var(--cloth-foreground) 4%, transparent) 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, color-mix(in oklch, var(--cloth-edge) 35%, transparent) 0 1px, transparent 1px 4px)}.cloth-gilt-rule{border-color:color-mix(in oklch, var(--cloth-gilt) 60%, transparent)}.face-headline{font-family:var(--font-headline)}.spine-text{writing-mode:vertical-rl;text-orientation:mixed}.pull-card{transform:translateY(0)}.pull-card:hover,.pull-card:focus-visible{box-shadow:0 10px 18px -12px color-mix(in oklch, var(--foreground) 45%, transparent);transform:translateY(-4px)}.spine-pull:hover,.spine-pull:focus-visible{transform:translateY(-10px)}.pen-mark{z-index:0;position:relative}.pen-mark[data-on=true]:before{content:"";z-index:-1;border:1.5px solid var(--primary);border-radius:50%;position:absolute;inset:-.22rem -.3rem -.16rem -.36rem;transform:rotate(-12deg)}.date-stamp{color:var(--primary);border:1.5px solid color-mix(in oklch, var(--primary) 70%, transparent);border-radius:calc(var(--radius) * .3);font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap;transform:rotate(var(--stamp-tilt,-1.5deg));padding:.05rem .45rem;display:inline-block}.card-pocket{background-color:var(--muted);border:1px solid var(--border);-webkit-mask:radial-gradient(circle at 50% 0, transparent 1.4rem, var(--foreground) calc(1.4rem + .5px));mask:radial-gradient(circle at 50% 0, transparent 1.4rem, var(--foreground) calc(1.4rem + .5px))}.guide-tab{background-color:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) * .6) calc(var(--radius) * .6) 0 0;border-bottom:none}.drawer-front{background-color:var(--muted);border:1px solid var(--border);border-radius:calc(var(--radius) * .4);box-shadow:inset 0 -4px 0 color-mix(in oklch, var(--foreground) 8%, transparent)}.label-holder{background-color:var(--card);border:2px solid color-mix(in oklch, var(--cloth-gilt) 80%, var(--foreground));border-radius:calc(var(--radius) * .3)}.drawer-knob{background-color:color-mix(in oklch, var(--cloth-gilt) 75%, var(--foreground));box-shadow:inset 0 -2px 0 color-mix(in oklch, var(--foreground) 30%, transparent);border-radius:50%}.catalog-numeral{font-family:var(--font-headline);color:#0000;-webkit-text-stroke:1.5px var(--foreground);font-variant-numeric:tabular-nums;line-height:.8}.spine-pull[aria-pressed=true]{transform:translateY(-14px)}@media (prefers-reduced-motion:no-preference){.card-slide{animation:.36s ease-out both card-slide}.pull-card,.spine-pull{transition:transform .18s ease-out,box-shadow .18s ease-out}.pen-mark[data-on=true]:before{animation:.24s ease-out pen-draw}.ink-in{animation:.48s ease-out both ink-in}}}@keyframes pen-draw{0%{opacity:0;transform:rotate(-50deg)scale(.6)}to{opacity:1;transform:rotate(-12deg)scale(1)}}@keyframes card-slide{0%{opacity:.2;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes ink-in{0%{opacity:.15;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}