.main-content{display:block}.page-title{justify-content:center;align-items:center;gap:8px;margin:0 0 10px;font-size:1.6rem;display:flex}.heart-gif{width:28px;height:28px}.intro-text{text-align:center;color:#ee7fbe;border:2px dotted #f7b5ee;border-radius:8px;margin:8px 0 18px;padding:10px}.books-controls-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.left-controls{align-items:center;gap:10px;display:flex}.books-search{color:#000;background-color:#a3aff2;border:1px solid #ddd;border-radius:8px;min-width:220px;padding:8px 10px}.rating-buttons{gap:6px;margin-top:8px;display:flex}.rating-btn{background-color:#a3aff2;border:1px solid #ccc;border-radius:6px;padding:4px 8px;font-size:.9rem}.rating-btn.active{color:#fff;background-color:#6fa4d9}.view-toggle{gap:6px;display:flex}.view-btn{background:#f7b5ee;border:1px solid #ccc;border-radius:6px;padding:6px 10px}.view-btn.active{background:#ee7fbe;border-color:#a3aff2}.genres-row{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.genre-btn{cursor:pointer;background:#f7b5ee;border:1px solid #e3e3e3;border-radius:12px;padding:6px 10px;font-weight:600}.genre-btn.active{background:linear-gradient(#ee7fbe,#f7b5ee);border-color:#f0a6e6}.results-count{color:#555;margin-bottom:8px}.books-list.grid-view{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid;overflow-x:hidden}.books-list.list-view{flex-direction:column;gap:14px;display:flex}.book-card{box-sizing:border-box;background:#f6cff1;border:2px solid #e3dae1;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex;overflow:hidden}.book-card.list{height:218px}.book-meta{align-items:flex-start;gap:12px;display:flex}.cover-wrap{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.books-list.grid-view .cover-wrap{width:100%;height:0;padding-bottom:140%}.books-list.list-view .cover-wrap{flex:0 0 120px;width:220px;height:190px}.book-cover{object-fit:cover;border:1px solid #e6e6e6;border-radius:6px;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.book-cover.placeholder{color:#777;text-align:center;background:#f3f3f3;border:1px dashed #ddd;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:inline-flex;position:absolute;top:0;bottom:0;left:0;right:0}.cover-overlay{box-sizing:border-box;color:#a3aff2;opacity:0;background:rgba(255,255,255,.95);border-radius:6px;padding:8px;transition:opacity .18s,transform .18s;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto;transform:translateY(8px)}.books-list.grid-view .book-card:hover .cover-overlay{opacity:1;transform:translateY(0)}.overlay-content{font-size:.95rem;line-height:1.3}.overlay-genre{margin-bottom:6px;font-weight:500}.overlay-desc{color:#a3aff2;margin-bottom:8px}.overlay-review{color:#5b6ee1}.book-title-block{text-align:left;flex-direction:column;gap:6px;display:flex}.book-title{margin:0;font-size:1.8rem}.book-sub{color:#5b6ee1;font-size:1.3rem}.book-rating{color:#5b6ee1;font-weight:700}.book-body{border-top:1px dashed #f0d6e8;padding-top:8px}.book-desc{color:#5b6ee1;margin:0 0 8px}.book-card.list{flex-direction:row;align-items:flex-start}.book-card.list .book-meta{align-items:center}.book-card.list .book-title-block{text-align:left}.book-card.list .book-body{border-top:none;padding-left:0}.books-list.list-view .cover-overlay{display:none}.no-results{text-align:center;color:#666;padding:20px}