body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background:linear-gradient(90deg,#c4cae4,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.search-form{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:30px}.search-form input[type=text],.search-form select{flex:1 1 200px;min-width:150px}.search-form input[type=text],.search-form select,button{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px}button{background-color:#5c67f2;color:#fff;cursor:pointer;flex:none;min-width:120px;transition:background-color .2s ease;white-space:nowrap}button:hover{background-color:#4b52d1}.title{color:#fff;font-size:36px;font-weight:600;margin-bottom:30px;text-align:center}.book-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.book-card{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 0 8px #0000000d;padding:10px;text-align:center;transition:transform .2s ease}.book-card:hover{transform:translateY(-4px)}.book-card img{height:200px;margin-bottom:10px;object-fit:cover;width:100%}.book-card h3{font-size:16px;margin:5px 0}.book-card p{color:#555;font-size:14px}.book-card a{color:#5c67f2;display:inline-block;font-size:14px;margin-top:5px;text-decoration:none}.book-card a:hover{text-decoration:underline}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:30px}.pagination button{font-size:14px;padding:8px 12px}.loading{display:flex;justify-content:center;margin:20px 0}.error{color:red;font-weight:700;margin:20px 0;text-align:center}@media (max-width:768px){.book-card img{height:180px}.search-form input,.search-form select,button{width:100%}}@media (max-width:480px){.book-card img{height:180px}.book-card h3{font-size:14px}.book-card a,.book-card p{font-size:12px}.pagination{flex-direction:column;gap:6px}}@media(max-width:360){.search-form input,.search-form select,button{width:50%}.pagination{flex-direction:column;gap:6px}.book-card img{height:120px}.book-card h3{font-size:8px}.title{width:15px}}
/*# sourceMappingURL=main.10ff879d.css.map*/