/* AnimeHub UX refresh */
:root{--ux-panel:#111217;--ux-line:rgba(255,255,255,.09);--ux-muted:rgba(255,255,255,.58)}

/* Header */
.topbar, body.is-detail .topbar{min-height:72px!important;height:72px!important;padding:0 clamp(22px,3.4vw,68px)!important;border-bottom:1px solid var(--ux-line)!important;background:rgba(9,10,13,.95)!important;backdrop-filter:blur(18px)!important;grid-template-columns:max-content minmax(max-content,1fr) minmax(280px,520px) max-content!important;gap:clamp(18px,2.2vw,38px)!important;overflow:visible!important}
.logo{grid-column:1!important;grid-row:1!important;gap:10px!important;color:#fff!important}.header-nav{grid-column:2!important;grid-row:1!important}.top-search{grid-column:3!important;grid-row:1!important}.top-actions{grid-column:4!important;grid-row:1!important}.logo-mark{width:38px!important;height:38px!important;margin:0!important;object-fit:contain!important;filter:none!important;opacity:1!important}.logo-word{color:#fff!important;font-size:23px!important;letter-spacing:-.8px!important}.logo:hover .logo-word{color:#fff!important}
.top-search,.top-search:hover,.top-search:focus-within{display:flex!important;align-items:center!important;width:100%!important;height:46px!important;padding:0 14px!important;gap:10px!important;border:1px solid var(--ux-line)!important;border-radius:10px!important;background:#15161b!important;box-shadow:none!important;transform:none!important}.top-search:focus-within{border-color:rgba(255,255,255,.18)!important}.top-search button{order:0!important;width:22px!important;height:22px!important;padding:0!important;color:rgba(255,255,255,.55)!important;background:transparent!important;pointer-events:none!important}.top-search svg,.search-modal__form svg,.notification-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.top-search input{order:1!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font-size:14px!important}.top-search input::placeholder{color:rgba(255,255,255,.42)!important}
.notification-button,.profile-button,.notification-button:hover,.profile-button:hover{border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;transform:none!important;filter:none!important}.notification-button{width:42px!important;height:42px!important;color:rgba(255,255,255,.76)!important}.notification-button:hover,.profile-button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.notification-button span{display:grid!important;place-items:center!important}.profile-button{min-height:46px!important;padding:4px 10px 4px 5px!important;border-radius:10px!important}
.top-search:before,.top-search:after,.top-search button:before,.top-search button:after,.notification-button:before,.notification-button:after{display:none!important;content:none!important}.top-actions{align-self:center!important}

/* Poster skeletons */
.poster-card,.mini-card,.favorite-card__cover,.continue-history-cover,.search-result-card,.anime-poster,.detail-extra-card,.poster-fallback{position:relative;isolation:isolate;background:#15161a!important;overflow:hidden}.poster-card:before,.mini-card:before,.favorite-card__cover:before,.continue-history-cover:before,.search-result-card:before,.anime-poster:before,.detail-extra-card:before,.poster-fallback:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,#15161a 18%,#25262b 40%,#15161a 64%);background-size:220% 100%;animation:posterShimmer 1.35s linear infinite}@keyframes posterShimmer{to{background-position-x:-220%}}.poster-fallback{color:rgba(255,255,255,.14)!important}

/* Hero */
body.is-home #continueCard.continue-card{width:calc(100vw - 48px)!important;max-width:none!important;margin:24px auto 62px!important}body.is-home #continueCard>.section-head{display:none!important}body.is-home #continueWatch.hero-carousel.watch-progress{position:relative!important;display:flex!important;align-items:flex-end!important;min-height:clamp(420px,49vw,610px)!important;padding:clamp(34px,5vw,72px)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:16px!important;overflow:hidden!important;background-color:#111217!important;background-image:linear-gradient(90deg,rgba(5,6,8,.96),rgba(5,6,8,.68) 43%,rgba(5,6,8,.08) 78%),linear-gradient(0deg,rgba(5,6,8,.92),transparent 55%),var(--hero-bg)!important;background-position:center!important;background-size:cover!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}body.is-home #continueWatch.hero-carousel.watch-progress:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,transparent 65%,rgba(5,6,8,.55))!important;pointer-events:none!important}body.is-home .hero-carousel__poster{display:none!important}body.is-home .hero-carousel__copy{position:relative!important;z-index:2!important;width:min(660px,72%)!important;margin:0!important;padding:0!important;transform:none!important}body.is-home .hero-carousel.watch-progress h3{max-width:640px!important;margin:0 0 18px!important;font-size:clamp(42px,5.2vw,76px)!important;line-height:.96!important;letter-spacing:-3px!important;text-wrap:balance}body.is-home .hero-carousel__facts{gap:9px!important;margin-bottom:15px!important}body.is-home .hero-carousel__facts span{padding:6px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.84)!important}body.is-home .hero-carousel__score{color:#fff!important}body.is-home .hero-carousel__description{max-width:610px!important;color:rgba(255,255,255,.68)!important;font-size:15px!important;line-height:1.55!important}body.is-home .hero-carousel__actions{display:flex!important;gap:10px!important;margin-top:24px!important}body.is-home .hero-carousel .round-play,body.is-home .hero-carousel .hero-favorite{min-height:46px!important;padding:0 18px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:9px!important;background:rgba(13,14,18,.68)!important;color:#fff!important;box-shadow:none!important;transform:none!important}body.is-home .hero-carousel .round-play{background:#fff!important;color:#08090b!important}body.is-home .hero-carousel .hero-favorite:hover{background:#fff!important;color:#08090b!important;border-color:#fff!important}body.is-home .hero-carousel .hero-favorite.is-active span{color:#ff4058!important}body.is-home .hero-carousel .progress-line{display:none!important}

/* Search */
#searchModal{padding:34px!important;background:rgba(0,0,0,.78)!important;backdrop-filter:blur(14px)!important}#searchModal .search-modal__panel{width:min(1080px,100%)!important;max-height:min(820px,calc(100vh - 68px))!important;padding:28px!important;border:1px solid var(--ux-line)!important;border-radius:14px!important;background:#0e0f13!important;box-shadow:0 28px 90px rgba(0,0,0,.52)!important}#searchModal .search-modal__head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:20px!important}#searchModal .search-modal__head h2{margin:3px 0 0!important;font-size:28px!important;letter-spacing:-.9px!important}#searchModal .eyebrow{margin:0!important;color:var(--ux-muted)!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:1.4px!important}#searchModal .search-modal__form{display:flex!important;align-items:center!important;width:100%!important;max-width:none!important;height:58px!important;padding:0 18px!important;gap:12px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;background:#17181d!important}#searchModal .search-modal__form svg{flex:0 0 auto;color:rgba(255,255,255,.5)}#searchModal .search-modal__form input{width:100%!important;max-width:none!important;height:100%!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font-size:16px!important;box-shadow:none!important}#searchModal .search-modal__hint{margin:9px 2px 18px!important;color:rgba(255,255,255,.38)!important;font-size:12px!important}#searchModalResults.modal-results{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;padding:0 2px 8px!important}#searchModalResults .search-result-card{position:relative!important;display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;grid-template-rows:1fr auto!important;align-items:end!important;min-height:132px!important;padding:16px 16px 16px 110px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;overflow:hidden!important;background:#14151a!important}#searchModalResults .search-result-card:after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(9,10,12,.16),rgba(9,10,12,.94) 58%,rgba(9,10,12,.98))!important;pointer-events:none!important}body #searchModalResults .search-result-card img{position:absolute!important;inset:auto!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:.62!important}#searchModalResults .search-result-card>*:not(img){position:relative!important;z-index:2!important;grid-column:1/-1!important}#searchModalResults .search-result-title{font-size:17px!important;line-height:1.15!important}#searchModalResults .search-result-meta{margin-top:7px!important;color:rgba(255,255,255,.5)!important}#searchModalResults .search-result-card:hover{border-color:rgba(255,255,255,.16)!important;background:#191a20!important;transform:none!important}

/* White ratings */
.poster-card small,.poster-card .score,.catalog-grid .poster-card small,.detail-extra-card span{color:rgba(255,255,255,.72)!important}

/* Native catalog dropdowns */
.catalog-toolbar select{color-scheme:dark!important;background-color:#181a20!important;color:#fff!important}.catalog-toolbar select option{background:#181a20!important;color:#fff!important}

/* History */
body.is-library #historyPage{width:100%!important}body.is-library #historyPage .page-heading,body.is-library #historyGrid.history-list{width:min(1180px,calc(100vw - 72px))!important;margin-left:auto!important;margin-right:auto!important}body.is-library #historyGrid.history-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}body.is-library #historyGrid .continue-history-card{overflow:hidden!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:9px!important;background:#08090b!important;box-shadow:none!important}body.is-library #historyGrid .continue-history-cover:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(4,5,7,.88),transparent 65%)}body.is-library #historyGrid .continue-history-cover img{filter:brightness(.7) saturate(.84)!important}body.is-library #historyGrid .continue-history-title{z-index:2!important;max-width:calc(100% - 28px)!important;font-size:15px!important;line-height:1.15!important}body.is-library #historyGrid .continue-history-footer{background:#07080a!important;color:rgba(255,255,255,.68)!important}
html body.is-library #historyPage #historyGrid.history-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:center!important}html body.is-library #historyPage #historyGrid .continue-history-card{width:auto!important;min-width:0!important;max-width:none!important}

/* Description */

@media(max-width:1380px){.topbar, body.is-detail .topbar{grid-template-columns:max-content minmax(260px,1fr) max-content!important}.header-nav{display:none!important}.logo{grid-column:1!important}.top-search{grid-column:2!important}.top-actions{grid-column:3!important}}
@media(max-width:760px){.topbar,body.is-detail .topbar{min-height:64px!important;height:64px!important;padding:0 14px!important;gap:10px!important}.logo-word{display:none!important}.top-search{min-width:0!important}.profile-button span{display:none!important}body.is-home #continueCard.continue-card{width:calc(100vw - 24px)!important;margin-top:14px!important}body.is-home #continueWatch.hero-carousel.watch-progress{min-height:470px!important;padding:26px 22px!important;background-image:linear-gradient(0deg,rgba(5,6,8,.96),rgba(5,6,8,.18)),var(--hero-bg)!important}body.is-home .hero-carousel__copy{width:100%!important}body.is-home .hero-carousel.watch-progress h3{font-size:42px!important;letter-spacing:-1.8px!important}#searchModal{padding:10px!important}#searchModal .search-modal__panel{max-height:calc(100vh - 20px)!important;padding:20px 14px!important}#searchModalResults.modal-results{grid-template-columns:1fr!important}body.is-library #historyPage .page-heading,body.is-library #historyGrid.history-list{width:calc(100vw - 28px)!important}body.is-library #historyGrid.history-list{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.poster-card:before,.poster-fallback:before{animation:none!important}}
