/* Black Echo final cascade layer: loaded after legacy inline page styles. */
.main-header {
    position: sticky;
    top: 0;
    min-height: 72px;
    padding: 12px clamp(16px, 4vw, 64px);
    background: rgba(7, 8, 12, .58);
    border-bottom: 1px solid rgba(255,255,255,.08);
    -webkit-backdrop-filter: blur(14px) saturate(135%);
    backdrop-filter: blur(14px) saturate(135%);
    transition: background .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.main-header.is-scrolled { background: rgba(7,8,12,.82); box-shadow: 0 14px 32px -24px #000; }
.main-header .menu-icon {
    display: none;
    border: 0;
    background: transparent;
    color: var(--he-text, #f2f2f5);
    font-size: 1.35rem;
    line-height: 1;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: transform .25s ease, color .25s ease, background .25s ease;
}
.main-header .menu-icon:hover, .main-header .menu-icon:focus-visible { color: var(--he-red-2, #ff3b3b); background: rgba(255,255,255,.07); transform: scale(1.06); outline: none; }
.main-header nav { align-items: center; }
.nav-backdrop { visibility: hidden; opacity: 0; transition: opacity .3s ease, visibility .3s ease; }
.nav-backdrop.is-visible { visibility: visible; opacity: 1; }

.search-container { position: relative; width: min(230px, 22vw); min-width: 150px; }
#search-input { width: 100%; height: 42px; padding: 8px 38px 8px 14px; color: var(--he-text,#f2f2f5); background: rgba(255,255,255,.055); border: 1px solid var(--he-border,#262838); border-radius: 12px; outline: 0; font: inherit; font-size: .8rem; }
#search-input:focus { background: rgba(255,255,255,.09); border-color: var(--he-red-2,#ff3b3b); box-shadow: 0 0 0 4px rgba(229,9,20,.1); }
.search-dropdown { z-index: 1100; background: rgba(18,20,28,.96); border: 1px solid var(--he-border,#262838); border-radius: 14px; box-shadow: 0 18px 44px -20px #000; }

.anime-card, .he-card { border-radius: 14px; overflow: hidden; transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
.anime-card:hover, .he-card:hover, .anime-grid .anime-card:hover { transform: translateY(-6px) scale(1.012); border-color: rgba(229,9,20,.52); box-shadow: 0 18px 44px -20px rgba(0,0,0,.78); }
.anime-card-image, .he-card-img-wrap, .card-poster, .be-card-image { position: relative; width: 100%; height: auto !important; aspect-ratio: 2 / 3; overflow: hidden; background: var(--he-surface-2,#181a24); }
.anime-card-image img, .he-card-img-wrap img, .card-poster img, .be-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.anime-card:hover img, .he-card:hover img { transform: scale(1.06); }
.be-favorite-button { position: absolute; top: 10px; left: 10px; z-index: 4; width: 36px; height: 36px; display: grid; place-items: center; color: #fff; background: rgba(7,8,12,.64); border: 1px solid rgba(255,255,255,.18); border-radius: 50%; cursor: pointer; }
.be-favorite-button:hover, .be-favorite-button:focus-visible { color: var(--he-red-2,#ff3b3b); border-color: var(--he-red-2,#ff3b3b); transform: scale(1.1); outline: none; }
.be-favorite-button.is-active { color: #fff; background: var(--he-red,#e50914); border-color: var(--he-red-2,#ff3b3b); }
.be-rating { display: flex; align-items: center; gap: 1px; direction: ltr; margin-top: 7px; }
.be-star { padding: 0 2px; color: var(--he-muted,#93939f); background: transparent; border: 0; font-size: 1rem; line-height: 1; cursor: pointer; }
.be-star:hover, .be-star:focus-visible, .be-star.is-selected { color: var(--he-gold,#ffb800); outline: none; }

@media (max-width: 768px) {
    .main-header { min-height: 64px; padding: 9px 14px; gap: 8px; }
    .main-header .menu-icon { display: inline-grid !important; place-items: center; order: 5; }
    .main-header nav { position: fixed !important; inset-block: 0; inset-inline-start: 0 !important; left: auto !important; right: auto !important; width: min(310px,86vw) !important; height: 100dvh !important; display: flex !important; flex-direction: column !important; align-items: stretch; gap: 0; padding: 24px 18px; background: rgba(18,20,28,.97) !important; border-inline-end: 1px solid var(--he-border,#262838); transform: translateX(110%); visibility: hidden; opacity: 0; transition: transform .38s cubic-bezier(.2,.8,.2,1), opacity .3s ease, visibility .38s ease !important; z-index: 1001 !important; }
    html[dir="rtl"] .main-header nav { transform: translateX(110%); }
    html[dir="ltr"] .main-header nav { transform: translateX(-110%); }
    .main-header nav.active { transform: translateX(0) !important; visibility: visible; opacity: 1; }
    .main-header nav a { display: flex; align-items: center; min-height: 52px; padding: 12px 10px; border-bottom: 1px solid rgba(255,255,255,.07); }
    .main-header nav .close-btn { display: block !important; align-self: flex-end !important; }
    .main-header .search-container { flex: 1; min-width: 0; width: auto; max-width: 220px; }
    .header-favorites-link span { display: none; }
    #search-input { height: 39px; font-size: .74rem; }
    .anime-grid.video-grid, .anime-grid, .he-latest-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; }
}
@media (max-width: 390px) {
    .header-favorites-link { display: none; }
    .anime-grid.video-grid, .anime-grid, .he-latest-grid { gap: 10px !important; }
}


/* Profile enrichment and SEO-friendly identity badges */
.dubber-description,.actor-description{color:var(--he-muted,#93939f);font-size:.84rem;line-height:1.8;max-width:38rem;margin:8px auto 0}
.dubber-tier,.actor-tier{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;border-radius:999px;background:rgba(255,184,0,.1);border:1px solid rgba(255,184,0,.25);color:var(--he-gold,#ffb800);font-size:.72rem;font-weight:800}
.dubber-card .dubber-description{min-height:3.6em}
.actor-header .actor-description{margin:12px auto 0}
.role-card.is-static-role{cursor:default}


/* Streaming-platform layer inspired by modern anime services, branded for Black Echo. */
.he-stream-hero{min-height:650px;justify-content:flex-start;text-align:right;padding:100px clamp(20px,6vw,90px) 70px;overflow:hidden;background:#07080c}
.he-stream-hero .he-hero-glow{background:radial-gradient(ellipse 50% 70% at 80% 35%,rgba(229,9,20,.3),transparent 70%),linear-gradient(90deg,#07080c 0%,rgba(7,8,12,.92) 36%,rgba(7,8,12,.36) 100%)}
.he-hero-backdrop{position:absolute;inset:0 0 0 22%;z-index:-2;background-position:center;background-size:cover;opacity:.58;filter:saturate(.9);transition:background-image .4s ease,opacity .4s ease;mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%)}
.he-hero-content{position:relative;z-index:2;width:min(1240px,100%);margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.he-hero-copy{max-width:650px}.he-hero-overline{color:var(--he-gold,#ffb800);font-size:.8rem;font-weight:800;margin:0 0 8px}.he-hero-meta{display:flex;flex-wrap:wrap;gap:16px;color:#d5d5dd;font-size:.82rem;margin:-4px 0 18px}.he-hero-meta span+span{border-inline-start:1px solid rgba(255,255,255,.18);padding-inline-start:16px}.he-hero-meta i{color:var(--he-gold,#ffb800)}
.he-stream-hero .he-hero-desc{margin:0 0 28px;max-width:570px}.he-hero-favorite.is-active{background:rgba(229,9,20,.16);border-color:var(--he-red-2,#ff3b3b);color:#fff}.he-hero-rail{width:min(330px,30%);display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 4px 18px;scrollbar-width:none}.he-hero-rail::-webkit-scrollbar,.he-rail::-webkit-scrollbar{display:none}.he-hero-rail .he-card{min-width:92px;width:92px;scroll-snap-align:start;background:rgba(18,20,28,.8);border:1px solid rgba(255,255,255,.14);padding:0}.he-hero-rail .he-card .he-card-body{display:none}.he-hero-rail .he-card-img-wrap{aspect-ratio:2/3}.he-hero-rail .he-card-badge,.he-hero-rail .he-card-play{display:none}.he-hero-rail .be-favorite-button{display:none}
.he-stream-section{padding-top:24px}.he-rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:8px 3px 20px;scrollbar-width:none}.he-rail .he-card{flex:0 0 184px;scroll-snap-align:start}.he-rail .he-card .he-card-img-wrap{aspect-ratio:2/3}.he-rail .he-card h3{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.he-rail .he-card-meta{font-size:.72rem}.he-rail .he-card-play{opacity:0}.he-rail .he-card:hover .he-card-play{opacity:1}
.he-stream-section[hidden]{display:none}.he-stream-section .he-section-head{margin-bottom:12px}.he-stream-section .he-title-lg{font-size:clamp(1.35rem,2.8vw,2rem)}
@media (max-width:800px){.he-stream-hero{min-height:650px;padding:78px 18px 30px;align-items:flex-end}.he-hero-backdrop{inset:0 0 30% 0;opacity:.48;mask-image:linear-gradient(180deg,#000 0%,#000 50%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 50%,transparent 100%)}.he-hero-content{display:block}.he-hero-copy{max-width:none}.he-stream-hero .he-hero h1{font-size:clamp(2rem,9vw,3.1rem)}.he-hero-rail{width:100%;margin-top:26px}.he-hero-rail .he-card{min-width:76px;width:76px}.he-rail{gap:12px}.he-rail .he-card{flex-basis:154px}.he-hero-meta{gap:10px}.he-hero-meta span+span{padding-inline-start:10px}}
@media (prefers-reduced-motion:reduce){.he-hero-backdrop{transition:none}.he-stream-hero .he-hero-glow{animation:none}}


.be-mobile-nav{display:none}
@media (max-width:768px){
  body{padding-bottom:68px}
  .be-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);inset-inline:0;bottom:0;z-index:1200;height:64px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:rgba(11,13,19,.92);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .be-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#93939f;text-decoration:none;font-size:.65rem;font-weight:700;transition:color .2s ease,transform .2s ease}
  .be-mobile-nav a i{font-size:1.05rem}.be-mobile-nav a:hover,.be-mobile-nav a:focus-visible,.be-mobile-nav a.is-current{color:#ff3b3b;transform:translateY(-2px);outline:0}
}


.be-browse-toolbar{max-width:1240px;margin:0 auto;padding:0 20px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.be-filter-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.be-filter-chips::-webkit-scrollbar{display:none}.be-filter-chip{border:1px solid var(--he-border,#262838);background:rgba(255,255,255,.04);color:#c9c9d1;border-radius:999px;padding:8px 15px;font:inherit;font-size:.78rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:.2s ease}.be-filter-chip:hover,.be-filter-chip.is-active{background:var(--he-red,#e50914);border-color:var(--he-red-2,#ff3b3b);color:#fff}.be-browse-search{display:flex;align-items:center;gap:8px;width:min(270px,100%);padding:0 12px;border:1px solid var(--he-border,#262838);border-radius:999px;color:var(--he-muted,#93939f);background:rgba(255,255,255,.04)}.be-browse-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:9px 0;font:inherit;font-size:.78rem}.be-browse-search input::placeholder{color:#777987}.anime-card[hidden]{display:none!important}@media(max-width:700px){.be-browse-toolbar{padding-inline:14px;align-items:stretch}.be-filter-chips{order:2;width:100%}.be-browse-search{order:1;width:100%}}