.spine{position:relative}.spine-body{background:var(--card);border:1px solid var(--edge);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-height:170px;padding:12px 18px 16px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;overflow:hidden}.spine-body:hover{border-color:var(--edge-strong);transform:translateY(-2px);box-shadow:0 6px 18px #16181a14}.spine-band{background:hsl(var(--hue,46) 65% 78%);border-bottom:1px solid var(--edge);align-self:stretch;height:14px;margin:0 -18px 8px}.spine-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-top:auto;font-size:16px;font-weight:700}.spine-sub{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:600}.spine-actions{gap:4px;display:flex;position:absolute;top:8px;right:8px}.spine-menu{padding:4px 9px;font-size:14px;line-height:1}.spine-act{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:var(--card);border:1px solid var(--edge);cursor:pointer;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:600}.spine-act:hover{color:var(--ink);border-color:var(--edge-strong)}.spine-hw{font-family:var(--font-mono,ui-monospace);letter-spacing:.06em;text-transform:uppercase;color:#7a5c00;text-overflow:ellipsis;white-space:nowrap;background:#ffd60a40;border-radius:6px;max-width:100%;margin-top:2px;padding:4px 8px;font-size:10px;font-weight:600;overflow:hidden}.spine-hw-done{color:#1b7f4b;background:#1b7f4b1f}.book3d{perspective:700px;width:86px;height:112px;margin:4px auto 10px;position:relative}.book3d-cover,.book3d-page{transform-origin:0;border-radius:3px 8px 8px 3px;transition:transform .2s;position:absolute;inset:0}.book3d-cover{background:hsl(var(--hue,46) 60% 68%);border:1px solid #16181a2e;box-shadow:2px 3px 8px #16181a2e}.book3d-bar{background:#16181a38;width:2px;position:absolute;top:0;bottom:0;left:6px}.book3d-page{background:#fff;border:1px solid #16181a1f}.bp1{inset:2px 3px 2px 1px}.bp2{inset:3px 5px 3px 1px}.bp3{inset:4px 7px 4px 1px}.spine-body:hover .book3d-cover{transform:rotateY(-32deg)}.spine-body:hover .bp1{transition-delay:20ms;transform:rotateY(-22deg)}.spine-body:hover .bp2{transition-delay:40ms;transform:rotateY(-13deg)}.spine-body:hover .bp3{transition-delay:60ms;transform:rotateY(-6deg)}@media (prefers-reduced-motion:reduce){.spine-body:hover .book3d-cover,.spine-body:hover .book3d-page{transform:none}}.spine-tags{flex-wrap:wrap;gap:4px;margin:2px 0 4px;display:flex}.spine-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);background:var(--paper);border:1px solid var(--edge);border-radius:999px;padding:2px 7px;font-size:9px;font-weight:600}.card-bytes{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-3);align-self:flex-end;margin-left:auto;font-size:10px}
/*$vite$:1*/