@import"https://fonts.googleapis.com/css?family=Josefin+Sans";.container{display:flex;width:100%;min-height:calc(100vh - 100px);margin:100px auto 0;box-sizing:border-box}.animeInfo{position:fixed;top:80px;left:0;z-index:9;width:320px;height:calc(100vh - 80px);padding:20px;box-sizing:border-box;overflow-y:auto;background-color:#f9f6ee}.anime-row{display:flex;flex-direction:column;width:100%;padding-left:340px;padding-right:20px;box-sizing:border-box}.anime-row .row{display:flex;flex-wrap:wrap;gap:20px}.anime-row .text-heading{margin:1.5rem 0 1rem}.card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:230px;min-width:230px;height:300px;padding:0 0 1rem;box-sizing:border-box;text-align:center;background-color:#fff;box-shadow:5px 5px 5px #0000004d;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{cursor:pointer;transform:translateY(-3px);box-shadow:6px 8px 12px #0000004d}.card img{display:block;width:80%;height:210px;object-fit:cover}.card .anime-info{width:100%;margin-top:1rem;margin-bottom:1.5rem}.card .anime-info>h4{margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100%;height:0;padding:1rem;box-sizing:border-box;background-color:#73c5c5f2;border-radius:10rem 0 0;opacity:0;overflow:hidden;transition:height .5s ease,opacity .5s ease}.anime-info:hover .overlay{height:100%;opacity:1}.overlay>.title-overlay:first-child{flex-shrink:0;width:68%;max-width:155px;margin:8px auto 0;padding:0 .3rem .5rem;box-sizing:border-box;text-align:center;line-height:1.25;overflow-wrap:break-word;word-break:normal}.overlay>h3.title-overlay{flex-shrink:0;width:100%;max-width:100%;margin:0 0 .5rem;padding:0;box-sizing:border-box;text-align:center;line-height:1.2;font-size:1.1rem}.overlay .synopsis{flex:1;width:100%;min-height:0;margin:0;padding:0 .5rem;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.synopsis p{margin:0;line-height:1.4;overflow-wrap:anywhere;word-break:normal}.overlay .my-list{position:static;flex-shrink:0;align-self:flex-end;margin-top:10px}.not-found{margin:20px 0}@media (max-width: 1100px){.animeInfo{width:280px}.anime-row{padding-left:300px}.overlay>.title-overlay:first-child{width:70%;max-width:160px;margin-top:8px}}@media (max-width: 900px){.container{flex-direction:column}.animeInfo{position:static;width:100%;height:auto;padding:20px}.anime-row{padding:20px}.anime-row .row{justify-content:center}.overlay>.title-overlay:first-child{width:76%;max-width:180px;margin-top:6px}.overlay{border-radius:9rem 0 0}}@media (max-width: 600px){.container{margin-top:120px}.anime-row{padding:10px}.anime-row .row{gap:15px}.card{width:calc(50% - 8px);min-width:0;height:280px}.card img{width:80%;height:190px}.overlay{padding:.8rem;border-radius:8rem 0 0}.overlay>.title-overlay:first-child{width:82%;max-width:200px;margin-top:3px;padding:.15rem .3rem .4rem;font-size:.9rem}.overlay>h3.title-overlay{margin-bottom:.4rem;font-size:.9rem}.overlay .synopsis{padding:0 .4rem;font-size:.85rem}.card:focus .overlay,.card:active .overlay{height:100%;opacity:1}}@media (max-width: 400px){.card{width:100%;max-width:280px;margin:0 auto}.overlay{border-radius:7rem 0 0}.overlay>.title-overlay:first-child{width:85%;max-width:220px}}.anime-content{display:flex;flex-direction:column;align-items:center;width:100%;padding:25px 20px;box-sizing:border-box}.anime-content h3{width:100%;margin:0 0 18px;color:#2f4f4f;font-size:1.3rem;font-weight:700;line-height:1.3;text-align:center;overflow-wrap:break-word}.anime-content img{display:block;width:180px;max-width:100%;height:260px;object-fit:cover;margin-bottom:22px;background-color:#fff;border:3px solid rgba(76,181,181,.2);border-radius:10px;box-shadow:0 6px 15px #00000026;transition:transform .25s ease,box-shadow .25s ease}.anime-content img:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000002e}.image-placeholder{display:flex;justify-content:center;align-items:center;width:180px;height:260px;margin-bottom:22px;padding:15px;box-sizing:border-box;color:#777;text-align:center;background-color:#eee;border:3px solid rgba(76,181,181,.15);border-radius:10px}.info{width:100%;max-width:280px}.info h4{display:block;margin:0;padding:9px 0;color:#333;font-size:.95rem;font-weight:400;line-height:1.4;border-bottom:1px solid rgba(76,181,181,.14)}.info h4:last-child{border-bottom:none}.text-color{color:#4d8d8d;font-weight:700}.info hr{height:1px;margin:10px 0;border:0;background:linear-gradient(to right,transparent,rgba(76,181,181,.4),transparent)}@media (max-width: 900px){.anime-content{padding:20px}.anime-content h3{font-size:1.2rem}.anime-content img,.image-placeholder{width:150px;height:220px}.info{max-width:500px}}@media (max-width: 600px){.anime-content{padding:15px}.anime-content h3{margin-bottom:14px;font-size:1.1rem}.anime-content img,.image-placeholder{width:130px;height:190px;margin-bottom:18px}.info{width:100%;max-width:100%}.info h4{padding:8px 0;font-size:.9rem}}.my-list{position:absolute;right:15px;bottom:10px;padding:8px 12px;font-size:1rem;font-weight:700;color:#fff;background-color:#4cb5b5e6;border-radius:5px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.my-list:hover{background-color:#3d9999f2}.my-list:active{transform:translateY(1px)}.my-list p{margin:0}@media (max-width: 500px){.my-list{right:8px;bottom:8px;padding:6px 9px;font-size:.9rem}}.header{position:fixed;top:0;z-index:10;display:flex;justify-content:space-around;align-items:center;width:100%;min-height:80px;padding:0 20px;box-sizing:border-box;color:#fff;background-color:#4cb5b5}.header h1{margin:0}.header .search-box{display:flex;align-items:center;gap:8px}.header .search-box input{width:min(350px,45vw);min-width:0;height:30px;padding:0 1rem;font-size:1.2rem;border:none;border-radius:5px;outline:none;box-sizing:border-box}.header .search-box input:focus{box-shadow:0 0 0 2px #ffffff80}.header .search-box button{flex-shrink:0;height:30px;padding:0 15px;font-size:1rem;color:#fff;background-color:#3d9999;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.header .search-box button:hover{background-color:#388}.header .search-box button:active{transform:translateY(1px)}@media (max-width: 700px){.header{flex-direction:column;justify-content:center;gap:10px;min-height:110px;padding:10px 15px}.header h1{font-size:1.6rem}.header .search-box{width:100%}.header .search-box input{width:100%;max-width:350px;font-size:1rem}}@media (max-width: 420px){.header{padding:10px}.header h1{font-size:1.4rem}.header .search-box{gap:5px}.header .search-box input{width:100%;font-size:.95rem;padding:0 .75rem}.header .search-box button{padding:0 10px;font-size:.9rem}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Josefin Sans,sans-serif;color:#202020;background:radial-gradient(circle at top right,rgba(76,181,181,.08),transparent 30%),#f9f6ee;overflow-x:hidden}.header{box-shadow:0 4px 15px #0000001f;background:linear-gradient(135deg,#4cb5b5,#52bebe 55%,#43a9a9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header h1{letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.12)}.header .search-box input{height:38px;box-shadow:0 3px 10px #0000001a;transition:box-shadow .25s ease,transform .2s ease}.header .search-box input:focus{transform:translateY(-1px);box-shadow:0 4px 14px #00000029,0 0 0 2px #ffffff59}.header .search-box button{height:38px;box-shadow:0 3px 8px #0000001f}.header .search-box button:hover{transform:translateY(-1px);box-shadow:0 5px 12px #00000029}.anime-row .text-heading{position:relative;display:inline-flex;align-items:center;width:fit-content;padding:7px 16px;margin-top:1.5rem;color:#2f4f4f;font-size:1.35rem;background-color:#4cb5b51a;border-left:4px solid #4cb5b5;border-radius:0 8px 8px 0}.animeInfo{box-shadow:3px 0 15px #0000000f;border-right:1px solid rgba(76,181,181,.12)}.card{border-radius:10px;box-shadow:0 5px 14px #0000001f;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 22px #0000002e}.card img{border-radius:5px;transition:transform .3s ease}.card:hover img{transform:scale(1.02)}.not-found{padding:15px 18px;color:#666;background-color:#4cb5b514;border-radius:8px}.animeInfo::-webkit-scrollbar,.overlay .synopsis::-webkit-scrollbar{width:7px}.animeInfo::-webkit-scrollbar-thumb,.overlay .synopsis::-webkit-scrollbar-thumb{background-color:#4cb5b599;border-radius:10px}.animeInfo::-webkit-scrollbar-track,.overlay .synopsis::-webkit-scrollbar-track{background-color:#0000000a}@media (max-width: 600px){.anime-row .text-heading{font-size:1.15rem}}*{margin:0;padding:0}:root{font-family:Josefin Sans,sans-serif;background-color:#f9f6ee}