:root{--primary:#6366f1;--secondary:#4f46e5;--bg-color:#f8fafc;--text-color:#1e293b;--white:#fff;--shadow:0 4px 6px -1px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,system-ui,sans-serif;line-height:1.6}.container{text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:20px;display:flex}header{flex-direction:column;align-items:center;width:100%;margin-bottom:2rem;display:flex}.search-box{background:var(--white);width:100%;max-width:700px;box-shadow:var(--shadow);border:2px solid #e2e8f0;border-radius:15px;justify-content:center;gap:10px;margin-bottom:30px;padding:20px;display:flex}#categoryInput{border:2px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:12px}#results{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;display:grid}#pagination-wrapper{justify-content:center;align-items:center;gap:20px;margin-top:40px;padding-bottom:40px;display:flex}.hidden{display:none!important}.book-card{background:var(--white);box-shadow:var(--shadow);border-radius:12px;padding:20px;transition:transform .2s}.book-card:hover{transform:translateY(-5px)}.book-cover{object-fit:cover;border-radius:8px;width:100%;height:250px;margin-bottom:15px}.info-btn,#search-Btn,.page-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:background .3s}.info-btn{margin-top:1.5rem;margin-bottom:.9rem}.info-btn:hover,#search-Btn:hover{background-color:var(--secondary)}.page-btn:disabled{cursor:not-allowed;background-color:#cbd5e1}.description-container{text-align:left;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:250px;padding:15px;line-height:1.6;overflow-y:auto}.loading-state{min-height:200px;color:var(--primary);grid-column:1/-1;justify-content:center;align-items:center;font-weight:500;display:flex}.loader-spin{border:3px solid #6366f133;border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;margin-right:12px;animation:.8s linear infinite spin}.skeleton-loader{background-color:#cbd5e1;background-image:linear-gradient(90deg,#cbd5e1 0%,#f1f5f9 50%,#cbd5e1 100%);background-size:200% 100%;border-radius:6px;margin-bottom:10px;animation:1.2s ease-in-out infinite shimmer;display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (width<=1024px){#results{grid-template-columns:repeat(2,1fr);gap:20px}h1{font-size:2rem}}@media (width<=768px){.search-box{flex-direction:column;padding:15px}#categoryInput,#search-Btn{width:100%;height:50px}.container{padding:10px}#pagination-wrapper{gap:10px;font-size:.9rem}}@media (width<=480px){#results{grid-template-columns:1fr}h1{font-size:1.6rem}.book-cover{height:200px}.page-btn{padding:8px 12px;font-size:.85rem}}@media (width>=1400px){.container{max-width:1300px}#results{grid-template-columns:repeat(4,1fr)}}