/* Re:ANIME Rebuild 7 — one final unified layout layer. Original references: supplied screenshots + HTML. */
:root{--rean-primary:#a3e635;--rean-panel:#0d0f15;--rean-gutter:20px;--rean-rail:55px}
*,*::before,*::after{box-sizing:border-box}
body.rean-wp{background:#000;color:#f6f6f8;font-family:Inter,Arial,sans-serif}
body.rean-wp .rean-layout{overflow:clip;min-height:100vh}
body.rean-wp .rean-header{position:fixed!important;inset:0 0 auto 0!important;height:70px!important;background:transparent!important;border-bottom:1px solid transparent!important;box-shadow:none!important;z-index:10000!important;isolation:isolate;transition:background .22s ease,backdrop-filter .22s ease,border-color .22s ease!important}
body.rean-wp:not(.rean-scrolled) .rean-header .rean-hdr-bg{opacity:0!important}
body.rean-wp.rean-scrolled .rean-header{background:rgba(0,0,0,.68)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;border-bottom-color:#ffffff12!important}
body.rean-wp .rean-header-inner{height:70px!important;padding:8px 24px!important}
body.rean-wp .rean-header::before,body.rean-wp .rean-header::after{content:'';position:absolute;z-index:-1;pointer-events:none;top:0;bottom:0;width:32%;opacity:1;transition:opacity .22s}
body.rean-wp .rean-header::before{left:0;background:linear-gradient(90deg,#0008,transparent)}
body.rean-wp .rean-header::after{right:0;background:linear-gradient(270deg,#0008,transparent)}
body.rean-wp.rean-scrolled .rean-header::before,body.rean-wp.rean-scrolled .rean-header::after{opacity:.25}
body.rean-wp .rean-header-logo{display:inline-flex!important;max-width:165px;min-width:110px}
body.rean-wp .rean-header-logo img{width:140px!important;max-width:100%;height:auto!important;object-fit:contain}
body.rean-wp .rean-search-open{height:42px!important;border:1px solid #ffffff31!important;background:#0007!important;backdrop-filter:blur(8px);border-radius:9px!important;min-width:270px!important;color:#e6e6ee!important;font-size:14px!important}
body.rean-wp .rean-search-open:hover{border-color:#fff8!important;background:#000b!important}
body.rean-wp .header-cta{font-size:12px!important;letter-spacing:.04em;white-space:nowrap}
body.rean-wp .title-lang{margin-right:14px;flex-shrink:0}
body.rean-wp .rean-menu-btn{flex-shrink:0;width:26px!important;min-width:26px!important}
/* Left rail is independent of the Browse drawer; never expand rail width on hover. */
body.rean-wp .rean-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:55px!important;background:transparent!important;border-right:1px solid #fff1!important;z-index:9700!important;transform:translateX(0);grid-template-rows:1fr auto 1fr!important;padding:0 0 12px!important}
body.rean-wp .rean-sidebar .sb-bg{background:linear-gradient(to right,#02030790,#0203070f)!important;opacity:.42!important;pointer-events:none}
body.rean-wp .rean-sidebar .sb-nav{grid-row:2!important;width:55px!important;align-self:center;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;padding:0 6px!important}
body.rean-wp .rean-sidebar .sb-foot{grid-row:3!important;width:55px!important;align-self:end;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;padding:0 6px 11px!important}
body.rean-wp .rean-sidebar .sb-item{display:flex!important;justify-content:center!important;align-items:center!important;position:relative!important;width:37px!important;min-width:37px!important;height:37px!important;min-height:37px!important;padding:0!important;margin:0!important;color:#a5a9b7!important;background:transparent!important;border-radius:7px!important;border:0!important;cursor:pointer}
body.rean-wp .rean-sidebar .sb-item svg{width:19px;height:19px}
body.rean-wp .rean-sidebar .sb-item:hover,body.rean-wp .rean-sidebar .sb-item.is-active{background:#292b359e!important;color:#fff!important}
body.rean-wp .rean-sidebar .sb-label{display:none!important}
body.rean-wp .rean-sidebar .sb-rule{width:20px!important;margin:9px 0!important;border-top-color:#ffffff11}
body.rean-wp .rean-sidebar .sb-more{position:absolute!important;left:52px!important;top:48%!important;min-width:185px!important;max-height:70vh;overflow-y:auto;z-index:20!important;background:#0b0d12f5!important;border:1px solid #ffffff26!important;border-radius:10px!important;padding:8px!important;box-shadow:0 15px 45px #000b}
body.rean-wp .rean-sidebar .sb-more[hidden]{display:none!important}
body.rean-wp .rean-sidebar .sb-more .sb-item{width:100%!important;padding:0 9px!important;justify-content:flex-start!important;gap:9px!important}
body.rean-wp .rean-sidebar .sb-more .sb-label{display:inline!important}
body.rean-wp .rean-layout.sidebar-hidden .rean-sidebar{transform:translateX(-110%)!important}
body.rean-wp .rean-rail-reopen{z-index:9740!important}
/* Standalone Browse drawer shown by hamburger, not the small rail. */
body.rean-wp .rean-browse-menu{z-index:10020!important}
body.rean-wp .rean-browse-menu[hidden]{display:none!important}
body.rean-wp .rean-browse-panel{width:247px!important;max-width:min(260px,88vw)!important;background:repeating-linear-gradient(115deg,#ffffff05 0 1px,transparent 1px 11px),#06070bef!important;border:1px solid #ffffff1b!important;box-shadow:18px 0 60px #000e!important;backdrop-filter:blur(22px)}
body.rean-wp .rean-browse-panel nav a,body.rean-wp .rean-browse-panel nav button{font-size:14px!important;min-height:38px!important}
body.rean-wp .rean-browse-panel .rean-browse-group{font-size:10px!important;letter-spacing:.2em!important;color:#7d8290!important}
/* 70-vh full-bleed hero like reference; no opaque header band. */
body.rean-wp .rean-main{position:relative}
body.rean-wp .rean-hero{height:70vh!important;min-height:550px!important;max-height:900px!important;margin-top:0!important}
body.rean-wp .rean-hero-slide::before{background:linear-gradient(to top,#000 0%,transparent 38%)!important}
body.rean-wp .rean-hero-caption{left:clamp(22px,3vw,56px)!important;bottom:clamp(65px,8vh,110px)!important;max-width:570px!important}
body.rean-wp .rean-hero-top-controls{top:80px!important;right:24px!important}
body.rean-wp .rean-content-grid{column-gap:20px!important;row-gap:24px!important;padding:0 22px!important}
body.rean-wp .rean-left-content{min-width:0!important}
body.rean-wp .rean-right-content{min-width:0!important}
body.rean-wp .rean-home-notice{margin:0 0 24px!important;min-height:54px!important;padding:10px 16px!important;border:none!important;border-radius:0!important;background:repeating-linear-gradient(120deg,#ffffff06 0 1px,transparent 1px 10px),#08090a!important}
body.rean-wp .rean-home-notice .notice-title{text-transform:uppercase;letter-spacing:.1em;font-size:10px}
body.rean-wp .rean-anime-section{margin:0 0 31px!important}
body.rean-wp .rean-anime-section h2,body.rean-wp .rean-recent-section h2{font-size:22px!important;font-weight:720!important;letter-spacing:-.02em}
body.rean-wp .rean-card{min-width:0!important;position:relative}
body.rean-wp .rean-card-link{display:block;text-decoration:none!important;color:#fff}
body.rean-wp .rean-cover{aspect-ratio:3/4!important;margin-bottom:8px!important}
body.rean-wp .rean-cover img{transition:transform .35s,filter .35s!important;object-fit:cover}
body.rean-wp .rean-card:hover .rean-cover img{transform:scale(1.045)}
body.rean-wp .rean-card:hover .rean-cover .rean-card-play{opacity:1!important}
body.rean-wp .rean-card .rean-watchlist-toggle{background:#000c!important;border-radius:100%!important;color:#fff!important;z-index:12!important}
body.rean-wp .rean-card .rean-card-info{top:6px!important;left:6px!important;border-radius:15px!important;background:#050608e8!important;font-size:10px!important}
body.rean-wp .rean-card .rean-card-counts{bottom:6px!important;left:6px!important;background:#050608ea!important;font-size:9px!important}
body.rean-wp .rean-card h3{font-size:12px!important;color:#f7f7f9!important}
body.rean-wp .rean-card .bg-green-500{display:none!important}
/* Right panels are a precise stack: trending, daily schedule, top posts. */
body.rean-wp .rean-right-content .hud-panel{background:linear-gradient(160deg,#11121a,#0a0b11)!important;border:1px solid #ffffff13!important;border-radius:12px!important;padding:16px!important;margin-bottom:22px!important;box-shadow:none!important}
body.rean-wp .rean-panel-head{border-bottom:1px solid #ffffff11!important;padding:0 0 14px!important;margin:0 0 16px!important;display:flex;align-items:center;justify-content:space-between;gap:8px}
body.rean-wp .rean-panel-head h2{font-size:18px!important;letter-spacing:-.025em}
body.rean-wp .rean-trending-tabs{gap:7px!important;align-items:center}
body.rean-wp .rean-trending-tabs button{font-size:10px!important;letter-spacing:.13em!important;color:#777d8a!important;padding:5px 2px!important}
body.rean-wp .rean-trending-tabs button.is-active{color:#f4f6fb!important}
body.rean-wp .rean-trending-list{display:flex;flex-direction:column;gap:12px!important}
body.rean-wp .rean-trending-list[hidden]{display:none!important}
body.rean-wp .rean-trending-item{display:flex;align-items:center;isolation:isolate;min-height:100px!important;height:100px!important;position:relative;overflow:hidden;border:1px solid #ffffff12;border-radius:10px!important;transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .3s!important;background:#080a0e!important}
body.rean-wp .rean-trending-item::before{content:'';position:absolute;inset:0;background-image:var(--rean-trend-bg);background-position:center;background-size:cover;opacity:.37!important;filter:grayscale(.43) saturate(.9);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s,opacity .8s!important}
body.rean-wp .rean-trending-item::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,#08090caa,#08090cbb 65%,#08090c45);pointer-events:none}
body.rean-wp .rean-trending-item:hover,body.rean-wp .rean-trending-item:focus-visible{transform:translate(6px,-2px)!important;border-color:#ffffff4f!important}
body.rean-wp .rean-trending-item:hover::before,body.rean-wp .rean-trending-item:focus-visible::before{transform:scale(1.12);opacity:.76!important;filter:grayscale(0) saturate(1.1)}
body.rean-wp .rean-trending-item:hover::after{background:linear-gradient(to right,#090a0cba,#090a0c50)}
body.rean-wp .rean-trend-number{font-size:34px!important;font-style:italic!important;font-weight:900!important;min-width:47px!important;z-index:1}
body.rean-wp .rean-trend-details{z-index:1;min-width:0!important;flex:1!important;gap:6px!important}
body.rean-wp .rean-trend-details strong{font-size:14px!important;font-weight:700!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden!important;max-width:100%!important}
body.rean-wp .rean-trend-details small{font-size:10px!important;white-space:nowrap;color:#b5b6bd!important}
body.rean-wp .rean-trend-play{z-index:1!important;flex-shrink:0}
body.rean-wp .rean-calendar-head{border-bottom:1px solid #ffffff12!important}
body.rean-wp .rean-schedule-day{min-height:160px}
body.rean-wp .rean-episode-row{min-height:39px!important}
/* Continue Watching must show real last episode and optional real time, not fake time. */
body.rean-wp .rean-recent-section{margin-top:24px!important;margin-bottom:32px!important}
body.rean-wp .rean-recent-section .rean-recent-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body.rean-wp .rean-recent-thumb{aspect-ratio:16/9!important;overflow:hidden;border-radius:6px!important}
body.rean-wp .rean-recent-thumb img{object-fit:cover;transition:transform .4s}
body.rean-wp .rean-recent-wrap:hover .rean-recent-thumb img{transform:scale(1.07)}
body.rean-wp .rean-recent-ep,body.rean-wp .rean-recent-time{background:#050506a9!important;border-radius:3px!important;color:#fff}
body.rean-wp .rean-recent-progress i{background:#d43b3b!important}
/* Single anime: identical component proportions from supplied detail HTML. */
body.rean-wp .rean-detail-shell{max-width:1515px!important;margin:0 auto!important;padding:185px 40px 35px!important}
body.rean-wp .rean-detail-backdrop{height:285px!important;opacity:.75!important;filter:brightness(.78) blur(2px)!important;background-position:center top!important}
body.rean-wp .rean-detail-grid{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:24px!important;align-items:start!important}
body.rean-wp .rean-detail-poster{width:250px!important;height:350px!important;border-radius:8px!important;box-shadow:0 15px 35px #0009!important;object-fit:cover}
body.rean-wp .rean-detail-data{margin-top:24px!important;background:#18191d88!important;border:1px solid #ffffff16!important;border-radius:8px!important;padding:18px!important;min-height:240px}
body.rean-wp .rean-detail-info h1{font-size:clamp(20px,2.1vw,28px)!important;letter-spacing:-.016em!important}
body.rean-wp .rean-detail-native{font-size:17px!important;margin:3px 0 22px!important}
body.rean-wp .rean-detail-description{font-size:15px!important;line-height:1.65!important}
body.rean-wp .rean-detail-genres a{font-size:13px!important;background:#242620!important}
body.rean-wp .rean-detail-watch{background:#a3e635!important;border-color:#a3e635!important;color:#050505!important}
body.rean-wp .rean-related-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
body.rean-wp .rean-detail-section{margin-top:37px}
body.rean-wp .rean-list-dropdown[hidden]{display:none!important}
/* Generic destination pages and empty states never masquerade as loaded data. */
body.rean-wp .rean-hub-main{min-height:72vh}
@media(max-width:1200px){body.rean-wp .rean-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1023px){body.rean-wp .rean-sidebar{display:none!important}body.rean-wp .rean-hero{height:60vh!important;min-height:440px!important}body.rean-wp .rean-content-grid{padding:0 15px!important}body.rean-wp .rean-recent-section .rean-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.rean-wp .rean-detail-shell{padding:135px 22px 30px!important}}
@media(max-width:680px){body.rean-wp .rean-header{height:66px!important}body.rean-wp .rean-header-inner{height:66px!important;padding:7px 12px!important}body.rean-wp .rean-header-logo img{width:130px!important}body.rean-wp .rean-search-open{display:none!important}body.rean-wp .rean-hero{height:58vh!important;min-height:410px!important}body.rean-wp .rean-hero-caption{left:17px!important;right:14px!important;bottom:45px!important}body.rean-wp .rean-right-content{display:none!important}body.rean-wp .rean-detail-shell{padding:118px 15px 20px!important}body.rean-wp .rean-detail-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important}body.rean-wp .rean-detail-aside{display:flex;justify-content:center!important;width:100%!important}body.rean-wp .rean-detail-poster{width:210px!important;height:294px!important}body.rean-wp .rean-detail-data{display:none!important}body.rean-wp .rean-detail-info{text-align:center!important}body.rean-wp .rean-detail-genres,body.rean-wp .rean-detail-actions{justify-content:center!important}body.rean-wp .rean-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.rean-wp .rean-anime-grid{gap:12px!important}body.rean-wp .rean-browse-panel{width:245px!important}}
@media(prefers-reduced-motion:reduce){body.rean-wp .rean-trending-item,body.rean-wp .rean-card img,body.rean-wp .rean-header{transition:none!important}}
/* Screenshot alignment: reference logo begins near the left screen edge, hero copy begins beyond the icon rail. */
@media(min-width:1024px){
 body.rean-wp .rean-menu-btn{position:absolute!important;left:13px!important;top:81px!important;opacity:.33!important;width:28px!important;height:28px!important;z-index:400!important}
 body.rean-wp .rean-menu-btn:hover,body.rean-wp .rean-menu-btn:focus-visible{opacity:1!important}
 body.rean-wp .rean-header-logo{margin-left:-37px!important}
 body.rean-wp .rean-hero-caption{left:clamp(95px,6.7vw,126px)!important}
 body.rean-wp .rean-sidebar .sb-nav{transform:translateY(30px)!important}
}