:root{--shell-bg:#08080b;--shell-elev:#111116;--shell-card:#18181f;--shell-line:rgba(255,255,255,.1);--shell-accent:#e50914;--shell-accent-h:#ff3340;--shell-text:#f4f4f7;--shell-muted:#9a9aa6;--shell-gutter:clamp(1rem,4vw,3.75rem);--shell-max:1500px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
:root[data-theme=light]{--shell-bg:#f4f5f8;--shell-elev:#fff;--shell-card:#fff;--shell-line:rgba(20,24,36,.12);--shell-text:#171922;--shell-muted:#646a78}
html.cinema-shell-page{background:var(--shell-bg);color:var(--shell-text);min-height:100%}body.cinema-shell-page{margin:0;padding-top:70px;background:var(--shell-bg);color:var(--shell-text);font-family:'Hanken Grotesk',system-ui,sans-serif;min-height:100vh}.cinema-shell-page a{color:inherit;text-decoration:none}.cinema-shell-page button{font-family:inherit}
.mobile-nav-toggle{display:none;width:38px;height:38px;place-items:center;border:1px solid var(--shell-line);border-radius:9px;background:rgba(255,255,255,.06);color:var(--shell-text);font-size:1.15rem;cursor:pointer}
.cinema-shell-header{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.2rem);height:70px;padding:0 var(--shell-gutter);background:linear-gradient(to bottom,rgba(8,8,11,.92),rgba(8,8,11,0));border-bottom:1px solid transparent;color:var(--shell-text)}.cinema-shell-header .logo{font-size:1.65rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--shell-accent);text-shadow:0 0 26px rgba(229,9,20,.55);white-space:nowrap}.cinema-shell-header .nav-links{display:flex;align-items:center;gap:1.4rem;flex-shrink:0}.cinema-shell-header .nav-link{position:relative;padding:4px 0;border:0;background:transparent;color:var(--shell-muted);font-size:.86rem;font-weight:500;cursor:pointer}.cinema-shell-header .nav-link:hover,.cinema-shell-header .nav-link.active{color:var(--shell-text)}.cinema-shell-header .nav-link.active{font-weight:600}.cinema-shell-header .nav-link.active:after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--shell-accent);border-radius:2px}.nav-dropdown{position:relative}.nav-submenu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);min-width:210px;padding:.55rem;background:var(--shell-elev);border:1px solid var(--shell-line);border-radius:12px;box-shadow:0 18px 50px #0009;display:none;z-index:450}.nav-submenu.open{display:block}.nav-submenu a{display:block;padding:.55rem .65rem;border-radius:7px;color:var(--shell-text);font-size:.8rem;white-space:nowrap}.nav-submenu a:hover{background:var(--shell-card);color:var(--shell-accent-h)}.library-nav-btn{padding:4px 0;border:0;background:transparent;color:var(--shell-muted);font:500 .86rem inherit;cursor:pointer;white-space:nowrap}.library-nav-btn:hover{color:var(--shell-text)}
.cinema-shell-header .nav-right{margin-left:auto;display:flex;align-items:center;gap:.9rem;min-width:0}.search-wrap{position:relative;display:flex;align-items:center;min-width:0}.search-toggle{width:38px;height:38px;display:grid;place-items:center;background:transparent;border:0;color:var(--shell-text);font-size:1.35rem;cursor:pointer}.search-wrap input{width:clamp(180px,32vw,380px);height:38px;padding:0 2.4rem 0 1rem;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:rgba(0,0,0,.6);color:var(--shell-text);font:inherit;font-size:.88rem;outline:0}.search-wrap input::placeholder{color:var(--shell-muted)}.search-wrap>#search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:0;color:var(--shell-muted);cursor:pointer}.cinema-shell-header .contribute-btn{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border:1px solid rgba(229,9,20,.4);border-radius:99px;background:linear-gradient(135deg,rgba(229,9,20,.18),rgba(229,9,20,.04));color:var(--shell-text);font-size:.8rem;font-weight:700;white-space:nowrap}.cinema-shell-header .theme-toggle{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--shell-line);border-radius:50%;background:rgba(255,255,255,.06);color:var(--shell-text);cursor:pointer}
.cinema-shell-page>main{position:relative;z-index:1;min-height:calc(100vh - 330px);padding:2.5rem 0}.shell-hero{position:relative;height:clamp(230px,34vw,430px);margin:0;overflow:hidden;background:linear-gradient(110deg,#2a0d16,#08080b 72%);isolation:isolate}.shell-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;background-size:cover;background-position:center 22%;transform:scale(1.03)}.shell-hero-slide.active{opacity:1;animation:shellHeroZoom 9s ease forwards}.shell-hero-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,11,.82),rgba(8,8,11,.25) 55%,rgba(8,8,11,.72)),linear-gradient(0deg,var(--shell-bg),transparent 45%)}@keyframes shellHeroZoom{from{transform:scale(1.1)}to{transform:scale(1)}}.shell-hero-copy{position:absolute;z-index:2;left:var(--shell-gutter);bottom:2.4rem;max-width:620px;color:#fff}.shell-hero-copy small{color:var(--shell-accent-h);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.shell-hero-copy h1{margin:.45rem 0;font-size:clamp(1.7rem,4vw,3rem);letter-spacing:-.03em}.shell-hero-copy p{margin:0;color:#fffb;line-height:1.5}
.cinema-shell-page>footer.site-footer{margin-top:4rem;background:#101014;border-top:1px solid var(--shell-line);color:var(--shell-muted)}.site-footer .footer-main{max-width:var(--shell-max);margin:auto;padding:2.5rem var(--shell-gutter);display:grid;grid-template-columns:1fr 1.2fr;gap:3rem}.site-footer .footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.site-footer h3{color:var(--shell-text);font-size:.95rem;margin:0 0 .7rem}.site-footer .footer-links a{display:block;margin:.4rem 0;color:inherit;font-size:.82rem}.site-footer .footer-links a:hover,.site-footer .footer-bottom a:hover{color:var(--shell-accent-h)}.site-footer .footer-about p{font-size:.84rem;line-height:1.6;margin:.4rem 0}.site-footer .footer-features{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;margin-top:1rem;color:var(--shell-accent-h);font-size:.8rem}.footer-downloads{margin-top:1.5rem}.footer-downloads h3{margin-bottom:.7rem}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.download-card{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.65rem .7rem;border:1px solid var(--shell-line);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));color:var(--shell-text);transition:transform .2s ease,border-color .2s ease,background .2s ease}.download-card:hover{transform:translateY(-2px);border-color:var(--shell-accent);background:rgba(229,9,20,.12)}.download-card-disabled{opacity:.58;cursor:default}.download-card-disabled:hover{transform:none;border-color:var(--shell-line);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}.download-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:var(--shell-accent);color:#fff}.download-icon svg{width:18px;height:18px;fill:currentColor}.download-card strong,.download-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-card strong{font-size:.76rem}.download-card small{margin-top:.12rem;color:var(--shell-muted);font-size:.65rem}.download-arrow{margin-left:auto;color:var(--shell-accent-h);font-size:1.1rem}.site-footer .footer-bottom{display:flex;justify-content:center;gap:1.5rem;padding:1rem var(--shell-gutter);background:#09090b;font-size:.78rem}
@media(max-width:860px){.cinema-shell-header .nav-links{display:none}.shell-hero{height:300px}}@media(max-width:760px){.site-footer .footer-main{grid-template-columns:1fr;gap:1.5rem}.site-footer .footer-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.download-grid{grid-template-columns:1fr}.cinema-shell-header .contribute-btn .s-name{display:none}.cinema-shell-header .contribute-btn{padding:.45rem .6rem}.cinema-shell-header .search-wrap input{width:150px}}
.cinema-shell-header .nav-links.mobile-open{position:absolute;top:70px;left:var(--shell-gutter);right:var(--shell-gutter);display:flex;flex-direction:column;align-items:stretch;gap:.25rem;padding:.65rem;background:var(--shell-elev);border:1px solid var(--shell-line);border-radius:12px;box-shadow:0 18px 50px #0009}.cinema-shell-header .nav-links.mobile-open .nav-link{display:block;width:100%;padding:.7rem .65rem;text-align:left}.cinema-shell-header .nav-links.mobile-open .nav-submenu{position:static;transform:none;min-width:0;margin:.1rem 0 .4rem;box-shadow:none}
@media(max-width:860px){.mobile-nav-toggle{display:grid}.cinema-shell-header .nav-links.mobile-open{display:flex}.cinema-shell-header .nav-links:not(.mobile-open){display:none}.shell-hero{height:300px}}

@media(max-width:560px){.cinema-shell-header .search-wrap input{display:none}.cinema-shell-header .search-wrap.search-open input{display:block;position:absolute;top:44px;right:0;width:min(78vw,280px);background:var(--shell-elev);border-color:var(--shell-line);box-shadow:0 12px 30px #0009}}
@media(max-width:560px){.cinema-shell-header{gap:.55rem}.cinema-shell-header .logo{font-size:1.28rem}.cinema-shell-header .nav-right{gap:.25rem}.cinema-shell-header .search-toggle,.cinema-shell-header .theme-toggle{width:34px;height:34px}.mobile-nav-toggle{width:34px;height:34px}}
.cinema-shell-header .server-wrap{position:relative;flex-shrink:0}.cinema-shell-header .server-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border:1px solid var(--shell-line);border-radius:9px;background:rgba(255,255,255,.06);color:var(--shell-text);font:600 .78rem inherit;cursor:pointer}.cinema-shell-header .server-btn:hover{border-color:var(--shell-accent);background:rgba(229,9,20,.12)}.cinema-shell-header .server-btn .s-live{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 8px #3ddc84}.cinema-shell-header .server-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:190px;padding:.55rem;background:var(--shell-elev);border:1px solid var(--shell-line);border-radius:12px;box-shadow:0 18px 50px #0009;display:none;z-index:460}.cinema-shell-header .server-menu.open{display:grid;gap:.2rem}.server-menu-header{padding:.35rem .55rem .5rem;color:var(--shell-muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.cinema-shell-header .server-item{display:block;width:100%;padding:.55rem .65rem;border:0;border-radius:7px;background:transparent;color:var(--shell-text);text-align:left;font:500 .8rem inherit;cursor:pointer}.cinema-shell-header .server-item:hover,.cinema-shell-header .server-item.active{background:var(--shell-card);color:var(--shell-accent-h)}

/* TFlix layout skin for the shared shell. Presentation only. */
@media(min-width:861px){
body.cinema-shell-page{padding-top:0;background:#09090b;font-family:'Inter','Hanken Grotesk',system-ui,sans-serif}
.cinema-shell-header{top:0;right:auto;bottom:0;left:0;width:116px;height:100vh;padding:22px 0;display:flex;flex-direction:column;align-items:center;gap:0;background:#0c0c10;border-right:1px solid rgba(255,255,255,.07);border-bottom:0}
.cinema-shell-header .logo{width:100%;margin:0 0 30px;text-align:center;font-family:'Bebas Neue',sans-serif;font-size:0;font-weight:400;letter-spacing:.08em;line-height:1;color:var(--shell-accent);text-shadow:0 0 22px rgba(229,9,20,.38)}
.cinema-shell-header .logo::after{content:'TFLIX';display:block;font-size:1.72rem;line-height:1}
.cinema-shell-header .nav-links{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:5px}
.cinema-shell-header .nav-link,.cinema-shell-header .library-nav-btn{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;padding:7px 8px;color:#a1a1aa;font-size:.67rem;font-weight:600;text-align:center;white-space:normal;border-radius:0;transition:color .18s,background .18s}
.cinema-shell-header .nav-link:hover,.cinema-shell-header .library-nav-btn:hover,.cinema-shell-header .nav-link.active{color:#fff;background:rgba(229,9,20,.13)}
.cinema-shell-header .nav-link.active:after{left:0;right:auto;top:7px;bottom:7px;width:3px;height:auto;border-radius:0 3px 3px 0}
.cinema-shell-header .nav-dropdown{width:100%}.cinema-shell-header .nav-dropdown>.nav-link{width:100%}
.cinema-shell-header .nav-submenu{top:0;left:calc(100% + 8px);transform:none;min-width:190px;border-radius:7px;background:#141419;border-color:rgba(255,255,255,.11)}
.cinema-shell-header #favorites-nav{margin-top:6px}
.cinema-shell-header .nav-right{width:100%;margin:auto 0 0;padding-top:14px;flex-direction:column;gap:8px}
.cinema-shell-header .search-toggle,.cinema-shell-header .theme-toggle{width:42px;height:42px;border-radius:6px;background:transparent;border:1px solid transparent}
.cinema-shell-header .search-toggle:hover,.cinema-shell-header .theme-toggle:hover{background:#18181f;border-color:var(--shell-line)}
.cinema-shell-header .search-wrap input{position:fixed;left:126px;bottom:22px;z-index:500;width:260px;height:42px;padding:0 2.4rem 0 1rem;background:#141419;border-radius:6px}
.cinema-shell-header .search-wrap>#search-clear{position:fixed;left:356px;right:auto;bottom:32px;top:auto;z-index:501}
.cinema-shell-header .contribute-btn{width:42px;height:42px;justify-content:center;padding:0;border-radius:6px;background:transparent;border-color:transparent}
.cinema-shell-header .contribute-btn .s-name{display:none}
.cinema-shell-page>main,.cinema-shell-page>.shell-hero,.cinema-shell-page>footer.site-footer{margin-left:116px}
.cinema-shell-page>.shell-hero{width:calc(100% - 116px)}
.cinema-shell-page>.shell-hero .shell-hero-copy{left:clamp(2rem,4vw,4rem)}
}

/* Keep the TFlix brand treatment consistent on narrow and wide screens. */
.cinema-shell-header .logo{font-size:0!important;font-family:'Bebas Neue',sans-serif!important;letter-spacing:.08em!important}
.cinema-shell-header .logo::after{content:'TFLIX';display:block;font-size:1.72rem;line-height:1}
@media(max-width:560px){.cinema-shell-header .logo::after{font-size:1.38rem}}

/* Exact TFlix shell geometry: the rail stays visible at every supported
   viewport size instead of collapsing into a top bar. */
body.cinema-shell-page{padding-top:0;background:#09090b;font-family:'Inter','Hanken Grotesk',system-ui,sans-serif}
.cinema-shell-header{top:0;right:auto;bottom:0;left:0;width:116px;height:100vh;padding:22px 0;display:flex;flex-direction:column;align-items:center;gap:0;background:#0c0c10;border-right:1px solid rgba(255,255,255,.07);border-bottom:0}
.cinema-shell-header .logo{width:100%;margin:0 0 30px;text-align:center;font-family:'Inter','Hanken Grotesk',system-ui,sans-serif!important;font-size:.76rem!important;font-weight:800;letter-spacing:-.03em!important;line-height:1.15;color:var(--shell-accent);text-shadow:0 0 22px rgba(229,9,20,.38);white-space:normal}
.cinema-shell-header .logo::after{display:none}
.cinema-shell-header .nav-links{width:100%;display:flex!important;flex-direction:column;align-items:stretch;gap:5px}
.cinema-shell-header .nav-link,.cinema-shell-header .library-nav-btn{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;padding:7px 8px;color:#a1a1aa;font-size:.67rem;font-weight:600;text-align:center;white-space:normal;border-radius:0;transition:color .18s,background .18s}
.cinema-shell-header .nav-link:hover,.cinema-shell-header .library-nav-btn:hover,.cinema-shell-header .nav-link.active{color:#fff;background:rgba(229,9,20,.13)}
.cinema-shell-header .nav-link.active:after{left:0;right:auto;top:7px;bottom:7px;width:3px;height:auto;border-radius:0 3px 3px 0}
.cinema-shell-header .nav-dropdown{width:100%}.cinema-shell-header .nav-dropdown>.nav-link{width:100%}
.cinema-shell-header .nav-submenu{top:0;left:calc(100% + 8px);transform:none;min-width:190px;border-radius:7px;background:#141419;border-color:rgba(255,255,255,.11)}
.cinema-shell-header #favorites-nav{margin-top:6px}
.cinema-shell-header .nav-right{width:100%;margin:auto 0 0;padding-top:14px;flex-direction:column;gap:8px}
.cinema-shell-header .search-toggle,.cinema-shell-header .theme-toggle{width:42px;height:42px;border-radius:6px;background:transparent;border:1px solid transparent}
.cinema-shell-header .search-toggle:hover,.cinema-shell-header .theme-toggle:hover{background:#18181f;border-color:var(--shell-line)}
.cinema-shell-header .search-wrap input{position:fixed;left:126px;bottom:22px;z-index:500;width:260px;height:42px;padding:0 2.4rem 0 1rem;background:#141419;border-radius:6px}
.cinema-shell-header .search-wrap>#search-clear{position:fixed;left:356px;right:auto;bottom:32px;top:auto;z-index:501}
.cinema-shell-header .contribute-btn{display:none!important}
.mobile-nav-toggle{display:none!important}
.cinema-shell-page>main,.cinema-shell-page>.shell-hero,.cinema-shell-page>footer.site-footer,#hero,#main,#search-results-section,.site-footer{margin-left:116px}
.cinema-shell-page>.shell-hero,#hero{width:calc(100% - 116px)}
.cinema-shell-page>.shell-hero .shell-hero-copy,.hero-content{left:clamp(2rem,4vw,4rem)}
.cinema-shell-header .library-nav-btn,.cinema-shell-header .search-toggle,.cinema-shell-header .theme-toggle{flex-direction:column;gap:3px;font-size:.67rem;line-height:1.05}
.cinema-shell-header .library-nav-btn span,.cinema-shell-header .search-toggle span,.cinema-shell-header .theme-toggle span{font:600 .67rem 'Inter','Hanken Grotesk',system-ui,sans-serif}
.cinema-shell-header .search-wrap input{display:none}
.cinema-shell-header .search-wrap.search-open input{display:block}

/* TFlix 2.0 navigation measurements, kept verbatim for visual parity. */
.cinema-shell-header .logo{font-size:22px!important;font-weight:900!important;letter-spacing:-.5px!important;text-transform:none;line-height:1.05!important;margin-bottom:20px!important;padding:0 10px}
.cinema-shell-header .logo::after{content:'TV';display:block;font:700 10px/1 'Inter','Hanken Grotesk',system-ui,sans-serif;letter-spacing:1px;background:rgba(229,9,20,.2);border:1px solid var(--shell-accent);color:var(--shell-accent);padding:1px 6px;border-radius:4px;width:max-content;margin:4px auto 0}
.cinema-shell-header .nav-links{flex:1;justify-content:space-evenly;padding:0 14px;gap:0}
.cinema-shell-header .nav-links{align-items:center}
.cinema-shell-header .nav-link,.cinema-shell-header .library-nav-btn{width:84px;height:84px;min-height:84px;flex:0 0 84px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:4px;border:0;border-radius:14px;background:transparent;color:#a1a1aa;font-size:11px;font-weight:600;line-height:1.1}
.cinema-shell-header .nav-link::before{font-size:24px;line-height:1;font-weight:400;color:currentColor}
.cinema-shell-header .nav-links>.nav-link:nth-child(1)::before{content:'⌂'}
.cinema-shell-header .nav-links>.nav-dropdown:nth-child(2)>.nav-link::before{content:'▦'}
.cinema-shell-header .nav-links>.nav-dropdown:nth-child(3)>.nav-link::before{content:'▱'}
.cinema-shell-header .nav-link:hover,.cinema-shell-header .library-nav-btn:hover,.cinema-shell-header .nav-link.active{color:#f4f4f5;background:rgba(255,255,255,.08)}
.cinema-shell-header .nav-link.active:after{display:none}
.cinema-shell-header .library-nav-btn{white-space:normal}
.cinema-shell-header .library-nav-btn:first-letter{font-size:24px}
.cinema-shell-header .nav-dropdown{width:84px;height:84px;flex:0 0 84px;margin:0 auto}
.cinema-shell-header .nav-dropdown>.nav-link{width:84px;height:84px}
.cinema-shell-header .nav-links>.search-wrap{width:84px;height:84px;min-width:84px;flex:0 0 84px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.cinema-shell-header .nav-links>.search-wrap .search-toggle{width:84px;height:84px}
.cinema-shell-header .nav-links>.theme-toggle{width:84px;height:84px;min-height:84px;flex:0 0 84px;margin:0 auto}
.cinema-shell-header .nav-right{flex:0 0 auto;width:100%;height:168px;margin:0;padding:0 14px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:0}
.cinema-shell-header .search-wrap{width:84px;height:84px;flex:0 0 84px;display:flex;align-items:center;justify-content:center}
.cinema-shell-header .search-toggle,.cinema-shell-header .theme-toggle{width:84px;height:84px;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;border-radius:14px;background:transparent;color:#a1a1aa;font-size:24px;line-height:1}
.cinema-shell-header .search-toggle span,.cinema-shell-header .theme-toggle span{font-size:11px;font-weight:600;line-height:1.1}
.cinema-shell-header .search-toggle:hover,.cinema-shell-header .theme-toggle:hover{background:rgba(255,255,255,.08);border:0;transform:none;color:#f4f4f5}
.cinema-shell-header .search-wrap input{left:126px;bottom:22px}

/* Final navigation behavior: current section red; search opens top-center. */
.cinema-shell-header .nav-link.active{background:#e50914!important;border:0!important;color:#fff!important;box-shadow:0 4px 18px rgba(229,9,20,.28)!important}
.cinema-shell-header .search-wrap.search-open input{display:block!important;position:fixed!important;top:14px!important;left:50%!important;bottom:auto!important;right:auto!important;transform:translateX(-50%)!important;width:min(420px,60vw)!important;height:42px!important;z-index:600!important}
.cinema-shell-header .search-wrap.search-open>#search-clear{position:fixed!important;top:25px!important;left:calc(50% + min(210px,30vw) - 30px)!important;right:auto!important;bottom:auto!important;z-index:601!important}

/* TFlix palette parity: keep the shell colors identical to the reference UI. */
html.cinema-shell-page,body.cinema-shell-page{background:#09090b!important;color:#f4f4f5!important;font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important}
.cinema-shell-header{background:#0c0c10!important;border-right-color:rgba(255,255,255,.06)!important;color:#f4f4f5!important}
.cinema-shell-header .logo{color:#e50914!important;text-shadow:none!important}
.cinema-shell-header .nav-link,.cinema-shell-header .library-nav-btn,.cinema-shell-header .search-toggle,.cinema-shell-header .theme-toggle{color:#a1a1aa!important;background:transparent!important}
.cinema-shell-header .nav-link:hover,.cinema-shell-header .library-nav-btn:hover,.cinema-shell-header .search-toggle:hover,.cinema-shell-header .theme-toggle:hover,.cinema-shell-header .nav-link.active{color:#f4f4f5!important;background:rgba(255,255,255,.08)!important;border-color:transparent!important}
.cinema-shell-header .nav-link.active:after{display:none!important}
.cinema-shell-header .logo::after{background:rgba(229,9,20,.2)!important;border-color:#e50914!important;color:#e50914!important}

/* Visible navigation colors: inactive controls stay subdued, the active one
   uses the Cinema Library red accent for clear TV navigation feedback. */
.cinema-shell-header .nav-link,.cinema-shell-header .library-nav-btn,.cinema-shell-header .search-toggle{background:#141419!important;border:1px solid rgba(255,255,255,.08)!important;color:#a1a1aa!important}
.cinema-shell-header .nav-link:hover,.cinema-shell-header .library-nav-btn:hover,.cinema-shell-header .search-toggle:hover{background:#24242b!important;border-color:rgba(229,9,20,.55)!important;color:#f4f4f5!important}
.cinema-shell-header .nav-link.active{background:#e50914!important;border-color:#e50914!important;color:#fff!important;box-shadow:0 4px 18px rgba(229,9,20,.28)}

/* Final TFlix parity: navigation tiles are soft, transparent 84px controls;
   only the focused/active tile receives the subtle white surface. */
.cinema-shell-header .nav-link,.cinema-shell-header .library-nav-btn,.cinema-shell-header .search-toggle{background:transparent!important;border:0!important;border-radius:14px!important;box-shadow:none!important;color:#a1a1aa!important}
.cinema-shell-header .nav-link:hover,.cinema-shell-header .library-nav-btn:hover,.cinema-shell-header .search-toggle:hover{background:rgba(255,255,255,.08)!important;border:0!important;color:#f4f4f5!important}
.cinema-shell-header .nav-link.active{background:rgba(255,255,255,.08)!important;border:0!important;color:#f4f4f5!important;box-shadow:none!important}
.cinema-shell-header .nav-link,.cinema-shell-header .library-nav-btn,.cinema-shell-header .search-toggle{width:calc(100% - 28px)!important;min-width:0!important;margin-left:14px!important;margin-right:14px!important}