@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";body{background-color:#1b1e26;color:#fff;font-family:Raleway}li{list-style-type:none}a{text-decoration:none;color:#fff}.nopage{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column}select{background-color:#1b1e26;color:#fff;padding:8px 12px;border-radius:4px;border:1px solid #2e2e2e;font-size:16px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}select:focus{outline:none;border-color:#2eaebf33;box-shadow:0 0 0 3px #2eaebf1a}.container{display:flex;flex-direction:column;margin:20px;gap:10px;padding-bottom:60px}.loading{margin-top:10px;display:flex;justify-content:center;align-items:center}.categoriesTitle{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.categoriesTitle h3{font-weight:400}.pagesTitle{display:flex;flex-direction:row;gap:20px}.pagesTitle h3{font-weight:400}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1b1e26}::-webkit-scrollbar-thumb{background-color:#3a3f50;border-radius:6px;border:2px solid #1b1e26}*{scrollbar-width:thin;scrollbar-color:#3a3f50 #1b1e26}.searchBar{display:flex;flex-direction:row;width:100%}.searchBar input{background-color:#2d3240;width:100%;height:40px;border-radius:15px;border:2px solid transparent;padding-left:40px;padding-right:40px;color:#91949c;transition:border-color .3s ease}.searchBar input:focus{outline:none;border-color:#2eaebf33;box-shadow:0 0 0 3px #2eaebf1a}.searchContainer{position:relative;width:100%;max-width:600px;margin:0 auto}.navbar{position:fixed;bottom:0;width:100%;z-index:100;background-color:#0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbarItem{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;padding:0}.navbarLink{display:flex;flex-direction:column;align-items:center;margin:0;padding:0}.navbarLink i{font-size:22px}.navbarLink a{display:flex;flex-direction:column;align-items:center;font-size:14px;color:#fff;font-weight:500}.navbarItem :hover,.navbarItem :hover a{color:#2eaebf;cursor:pointer}.navbarLinkActive,.navbarLinkActive a{color:#2eaebf}.header{display:flex;flex-direction:row;margin:15px;gap:20px;align-items:center;justify-content:space-between;position:relative;z-index:10}.headerYou{display:flex;flex-direction:row;gap:10px;align-items:center}.headerYou p{font-size:16px}.headerLogo{width:45px;height:45px;border-radius:50%;object-fit:cover;overflow:hidden;display:flex}.headerSettings{display:flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;object-fit:cover;overflow:hidden;background-color:#2d3240;font-size:24px;color:#2eaebf;box-shadow:0 0 18px 1px #2eaebf33}.headerSettings a{color:inherit;text-decoration:none}.settings{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1px}.settings a{color:#fff}.settings h5{margin-top:-10px}.settingsOptions{display:flex;flex-direction:column;gap:10px;width:100%}.settingsOptionsLink{display:flex;flex-direction:row;justify-content:space-between}#file-input{display:none}.randomPick{display:flex;background-size:cover;background-position:center;flex-direction:column;justify-content:flex-end;height:380px;position:relative;overflow:hidden;margin-top:-90px;z-index:1}.randomPick:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.randomPick:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(transparent,#1b1e26);z-index:2}.randomPickBox{margin:20px;position:relative;z-index:3;height:300px;display:flex;flex-direction:column;justify-content:flex-start}.randomPickInfo{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.randomPickInfoImage img{width:100px;height:150px}.randomPickInfoTitle{display:flex;flex-direction:column}.toSee{display:flex;flex-direction:row;gap:20px;overflow-x:auto;white-space:nowrap;max-width:100%;scrollbar-width:none;-ms-overflow-style:none}.toSee::-webkit-scrollbar{display:none}.toSeeCard{display:flex;flex-direction:column;flex-shrink:0}.toSeeTitle{font-weight:400;max-width:100%;margin-top:10px}.toSeeTitle p{margin:0;word-break:break-word;white-space:normal;max-width:100%;overflow:hidden}.toSeeRecap{display:flex;justify-content:space-between;max-width:80%;font-weight:400;color:#91949c}.toSeeCardImage img{border-radius:15px;width:150px;height:200px}.watched{display:flex;flex-direction:row;gap:20px;overflow-x:auto;white-space:nowrap;max-width:100%;scrollbar-width:none;-ms-overflow-style:none}.watched::-webkit-scrollbar{display:none}.watchedCard{display:flex;flex-direction:column;flex-shrink:0}.watchedTitle{font-weight:400;max-width:100%;margin-top:10px}.watchedTitle p{margin:0;word-break:break-word;white-space:normal;max-width:100%;overflow:hidden}.watchedRecap{display:flex;justify-content:space-between;max-width:80%;font-weight:400;color:#91949c}.watchedCardImage img{border-radius:15px;width:150px;height:200px}.inProgress{display:flex;flex-direction:row;gap:20px;overflow-x:auto;white-space:nowrap;max-width:100%;scrollbar-width:none;-ms-overflow-style:none}.inProgress::-webkit-scrollbar{display:none}.inProgressCard{display:flex;flex-direction:column;flex-shrink:0}.inProgressTitle{font-weight:400;max-width:100%;margin-top:10px}.inProgressTitle p{margin:0;word-break:break-word;white-space:normal;max-width:100%;overflow:hidden}.inProgressRecap{display:flex;justify-content:space-between;max-width:80%;font-weight:400;color:#91949c}.inProgressCardImage img{border-radius:15px;width:150px;height:200px}.resultBox{position:absolute;top:50px;left:0;right:0;background-color:#282c34;color:#fff;padding:20px;border-radius:8px;box-shadow:0 8px 16px #00000080;z-index:1000;max-height:400px;overflow-y:auto}.resultList{display:flex;flex-direction:column;gap:15px}.resultItem{display:flex;align-items:center;cursor:pointer;background-color:#1b1e26;padding:10px;border-radius:6px;transition:background-color .3s ease}.resultItem:hover{background-color:#3a3f4b}.resultItem h3{margin-left:15px;font-size:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.resultBox{animation:fadeIn .3s ease-in-out}.anime-item{display:flex;margin-bottom:20px;background-color:#2d3240;padding:10px;border-radius:8px}.anime-image{width:100px;height:auto;margin-right:10px}.anime-details{display:flex;flex-direction:column}.anime-details h3{margin:0 0 10px}.anime-details label{margin-right:10px}.anime-choice{display:flex;flex-direction:row;align-items:center}.trash-button,.seen-button{background-color:#e74c3c;color:#fff;border:none;padding:5px 10px;border-radius:5px;margin-right:10px;cursor:pointer;font-size:.9em}.favorite-animes-container{background-color:#2d3240;padding:20px;border-radius:10px;max-width:600px;margin:20px auto}.anime-item{display:flex;align-items:center;background-color:#393d49;padding:10px;border-radius:8px;margin-bottom:15px;color:#fff}.anime-image{width:100px;height:140px;object-fit:cover;border-radius:8px;margin-right:15px}.anime-details{flex-grow:1}.anime-details h3{margin:0;font-size:1.2em;color:#f0f0f0}.anime-actions{margin-top:10px}.trash-button,.seen-button,.in-progress-button{background-color:#e74c3c;color:#fff;border:none;padding:5px 10px;border-radius:5px;margin-right:10px;cursor:pointer;font-size:.9em}.seen-button{background-color:#2ecc71}.in-progress-button{background-color:#6495ed}.trash-button:hover,.seen-button:hover{opacity:.8}.popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background:#1b1e26;padding:20px;border-radius:8px;text-align:center}.popup-image{max-width:100%;height:auto;border-radius:4px}.close-popup{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;position:absolute;top:10px;right:10px}.btn{background-color:#007bff;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:5px;transition:background-color .3s,transform .2s}.btn:hover{background-color:#0056b3;transform:translateY(-2px)}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.prevBtn,.nextBtn{background-color:#007bff;color:#fff;border:none;padding:10px 20px;cursor:pointer;margin:0 10px}.prevBtn:disabled,.nextBtn:disabled{background-color:gray;cursor:not-allowed}.pagination-number{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:none;border:none;color:#fff;text-decoration:none}.pagination-number:hover{color:#007bff;text-decoration:none}.pagination-number.active{font-weight:700;color:#007bff}