.catalog-spinner{display:none;justify-content:center;padding:6rem 0}.catalog-loading .catalog-spinner{display:flex}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.catalog{width:100%}.controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.search-input{width:100%;padding:.7rem 1rem;font-size:.95rem;font-family:var(--font-body);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-ink);outline:none;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--color-ink-muted)}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #1b3f8b1f;outline:2px solid var(--color-accent);outline-offset:-2px}.filters{display:flex;flex-wrap:wrap;gap:.5rem}.filters select{padding:.5rem .7rem;font-size:.825rem;font-family:var(--font-body);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink-light);cursor:pointer;min-width:0;transition:border-color .2s}.filters select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #1b3f8b1f;outline:2px solid var(--color-accent);outline-offset:-2px}.clear-btn{align-self:flex-start;padding:.4rem .85rem;font-size:.8rem;font-family:var(--font-body);font-weight:500;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-ink-muted);cursor:pointer;transition:all .15s}.clear-btn:hover{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.clear-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.result-count{margin:0 0 1rem;font-size:.85rem;color:var(--color-ink-muted);font-weight:400}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1.5rem}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.book-card{display:flex;flex-direction:column;background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow-card);transition:transform .25s cubic-bezier(.2,.9,.3,1),box-shadow .25s cubic-bezier(.2,.9,.3,1),border-color .2s;animation:cardIn .4s ease both;position:relative}.book-card:nth-child(1){animation-delay:0ms}.book-card:nth-child(2){animation-delay:20ms}.book-card:nth-child(3){animation-delay:40ms}.book-card:nth-child(4){animation-delay:60ms}.book-card:nth-child(5){animation-delay:80ms}.book-card:nth-child(6){animation-delay:.1s}.book-card:nth-child(7){animation-delay:.12s}.book-card:nth-child(8){animation-delay:.14s}.book-card:nth-child(9){animation-delay:.16s}.book-card:nth-child(10){animation-delay:.18s}.book-card:nth-child(11){animation-delay:.2s}.book-card:nth-child(12){animation-delay:.22s}.book-card:nth-child(n+13){animation-delay:.24s}.book-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--color-navy),var(--color-teal));border-radius:var(--radius-lg) 0 0 var(--radius-lg);opacity:0;transition:opacity .25s}.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-border)}.book-card:hover:before{opacity:1}.book-card:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.cover{aspect-ratio:2 / 3;background:var(--color-cream-dark);overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.9,.3,1)}.book-card:hover .cover img{transform:scale(1.03)}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:var(--color-ink-muted);opacity:.4;background:linear-gradient(145deg,var(--color-cream-dark),var(--color-cream))}.info{padding:.875rem 1rem 1rem;display:flex;flex-direction:column;gap:.3rem;flex:1}.card-title{font-family:var(--font-display);font-size:.95rem;font-weight:600;line-height:1.3;margin:0;color:var(--color-ink)}.card-author{font-size:.8rem;color:var(--color-ink-muted);margin:0;font-weight:400}.card-meta{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--color-ink-muted);margin-top:.1rem}.dot{color:var(--color-border)}.card-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}.tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.675rem;font-weight:500;font-family:var(--font-body);padding:.2rem .5rem;border-radius:999px;background:var(--color-teal-soft);color:var(--color-teal);letter-spacing:.01em}.tag-icon{display:inline-flex;align-items:center;flex-shrink:0}.tag-icon svg{display:block;width:12px;height:12px}.tag-equip{background:var(--color-plum-soft);color:var(--color-plum)}.tag-topic{background:var(--color-gold-soft);color:var(--color-gold)}.tag-author{background:var(--color-accent-soft);color:var(--color-accent)}.tag-lang{background:var(--color-rose-soft);color:var(--color-rose)}.tag-main{background:var(--color-navy);color:#fff}.load-more{display:flex;justify-content:center;margin-top:2.5rem}.load-more button{padding:.7rem 2rem;font-size:.9rem;font-family:var(--font-body);font-weight:500;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-ink-light);cursor:pointer;transition:all .2s}.load-more button:hover{background:var(--color-navy);border-color:var(--color-navy);color:#fff;box-shadow:0 4px 16px #1b3f8b40}.load-more button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.no-results{text-align:center;color:var(--color-ink-muted);padding:4rem 1rem;font-size:1rem;font-family:var(--font-display);font-style:italic}