*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Segoe UI",Roboto,sans-serif;background:#f9f9f9;color:#222;line-height:1.5}body .h1{font-family:"Courier New",Courier,monospace;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5);padding:.5rem;font-size:2.5rem;text-align:center}@media screen and (max-width: 480px){body{font-size:.85rem}}@media screen and (min-width: 1200px){body{font-size:1rem}}.logo-container{display:flex;justify-content:flex-start;align-items:center;padding:1rem;background:linear-gradient(to top, rgba(10, 15, 62, 0.768), rgba(10, 15, 62, 0.009));box-shadow:3px 3px 5px rgba(0,0,0,.4)}@media screen and (max-width: 768px){.logo-container{padding:.2rem}}.owly-Logo{width:150px;height:auto;margin:1rem;border-radius:5px}@media screen and (max-width: 768px){.owly-Logo{width:80px}}.hero-section{background:linear-gradient(to bottom, rgba(10, 15, 62, 0.324), rgba(10, 15, 62, 0.806)),url(assets/hero-cover1.jpg) no-repeat center/cover;height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:height .4s ease;border-radius:0 0 5px 5px}.hero-section.shrink{height:20vh}.hero-section h1{color:#fff;font-size:2.5rem;text-shadow:0 2px 6px rgba(0,0,0,.5);font-family:"Courier New",Courier,monospace;padding:.5rem}@media screen and (max-width: 768px){.hero-section h1{font-size:1.5rem}}.hero-section .hero-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;margin:.5rem}.hero-section #select-input{padding:1rem;border:1px solid #0a66e7;border-radius:5px;cursor:pointer;box-shadow:3px 3px 5px rgba(0,0,0,.4);transition:background-color .3s ease;height:fit-content;color:#fff;font-size:1rem;background:#4a90e2;color:#fff;border-radius:5px;padding:1rem;font-size:1rem}@media screen and (max-width: 768px){.hero-section #select-input{width:fit-content;padding:.5rem;font-size:.8rem}}.hero-section #search-input{border-radius:5px;width:60%;max-width:500px;height:3rem;padding:.8rem 1.5rem;border:1px solid #4a90e2}.hero-section #search-input input{width:100%;padding:.8rem 1rem;border-radius:50px;border:none;outline:none;font-size:1rem}.hero-section #search-input input:focus{transform:scale(1.05);box-shadow:0 0 10px rgba(0,0,0,.2)}@media screen and (max-width: 768px){.hero-section #search-input input{padding:.5rem;font-size:.8rem}}@media screen and (max-width: 768px){.hero-section #search-input{width:80%;font-size:.7rem;height:auto}}.hero-section #search-button{padding:1rem;border:1px solid #0a66e7;border-radius:5px;cursor:pointer;box-shadow:3px 3px 5px rgba(0,0,0,.4);transition:background-color .3s ease;height:fit-content;color:#fff;font-size:1rem;background:#4a90e2}@media screen and (max-width: 768px){.hero-section #search-button{padding:.5rem;font-size:.8rem}}.results-container{margin:2rem auto;width:90%;max-width:1100px}.results-container .toggle-placeholder{text-align:right;margin-bottom:1rem}@media screen and (max-width: 480px){.results-container .toggle-placeholder{text-align:center}}.results-container .toggle-button{padding:1rem;border:1px solid #0a66e7;border-radius:5px;cursor:pointer;box-shadow:3px 3px 5px rgba(0,0,0,.4);transition:background-color .3s ease;height:fit-content;color:#fff;font-size:1rem;background:#4a90e2;padding:.4rem 1rem;cursor:pointer}.results-container .toggle-button:hover{background:rgb(48.1428571429,128.1428571429,221.8571428571)}@media screen and (max-width: 480px){.results-container .toggle-button{padding:.6rem 1.2rem}}.results-container .books-wrapper{display:flex;flex-direction:column;gap:1rem}.results-container.list-view .books-wrapper{display:flex;flex-direction:column;gap:1rem}@media screen and (max-width: 480px){.results-container.list-view .books-wrapper .book-result{background:linear-gradient(to right, rgba(10, 15, 62, 0.806), rgba(10, 15, 62, 0.324));padding:1rem;border-radius:5px;color:#fff}}.results-container.grid-view .books-wrapper{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:1rem}@media screen and (max-width: 480px){.results-container.grid-view .books-wrapper{grid-template-columns:repeat(3, 1fr);gap:.5rem}.results-container.grid-view .books-wrapper .book-result .book-cover{height:160px}.results-container.grid-view .books-wrapper .book-result .book-overlay h3{height:2.5rem;font-size:.8rem;line-height:1.3;-webkit-line-clamp:2;line-clamp:2;line-clamp:2;overflow:scroll}}.book-result{position:relative;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease}.book-result:hover{transform:translateY(-5px)}.book-result:hover .book-overlay{opacity:1}@media screen and (max-width: 480px){.book-result:hover{transform:none}}.book-cover-container{position:relative}.book-cover-container .book-cover{width:150px;height:200px;object-fit:cover;border-radius:12px;border:solid 2px #e75333}@media screen and (max-width: 480px){.book-cover-container .book-cover{height:160px}}.book-cover-container .book-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2));color:#fff;padding:1rem;border-radius:12px;border:solid 1px rgba(233,230,230,.34);opacity:0;transition:opacity .3s ease}@media screen and (max-width: 480px){.book-cover-container .book-overlay{opacity:1;width:100%;text-align:left;padding:.5rem}}.book-cover-container .book-overlay h3{font-size:1rem;margin-bottom:.5rem;font-weight:bold;height:3rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}@media screen and (max-width: 480px){.book-cover-container .book-overlay h3{font-size:.9rem;background:rgba(74,144,226,.9);padding:.25rem .5rem;border-radius:5px;margin-bottom:.25rem;height:2.5rem;line-height:1.4;-webkit-line-clamp:2;line-clamp:2}}.book-cover-container .book-overlay .book-buttons{display:flex;gap:.5rem;justify-content:flex-end}@media screen and (max-width: 480px){.book-cover-container .book-overlay .book-buttons{justify-content:flex-start}}.book-cover-container .book-overlay .book-buttons button{padding:.4rem .7rem;border-radius:8px;border:none;cursor:pointer;font-size:.85rem;transition:transform .2s ease}.book-cover-container .book-overlay .book-buttons button:hover{transform:scale(1.05)}@media screen and (max-width: 480px){.book-cover-container .book-overlay .book-buttons button{padding:.3rem .5rem;font-size:.75rem}}.book-cover-container .book-overlay .book-buttons .book-details{background:#4a90e2;color:#fff}.book-cover-container .book-overlay .book-buttons .book-details:hover{background:rgb(34.3857142857,117.3857142857,214.6142857143)}.book-cover-container .book-overlay .book-buttons .like-button{background:#fff;color:#4a90e2}.book-cover-container .book-overlay .book-buttons .like-button.liked{background:#e75333;color:#fff}.book-meta{padding:.8rem;font-size:.9rem}.book-meta strong{color:#222}.book-meta .show-more-authors{background:rgba(74,152,226,.35);color:#fff;border:none;cursor:pointer;font-weight:bold;margin:0 .3rem;padding:.2rem .4rem;border-radius:3px}.book-description{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1000;width:80%;max-width:800px;max-height:80vh;overflow-y:auto;backdrop-filter:blur(6px);background:rgba(10,16,71,.7254901961);color:#fff;padding:1rem;border-radius:5px;margin-right:1rem;max-width:800px;box-shadow:3px 3px 5px rgba(0,0,0,.4);border:solid 2px #e75333}.book-description .close-button{padding:1rem;border:1px solid #0a66e7;border-radius:5px;cursor:pointer;box-shadow:3px 3px 5px rgba(0,0,0,.4);transition:background-color .3s ease;height:fit-content;color:#fff;font-size:1rem;background:#e75333}.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);z-index:900;display:flex;justify-content:center;align-items:center;justify-content:space-evenly;flex-direction:column}.modal h2{position:relative;text-align:center;font-size:5rem;color:#fff}.modal #dialog_desc{position:relative;background-color:#b3b3b3;padding:1rem;font-size:1.5rem;border-radius:5px}.modal #modal-close{padding:1rem;border:1px solid #0a66e7;border-radius:5px;cursor:pointer;box-shadow:3px 3px 5px rgba(0,0,0,.4);transition:background-color .3s ease;height:fit-content;color:#fff;font-size:1rem;background-color:#4a90e2;position:fixed;top:70%;left:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){.modal h2{font-size:2rem;position:relative;text-align:center}.modal #dialog_desc{font-size:1rem;padding:.5rem;margin-bottom:10px;width:fit-content;position:relative;top:50%;left:50%;transform:translateX(-50%)}.modal #modal-close{padding:1rem;border:1px solid #0a66e7;border-radius:5px;cursor:pointer;box-shadow:3px 3px 5px rgba(0,0,0,.4);transition:background-color .3s ease;height:fit-content;color:#fff;font-size:1rem;background-color:#4a90e2;position:fixed;top:70%;left:50%;transform:translate(-50%, -50%)}}footer{position:relative;margin-top:65%;z-index:100}.contatti-footer-container{width:100vw;font-size:.8rem;background:rgba(10,15,62,.3725490196);padding:1rem;border-radius:10px;color:#e75333;position:sticky;top:0;margin-top:31vw}@media screen and (max-width: 768px){.contatti-footer-container{font-size:.7rem;padding:.5rem;position:static}}.social-icon{width:1.5rem;height:1.5rem;margin-right:.5rem;transition:transform .3s ease;position:relative;left:40%}.social-icon:hover{transform:scale(1.2)}