/* BrocoFlix. Measured from the 29 December 2025 capture of brocoflix.xyz
   (https://web.archive.org/web/20251229220931if_/https://brocoflix.xyz/) and from the three
   stylesheets that capture served, which the archive still returns in full:
   styles/common.css, styles/index.css and styles/notification.css. The site declared its palette
   as custom properties, so these are its own values, not readings off a screenshot:
   --primary-color #0f0f0f for the page, --secondary-color #1a1a1a for panels, --accent-color
   #1ce783 for everything interactive, --text-color #ffffff and --text-muted #b3b3b3. The header was
   fixed over the page on rgba(0,0,0,0.8) with an 8px backdrop blur, which composites to #030303, and
   the content began 80px below it. The wordmark BrocoFlix sat in #1ce783 at 1.5rem weight 700 beside
   a 30px broccoli mark. The search field was a rounded 20px pill on rgba(255,255,255,0.1) that lifted
   to rgba(255,255,255,0.2) with a 2px #1ce783 ring on focus. The featured panel ran 70vh with its
   caption on rgba(0,0,0,0.7) and a 25px pill button in #1ce783 over #0f0f0f lettering that darkened
   to #19c573. Poster cards were 185px wide at an 8px radius over 278px of artwork, scaling to 1.05
   and dimming to rgba(0,0,0,0.5) under a centred #1ce783 play glyph on hover, with the caption laid
   on a linear-gradient(to top, rgba(0,0,0,0.8), transparent) and a meta line at 0.8rem carrying the
   year in #b3b3b3 and the score in #1ce783. Shelf headings were 1.5rem weight 700 filled with a
   gradient through background-clip:text. The footer was #121212 with #a1a1aa lettering and #1ce783
   chips at a 4px radius. The typeface was Poppins, loaded from Google Fonts at weights 300 to 700.
   Corroborated against the 9 April 2025 capture of brocoflix.lol
   (https://web.archive.org/web/20250409024243if_/https://brocoflix.lol/), an earlier WordPress build
   of the same brand whose inlined custom stylesheet carries the same dark-green scheme on a #0a0a0a
   page with #2ecc71 as its accent. Where the two disagree the later .xyz values are used, because
   that is the host the name is now searched by.
   The original had four different gradients, one per shelf; this layout has one heading rule, so the
   Popular Movies gradient is the one reproduced. */
:root{color-scheme:dark;--bg:#0f0f0f;--paper:#1a1a1a;--header:#030303;--header-2:#000000;--header-line:#272727;--green:#1ce783;--green-dark:#19c573;--green-tint:#1a2f25;--accent-tint:#10251b;--accent-line:#1a432f;--accent-hover:#1ce783;--on-accent:#0f0f0f;--gold:#1ce783;--score:#1ce783;--text:#ffffff;--text-2:#b3b3b3;--muted:#b3b3b3;--soft:#a1a1aa;--line:#272727;--line-soft:#1a1a1a;--field-line:#272727;--poster-bg:#1a1a1a;--bar-bg:#121212;--row-target:#1a432f;--cam:#a1a1aa;--badge-bg:#000000cc;--play-shade:#00000080;--hero-fade-a:#000000b3;--hero-fade-b:#00000059;--on-header:#ffffff;--on-header-strong:#ffffff;--on-header-soft:#b3b3b3;--on-header-muted:#a1a1aa;--on-header-line:#ffffff1a;--on-header-hover:#ffffff1a;--shade:#000a;--shadow-a:#0006;--shadow-b:#0008;font-family:Poppins,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;font-synthesis:none}
/* Tokenized layout shared by the September 25 brand builds (2KMovies, 456Movies, 578Movie). Each brand prefixes its own :root token block in theme.css. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6;font-size:15px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.button{cursor:pointer}button,input,select{min-height:44px;border:1px solid var(--field-line);background:var(--paper);color:var(--text);border-radius:6px;padding:9px 14px}button:hover,.button:hover{background:var(--green-dark);color:var(--on-accent);border-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}input,select{max-width:100%;min-width:0}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;color:var(--text)}h1{font-size:clamp(26px,3.3vw,42px);overflow-wrap:anywhere;font-weight:500}h2{font-size:clamp(20px,2.1vw,26px);font-weight:500;color:var(--green)}h3{font-size:16px;font-weight:500}p{color:var(--text-2)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:8px;left:12px;transform:translateY(-160%);z-index:1000;background:var(--paper);color:var(--text);padding:12px;border-radius:6px}.skip:focus{transform:none}
.topbar{position:sticky;top:0;z-index:40;background:var(--header);color:var(--on-header-strong);border-bottom:1px solid var(--header-line)}.topbar-inner{display:flex;align-items:center;gap:22px;min-height:70px;padding:8px 28px;max-width:1720px;margin:auto}.logo{flex:0 0 auto;display:flex;align-items:center}.logo img{width:132px;height:auto}.top-search{flex:0 1 460px;min-width:0;margin:auto}.search-form{display:flex;align-items:center;background:var(--paper);border-radius:6px;overflow:hidden;border:1px solid var(--paper)}.search-form .search-label{padding:0 6px 0 16px;font-size:17px;color:var(--text);white-space:nowrap}.search-form input{background:transparent;border:0;border-radius:0;flex:1;width:100%;padding:10px 12px;color:var(--text)}.search-form input::placeholder{color:var(--soft)}.search-form button{border:0;border-radius:0;background:var(--green);color:var(--on-accent);font-weight:500;padding:9px 18px;min-height:42px}.search-form:focus-within{outline:2px solid var(--gold);outline-offset:2px}.search-form input:focus-visible{outline:0}.top-links{display:flex;align-items:center;gap:2px;white-space:nowrap}.top-links a{font-size:14px;padding:9px 11px;border-radius:6px;color:var(--on-header)}.top-links a:hover{background:var(--on-header-hover);color:var(--on-header-strong)}.top-links a[aria-current]{background:var(--green);color:var(--on-accent)}.list-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:var(--green);color:var(--on-accent);border-radius:6px;padding:9px 16px;font-weight:500;font-size:14px}.list-link:hover{background:var(--accent-hover)}.menu-toggle{display:none;font-size:22px;line-height:1;padding:8px 12px;background:transparent;color:var(--on-header-strong);border-color:var(--on-header-line);border-radius:6px}.menu-toggle:hover{background:var(--on-header-hover)}.mobile-shade{position:fixed;inset:70px 0 0;background:var(--shade);z-index:42}.mobile-nav{position:fixed;top:70px;left:0;width:min(360px,100%);max-height:calc(100dvh - 70px);overflow:auto;background:var(--paper);z-index:43;border-right:1px solid var(--line);padding:18px}.mobile-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:16px}.mobile-nav a{padding:12px;border-bottom:1px solid var(--line-soft);border-radius:6px;color:var(--text)}.mobile-nav a:hover{background:var(--green-tint)}
.site-wrap{max-width:1720px;margin:auto}.category-bar{display:flex;gap:4px 6px;flex-wrap:wrap;padding:8px 28px;background:var(--bar-bg);border-bottom:1px solid var(--line);font-size:13px}.category-bar a{padding:6px 12px;border-radius:6px;color:var(--text-2);background:var(--paper);border:1px solid var(--line)}.category-bar a:hover{color:var(--on-accent);background:var(--green);border-color:var(--green)}.category-bar a:last-child{margin-left:auto;color:var(--green-dark);font-weight:500}.main{padding:0 28px 50px;min-width:0}
.intro{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:32px;padding:26px 0 22px}.intro-copy{min-width:0}.intro h1{margin:8px 0 12px;color:var(--text)}.intro p{font-size:16px;max-width:560px;color:var(--text-2)}.eyebrow{color:var(--green);font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.brand-banner{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.intro .search-form{max-width:600px;margin:18px 0 12px;border-color:var(--field-line)}.quick-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.quick-links a,.season-links a{padding:8px 14px;background:var(--paper);border:1px solid var(--line);border-radius:6px;font-size:13px;color:var(--text-2)}.quick-links a:hover,.season-links a:hover{border-color:var(--green);color:var(--green-dark);background:var(--green-tint)}
.notice{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:8px;padding:16px 20px;margin:8px 0 26px;color:var(--text-2);font-size:14px}
.section{margin:32px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading h2{margin:0}.section-heading>a{font-size:13px;white-space:nowrap;color:var(--text-2)}.section-heading>a:hover{color:var(--green-dark)}.tabs{display:inline-flex;flex-wrap:wrap;gap:4px;margin:0 0 14px}.tabs a{padding:7px 14px;border-radius:6px;background:var(--paper);font-size:13px;color:var(--text-2);border:1px solid var(--line)}.tabs a[aria-current],.tabs a:hover{background:var(--green);color:var(--on-accent);border-color:var(--green)}
.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}.title-card{min-width:0;position:relative}.poster-wrap{position:relative;overflow:hidden;background:var(--poster-bg);aspect-ratio:2/3;border-radius:6px;box-shadow:0 1px 3px var(--shadow-a)}.poster-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.title-card a:hover img{transform:scale(1.04)}.title-card h3{font-size:14px;margin:10px 0 5px;font-weight:500;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.title-card .meta-line{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin:0;flex-wrap:wrap}.hd{display:inline-block;background:var(--green);color:var(--on-accent);font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;line-height:1.3;letter-spacing:.5px}.hd.cam{background:var(--cam)}.dot:before{content:"•";color:var(--soft);margin:0 2px}.card-score{color:var(--score);font-weight:500}.card-play{position:absolute;inset:0;display:grid;place-items:center;background:var(--play-shade);font-size:34px;color:#fff;opacity:0;transition:opacity .2s}.title-card a:hover .card-play,.title-card a:focus-visible .card-play{opacity:1}.badge.type{position:absolute;right:8px;top:8px;background:var(--badge-bg);color:#fff;font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px}
.featured .poster-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.episode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.episode-card{background:var(--paper);display:flex;gap:12px;padding:10px;border:1px solid var(--line);border-radius:8px;align-items:center;min-width:0}.episode-card img{width:56px;height:82px;object-fit:cover;flex-shrink:0;border-radius:4px}.episode-card>div{min-width:0}.episode-card h3{font-size:14px;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-card small{display:block;color:var(--green-dark);font-size:12px}.episode-card small time{color:var(--muted)}.episode-card:hover{border-color:var(--green)}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.ranked{display:grid;gap:10px}.ranked a{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;padding:6px;background:var(--paper);border-radius:8px;border:1px solid var(--line)}.ranked a:hover{border-color:var(--green)}.ranked img{width:56px;height:82px;object-fit:cover;border-radius:4px}.ranked h3{font-size:14px;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranked small{color:var(--muted);font-size:12px;display:block}.ranked .score{color:var(--gold);font-weight:700;font-size:12px;display:block;margin-top:3px}
.guide-grid,.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-card{display:block;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.guide-card h3{margin-bottom:8px;color:var(--text)}.guide-card p{font-size:14px;margin-bottom:0;color:var(--muted)}.guide-card:hover{border-color:var(--green)}.browse-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.browse-strip h2{font-size:19px}.list-callout{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding:24px 26px;background:var(--header);color:var(--on-header-strong);border-radius:12px}.list-callout h2{margin:0;color:var(--on-header-strong)}.list-callout p{margin:0;flex:1;min-width:200px;color:var(--on-header-soft)}.button,.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);border:1px solid transparent;color:var(--on-accent);padding:11px 22px;min-height:44px;border-radius:6px;font-weight:500;text-align:center}.button.dark{background:var(--header);color:var(--on-header-strong)}.secondary{background:var(--paper);border-color:var(--field-line);color:var(--text)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;padding:20px 0}.page-lead{max-width:1000px;padding-bottom:18px}.page-lead h1{margin:10px 0}.page-lead p{max-width:820px;color:var(--text-2)}
.az-list{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 24px}.az-list a{min-width:40px;text-align:center;padding:8px 10px;border-radius:6px;background:var(--paper);border:1px solid var(--line);font-size:13px;color:var(--text-2)}.az-list a:hover,.az-list a[aria-current]{background:var(--green);color:var(--on-accent);border-color:var(--green)}
.detail-hero{position:relative;isolation:isolate;border:1px solid var(--line);background:var(--paper);overflow:hidden;border-radius:12px}.detail-backdrop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.22}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--hero-fade-a),var(--hero-fade-b));z-index:-1}.detail-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start;padding:32px}.detail-poster{width:230px;aspect-ratio:2/3;height:auto;object-fit:cover;border-radius:8px;max-height:345px;box-shadow:0 2px 8px var(--shadow-b)}.detail-copy{min-width:0}.detail-copy h1{font-size:clamp(25px,3vw,40px);margin:0 0 6px}.original{font-size:14px;color:var(--muted)}.meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-2);margin:12px 0;align-items:center}.meta span{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:4px 10px}.meta span.hd{background:var(--green);border-color:var(--green);color:var(--on-accent);font-size:10px;font-weight:700;padding:3px 8px}.synopsis{max-width:820px;font-size:15px;line-height:1.8;color:var(--text-2)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.status{font-size:13px;min-height:1.6em;margin:12px 0;color:var(--green-dark)}.watch-panel{margin:24px 0;padding:24px;border:1px solid var(--accent-line);background:var(--accent-tint);border-radius:12px}.watch-panel h2{margin-bottom:8px}.country-select{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:12px 0}.country-select select{min-width:200px}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.facts>div{background:var(--paper);padding:16px;min-width:0}.facts dt{font-size:12px;color:var(--muted)}.facts dd{margin:5px 0 0;overflow-wrap:anywhere;color:var(--text)}.season-links{display:flex;flex-wrap:wrap;gap:8px}.episode-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:20px 0;background:var(--paper);border:1px solid var(--line);border-radius:8px}.episode-table th,.episode-table td{text-align:left;border-bottom:1px solid var(--line-soft);padding:12px 10px;vertical-align:middle;overflow-wrap:anywhere}.episode-table th:first-child{width:64px}.episode-table th:last-child{width:190px}.episode-table th{background:var(--accent-tint);color:var(--green-dark);font-weight:500;font-size:13px}.episode-table td time{font-size:12px;color:var(--muted)}.episode-title{display:block;margin-bottom:3px;color:var(--text)}.episode-table tr:target{background:var(--row-target)}.episode-table button{font-size:13px;width:100%}[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--on-accent)}
.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:20px}.filters label{display:grid;gap:6px;font-size:13px;min-width:0;color:var(--text-2)}.query-field{grid-column:span 2}.filter-actions{display:flex;align-items:end;gap:8px;grid-column:span 2}.result-summary{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.result-summary>a{color:var(--green-dark)}.paging{text-align:center;margin:24px}.empty-state,.noscript{display:block;border:1px dashed var(--soft);padding:25px;margin:20px 0;border-radius:8px;background:var(--paper)}.utility-row{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:20px 0}.utility-row label{display:grid;gap:7px;max-width:100%}.utility-row input{width:min(370px,100%)}.saved-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px;border-bottom:1px solid var(--line)}.saved-row>a{min-width:0}.title-card>[data-remove]{font-size:12px;margin-top:10px;width:100%}
.prose{max-width:82ch;margin:30px 0;font-size:16.5px;line-height:1.85;overflow-wrap:anywhere}.prose p{color:var(--text-2);margin-bottom:20px}.prose h2{margin:36px 0 16px;font-size:26px}.prose h3{margin-top:26px;font-size:20px;color:var(--text)}.prose a{color:var(--green-dark);text-decoration:underline;text-underline-offset:4px}.prose ul,.prose ol{color:var(--text-2);padding-left:22px}.prose li{margin-bottom:8px}.prose section{border-bottom:1px solid var(--line);padding:0 0 22px;margin:26px 0}.prose header{padding-top:10px}.article-toc nav{padding:16px;display:grid;gap:6px}.brand-guide>header h2{font-size:30px;color:var(--text)}
.footer{padding:36px 28px;border-top:1px solid var(--header-line);background:var(--header);color:var(--on-header-soft)}.footer-brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;font-weight:500;color:var(--on-header-strong)}.footer-brand span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);border:2px solid var(--accent-line);font-size:14px;color:var(--on-accent)}.footer nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0}.footer nav a{font-size:14px;min-height:36px;display:inline-flex;align-items:center;color:var(--on-header)}.footer p{max-width:900px;font-size:12px;color:var(--on-header-muted)}.footer p a{color:var(--on-header-strong)}.back-top{font-size:13px;color:var(--on-header-strong)}.muted{color:var(--muted)}
@media(max-width:1400px){.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.featured .poster-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.top-links a{padding:9px 9px;font-size:13px}}
@media(max-width:1200px){.top-links{display:none}.top-search{flex:1 1 auto}.list-link{display:none}.menu-toggle{display:block}.topbar-inner{min-height:66px;gap:14px}.mobile-nav{top:66px;max-height:calc(100dvh - 66px)}.mobile-shade{top:66px}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.featured .poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.episode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.intro{gap:20px}.browse-strip{grid-template-columns:1fr 1fr}.browse-strip>div:last-child{grid-column:1/-1}}
@media(max-width:800px){.main{padding-inline:18px}.topbar-inner{padding-inline:18px}.category-bar{padding-inline:18px}.category-bar a:last-child{margin-left:0}.search-form .search-label{display:none}.intro{grid-template-columns:1fr;gap:0;padding-top:18px}.brand-banner{max-height:230px;margin-top:12px}.intro h1{font-size:30px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.featured .poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.featured h3{font-size:12px}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:170px minmax(0,1fr);gap:20px;padding:20px}.detail-poster{width:170px;max-height:255px}.detail-copy h1{font-size:27px}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.prose{font-size:16px}.prose h2{font-size:23px}.brand-guide>header h2{font-size:25px}}
@media(max-width:560px){.main{padding-inline:14px}.topbar-inner{padding-inline:12px;min-height:60px;gap:10px}.logo img{width:104px}.top-search{display:none}.mobile-nav{top:60px;max-height:calc(100dvh - 60px)}.mobile-shade{top:60px}.category-bar{padding:8px 12px;gap:6px;font-size:12px}.category-bar a{padding:5px 10px}.intro h1{font-size:26px}.intro p{font-size:14px}.intro .quick-links a{font-size:12px;padding:7px 10px}.brand-banner{max-height:none}.section{margin:26px 0}.section-heading h2{font-size:19px}.section-heading>a{font-size:11px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.featured .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured .title-card:nth-child(n+7){display:none}.featured h3{font-size:13px}.title-card h3{font-size:13px}.title-card .meta-line{font-size:11px}.episode-grid{grid-template-columns:1fr}.guide-grid,.collection-grid,.browse-strip{grid-template-columns:1fr}.browse-strip>div:last-child{grid-column:auto}.guide-card{padding:18px}.list-callout{padding:20px;display:block}.list-callout p{margin:12px 0}.detail-layout{grid-template-columns:1fr;padding:18px;gap:16px}.detail-poster{width:150px;max-height:225px;margin:auto}.detail-copy h1{font-size:25px}.detail-copy .actions{display:grid;grid-template-columns:1fr}.synopsis{font-size:14.5px}.watch-panel{padding:18px}.watch-panel h2{font-size:21px}.facts>div{padding:13px}.facts dd{font-size:14px}.episode-table th:first-child{width:36px}.episode-table th:last-child{width:110px}.episode-table th,.episode-table td{padding:10px 5px;font-size:12px}.episode-table button{padding:8px 6px;font-size:11px;line-height:1.5}.episode-title{font-size:13px}.filters{padding:16px;gap:14px 10px}.query-field,.filter-actions{grid-column:1/-1}.filter-actions{flex-wrap:wrap}.filters input,.filters select{font-size:14px;width:100%;padding:9px 12px}.utility-row{display:grid;grid-template-columns:1fr}.utility-row input{width:100%;font-size:12px}.saved-row{gap:10px;padding:12px 0}.saved-row button{font-size:12px;flex:0 0 94px}.ranked a{grid-template-columns:48px minmax(0,1fr)}.az-list a{min-width:34px;padding:7px 8px}.prose{font-size:15.5px;line-height:1.8}.prose h2{font-size:21px}.brand-guide>header h2{font-size:24px}.footer{padding:30px 16px}.footer nav{gap:8px 16px}.footer nav a{font-size:13px}.quick-links a{font-size:12px}.page-lead h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.prose details{margin:10px 0;border:1px solid var(--line);border-radius:8px;background:var(--paper);overflow:hidden}.prose summary{cursor:pointer;font-weight:500;line-height:1.6;padding:14px 46px 14px 16px;position:relative;list-style:none;color:var(--text)}.prose summary::-webkit-details-marker{display:none}.prose summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid var(--green-dark);border-bottom:2px solid var(--green-dark);transform:translateY(-70%) rotate(45deg);transition:transform .2s}.prose details[open]>summary{background:var(--green-tint);border-bottom:1px solid var(--accent-line)}.prose details[open]>summary::after{transform:translateY(-30%) rotate(225deg)}.prose details>p{padding:14px 16px 16px;margin:0;color:var(--text-2)}.brand-guide{margin:56px auto 0;padding-top:18px;border-top:4px solid var(--green)}.brand-guide>nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 8px}.brand-guide>nav a{font-size:13.5px;text-decoration:none;color:var(--green-dark);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 12px}.brand-guide>nav a:hover{border-color:var(--green);background:var(--green-tint)}.brand-guide section{scroll-margin-top:120px}
/* BrocoFlix overrides: measured details the shared layout does not carry. */
.title-card,.poster-wrap,.panel,.notice,.guide-card,.collection-card{border-radius:8px}.title-card{background:var(--paper);transition:transform .3s}.title-card:hover{transform:scale(1.05)}.title-card .caption,.title-card .meta-line{background:linear-gradient(to top,#000000cc 0,#00000000 100%)}.title-card h3{font-size:16px;color:#ffffff;transition:color .3s}.title-card:hover h3{color:#1ce783}.title-card .meta-line{font-size:12.8px;color:#b3b3b3}.title-card .meta-line .score,.ranked .score,.facts .score{color:#1ce783;font-weight:600}button,input,select{border-radius:20px;background:#272727;border-color:transparent}input:focus-visible,.search-form input:focus{background:#3f3f3f}.button,.actions .button,.search-form button{background:#1ce783;color:#0f0f0f;font-weight:600;border-color:transparent;border-radius:25px}.button:hover,.actions .button:hover,.search-form button:hover{background:#19c573;color:#0f0f0f}.section-heading h2{font-size:24px;font-weight:700;background-image:linear-gradient(135deg,#6a5af9,#a17dc3 20%,#f0a500 50%,#ff4081 80%);-webkit-background-clip:text;background-clip:text;color:transparent}h2{color:#ffffff;font-weight:700}.site-header{background:#030303;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #272727}.site-header .brand,.brand-mark span{color:#1ce783;font-weight:700;letter-spacing:0}.category-bar{background:#0f0f0f;border-bottom:1px solid #1a1a1a}.category-bar a{background:#272727;color:#ffffff;border:0;border-radius:20px;font-weight:500}.category-bar a:hover,.category-bar a[aria-current]{background:#1ce783;color:#0f0f0f}.badge,.title-card .badge{background:#000000cc;color:#ffffff;border-radius:8px}.footer{background:#121212;color:#a1a1aa;border-top:1px solid #1a1a1a}.footer a{color:#a1a1aa}.footer a:hover{color:#1ce783}.quick-links a{background:#1ce783;color:#0f0f0f;border-radius:4px;font-weight:600}.quick-links a:hover{background:#19c573;color:#0f0f0f}.notice{background:#1a1a1a;border-color:#272727;border-left-color:#1ce783}
@media(max-width:560px){.main{padding-inline:14px}.topbar-inner{padding-inline:12px;min-height:60px;gap:10px}.logo img{width:104px}.top-search{display:none}.mobile-nav{top:60px;max-height:calc(100dvh - 60px)}.mobile-shade{top:60px}.category-bar{padding:8px 12px;gap:6px;font-size:12px}.category-bar a{padding:5px 10px}.intro h1{font-size:26px}.intro p{font-size:14px}.intro .quick-links a{font-size:12px;padding:7px 10px}.brand-banner{max-height:none}.section{margin:26px 0}.section-heading h2{font-size:19px}.section-heading>a{font-size:11px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.featured .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured .title-card:nth-child(n+7){display:none}.featured h3{font-size:13px}.title-card h3{font-size:13px}.title-card .meta-line{font-size:11px}.episode-grid{grid-template-columns:1fr}.guide-grid,.collection-grid,.browse-strip{grid-template-columns:1fr}.browse-strip>div:last-child{grid-column:auto}.guide-card{padding:18px}.list-callout{padding:20px;display:block}.list-callout p{margin:12px 0}.detail-layout{grid-template-columns:1fr;padding:18px;gap:16px}.detail-poster{width:150px;max-height:225px;margin:auto}.detail-copy h1{font-size:25px}.detail-copy .actions{display:grid;grid-template-columns:1fr}.synopsis{font-size:14.5px}.watch-panel{padding:18px}.watch-panel h2{font-size:21px}.facts>div{padding:13px}.facts dd{font-size:14px}.episode-table th:first-child{width:36px}.episode-table th:last-child{width:110px}.episode-table th,.episode-table td{padding:10px 5px;font-size:12px}.episode-table button{padding:8px 6px;font-size:11px;line-height:1.5}.episode-title{font-size:13px}.filters{padding:16px;gap:14px 10px}.query-field,.filter-actions{grid-column:1/-1}.filter-actions{flex-wrap:wrap}.filters input,.filters select{font-size:14px;width:100%;padding:9px 12px}.utility-row{display:grid;grid-template-columns:1fr}.utility-row input{width:100%;font-size:12px}.saved-row{gap:10px;padding:12px 0}.saved-row button{font-size:12px;flex:0 0 94px}.ranked a{grid-template-columns:48px minmax(0,1fr)}.az-list a{min-width:34px;padding:7px 8px}.prose{font-size:15.5px;line-height:1.8}.prose h2{font-size:21px}.brand-guide>header h2{font-size:24px}.prose summary{padding:12px;font-size:15px}.footer{padding:30px 16px}.footer nav{gap:8px 16px}.footer nav a{font-size:13px}.quick-links a{font-size:12px}.page-lead h1{font-size:26px}}

/* brocoflix.xyz featured panel (26 September 2026): a tall panel carrying the featured artwork under a dark caption, Poppins
   headings, green 25px pill buttons (#1ce783 on #0f0f0f lettering, #19c573 on hover). */
.hero-band{position:relative;isolation:isolate;margin:0 -28px 26px;padding:120px 48px 46px;min-height:62vh;display:flex;align-items:flex-end;background:#0f0f0f;overflow:hidden}
.hero-band::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--bd1);background-size:cover;background-position:center 25%}
.hero-band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0f0f0f 0%,rgb(0 0 0/.7) 40%,rgb(0 0 0/.25) 80%),linear-gradient(90deg,rgb(0 0 0/.75) 0%,rgb(0 0 0/0) 60%)}
.hero-band-inner{max-width:700px;text-align:left}
.hero-band h1{font-size:clamp(28px,3.6vw,46px);font-weight:700;line-height:1.12;color:#fff;margin:0 0 14px}
.hero-band .hero-lede{color:#d4d4d4;font-size:15px;line-height:1.65;margin:0 0 18px}
.hero-band .quick-links{justify-content:flex-start;gap:10px}
.hero-band .quick-links a{background:#1ce783;border:0;color:#0f0f0f;border-radius:25px;font-weight:600;padding:9px 18px}
.hero-band .quick-links a:hover{background:#19c573;color:#0f0f0f}
.prose a,.brand-guide a,main p a,main li a{color:#4df0a0}.prose a:hover,.brand-guide a:hover,main p a:hover,main li a:hover{color:#ffffff}
.search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:760px){.hero-band{margin:0 -14px 18px;padding:80px 16px 24px;min-height:0}.hero-band .hero-lede{font-size:14px}}
/* BrocoFlix layout, 27 September 2026, from the 29 December 2025 capture of brocoflix.xyz and its common.css
   and index.css: #0f0f0f page in Poppins; a fixed header on rgba(0,0,0,.8) with an 8px blur, the broccoli
   wordmark, Home / Movies / TV Shows with the active item in #1ce783 and a 20px search pill on 10% white
   reading "Type here to search.."; a 70vh featured panel with its caption box on rgba(0,0,0,.7) and a 25px
   #1ce783 pill; shelf headings painted with a gradient through background-clip:text, a different gradient
   per shelf; horizontal rows of 185px cards at an 8px radius over the artwork, scaling to 1.05 under a 50%
   veil with a green play glyph, the caption on a bottom-up gradient with the year in #b3b3b3 and the score
   in #1ce783; 40px round arrows on rgba(0,0,0,.5); a #121212 footer with green chips. */
:root{--bc-bg:#0f0f0f;--bc-2:#1a1a1a;--bc-green:#1ce783;--bc-muted:#b3b3b3;--bc-foot:#121212;--bc-foottext:#a1a1aa}
body{background:var(--bc-bg);color:#fff;font-family:Poppins,system-ui,sans-serif}
.bc-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:30px;padding:12px 40px;background:rgba(0,0,0,.8);backdrop-filter:blur(8px)}
.bc-over .bc-top{position:fixed;left:0;right:0}
.bc-top .logo img{display:block;width:160px;height:auto}
.bc-nav{display:flex;gap:22px}
.bc-nav a{color:#fff;font-size:15px;font-weight:500}.bc-nav a:hover,.bc-nav a[aria-current]{color:var(--bc-green)}
.bc-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid transparent;border-radius:20px;padding:0 14px;height:38px;flex:0 1 280px;color:var(--bc-muted)}
.bc-search input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font:inherit;font-size:14px;padding:0}
.bc-search input:focus{outline:0}.bc-search:focus-within{border-color:var(--bc-green)}
.bc-burger.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;min-height:0;padding:10px;gap:5px;align-content:center}
.bc-burger span{display:block;height:3px;background:#fff;border-radius:2px}
.bc-drawer.mobile-nav{position:fixed;top:0;right:0;left:auto;bottom:0;width:min(300px,86vw);max-height:none;z-index:60;background:var(--bc-2);border:0;padding:16px;overflow:auto;display:block}
.bc-drawer[hidden]{display:none}.mobile-shade{inset:0;top:0;z-index:55;background:#000b}
.bc-drawer .bc-search{margin:0 0 12px;flex:none}.bc-drawer>a{display:block;color:#fff;padding:10px 6px;border-bottom:1px solid #262626}.bc-drawer>a:hover{color:var(--bc-green)}
.main{max-width:none;padding:0 0 10px;margin:0}
.bc-wrap{max-width:1400px;margin:auto;padding:0 40px}
.main>.page-lead,.main>.bc-grid,.main>.bc-chips,.main>.breadcrumbs,.main>.prose,.main>section:not(.bc-hero),.main>.utility-row,.main>form,.main>div:not(.bc-wrap),.main>article,.main>table,.main>nav,.main>p{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;box-sizing:border-box}
.bc-hero{position:relative;height:70vh;min-height:460px;overflow:hidden;background:#000}
.bc-slide{position:absolute;inset:0}.bc-slide[hidden]{display:none}
.bc-slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bc-hero::after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,var(--bc-bg));pointer-events:none}
.bc-caption{position:absolute;z-index:2;left:40px;bottom:64px;max-width:560px;background:rgba(0,0,0,.7);border-radius:12px;padding:24px 26px}
.bc-slide-title,.bc-caption h1{margin:0 0 8px;font-size:clamp(26px,3.2vw,40px);font-weight:700;line-height:1.1}
.bc-slide-meta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 10px;color:var(--bc-muted);font-size:14px}.bc-slide-meta b{color:var(--bc-green)}
.bc-slide-text{margin:0 0 18px;color:#e5e5e5;font-size:15px;line-height:1.65}
.bc-pill{display:inline-flex;align-items:center;gap:8px;background:var(--bc-green);color:var(--bc-bg);font-weight:600;font-size:15px;padding:10px 26px;border-radius:25px}
.bc-pill:hover{background:#4df0a1}
.bc-btns{display:flex;flex-wrap:wrap;gap:10px}
.bc-ghost{width:auto;min-height:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;font:inherit;font-weight:600;padding:9px 22px;border-radius:25px}
.bc-ghost[aria-pressed=true]{background:var(--bc-green);border-color:var(--bc-green);color:var(--bc-bg)}
.bc-dots{position:absolute;z-index:3;right:40px;bottom:30px;display:flex;gap:8px}
.bc-dots button{width:10px;height:10px;min-height:0;padding:0;border-radius:5px;border:0;background:rgba(255,255,255,.4);transition:width .2s}
.bc-dots button[aria-pressed=true]{width:28px;background:var(--bc-green)}
.bc-hero-page{height:auto;min-height:560px}
.bc-hero-page .bc-slide-bg{opacity:.55}
.bc-caption-page{position:relative;left:auto;bottom:auto;max-width:1320px;margin:110px 40px 40px;background:rgba(0,0,0,.7)}
.bc-caption-page .breadcrumbs{padding-top:0}
.bc-page-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start}
.bc-page-poster{width:200px;height:auto;border-radius:8px}
.bc-intro{max-width:900px;margin:10px 0 0}
.bc-intro h1{margin:0 0 6px;font-size:24px;font-weight:700}.bc-intro p{margin:0;color:var(--bc-muted);font-size:14.5px;line-height:1.7}
.bc-row{margin:40px 0 0}
.bc-head{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}
.bc-title{margin:0;font-size:26px;font-weight:700;background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block}
.bc-all{margin-left:auto;color:var(--bc-green);font-size:13.5px;font-weight:500}
.bc-car{position:relative}
.bc-track{display:grid;grid-auto-flow:column;grid-auto-columns:185px;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 12px}
.bc-track::-webkit-scrollbar{display:none}
.bc-card{scroll-snap-align:start;min-width:0}
.bc-card a{display:block;color:#fff}
.bc-art{position:relative;display:block;aspect-ratio:185/278;border-radius:8px;overflow:hidden;background:var(--bc-2);transition:transform .25s}
.bc-card a:hover .bc-art{transform:scale(1.05)}
.bc-art img{width:100%;height:100%;object-fit:cover;display:block}
.bc-veil{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s}
.bc-card a:hover .bc-veil,.bc-card a:focus-visible .bc-veil{opacity:1}
.bc-play{width:0;height:0;border-left:26px solid var(--bc-green);border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:6px}
.bc-cap{position:absolute;left:0;right:0;bottom:0;padding:26px 10px 10px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}
.bc-cap h3{margin:0 0 3px;font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-meta{display:flex;justify-content:space-between;gap:8px;font-size:.8rem;color:var(--bc-muted)}.bc-meta b{color:var(--bc-green);font-weight:600}
.bc-arrow{position:absolute;top:44%;z-index:3;width:40px;height:40px;min-height:0;padding:0;border-radius:50%;border:0;background:rgba(0,0,0,.5);color:#fff;font-size:24px;line-height:38px}
.bc-arrow:hover{background:var(--bc-green);color:var(--bc-bg)}.bc-prev{left:-8px}.bc-next{right:-8px}.bc-arrow[hidden]{display:none}
.bc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px 16px}
.bc-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.bc-chips a{background:rgba(28,231,131,.1);border:1px solid rgba(28,231,131,.2);color:var(--bc-green);border-radius:4px;font-size:13.5px;padding:6px 12px}
.bc-chips a:hover,.bc-chips a[aria-current]{background:var(--bc-green);color:var(--bc-bg)}
.bc-lead{padding:24px 0 0}.bc-lead h1{font-size:30px;margin:6px 0}.bc-lead p{margin:0;color:var(--bc-muted)}
.breadcrumbs a{color:var(--bc-green)}
.episode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.episode-card{background:var(--bc-2);border:0;border-radius:8px;color:#fff}
.guide-card{background:var(--bc-2);border:0;border-radius:8px}.guide-card h3{color:#fff}
.bc-article{background:var(--bc-2);border-radius:12px;padding:6px 32px 28px;margin:44px 0 0}
.bc-article .brand-guide{border-top:0;max-width:none;margin-top:10px}.bc-article .prose{max-width:900px;margin-left:auto;margin-right:auto}
.bc-article .prose p,.bc-article .prose li{color:#d4d4d4}.bc-article .prose h2,.bc-article .brand-guide>header h2{color:#fff}
.prose a,.brand-guide a{color:var(--bc-green)}.prose a:hover{color:#7df2b9}
.brand-guide>nav a{background:rgba(28,231,131,.1);border-color:rgba(28,231,131,.2);color:var(--bc-green);border-radius:4px}
.prose details{background:#141414;border-color:#262626}.prose summary{color:#fff}
.bc-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;align-items:start}
.bc-facts{display:grid;margin:0;background:var(--bc-2);border-radius:12px;padding:6px 18px}
.bc-facts div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #2a2a2a;font-size:14.5px}
.bc-facts div:last-child{border-bottom:0}.bc-facts dt{color:var(--bc-muted)}.bc-facts dd{margin:0}.bc-facts a{color:#fff;text-decoration:underline;text-decoration-color:#1ce78388}
.bc-watch{background:var(--bc-2);border:0;border-radius:12px;padding:18px}.bc-watch p{color:#d4d4d4}.bc-watch .button{background:var(--bc-green);color:var(--bc-bg);border-radius:25px}
.bc-seasons .season-links a{background:rgba(28,231,131,.1);border:1px solid rgba(28,231,131,.2);border-radius:4px;color:var(--bc-green)}.bc-seasons .season-links a:hover{background:var(--bc-green);color:var(--bc-bg)}
.episode-table{background:var(--bc-2);border-color:#2a2a2a}.episode-table th{background:#141414;color:var(--bc-green)}.episode-table td{border-color:#2a2a2a}
.bc-foot{margin-top:60px;background:var(--bc-foot);color:var(--bc-foottext);padding:30px 40px}
.bc-foot-in{max-width:1320px;margin:auto;display:grid;gap:14px}
.bc-foot-in img{width:150px;height:auto}
.bc-foot nav{display:flex;flex-wrap:wrap;gap:8px}.bc-foot nav a{background:rgba(28,231,131,.1);color:var(--bc-green);border-radius:4px;padding:5px 11px;font-size:13px}.bc-foot nav a:hover{background:var(--bc-green);color:var(--bc-bg)}
.bc-foot p{margin:0;font-size:12.5px;max-width:880px}.bc-foot p a{color:#d4d4d8}
@media(max-width:900px){.bc-nav,.bc-top .bc-search{display:none}.bc-burger.menu-toggle{display:inline-grid;margin-left:auto}.bc-top{padding:10px 18px}.bc-wrap{padding:0 18px}.main>.page-lead,.main>.bc-grid,.main>.bc-chips,.main>.breadcrumbs,.main>section:not(.bc-hero),.main>div:not(.bc-wrap),.main>article,.main>nav,.main>p{padding-left:18px;padding-right:18px}.bc-caption{left:18px;right:18px;bottom:40px;max-width:none}.bc-dots{right:18px;bottom:14px}.bc-caption-page{margin:90px 18px 30px}.bc-page-grid{grid-template-columns:130px minmax(0,1fr);gap:18px}.bc-page-poster{width:130px}.bc-cols{grid-template-columns:1fr}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-foot{padding:26px 18px}}
@media(max-width:600px){.bc-top .logo img{width:132px}.bc-hero{height:78vh;min-height:520px}.bc-caption{padding:18px}.bc-slide-text{font-size:14px}.bc-track{grid-auto-columns:140px;gap:12px}.bc-arrow{display:none}.bc-title{font-size:22px}.bc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.bc-page-grid{grid-template-columns:1fr}.bc-page-poster{width:140px}.episode-grid{grid-template-columns:1fr}.bc-article{padding:4px 16px 20px}}