:root{--font-heading:"Lora",serif;--font-body:"Montserrat",sans-serif;--color-purple:#6a11cb;--color-blue:#2575fc;--color-pink:#f94892;--color-orange:#ff7e5f;--text-light:#f5f5f5;--text-dark:#222;--shadow-color:#0003}body{animation:gradientAnimation 15s ease infinite;background:linear-gradient(45deg,#6a11cb,#2575fc,#f94892,#ff7e5f);background:linear-gradient(45deg,var(--color-purple),var(--color-blue),var(--color-pink),var(--color-orange));background-size:400% 400%;color:#222;color:var(--text-dark);font-family:Montserrat,sans-serif;font-family:var(--font-body);margin:0;min-height:100vh}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App{text-align:center}.app-header{background:linear-gradient(135deg,var(--secondary-color),#34495e);box-shadow:0 4px 12px var(--shadow-color);color:#fff;padding:50px 20px}.app-header h1{font-size:2.5rem;font-weight:700;margin:0}.search-bar{display:flex;gap:10px;justify-content:center;margin-top:20px}.search-bar input{border:none;border-radius:50px;box-shadow:0 2px 8px #00000026;font-family:var(--font-main);font-size:1rem;padding:15px;transition:box-shadow .3s ease;width:min(500px,70%)}.search-bar input:focus{box-shadow:0 0 0 3px var(--primary-color),0 4px 12px #0003;outline:none}.search-bar button{background-color:var(--primary-color);border:none;border-radius:50px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 30px;transition:background-color .3s ease}.search-bar button:hover{background-color:var(--primary-dark)}.search-bar button:active{box-shadow:0 1px 4px #0003;transform:scale(.98)}.search-bar button:disabled{background-color:var(--primary-dark);cursor:not-allowed;opacity:.7}.results-container{margin:40px auto;max-width:1200px;padding:0 20px}.info-message{color:#777;font-size:1.2rem;margin-top:50px}.book-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.book-card{background-color:var(--card-background);border-radius:12px;box-shadow:0 4px 15px var(--shadow-color);text-align:left;transition:transform .3s ease,box-shadow .3s ease}.book-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-8px)}.book-cover img{display:block;height:300px;object-fit:cover;width:100%}.book-cover .no-cover{align-items:center;background-color:#e0e0e0;color:#999;display:flex;height:300px;justify-content:center;width:100%}.book-info h3{font-weight:600;margin:0 0 10px}.book-info p{color:#666;margin:4px 0}@media (max-width:600px){.app-header h1{font-size:2rem}.search-bar{align-items:center;flex-direction:column}}.results-container{padding-top:40px}.info-message{background:#0000004d;border-radius:15px;color:var(--text-light);font-size:1.5rem;font-weight:500;padding:20px;text-align:center}.book-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.book-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;border-top:4px solid #0000;box-shadow:0 8px 32px 0 var(--shadow-color);color:var(--text-light);overflow:hidden;transition:transform .3s ease}.book-card:hover{transform:translateY(-10px)}.book-card:nth-child(4n+1){border-top-color:var(--color-purple)}.book-card:nth-child(4n+2){border-top-color:var(--color-blue)}.book-card:nth-child(4n+3){border-top-color:var(--color-pink)}.book-card:nth-child(4n+4){border-top-color:var(--color-orange)}.book-cover-container img{display:block;height:280px;object-fit:cover;width:100%}.no-cover{align-items:center;background:#0003;display:flex;font-size:.9rem;height:280px;justify-content:center}.book-info{padding:15px}.book-info h3{font-family:var(--font-heading);font-size:1.1rem;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-info p{font-size:.9rem;margin:0;opacity:.8}.header-top{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:20px;width:100%}.nav-buttons button{background:none;border:1px solid #ffffffb3;border-radius:20px;color:#ffffffe6;cursor:pointer;margin-left:10px;padding:8px 15px;transition:all .3s ease}.nav-buttons button:hover{background:#fff;color:var(--color-blue)}.book-list-view{display:flex;flex-direction:column;gap:15px}.book-list-item{align-items:flex-start;background:#00000026;border-radius:10px;cursor:pointer;display:flex;padding:15px;transition:background .3s ease}.book-list-item:hover{background:#00000040}.book-rank{color:var(--text-light);flex-shrink:0;font-family:var(--font-heading);font-size:1.8rem;font-weight:700;margin-right:15px;opacity:.8;width:50px}.book-list-cover{border-radius:5px;box-shadow:0 4px 15px #0000004d;flex-shrink:0;height:130px;margin-right:20px;overflow:hidden;width:90px}.book-list-cover img{height:100%;object-fit:cover;width:100%}.no-cover-list{align-items:center;background:#0000004d;color:var(--text-light);display:flex;font-size:.8rem;height:100%;justify-content:center;width:100%}.book-list-details{color:var(--text-light);flex-grow:1}.book-list-details h3{font-family:var(--font-heading);font-size:1.3rem;margin:0 0 5px;transition:color .3s ease}.book-list-item:hover .book-list-details h3{color:var(--color-pink)}.book-list-details p{margin:0 0 10px;opacity:.8}.book-list-details .book-list-meta{font-size:.8rem;opacity:.6}.genre-grid-container{margin-top:30px;text-align:left;width:100%}.genre-grid-container h2{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:15px}.genre-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.genre-card{align-items:flex-end;background-position:50%;background-size:cover;border-radius:10px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:80px;justify-content:flex-start;overflow:hidden;padding:10px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.genre-card:hover{box-shadow:0 8px 25px #0000004d;transform:scale(1.05)}.genre-card span{z-index:2}.genre-card:before{background:#0006;content:"";height:100%;left:0;position:absolute;top:0;transition:background .3s ease;width:100%;z-index:1}.genre-card:hover:before{background:#0003}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-form{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px 0 var(--shadow-color);color:var(--text-light);padding:40px;text-align:center;width:350px}.login-form h2{font-family:var(--font-heading);margin-bottom:10px}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;font-size:.9rem;margin-bottom:5px}.input-group input{background:#fff3;border:1px solid #ffffff4d;border-radius:5px;box-sizing:border-box;color:var(--text-light);padding:10px;width:100%}.login-form button{background:var(--color-pink);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:12px;transition:all .3s ease;width:100%}.error-message{color:#fcc;font-size:.9rem;margin-bottom:15px}.profile-container{align-items:center;display:flex;justify-content:center;padding:40px 20px}.profile-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px 0 var(--shadow-color);color:var(--text-light);max-width:600px;padding:40px;position:relative;width:100%}.profile-card h2{border-bottom:2px solid var(--color-pink);font-family:var(--font-heading);margin-bottom:20px;padding-bottom:10px}.profile-details p{line-height:1.6}.back-button{background:none;border:1px solid var(--text-light);border-radius:20px;color:var(--text-light);cursor:pointer;left:20px;padding:8px 15px;position:absolute;top:20px;transition:all .3s ease}.back-button:hover{background:var(--color-pink);border-color:var(--color-pink)}.details-page-container{padding:40px 20px}.details-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0003;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px 0 var(--shadow-color);color:var(--text-light);margin:0 auto;max-width:900px;padding:40px;position:relative}.details-back-button{background:none;border:1px solid var(--text-light);border-radius:20px;color:var(--text-light);cursor:pointer;margin-bottom:20px;padding:8px 15px;transition:all .3s ease}.details-back-button:hover{background:var(--color-pink);border-color:var(--color-pink)}.details-content{display:flex;gap:40px}.details-cover{flex-shrink:0;width:250px}.details-cover img{border-radius:10px;box-shadow:0 8px 25px #0006;width:100%}.no-cover-details{align-items:center;background:#0000004d;border-radius:10px;display:flex;height:380px;justify-content:center;width:100%}.details-info h1{font-family:var(--font-heading);font-size:2.5rem;margin:0 0 5px}.details-info h2{border-bottom:1px solid #ffffff4d;font-size:1.2rem;font-weight:400;margin:0 0 20px;opacity:.8;padding-bottom:20px}.description h3{font-family:var(--font-heading)}.description p{line-height:1.7;opacity:.9}.genre-page-container{margin:40px auto;max-width:1200px;padding:20px}.genre-page-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0003;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px 0 var(--shadow-color);color:var(--text-light);margin-bottom:40px;padding:40px;text-align:center}.genre-page-header h1{font-family:var(--font-heading);font-size:3rem;margin:10px 0}
/*# sourceMappingURL=main.9eec5adf.css.map*/