/* Ani.pm theme, 30 September 2026 (Claude V2): measured default theme of the archived ani.pm (#1A1A1E page, #18181D panels, white accent, #B6B3C4 idle links, #4A4A4A borders); Graphite and Frost themes in the layer */
:root{color-scheme:dark;--bg:#1a1a1e;--paper:#18181d;--header:#101014;--header-2:#18181d;--header-line:#4a4a4a;--green:#f5f5f5;--green-dark:#ffffff;--green-tint:#f5f5f522;--accent-tint:#f5f5f51f;--accent-line:#f5f5f566;--accent-hover:#ffffff;--on-accent:#ffffff;--gold:#f5f5f5;--score:#f5f5f5;--text:#fafafa;--text-2:#cfcfcf;--muted:#b6b3c4;--soft:#b6b3c4;--line:#4a4a4a;--line-soft:#4a4a4a;--field-line:#4a4a4a;--poster-bg:#18181d;--bar-bg:#18181d;--row-target:#f5f5f522;--cam:#777;--badge-bg:#000000aa;--play-shade:#00000066;--hero-fade-a:#1a1a1ef2;--hero-fade-b:#1a1a1ec8;--on-header:#b6b3c4;--on-header-strong:#ffffff;--on-header-soft:#cfcfcf;--on-header-muted:#b6b3c4;--on-header-line:#4a4a4a;--on-header-hover:#ffffff14;--shade:#000a;--shadow-a:#0004;--shadow-b:#0006;--ink:#111;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Google Sans","Helvetica Neue","Segoe UI",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 auto;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}.prose summary{cursor:pointer;font-weight:500;line-height:1.7;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--text)}.prose details{margin:10px 0}.prose details>p{padding:12px 16px}.article-toc nav{padding:16px;display:grid;gap:6px}.brand-guide{margin-top:56px;padding-top:18px;border-top:4px solid var(--green)}.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}.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}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Ani.pm layer (ap-*), 30 September 2026 (Claude V2). Partial evidence: the archived ani.pm captures (14 June and 28 August 2026) hold the Next.js shell and its four stylesheets only, the poster rows load by script, so this layout is an original build on the measured tokens. Measured: default theme --app-bg #1A1A1E, --app-panel #18181D, --app-panel-2 #24242B, --app-border #4A4A4A, --app-muted #CFCFCF, --app-text #FAFAFA, --app-accent #F5F5F5; Graphite theme #10131A / #151923 / #202736 / #485367; Frost theme #13171E / #1A202B / #252D39 / #576375; glass #16161694 with #FFFFFF14 hairlines and 20px blur; header ink #101014, pill nav in a rounded glass bar with #B6B3C4 idle links; spotlight hero with a #070709 left scrim, uppercase .22em eyebrow and white action pill; carousel rows with 36px glass arrow buttons; 16px-rounded poster cards; the system font stack (--font-sans) with Google Sans details and an Audiowide gradient wordmark. The theme switch in the header swaps between the three measured themes with CSS only. */
:root{--on-accent:#101014;--ap-bg:#1a1a1e;--ap-p:#18181d;--ap-p2:#24242b;--ap-bd:#4a4a4a;--ap-mu:#cfcfcf;--ap-tx:#fafafa;--ap-ac:#f5f5f5;--ap-idle:#b6b3c4;--ap-glass:#16161694;--ap-hair:#ffffff14;--ap-hair2:#ffffff29;--ap-end:#0e0e12;--ap-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Google Sans","Helvetica Neue","Segoe UI Variable Text","Segoe UI",Arial,sans-serif}
body:has(#ap-t1:checked){--ap-bg:#10131a;--ap-p:#151923;--ap-p2:#202736;--ap-bd:#485367;--ap-mu:#c7cdda;--ap-tx:#f7f8fb;--ap-ac:#eef2f7;--ap-glass:#10141cad;--ap-hair:#e2e9f41a;--ap-end:#090b10;--bg:#10131a;--paper:#151923;--line:#485367;--header:#10131a}
body:has(#ap-t2:checked){--ap-bg:#13171e;--ap-p:#1a202b;--ap-p2:#252d39;--ap-bd:#576375;--ap-mu:#d7dde7;--ap-tx:#fbfcfe;--ap-ac:#ffffff;--ap-glass:#141922a3;--ap-hair:#eff4fb1c;--ap-end:#0a0e15;--bg:#13171e;--paper:#1a202b;--line:#576375;--header:#13171e}
body{background:linear-gradient(180deg,var(--ap-bg) 0,var(--ap-end) 1400px) var(--ap-end);color:var(--ap-tx);font:400 15px/1.6 var(--ap-font)}
a{color:var(--ap-tx)}a:hover,a:focus{color:#fff}
h2{color:var(--ap-tx)}.eyebrow{color:var(--ap-idle);letter-spacing:.22em;text-transform:uppercase}
.search-form .search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ap-head{position:sticky;top:0;z-index:40;padding:8px 8px 0}
.ap-bar{display:flex;align-items:center;gap:14px;max-width:1500px;min-height:56px;margin:0 auto;padding:0 10px 0 16px;box-sizing:border-box;background:#101014d9;border:1px solid var(--ap-hair);border-radius:28px;box-shadow:0 10px 26px -18px #000000b3,inset 0 1px 0 #ffffff0f;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}
.ap-head .menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:0 11px;background:#ffffff0e;border:1px solid #ffffff17;border-radius:999px}
.ap-head .menu-toggle span{display:block;width:17px;height:2px;border-radius:2px;background:#fff}
.ap-logo img{display:block;width:124px;height:auto}
.ap-pills{display:flex;gap:2px;margin-left:8px;padding:4px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff0a;box-shadow:inset 0 1px 0 #ffffff0e}
.ap-pills a{padding:6px 13px;border-radius:999px;color:var(--ap-idle);font-weight:600;font-size:14.2px;text-decoration:none;border:1px solid transparent}
.ap-pills a:hover{color:#fff}.ap-pills a[aria-current]{color:#fff;background:#ffffff18;border-color:#ffffff29;box-shadow:inset 0 1px 0 #ffffff14}
.ap-tools{display:flex;align-items:center;gap:8px;margin-left:auto}
.ap-search .search-form{display:flex;align-items:center;width:250px;height:40px;padding:0 4px 0 12px;box-sizing:border-box;background:#ffffff0e;border:1px solid #ffffff17;border-radius:999px}
.search-form input{flex:1;min-width:0;height:34px;border:0;background:transparent;color:#fff;font:14px var(--ap-font)}
.search-form input::placeholder{color:#9d9aab}
.search-form button{min-width:32px;min-height:32px;border:0;border-radius:999px;background:transparent;color:#dfe3ed}
.search-form button:hover{background:#ffffff1c;color:#fff}
.ap-theme{display:flex;align-items:center;gap:2px;margin:0;padding:3px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff0a}
.ap-theme legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.ap-theme input{position:absolute;opacity:0;width:1px;height:1px}
.ap-theme label{display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;color:#dfe3ed;font-size:12px;font-weight:600;cursor:pointer}
.ap-theme label i{display:block;width:12px;height:12px;border-radius:50%;border:1px solid #ffffff4d}
.ap-sw0{background:#1a1a1e}.ap-sw1{background:#202736}.ap-sw2{background:#576375}
.ap-theme input:checked+label{background:#ffffff1c;color:#fff;box-shadow:inset 0 1px 0 #ffffff14}
.ap-theme input:focus-visible+label{outline:2px solid #fff}
.ap-me{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid #ffffff1f;color:#fff}
.ap-me:hover{background:#fff;color:#101014}
.mobile-nav{background:var(--ap-p)}.mobile-nav nav a{color:#fff}
.site-wrap.ap-page{max-width:1500px;margin:0 auto;padding:18px 20px 50px;box-sizing:border-box;background:transparent}
.ap-main{max-width:none!important;margin:0!important;padding:0!important}
.ap-spot{position:relative;display:flex;align-items:flex-end;min-height:clamp(380px,46vw,560px);overflow:hidden;border-radius:26px;background:#111;border:1px solid var(--ap-hair)}
.ap-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
.ap-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#070709e0 0%,#07070966 46%,transparent 70%),linear-gradient(0deg,var(--ap-bg) 0%,transparent 42%),linear-gradient(180deg,#0707098c 0%,transparent 16%)}
.ap-body{position:relative;z-index:2;max-width:780px;padding:0 clamp(28px,3.4vw,50px) clamp(28px,3.4vw,50px)}
.ap-eye{margin:0 0 10px;color:#fff;letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:700}
.ap-body h1{margin:0 0 12px;font-size:clamp(28px,3.6vw,46px);line-height:1.08;font-weight:700;letter-spacing:-.01em}
.ap-lede{margin:0 0 20px;max-width:680px;color:#ffffffb8;font-size:16px}
.ap-acts{display:flex;flex-wrap:wrap;gap:10px}
.ap-go{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:999px;background:#fff;color:#101014;font-weight:700;text-decoration:none;box-shadow:0 12px 30px -14px #000000c7}
.ap-go:hover{color:#101014;background:#fffffff0;transform:translateY(-1px)}
.ap-glass{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;background:#08090c94;border:1px solid #fff3;color:#fff;font-weight:600;font-size:14px;text-decoration:none;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%)}
.ap-acts .ap-glass{min-height:44px}
.ap-glass:hover{background:#16161adb;border-color:#ffffff47;color:#fff}
.ap-sec{margin-top:42px}
.ap-sh{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.ap-sh h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}
.ap-ten{list-style:none;margin:0;padding:0 0 8px;display:flex;gap:14px;overflow-x:auto;scrollbar-width:thin}
.ap-ten li{flex:0 0 calc((100% - 70px)/6)}
.ap-ten a{position:relative;display:block;padding-left:34%;text-decoration:none}
.ap-num{position:absolute;left:0;bottom:30px;font:400 clamp(64px,7vw,110px)/.8 Audiowide,var(--ap-font);color:transparent;-webkit-text-stroke:2px #ffffffb3}
.ap-ten img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:16px;border:1px solid var(--ap-hair);position:relative}
.ap-ten b{display:block;margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600}
.ap-row{list-style:none;margin:0;padding:0 0 8px;display:flex;gap:14px;overflow-x:auto;scrollbar-width:thin}
.ap-row li{flex:0 0 calc((100% - 84px)/7);min-width:0}.ap-ten li{min-width:0}
.ap-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px 14px}
.ap-card a{display:block;text-decoration:none}
.ap-pos{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:16px;background:var(--ap-p);border:1px solid var(--ap-hair)}
.ap-pos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.16,1,.3,1)}
.ap-card a:hover .ap-pos img{transform:scale(1.045)}
.ap-ep{position:absolute;left:8px;bottom:8px;padding:3px 9px;border-radius:999px;background:#08090cb3;border:1px solid #ffffff33;color:#fff;font-weight:600;font-size:11px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ap-card b{display:block;margin-top:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600}
.ap-meta{display:block;color:var(--ap-idle);font-size:12.5px}
.ap-moods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ap-moods a{position:relative;display:block;aspect-ratio:16/8;overflow:hidden;border-radius:18px;background:var(--ap-p2);border:1px solid var(--ap-hair);text-decoration:none}
.ap-moods img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .3s}
.ap-moods a:hover img{opacity:.8}
.ap-moods span{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 12px;border-radius:14px;background:#08090c94;border:1px solid #fff3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ap-moods b{display:block;font-size:15px}.ap-moods i{display:block;font-style:normal;color:#ffffffb8;font-size:12px}
.ap-help{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ap-help a{display:block;height:100%;padding:14px 16px;background:var(--ap-p);border:1px solid var(--ap-hair);border-radius:16px;text-decoration:none;box-sizing:border-box}
.ap-help a:hover{border-color:#ffffff47;background:var(--ap-p2)}.ap-help b{display:block}.ap-help span{display:block;color:var(--ap-mu);font-size:13px}
.ap-foot{margin:40px 8px 8px;padding:30px 28px 22px;background:#101014;border:1px solid var(--ap-hair);border-radius:26px}
.ap-fin{display:flex;flex-wrap:wrap;justify-content:space-between;gap:26px;max-width:1440px;margin:0 auto}
.ap-fbrand{max-width:340px}.ap-fbrand img{display:block;width:124px;height:auto}.ap-fbrand p{margin:10px 0 0;color:var(--ap-idle);font-size:14px}
.ap-fcols{display:flex;flex-wrap:wrap;gap:22px 56px}
.ap-fcols h2{margin:0 0 8px;color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.ap-fcols a{display:block;padding:3px 0;color:var(--ap-idle);font-size:14px;text-decoration:none}.ap-fcols a:hover{color:#fff}
.ap-copy{max-width:1440px;margin:22px auto 0;padding-top:16px;border-top:1px solid var(--ap-hair);color:#8e8b9c;font-size:12.5px}
.ap-copy a{color:#cfcfcf}
.ap-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.ap-item a{display:block;color:#fff;text-decoration:none}
.ap-item img{display:block;width:100%;height:auto;border-radius:16px}
.ap-item b{display:block;margin-top:6px;font-size:14px}
.ap-item button{margin-top:6px;width:100%;background:#fff;border:0;color:#101014;min-height:34px;border-radius:999px;font-weight:700}
.prose.brand-guide{max-width:none;margin-top:44px;padding:30px 34px;background:var(--ap-p);border:1px solid var(--ap-hair);border-radius:24px;color:#e6e6ea}
.prose.brand-guide h2{color:#fff}.prose.brand-guide h3{color:#fff}.prose.brand-guide a{color:#fff;text-decoration-color:#ffffff66}
@media (min-width:1201px){.ap-head .menu-toggle{display:none}}
@media (max-width:1360px){.ap-search .search-form{width:190px}.ap-theme label span{display:none}.ap-pills a{padding:6px 10px}}
@media (max-width:1200px){.ap-pills{display:none}.ap-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.ap-row li{flex-basis:calc((100% - 56px)/5)}.ap-ten li{flex-basis:calc((100% - 42px)/4)}.ap-moods{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.ap-search{display:none}.ap-bar{gap:8px;padding:0 8px}.ap-logo img{width:104px}.ap-theme label{padding:5px 6px}.site-wrap.ap-page{padding:12px 12px 30px}.ap-spot{border-radius:20px;min-height:460px}.ap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-row li{flex-basis:42%}.ap-ten li{flex-basis:56%}.ap-moods{grid-template-columns:minmax(0,1fr)}.ap-help{grid-template-columns:minmax(0,1fr)}.prose.brand-guide{padding:20px 14px}.ap-foot{padding:24px 16px 18px}}