*{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{background-color:#ff91001f;min-height:100vh}.page{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:2rem}.container{width:100%;max-width:1200px;padding:1.5rem;display:flex;flex-direction:column;align-items:center}.container img{width:100%;max-width:300px;margin-bottom:1rem}.container h1{margin-bottom:1rem;font-size:2.5rem;text-align:center}.container h2{margin-bottom:1.2rem;font-size:.8rem;text-align:center}.container h2 a{color:#333;transition:color .3s ease}.container h2 a:hover{color:#e07b00}.container p{margin-top:1rem;font-size:.9rem;text-align:center}.search-wrapper{position:sticky;width:100%;max-width:600px;margin-bottom:1.5rem}.search-wrapper input{width:100%;padding:.7rem 3rem .7rem 1rem;background-color:#ff91001f;font-size:1rem;border:2px solid #ccc;border-radius:10px;outline:none;transition:.3s ease}.search-wrapper input:focus{border-color:#e07b00}.search-wrapper .search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;font-size:1.5rem;color:#000;transition:color .3s ease}.search-wrapper .search-btn:hover{color:#e07b00}.loading{font-size:1.1rem;color:#333;text-align:center;margin:2rem 0}.hidden{display:none}.results{width:100%;display:grid;gap:1rem;margin-bottom:2rem;justify-content:center;grid-template-columns:1fr;max-width:400px}.results .book-card{display:flex;flex-direction:column;justify-content:space-between;background:#fff9;border-radius:12px;padding:1.2rem;text-align:center;box-shadow:0 4px 10px #0000001a;min-height:320px;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}.results .book-card img{width:100%;object-fit:contain;border-radius:6px;margin-bottom:.5rem}.results .book-card h3{font-size:1rem;margin-bottom:.3rem}.results .book-card p{font-size:.9rem;margin-bottom:.5rem;color:#555}.results .book-card button{margin-top:auto;background:#000;color:#fff;border:none;padding:.4rem .7rem;border-radius:6px;cursor:pointer;transition:background .3s ease}.results .book-card button:hover{background:#e07b00}@media(min-width:768px){.results{grid-template-columns:repeat(3,1fr);max-width:900px}.results .book-card img{height:300px;object-fit:cover}}@media(min-width:1024px){.results{grid-template-columns:repeat(4,1fr);max-width:1100px}.results .book-card img{height:300px}}.load-more{background:#000;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;transition:background .3s ease}.load-more:hover{background:#e07b00}ul{list-style:none;display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}ul li a{color:#333;font-size:1.8rem;transition:color .3s ease}ul li a:hover{color:#e07b00}.modal{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:.3s ease}.modal.hidden{opacity:0;pointer-events:none}.modal .modal-content{background:#fff;padding:1.5rem;border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;transform:scale(1);transition:.3s ease}.modal .modal-content h2{margin-bottom:1rem;font-size:1.3rem}.modal .modal-content p{font-size:1rem;line-height:1.5}.modal .close-modal{position:absolute;top:10px;right:14px;font-size:1.8rem;background:none;border:none;cursor:pointer}.modal .close-modal:hover{color:#e07b00}.scroll-top{position:fixed;bottom:30px;right:30px;width:55px;height:55px;background:#000;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.4rem;display:flex;justify-content:center;align-items:center;box-shadow:0 6px 20px #0003;transition:all .3s ease;opacity:0;pointer-events:none;z-index:200}.scroll-top:hover{background:#e07b00}.scroll-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}@media(min-width:1024px){.container img{max-width:400px}.container h1{font-size:4rem}.search-wrapper input{font-size:1.2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}