.catalog-hero{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.catalog-hero h1{max-width:20ch}.catalog-hero .actions{margin-top:var(--space-2)}.catalog-section{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.catalog-section h2{font-size:var(--fs-h3)}.catalog-note{margin-top:var(--space-4)}.catalog-books{gap:var(--space-2);max-width:720px;display:grid}@media (min-width:701px){.catalog-books{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}}.catalog-book{align-items:center;gap:var(--space-2);border-radius:var(--radius);color:inherit;transition-property:transform,background-color;transition-duration:.15s;transition-timing-function:var(--ease), ease;padding:6px;text-decoration:none;display:flex}.catalog-book:hover{background:var(--surface-2)}.catalog-book:active{transform:scale(.96)}.catalog-book-cover{color:var(--ink-muted);border-radius:var(--radius-s);background:var(--surface-2);outline-offset:-1px;outline:1px solid #0000001a;outline:1px solid lab(0% 0 0/.1);flex:none;place-items:center;width:44px;height:58px;display:grid;overflow:hidden}.catalog-book-cover img{object-fit:cover;width:100%;height:100%;display:block}.catalog-book strong{min-width:0;font-size:var(--fs-body);text-wrap:balance;font-weight:700}.catalog-mine{grid-template-columns:minmax(0,1fr);max-width:420px}.catalog-book-text{flex-direction:column;gap:2px;min-width:0;display:flex}.catalog-book-text .help{font-weight:400}.catalog-shelf-slot{flex-direction:column;justify-content:center;min-height:380px;display:flex}.catalog-shelf-slot>.btn{align-self:center}.catalog-shelf{gap:var(--space-3);flex-direction:column;display:flex}.catalog-shelf-stage{border-radius:var(--radius);background:var(--surface-3);width:100%;height:380px;position:relative;overflow:hidden}.catalog-shelf-stage canvas{width:100%;height:100%;display:block}.catalog-shelf-message{border-radius:var(--radius-s);background:var(--surface);max-width:calc(100% - 24px);box-shadow:var(--shadow-card);font-size:var(--fs-help);text-align:center;padding:8px 12px;font-weight:700;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.catalog-shelf-nav{justify-content:center;gap:var(--space-3);display:flex}@media (hover:hover) and (pointer:fine){.catalog-row:hover{box-shadow:var(--shadow-card-hover)}}@media (max-width:700px){.catalog-hero{margin-bottom:var(--space-5)}.catalog-hero .actions{width:100%}.catalog-hero .actions .btn-primary{flex:auto}.catalog-row-text .help{-webkit-line-clamp:1}}