@import"https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:wght@700&display=swap";*{box-sizing:border-box;margin:0;padding:0;line-height:1.5}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:#111;background:#f6f7fb;scroll-behavior:smooth}.btn:hover{transform:translate(-2px,-2px)}#landing-page{max-width:1100px;margin:0 auto;padding:24px 20px 64px}header{overflow:hidden;margin-bottom:5rem}.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem 0}.logo__wrapper{width:8rem;display:flex;align-items:center}.logo-personal{width:100%;height:auto;display:block;border-radius:10px;object-fit:cover}.logo__title{font-size:1.8rem;font-weight:800;margin-left:10px;color:#7c5cff}.logo__link{text-decoration:none;color:inherit}.nav__link--list{display:flex;align-items:center;justify-content:center;gap:20px;list-style:none;margin:0;padding:0}.nav__link--anchor{text-decoration:none;color:#111;font-weight:600;padding:6px 10px;border-radius:8px;transition:all .3s ease;cursor:pointer}.nav__link--anchor:hover{background:#b7b2b2;color:#7c5cff}.nav__link--anchor:active{background:#d659e3;color:#fff}.nav__link{font-size:1.5rem;transition:all .3s ease}.nav__link:hover{transform:scale(1.05)}.modal{border:none;padding:0;background:transparent}.modal::backdrop{background:transparent}.modal__backdrop{position:fixed;inset:0;background:#00000080;z-index:100}.modal__card{position:fixed;display:flex;flex-direction:column;gap:.75rem;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(34rem,92vw);background:#fff;border:1px solid #e9eaf0;border-radius:1rem;padding:1.25rem;z-index:200;box-shadow:0 10px 30px #00000026}.modal__input{width:50%;font-family:inherit}.modal__textarea{min-width:5rem;resize:vertical;font-family:inherit}.modal__title{font-size:1.5rem;font-weight:800;margin-bottom:1rem}.modal{transition-behavior:allow-discrete}.modal__card,.modal__backdrop{transition:opacity .22s ease,transform .22s ease}.modal .modal__card{opacity:0;transform:translate(-50%,-46%) scale(.96)}.modal .modal__backdrop{opacity:0}.modal[open] .modal__card{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal[open] .modal__backdrop{opacity:1}@starting-style{.modal[open] .modal__card{opacity:0;transform:translate(-50%,-46%) scale(.96)}.modal[open] .modal__backdrop{opacity:0}}.btn{padding:.6rem 1rem;border:1px solid transparent;border-radius:.5rem;cursor:pointer}.btn:hover{border-color:#646cff}.btn--secondary{background:transparent;border-color:#999}.modal__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.75rem}.modal__card{background:#fff;border:3px solid #111;border-radius:.25rem;padding:1.5rem;box-shadow:8px 8px #111,0 0 0 2px #fff inset;font-family:Bangers,Comic Neue,"M PLUS 1p",sans-serif;letter-spacing:.5px;line-height:1.4;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(34rem,92vw)}.modal__title{width:fit-content;background:#111;color:#fff;padding:.4rem .75rem;display:inline-block;transform:rotate(-1.5deg);box-shadow:4px 4px #111;margin-bottom:1rem}.modal__input,.modal__textarea{border:2px solid #111;border-radius:.25rem;background:#fdfdfd;transition:transform .1s ease}.modal__input:focus,.modal__textarea:focus{outline:none;transform:scale(1.02) rotate(-.5deg);box-shadow:2px 2px #111}.btn{font-weight:700;text-transform:uppercase;border:3px solid #111;box-shadow:3px 3px #111;transition:transform .1s ease,box-shadow .1s ease}.modal__input,.modal__textarea{border:2px solid #111;border-radius:.25rem;background:#fffefc;padding:.75rem 1rem;font-size:1rem;font-family:Comic Neue,Bangers,sans-serif;transition:all .15s ease}.modal__input:focus,.modal__textarea:focus{outline:none;border-color:#111;box-shadow:4px 4px #111,0 0 0 4px #fff inset;transform:translate(-2px,-2px) rotate(-.4deg);background:#fff}.title{font-size:4rem;font-weight:800;text-shadow:#111 0 10px 30px;color:#fff;top:0}.subtitle{color:#5b6476;color:#fff;text-shadow:#111 0 10px 50px;font-size:3rem;font-weight:800}.hero{position:relative;overflow:hidden;margin-top:2rem;background:linear-gradient(180deg,#fff,#f6f7fb);border:1px solid #e9eaf0;border-radius:16px;padding:3rem 1rem;text-align:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000008c,#0000004d 90%,#0000);z-index:1}.hero__content{position:relative;z-index:2}.hero__art{position:absolute;inset:0;width:100%;height:100%;object-position:center;object-fit:cover;border-radius:inherit;z-index:0;pointer-events:none;filter:drop-shadow(0 18px 28px rgba(17,24,39,.18))}.results{margin-top:5rem}.search{display:grid;grid-template-columns:1fr auto;gap:10px;margin:8px auto 10px;width:min(680px,100%)}.search__field{position:relative;width:min(680px,100%);margin:0 auto}.search__input{width:100%;padding:1rem 1.25rem 1rem 3rem;border-radius:50px;border:1px solid #d8dbe5;background:#fff;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}.search__input:hover{border-color:#bfc6da}.search__input:focus{border-color:#7c5cff;box-shadow:0 0 0 4px #7c5cff26}.search__icon{position:absolute;right:2rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;border:0;padding:0;background:transparent;cursor:pointer;filter:grayscale(.1) brightness(.6);transition:filter .3s ease}.fa-solid{font-size:1.5rem}.search__field:hover .search__icon,.search__input:focus+.search__icon{filter:grayscale(0) brightness(1) hue-rotate(-10deg);color:#7c5cff}.fa-solid{transition:all .3s ease}.fa-solid:hover{color:#fc5cff;transform:scale(1.1)}.results{margin-top:28px;min-height:50vh}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{grid-column:span 4;background:#fff;border:1px solid #e9eaf0;border-radius:14px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #11182714}.card__img{aspect-ratio:16 / 9;background:linear-gradient(135deg,#dfe3ff,#f1f2ff)}.card__body{padding:12px 14px 16px}.card__title{font-size:16px;margin:2px 0 6px}.card__meta{color:#000;font-size:14px}.skeleton .card__img{background:#eceef7}.skeleton .line{height:12px;background:#eceef7;border-radius:6px;margin:6px 0 8px}.skeleton .line.short{width:60%}.skeleton .anime-card__img,.skeleton .line{background:linear-gradient(90deg,#eceef7 25%,#f6f7fb,#eceef7 75%);background-size:400px 100%;animation:skeleton-shimmer 1.2s infinite linear}.results{margin-top:2rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.anime-card{background:#fff;max-width:20rem;border-radius:12px;padding:12px;box-shadow:0 4px 10px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center}.anime-card__img{width:100%;height:320px;object-fit:cover;border-radius:8px;margin-bottom:.5rem}.anime-card__title{font-size:1rem;font-weight:600;margin:.5rem 0;background-color:#000}.anime-card__synopsis{font-size:.85rem;color:#555}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.loading__icon{color:#7c5cff;opacity:.9}.btn--active{background:#111;color:#fff;border:3px solid #111;box-shadow:3px 3px #111;cursor:default;pointer-events:none}.btn--active:hover{transform:none;box-shadow:3px 3px #111}.back-to-top{position:fixed;right:1rem;bottom:1.25rem;z-index:300;padding:.6rem .9rem;border:3px solid #111;border-radius:.375rem;background:#fffefc;font-weight:800;box-shadow:4px 4px #111;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .2s ease}@media (min-height: 700px){.back-to-top{opacity:.9}}.back-to-top:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #111}@media (max-width: 480px){.back-to-top{right:.75rem;bottom:.9rem;padding:.5rem .75rem}}@media (max-width: 767px){.pagination{display:none!important}.back-to-top{display:block}}@media (min-width: 768px){.back-to-top{display:none}}@media (max-width: 900px){.card{grid-column:span 6}}@media (max-width: 560px){.nav__link--list{gap:10px}.card{grid-column:span 12}.search{grid-template-columns:1fr}.search__btn{width:100%}.anime-card{margin:0 auto}}.hamburger{display:none;background:none;border:none;color:#111;font-size:1.75rem;cursor:pointer;z-index:999}.hamburger__icon{font-size:2rem;color:#5b6476;transition:all .3s ease}.hamburger:hover .hamburger__icon{color:#7c5cff}@media (max-width: 768px){.hamburger{display:block;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:1001}.nav__link--list{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.nav__link--list.open{opacity:1;pointer-events:all}.nav__link--list.open .nav__link--anchor{color:#fff}.nav__link--list.open .nav__link--anchor:hover{color:#7c5cff;background-color:transparent}.nav__link--list.open .nav__link--anchor:active{color:#d659e3}.nav__link--list.open .title{font-size:3rem}.nav__link--list.open .subtitle{font-size:2rem}@media (max-width: 640px){header{margin-bottom:3rem}.title{font-size:2.5rem}.subtitle{font-size:1rem}.hero__art{transform:stretch}.logo__wrapper{width:6rem}.hero{height:100%}}@media (max-width: 480px){.title{font-size:2.5rem}.subtitle{font-size:1.5rem}.subtitle{display:none}}@media (max-width: 430px){.title{font-size:3rem}}:root{--gutter: 1rem}.results{display:flex;flex-wrap:wrap;gap:var(--gutter);align-items:stretch}.anime-card{flex:1 1 clamp(10rem,22vw,14rem);max-width:18rem;border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column;background:var(--surface, #fff);box-shadow:0 2px 10px #0000000f}.anime-card__img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block}.anime-card__body{padding:.75rem;display:flex;flex-direction:column;gap:.5rem;margin-top:auto}@media (max-width: 420px){.anime-card{flex-basis:48%}}}.no_results{width:100%;display:flex;position:relative;justify-content:center;align-items:center;flex-direction:column;padding:4rem 0;min-height:50vh}.no__results--img{width:min(90vw,30rem);height:auto;opacity:.95;border-radius:.75rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));margin-bottom:3rem;position:absolute;transform:translate(-50%,-20%);left:50%}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .24s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.anime-card.fade-in{opacity:0;animation:fade-in-up .4s ease-out forwards}.anime-card.fade-in:nth-child(1){animation-delay:.02s}.anime-card.fade-in:nth-child(2){animation-delay:.04s}.anime-card.fade-in:nth-child(3){animation-delay:.06s}.anime-card.fade-in:nth-child(4){animation-delay:.08s}.anime-card.fade-in:nth-child(5){animation-delay:.1s}.anime-card.fade-in:nth-child(6){animation-delay:.12s}.anime-card.fade-in:nth-child(7){animation-delay:.14s}.anime-card.fade-in:nth-child(8){animation-delay:.16s}.anime-card.fade-in:nth-child(9){animation-delay:.18s}.anime-card.fade-in:nth-child(10){animation-delay:.2s}.results.is-fading .anime-card{opacity:.35;filter:blur(1px);transition:opacity .18s ease,filter .18s ease}#landing-page{padding:3rem 1rem;color:#f5f5f5;background:radial-gradient(circle at top,#1a1a25,#0e0e15);overflow:hidden}.home__content{display:flex;flex-direction:column;align-items:center;gap:2.5rem;max-width:1100px;margin:0 auto}.call__to--action h1{text-align:center;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);letter-spacing:.02em;line-height:1.3;margin:0}.crib{display:flex;justify-content:center;align-items:center;background:#11141d;border:2px solid rgba(255,255,255,.08);border-radius:1rem;box-shadow:0 8px 16px #00000040;padding:1rem;max-width:28rem;width:90%}.crib .baby{display:block;width:100%;height:auto;border-radius:.75rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.highlights{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.5rem;list-style:none;padding:0}.highlight__item{flex:1 1 12rem;max-width:16rem;display:flex;flex-direction:column;align-items:center;text-align:center;background:#141824;border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:1.2rem;box-shadow:inset 0 0 6px #ffffff0d,0 4px 12px #00000040;transition:transform .25s ease,box-shadow .25s ease}.highlight__item:hover{transform:translateY(-3px);box-shadow:inset 0 0 10px #ffffff14,0 6px 18px #0000004d}.highlight__item svg{font-size:1.5rem;color:#6b8cff;margin-bottom:.75rem;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.highlight__item p{font-weight:700;letter-spacing:.03em;font-size:.95rem;color:#f2f2f7;margin:0}#landing-page:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.05) 1px,transparent 1px);background-size:4px 4px;opacity:.2;mix-blend-mode:overlay}@media (max-width: 700px){.highlight__item{flex:1 1 100%;max-width:20rem}.crib{max-width:22rem}}.anime-details{padding:2rem;max-width:900px;margin:0 auto;display:flex;gap:1.5rem}.anime-details__title{font-size:2rem;font-weight:700;text-align:center}.anime-details__image{width:100%;max-width:20rem;height:auto;max-height:min-content;display:block;border-radius:12px;box-shadow:0 4px 10px #00000026}.anime-details__image-wrapper{display:flex;width:50%}.anime-details__info{line-height:1.6;font-size:1rem;color:#444;text-align:center}.select__anime--info-wrapper{display:flex;width:50%;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.anime-details__info{position:relative;max-width:700px;font-weight:400;text-align:justify;color:#333;transition:all .25s ease}.anime-details__toggle{background:none;border:none;color:#444;font-weight:600;cursor:pointer;font-size:1rem;margin-top:.5rem;transition:color .2s ease}.anime-details__toggle:hover{color:#6c63ff}.anime-details__toggle:active{color:#df45e5;cursor:default}.anime-details__recs{margin-top:2.5rem;width:100%;text-align:center}.anime-details__recs-title{font-size:1.4rem;font-weight:700;margin-bottom:2rem}.anime-details__recs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;justify-items:center;padding:0 1rem}.rec-card{text-decoration:none;color:inherit;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001f;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%;max-width:180px}.rec-card:hover{transform:translateY(-4px);box-shadow:0 4px 10px #0000002e}.rec-card__img{width:100%;height:auto;display:block}.rec-card__title{padding:.6rem;font-size:.95rem;font-weight:500;text-align:center;color:#333}.skeleton .anime-details__image{aspect-ratio:2 / 3;width:100%;border-radius:12px}.skeleton .rec-card__img{aspect-ratio:2 / 3;width:100%;border-radius:10px}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton .anime-details__image,.skeleton .rec-card__img,.skeleton .line{background:linear-gradient(90deg,#eceef7 25%,#f6f7fb,#eceef7 75%);background-size:400px 100%;animation:skeleton-shimmer 1.2s infinite linear}.anime-details__recs-grid{opacity:0;animation:fadeInGrid .3s ease-out forwards .2s}@keyframes fadeInGrid{to{opacity:1}}@media (max-width: 768px){.anime-details{flex-direction:column;align-items:center}.anime-details__image-wrapper,.select__anime--info-wrapper{width:100%;display:flex;justify-content:center}.anime-details__image{width:100%;max-width:20rem;height:auto}}footer{background:#7c5cff;padding:2rem 0;text-align:center;margin-top:3rem}.footer__link--list{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.footer__link--list a{color:#fff;text-decoration:none}.footer__link--list a:hover{text-decoration:underline}.copyright,.source{color:#fff;font-size:.875rem}.api{color:#fff;font-size:.875rem;text-decoration:none}.api:hover{text-decoration:underline}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;padding:1rem 0}.anime-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border:3px solid #111;border-radius:.5rem;overflow:hidden;aspect-ratio:3 / 4;box-shadow:4px 4px #111;transition:transform .15s ease,box-shadow .15s ease;background-color:#fffefc}.anime-card:hover{transform:translate(-3px,-3px);box-shadow:6px 6px #111}.anime-card__img{width:100%;height:100%}.anime-card__title{position:absolute;left:.75rem;right:.75rem;bottom:.5rem;margin:0;color:#fff;font-weight:800;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.6);z-index:2}.category-placeholder{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#f6f7fb 0 10px,#eef0f7 10px 20px);z-index:0}.category-img{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .35s ease;z-index:1}.category-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease;z-index:1}.category-img--visible{opacity:1}.category-img{filter:blur(6px);transform:scale(1.05)}.category-img--visible{filter:blur(0);transform:scale(1);opacity:1;transition:opacity .35s ease,filter .4s ease,transform .4s ease}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:40vh;text-align:center;overflow:hidden}.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6);z-index:0}.hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#000000b3);z-index:1}.hero__content{position:relative;z-index:2;color:#fff;padding:2rem 1rem}:root{--gutter: 1rem}.results{display:flex;flex-wrap:wrap;gap:var(--gutter);align-items:stretch}.anime-card{flex:1 1 clamp(10rem,22vw,14rem);max-width:18rem;border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column;background:var(--surface, #fff);box-shadow:0 2px 10px #0000000f}.anime-card__img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block}.anime-card__body{padding:.75rem;display:flex;flex-direction:column;gap:.5rem;margin-top:auto}@media (max-width: 420px){.anime-card{flex-basis:48%}}