:root {--book-card-width: 280px;--book-card-gap: 24px;--book-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);--book-card-shadow-hover: 0 12px 24px rgba(0, 0, 0, 0.15);--book-card-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.books-shelf {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 24px;margin-top: 32px;margin-bottom: 32px;animation: fadeInUp 0.5s ease-out;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.books-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 24px;margin-top: 32px;margin-bottom: 32px;}.book-card {display: flex;flex-direction: column;background: white;border-radius: 12px;overflow: hidden;box-shadow: var(--book-card-shadow);transition: var(--book-card-transition);cursor: pointer;height: 100%;position: relative;}.book-card:hover {box-shadow: var(--book-card-shadow-hover);transform: translateY(-8px);}.book-card:hover .book-cover {transform: scale(1.05);}.book-card:focus-within {outline: 3px solid var(--color-primary, #ff6b35);outline-offset: 2px;}.book-card.hidden {display: none;}.book-cover {width: 100%;height: 240px;background: #ffffff;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;transition: var(--book-card-transition);flex-shrink: 0;}.book-cover img {width: 100%;height: 100%;object-fit: contain;transition: var(--book-card-transition);}.book-cover:has(img[src=""]) {background: #f8f9fa;}.book-cover::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0);transition: background 0.3s ease;z-index: 1;}.book-card:hover .book-cover::before {background: rgba(0, 0, 0, 0.1);}.book-title {font-size: 16px;font-weight: 700;line-height: 1.4;color: #212529;margin: 0;padding: 16px 16px 8px;min-height: 48px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;flex-grow: 1;}.book-card:hover .book-title {color: var(--color-primary, #ff6b35);transition: color 0.3s ease;}.book-description {font-size: 14px;line-height: 1.5;color: #6c757d;margin: 0;padding: 0 16px 12px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;flex-grow: 0;}.book-actions {display: flex;gap: 8px;padding: 12px 16px 16px;margin-top: auto;flex-wrap: wrap;}.book-actions button,.book-actions a {flex: 1;min-width: 100px;padding: 10px 12px;border: 1px solid var(--color-primary, #ff6b35);background: white;color: var(--color-primary, #ff6b35);border-radius: 6px;font-size: 13px;font-weight: 600;cursor: pointer;transition: var(--book-card-transition);text-align: center;text-decoration: none;display: inline-flex;align-items: center;justify-content: center;}.book-actions button:hover,.book-actions a:hover {background: var(--color-primary, #ff6b35);color: white;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);}.book-actions button:active,.book-actions a:active {transform: translateY(0);}.book-actions button:focus,.book-actions a:focus {outline: 2px solid var(--color-primary, #ff6b35);outline-offset: 2px;}.book-actions button i,.book-actions a i {margin-right: 4px;}.books-count {text-align: center;color: #6c757d;font-size: 14px;margin-bottom: 24px;padding: 12px;background: #f8f9fa;border-radius: 8px;}.books-count strong {color: var(--color-primary, #ff6b35);font-weight: 700;}.library-filters {background: #f8f9fa;padding: 24px;border-radius: 12px;margin-bottom: 32px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}.library-filters h3 {font-size: 16px;font-weight: 700;color: #212529;margin: 0 0 16px 0;display: flex;align-items: center;gap: 8px;}.library-filters h3::before {content: '';display: inline-block;width: 4px;height: 20px;background: var(--color-primary, #ff6b35);border-radius: 2px;}.search-box {margin-bottom: 24px;position: relative;}.search-input {width: 100%;padding: 14px 18px 14px 44px;font-size: 16px;border: 2px solid #e9ecef;border-radius: 8px;background: white;transition: var(--book-card-transition);outline: none;font-family: inherit;}.search-input::placeholder {color: #adb5bd;}.search-input:focus {border-color: var(--color-primary, #ff6b35);box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);background: white;}.search-box::before {content: '\f002';font-family: 'Font Awesome 6 Free';font-weight: 400;position: absolute;left: 14px;top: 50%;transform: translateY(-50%);color: #adb5bd;font-size: 16px;z-index: 2;}.filter-buttons {display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 24px;}.filter-btn {padding: 10px 16px;border: 2px solid #e9ecef;background: white;color: #495057;border-radius: 8px;font-size: 14px;font-weight: 600;cursor: pointer;transition: var(--book-card-transition);white-space: nowrap;}.filter-btn:hover {border-color: var(--color-primary, #ff6b35);color: var(--color-primary, #ff6b35);background: rgba(255, 107, 53, 0.05);}.filter-btn.active {background: var(--color-primary, #ff6b35);color: white;border-color: var(--color-primary, #ff6b35);box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);}.filter-btn:focus {outline: 2px solid var(--color-primary, #ff6b35);outline-offset: 2px;}.year-select {width: 100%;padding: 10px 14px;border: 2px solid #e9ecef;background: white;color: #495057;border-radius: 8px;font-size: 14px;font-weight: 600;cursor: pointer;transition: var(--book-card-transition);outline: none;appearance: none;padding-right: 36px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23495057' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;background-size: 12px;}.year-select:hover {border-color: var(--color-primary, #ff6b35);color: var(--color-primary, #ff6b35);}.year-select:focus {border-color: var(--color-primary, #ff6b35);box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);outline: none;}.books-empty {grid-column: 1 / -1;text-align: center;padding: 48px 24px;color: #6c757d;}.books-empty i {font-size: 64px;color: #dee2e6;display: block;margin-bottom: 16px;}.books-empty p {font-size: 16px;margin: 8px 0;}@media (max-width: 1024px) {.books-shelf,.books-grid {grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 20px;}.book-cover {height: 220px;}.library-filters {padding: 20px;}}@media (max-width: 768px) {.books-shelf,.books-grid {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 16px;margin-top: 20px;margin-bottom: 20px;}.book-cover {height: 200px;}.book-title {font-size: 15px;padding: 12px 12px 6px;min-height: 44px;}.book-description {font-size: 13px;padding: 0 12px 8px;}.book-actions {padding: 10px 12px 12px;gap: 6px;}.book-actions button,.book-actions a {min-width: 80px;padding: 8px 10px;font-size: 12px;}.library-filters {padding: 16px;}.library-filters h3 {font-size: 15px;margin-bottom: 12px;}.search-input {padding: 12px 16px 12px 40px;font-size: 16px;}.filter-buttons {gap: 6px;margin-bottom: 16px;}.filter-btn {padding: 8px 12px;font-size: 13px;}.year-select {padding: 10px 32px 10px 12px;font-size: 13px;}}@media (max-width: 480px) {.books-shelf,.books-grid {grid-template-columns: 1fr;gap: 12px;margin-top: 16px;margin-bottom: 16px;}.book-card {display: grid;grid-template-columns: 100px 1fr;grid-template-rows: auto auto auto;gap: 0;border-radius: 10px;}.book-cover {grid-row: 1 / 4;width: 100px;height: auto;min-height: 140px;border-radius: 10px 0 0 10px;}.book-title {grid-column: 2;grid-row: 1;padding: 10px 12px 0;margin: 0;min-height: auto;}.book-description {grid-column: 2;grid-row: 2;padding: 0 12px;-webkit-line-clamp: 2;}.book-actions {grid-column: 2;grid-row: 3;padding: 8px 12px 10px;gap: 4px;flex-direction: column;}.book-actions button,.book-actions a {min-width: unset;width: 100%;padding: 6px 8px;font-size: 12px;}.library-filters {padding: 12px;margin-bottom: 20px;}.library-filters h3 {font-size: 14px;margin-bottom: 10px;}.search-box {margin-bottom: 16px;}.search-input {padding: 11px 14px 11px 36px;font-size: 16px;}.search-box::before {left: 11px;font-size: 14px;}.filter-buttons {gap: 6px;margin-bottom: 16px;flex-wrap: wrap;}.filter-btn {padding: 8px 10px;font-size: 12px;flex: 0 1 calc(50% - 3px);}.filter-btn:nth-child(n+3) {flex: 0 1 100%;}.year-select {width: 100%;padding: 10px 28px 10px 12px;font-size: 13px;}.books-count {font-size: 13px;padding: 10px;margin-bottom: 16px;}}@media (max-width: 360px) {.book-card {grid-template-columns: 80px 1fr;}.book-cover {width: 80px;min-height: 120px;}.book-title {font-size: 14px;padding: 8px 10px 0;}.book-description {font-size: 12px;padding: 0 10px;-webkit-line-clamp: 1;}.book-actions {padding: 6px 10px 8px;}.book-actions button,.book-actions a {padding: 5px 6px;font-size: 11px;min-width: auto;}}@media (prefers-reduced-motion: reduce) {.book-card,.book-cover,.book-title,.search-input,.filter-btn {transition: none !important;animation: none !important;}}@media (prefers-contrast: more) {.book-card {border: 1px solid #212529;}.filter-btn {border-width: 3px;}.search-input {border-width: 3px;}}@media (prefers-color-scheme: dark) {.book-card {background: #2d2d2d;color: #e0e0e0;}.book-title {color: #ffffff;}.book-description {color: #b0b0b0;}.library-filters {background: #1a1a1a;}.library-filters h3 {color: #ffffff;}.search-input {background: #3a3a3a;color: #ffffff;border-color: #4a4a4a;}.search-input::placeholder {color: #666666;}.search-input:focus {border-color: var(--color-primary, #ff6b35);box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.2);}.filter-btn {background: #3a3a3a;color: #e0e0e0;border-color: #4a4a4a;}.filter-btn.active {background: var(--color-primary, #ff6b35);color: white;}.year-select {background-color: #3a3a3a;color: #e0e0e0;border-color: #4a4a4a;}.books-count {background: #1a1a1a;color: #b0b0b0;}}@media print {.library-filters,.books-count {display: none;}.book-card {page-break-inside: avoid;box-shadow: none;border: 1px solid #ddd;}.book-actions {display: none;}}