body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;color:#333;background-color:#f3f4f6;margin-top:0;margin-bottom:0}.container{margin-top:1.8rem;width:100%;max-width:1200px}.container[data-ismobile=true]{margin-bottom:60px}h2{text-align:center}.home-page{flex-direction:column;justify-content:start;min-height:100vh}.home-page,.home-page .header{display:flex;align-items:center}.home-page .header{background-color:#d3d3d3;position:fixed;padding:.5rem;top:0;width:100%;justify-content:space-between;z-index:5000}.home-page .header-title{margin-left:1rem;font-size:1.5rem;font-weight:700;display:flex;gap:.5rem;align-items:center}.home-page h1{font-size:2.25rem;font-weight:700;margin-bottom:2rem}.home-page.start{justify-content:center}.home-page.start .title{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}.home-page.start h1{line-height:0}.home-page.start p{margin:0 30px}.home-page .button-container{display:flex;gap:1rem}.home-page .button-container .home-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.lists-buttons-container{background-color:#f3f4f6;padding:.5rem 2rem;z-index:1000;position:-webkit-sticky;position:sticky;top:3.2rem;display:flex;justify-content:space-between;gap:1rem;max-width:600px;margin:0 auto}.lists-buttons-container button{display:flex;align-items:center;justify-content:center;gap:.3rem}.lists-buttons-container button :first-child{font-size:1.2rem}.lists-mobile-buttons-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;background-color:hsla(0,0%,50%,.8);z-index:1000;box-shadow:0 -2px 5px rgba(0,0,0,.2);overflow:hidden}.lists-mobile-buttons-container button{flex-grow:1;height:38px;padding:.5rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;cursor:pointer}.lists-mobile-buttons-container button :first-child{margin-right:.5rem}.lists-mobile-buttons-container button:hover{background-color:#0056b3}.emoji-button{border:none;background-color:transparent;transition:all .3s ease}.emoji-button:hover[data-selected=false]{cursor:pointer;transform:scale(1.1)}.emoji-button[data-selected=true]{animation:celebrate 1s ease-in-out 1}.emoji-button[data-discarted=true]{filter:grayscale(1)}@keyframes celebrate{0%{transform:scale(1)}25%{transform:scale(1.6) rotate(10deg)}50%{transform:scale(1) rotate(-10deg)}75%{transform:scale(1.6) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}.delete-text-button{background-color:rgba(0,0,255,0);color:#000;border:none;font-size:1rem;position:absolute;height:100%;right:6px}.delete-text-button:hover{transform:scale(1.1);cursor:pointer}.config-filters-button{position:relative;cursor:pointer}.config-filters-button[data-filters=true]:after{content:"";display:block;position:absolute;top:-.4rem;right:-.7rem;width:.8rem;height:.8rem;background-color:red;border-radius:50%;margin-right:.25rem}.button{padding:.5rem 1rem;border:none;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color .3s ease;cursor:pointer}.button.primary{background-color:#3b82f6;color:#fff}.button.primary:hover{background-color:#0b63f3}.button.secondary{background-color:#10b981;color:#fff}.button.secondary:hover{background-color:#0c8a60}.button.info{background-color:#979797;color:#fff}.button.info:hover{background-color:#b1b1b1}.button.danger{background-color:#ef4444;color:#fff}.button.danger:hover{background-color:#f37373}.button.active{background-color:#ffd000;color:#000;font-weight:700}.button.active:hover{background-color:#ffd933}.button.disabled{background-color:transparent;color:gray;font-weight:700;border:1px dashed gray;cursor:not-allowed}.button .book-count{font-size:.875rem;padding:.1rem .4rem;border:1px solid #fff;background-color:#fff;color:#000;border-radius:50%}.button.load-more{width:100%}.book-list{max-width:600px;margin:2rem auto}.book-list h2{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.book-list-search-input{display:flex;gap:.5rem;margin-bottom:1rem;position:relative}.book-list-search-input .search-input{width:100%;padding:.5rem;border:1px solid #c7c7c7;border-radius:.25rem}.book-list .sort-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.book-list .sort-buttons[data-ismobile=true] button{line-height:1;font-size:.7rem}.book-list ul{list-style-type:none;padding:0}.book-list ul .li{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border:1px solid #c7c7c7;border-radius:.25rem;margin-bottom:.5rem}.book-list ul .li .book-on-list{display:flex;gap:1rem;align-items:center}.book-list ul .li .book-info{flex-grow:1;display:flex;flex-direction:column}.book-list ul .li .book-info .book-title{font-weight:700}.book-list ul .li .book-info .book-author{font-size:.875rem;color:#666}.book-list ul .li .book-actions{display:flex;gap:.5rem}.add-book-form{max-width:600px;margin:2rem auto}.add-book-form-input{display:flex;gap:.5rem;width:100%;position:relative}.add-book-form-fields{display:flex;gap:1rem;margin-top:.5rem}.add-book-form h2{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.add-book-form form{display:flex;flex-direction:column;gap:1rem}.add-book-form form input{padding:.5rem;border:1px solid #c7c7c7;border-radius:.25rem;flex-grow:1}.search-results{margin-top:1rem}.search-results ul{list-style-type:none;padding:0}.search-results ul li{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border:1px solid #c7c7c7;border-radius:.25rem;margin-bottom:.5rem}.search-results ul li .book-info{flex-grow:1}.error-alert{padding:.1rem 2rem;background-color:#ef4444;color:#fff;font-weight:bolder;border-radius:50px;margin-bottom:1rem;position:fixed;bottom:1rem;left:50%;transform:translateX(-50%)}@media(max-width:768px){.home-page h1{font-size:1.875rem}.home-page .button-container{flex-direction:column}.add-book-form,.book-list{padding:0 1rem}}.modal-message{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;background-color:rgba(49,49,49,.4)}.modal-message span{font-weight:bolder;color:#fff;text-shadow:#000 1px 1px 1px}.confirm-delete-modal{text-align:center}.confirm-delete-modal h3{margin-bottom:1rem;font-size:1.5rem}.confirm-delete-modal p{margin-bottom:1.5rem;font-size:1rem;color:#555}.confirm-delete-modal p span{font-weight:bolder;font-style:italic}.info-modal{z-index:1000}.confirm-delete-modal,.feedback-modal{z-index:1100}.confirm-delete-modal,.feedback-modal,.info-modal{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(49,49,49,.4);display:flex;align-items:center;justify-content:center;padding-top:15px}.confirm-delete-modal-content,.feedback-modal-content,.info-modal-content{background-color:#fefefe;position:relative;padding:20px;border:1px solid #888;width:80%;max-height:80vh;overflow-y:auto;box-shadow:0 5px 15px rgba(0,0,0,.3);border-radius:10px;margin:auto}.confirm-delete-modal-content .close,.feedback-modal-content .close,.info-modal-content .close{color:#aaa;float:right;font-size:28px;font-weight:700;position:-webkit-sticky;position:sticky;top:2px;right:20px}.confirm-delete-modal-content .close:focus,.confirm-delete-modal-content .close:hover,.feedback-modal-content .close:focus,.feedback-modal-content .close:hover,.info-modal-content .close:focus,.info-modal-content .close:hover{color:#000;text-decoration:none;cursor:pointer}.confirm-delete-modal-content h3,.feedback-modal-content h3,.info-modal-content h3{margin-bottom:0;margin-right:2.7rem;font-style:italic}.confirm-delete-modal-content h4,.feedback-modal-content h4,.info-modal-content h4{margin-top:0}.confirm-delete-modal-content hr,.feedback-modal-content hr,.info-modal-content hr{max-width:90%;margin:30px auto}.confirm-delete-modal-content .mark-checkbox,.feedback-modal-content .mark-checkbox,.info-modal-content .mark-checkbox{width:1rem;height:1rem}.confirm-delete-modal-content .mark-label,.feedback-modal-content .mark-label,.info-modal-content .mark-label{margin-left:.5rem}.confirm-delete-modal-actions,.feedback-modal-actions,.info-modal-actions{display:flex;justify-content:space-between;gap:1rem}.confirm-delete-modal-rating-title,.feedback-modal-rating-title,.info-modal-rating-title{margin-top:2rem;display:block;font-size:1rem;font-weight:bolder;color:#555}.confirm-delete-modal-date,.feedback-modal-date,.info-modal-date{margin-top:1rem}.confirm-delete-modal-date,.confirm-delete-modal-rating-buttons,.feedback-modal-date,.feedback-modal-rating-buttons,.info-modal-date,.info-modal-rating-buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem}.confirm-delete-modal-date button,.confirm-delete-modal-rating-buttons button,.feedback-modal-date button,.feedback-modal-rating-buttons button,.info-modal-date button,.info-modal-rating-buttons button{font-size:1.5rem;padding:10px 12px}.confirm-delete-modal-date button img,.confirm-delete-modal-rating-buttons button img,.feedback-modal-date button img,.feedback-modal-rating-buttons button img,.info-modal-date button img,.info-modal-rating-buttons button img{width:3.8rem;filter:drop-shadow(1px 1px 3px black)}.confirm-delete-modal-date[data-ismobile=true] button img,.confirm-delete-modal-rating-buttons[data-ismobile=true] button img,.feedback-modal-date[data-ismobile=true] button img,.feedback-modal-rating-buttons[data-ismobile=true] button img,.info-modal-date[data-ismobile=true] button img,.info-modal-rating-buttons[data-ismobile=true] button img{width:2.5rem}.confirm-delete-modal-date span,.confirm-delete-modal-rating-buttons span,.feedback-modal-date span,.feedback-modal-rating-buttons span,.info-modal-date span,.info-modal-rating-buttons span{font-weight:bolder;font-size:1.2rem;cursor:pointer}.confirm-delete-modal-date-personal,.confirm-delete-modal-rating-buttons-personal,.feedback-modal-date-personal,.feedback-modal-rating-buttons-personal,.info-modal-date-personal,.info-modal-rating-buttons-personal{flex-basis:100%;display:flex}.confirm-delete-modal-date-personal input,.confirm-delete-modal-rating-buttons-personal input,.feedback-modal-date-personal input,.feedback-modal-rating-buttons-personal input,.info-modal-date-personal input,.info-modal-rating-buttons-personal input{margin:auto;font-size:1.2rem;font-weight:700;padding:5px 8px;border-radius:10px}.confirm-delete-modal-image,.feedback-modal-image,.info-modal-image{display:inline;float:inline-start;margin-top:.5rem}.confirm-delete-modal-image img,.feedback-modal-image img,.info-modal-image img{width:200px;display:flex;margin-right:2rem}.confirm-delete-modal-image[data-ismobile=true],.feedback-modal-image[data-ismobile=true],.info-modal-image[data-ismobile=true]{display:block;float:none}.confirm-delete-modal-image[data-ismobile=true] img,.feedback-modal-image[data-ismobile=true] img,.info-modal-image[data-ismobile=true] img{width:40%}.confirm-delete-modal-info,.feedback-modal-info,.info-modal-info{flex:1 1;margin-right:2rem}.confirm-delete-modal-info-title,.feedback-modal-info-title,.info-modal-info-title{font-size:2rem;font-style:oblique;font-weight:bolder;margin-bottom:0;margin-top:.5rem}.confirm-delete-modal-info-author,.feedback-modal-info-author,.info-modal-info-author{font-size:1.5rem;font-style:oblique;font-weight:400;margin-top:0;margin-bottom:1.5rem}.confirm-delete-modal-info-description,.feedback-modal-info-description,.info-modal-info-description{margin-top:2rem}.confirm-delete-modal-info-categories,.feedback-modal-info-categories,.info-modal-info-categories{font-size:.8rem;font-style:oblique}.confirm-delete-modal-info-categories span,.feedback-modal-info-categories span,.info-modal-info-categories span{font-weight:700}.confirm-delete-modal-info-details,.feedback-modal-info-details,.info-modal-info-details{margin-top:2.5rem;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.confirm-delete-modal-info-details div,.feedback-modal-info-details div,.info-modal-info-details div{border:1px solid #000;border-radius:10px;padding:10px 15px}.confirm-delete-modal-info-details div h5,.feedback-modal-info-details div h5,.info-modal-info-details div h5{margin:auto;font-size:1rem}.confirm-delete-modal-info-details div p,.feedback-modal-info-details div p,.info-modal-info-details div p{margin:auto}.confirm-delete-modal-rating-title,.feedback-modal-rating-title,.info-modal-rating-title{text-align:center}.confirm-delete-modal-rating,.feedback-modal-rating,.info-modal-rating{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.confirm-delete-modal-rating div,.feedback-modal-rating div,.info-modal-rating div{background-color:#add8e6;border-radius:10px;padding:8px 16px;font-size:1.2rem;font-weight:700;text-align:center}.confirm-delete-modal-rating div[data-ismobile=true],.feedback-modal-rating div[data-ismobile=true],.info-modal-rating div[data-ismobile=true]{flex-grow:0;flex-shrink:1;flex-basis:calc(33.333% - 1rem);max-width:calc(33.333% - 1rem)}.confirm-delete-modal-send,.feedback-modal-send,.info-modal-send{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;gap:1rem}.book-item[data-ismobile=false]{display:flex;gap:1.5rem}.book-item{display:flex;gap:.8rem}.book-item-img{cursor:pointer;width:max-content}.book-item-info{display:flex;flex-direction:column;justify-content:start;gap:.5rem}.book-item-info-title{font-weight:bolder;font-size:1.2rem;cursor:pointer}.book-item-info-author{font-style:italic;font-size:1.1rem}.book-item-info button{width:-moz-fit-content;width:fit-content}.book-item-info[data-ismobile=true]{font-size:.8rem;gap:.3rem}.book-item-info[data-ismobile=true] .book-item-user-info{gap:.3rem}.book-item-info[data-ismobile=true] .book-item-user-info img{width:1.5rem}.book-item-info[data-ismobile=true] .book-item-info-title{font-weight:bolder;font-size:.9rem;cursor:pointer}.book-item-info[data-ismobile=true] .book-item-info-author{font-style:italic;font-size:.8rem}.book-item-info[data-ismobile=true] button{font-size:.7rem;padding:6px 14px}.book-item-actions{display:flex;gap:1rem;margin-top:.5rem}.book-item-actions.mobile{flex-basis:100%;gap:.5rem;flex-wrap:wrap}.book-item-actions.mobile button{font-size:.7rem;padding:6px 14px;width:80%}.book-item-user-info{font-weight:700;display:flex;align-items:center;gap:.5rem}.book-item-user-info img{width:2.2rem}.book-item-user-info.started{color:#10b981}.book-item-user-info.finished{color:#3b82f6}.book-item-user-info.added{color:#000;font-weight:400}.list-mode-book-item[data-ismobile=false]{display:flex;gap:1rem}.list-mode-book-item{display:flex;gap:.5rem;width:100%}.list-mode-book-item-img{cursor:pointer;width:max-content;height:55px}.list-mode-book-item-img img{height:100%}.list-mode-book-item-info{display:flex;flex-direction:column;justify-content:start;gap:.2rem;text-wrap:nowrap}.list-mode-book-item-info-title{font-weight:bolder;font-size:.8rem;cursor:pointer}.list-mode-book-item-info-author{font-style:italic;font-size:.7rem}.list-mode-book-item-info button{width:-moz-fit-content;width:fit-content}.list-mode-book-item-actions{display:flex;gap:1rem;margin-top:.5rem}.list-mode-book-item-actions.mobile{flex-basis:100%;gap:.5rem;flex-wrap:wrap}.list-mode-book-item-actions.mobile button{font-size:.7rem;padding:6px 14px;width:80%}.list-mode-book-item-user-info{font-weight:700;font-size:.6rem;display:flex;align-items:center;gap:.8rem}.list-mode-book-item-user-info img{width:1.2rem}.list-mode-book-item-user-info .started{color:#10b981}.list-mode-book-item-user-info .finished{color:#3b82f6}.list-mode-book-item-user-info .added{color:#000;font-weight:400}.loader-animation{width:200px;height:140px;background:#979794;box-sizing:border-box;position:relative;border-radius:8px;perspective:1000px}.loader-animation:before{left:10px;background:#f5f5f5 no-repeat;background-size:60px 10px;background-image:linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0);background-position:15px 30px,15px 60px,15px 90px,105px 30px,105px 60px,105px 90px;box-shadow:0 0 10px rgba(0,0,0,.25)}.loader-animation:after,.loader-animation:before{content:"";position:absolute;right:10px;top:10px;bottom:10px;border-radius:8px}.loader-animation:after{width:calc(50% - 10px);background:#fff no-repeat;background-size:60px 10px;background-image:linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0),linear-gradient(#ddd 100px,transparent 0);background-position:50% 30px,50% 60px,50% 90px;transform:rotateY(0deg);transform-origin:left center;animation:paging 1s linear infinite}@keyframes paging{to{transform:rotateY(-180deg)}}.user-avatar{transform:scale(1);margin-right:1rem;width:35px;height:35px;cursor:pointer;transition:transform .3s ease}.user-avatar:hover{transform:scale(1.1)}.deploy-box-container{position:relative}.deploy-box{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:.5rem;position:absolute;top:2.8rem;z-index:5001;right:.8rem;padding:1rem;border-radius:10px;width:max-content;background-color:#fff}.deploy-box:before{content:"";position:absolute;top:-1rem;right:.8rem;border:.5rem solid transparent;border-bottom-color:#fff}.user-menu-name{font-weight:700;font-size:1.25rem;font-style:italic}.scroll-to-top-button{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:#007bff;color:#fff;font-weight:bolder;border:none;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.scroll-to-top-button.visible{opacity:1;visibility:visible}.scroll-to-top-button:hover{transform:scale(1.1)}