:root{--font-heading:"Roboto Condensed","Arial Narrow","Helvetica Neue",sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--radius:6px;--gap:28px;--bg:#0b1118;--fg:#e8edf2;--accent:#ff7a1a;--muted:#8a99a8;--surface:#131c26;--line:#2e343b;--note:#131c26;--panel:#131c26;--mark:#603619;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0}
body.zs{background:var(--bg);color:var(--fg);font:17px/1.6 var(--font-body)}
.zs h1,.zs h2,.zs h3{font-family:var(--font-heading);line-height:1.25;margin:.2em 0 .4em}
.zs a{color:var(--accent)}
.zs img,.zs video,.zs iframe{max-width:100%}
.zs-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.zs-top{border-bottom:1px solid var(--line);background:var(--bg)}
.zs-bar{max-width:1180px;margin:0 auto;padding:calc(var(--gap)*.6) var(--gap);display:flex;gap:var(--gap);
align-items:center;flex-wrap:wrap}
.zs-brand{display:flex;align-items:center;gap:10px;font:700 1.15em var(--font-heading);color:var(--fg);text-decoration:none}
.zs-logo{height:36px;width:auto}
.zs-nav{display:flex;gap:4px 16px;flex-wrap:wrap;margin-left:auto}
.zs-nav a{text-decoration:none;color:var(--muted);padding:4px 0}
.zs-nav a[aria-current=page]{color:var(--fg);border-bottom:2px solid var(--accent)}
.zs-main{max-width:1180px;margin:0 auto;padding:var(--gap)}
.zs-sec{margin:0 0 calc(var(--gap)*2)}
.zs-h{font-size:1.35em}
.zs-meta,.zs-empty,.zs-count{color:var(--muted);font-size:.85em}
.zs-excerpt{margin:.3em 0 0;color:var(--fg)}
.zs-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--gap)}
.zs-card h3{font-size:1.1em}
.zs-grid,.zs-docs,.zs-groups,.zs-quotes,.zs-episodes{display:grid;gap:var(--gap);
grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.zs-doc-grid--compact .zs-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.zs-doc-grid--magazine .zs-grid>:first-child{grid-column:1/-1;font-size:1.15em}
.zs-list{list-style:none;padding:0;margin:0}
.zs-list li{padding:.45em 0;border-bottom:1px solid var(--line)}
.zs-list time{color:var(--muted);font-size:.85em;margin-right:.6em}
.zs-hero{padding:calc(var(--gap)*2) 0}
.zs-hero h1{font-size:clamp(1.8em,5vw,3em)}
.zs-tagline{font-size:1.2em;color:var(--muted)}
.zs-hero--centered{text-align:center}
.zs-hero--split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--gap);align-items:center}
.zs-hero--banner{background:var(--accent);color:var(--bg);border-radius:var(--radius);padding:calc(var(--gap)*2)}
.zs-hero--banner .zs-tagline{color:inherit;opacity:.85}
.zs-hero-logo{max-height:96px;width:auto}
.zs-feature{display:grid;gap:var(--gap);background:var(--surface);border-radius:var(--radius);padding:var(--gap)}
.zs-featured-doc--large .zs-feature h2{font-size:clamp(1.5em,4vw,2.4em)}
.zs-featured-doc--side .zs-feature{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.zs-feature img{width:100%;border-radius:var(--radius)}
.zs-more{font-weight:600}
.zs-doc-page--split .zs-docs{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.zs-doc-page--article .zs-docs{grid-template-columns:1fr;max-width:72ch}
.zs-category-index--list .zs-groups{grid-template-columns:1fr}
.zs-group h3{font-size:1.1em}
.zs-row{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.zs-clip-gallery--carousel .zs-row,.zs-image-gallery--carousel .zs-row,.zs-storyboard-strip--strip .zs-shots,
.zs-timeline--horizontal .zs-tl{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,280px);
grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory}
.zs-row>*,.zs-shots>*{scroll-snap-align:start;margin:0}
.zs-image-gallery--masonry .zs-row{display:block;columns:3 220px;column-gap:var(--gap)}
.zs-image-gallery--masonry figure{break-inside:avoid;margin:0 0 var(--gap)}
.zs-clip video,.zs-image img{width:100%;border-radius:var(--radius);background:#000;display:block}
.zs-clip video{aspect-ratio:9/16;max-height:70vh;object-fit:contain}
figcaption{font-size:.9em;margin-top:6px}
.zs-orig{font-weight:600;font-size:.9em}
.zs-episode{display:grid;gap:10px}
.zs-episode-list--list .zs-episodes{grid-template-columns:1fr}
.zs-episode-list--list .zs-episode{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}
.zs-player iframe,.zs-player video{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--radius);background:#000;display:block}
.zs-shots{list-style:none;padding:0;margin:0;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.zs-shots img{width:100%;border-radius:var(--radius);display:block}
.zs-shots p{font-size:.9em;margin:6px 0 0}
.zs-tl{list-style:none;padding:0;margin:0;display:grid;gap:var(--gap)}
.zs-timeline--vertical .zs-tl{border-left:3px solid var(--accent);padding-left:var(--gap)}
.zs-tl time{color:var(--accent);font-weight:600;font-size:.9em}
.zs-visual{margin:0 0 var(--gap)}
.zs-map--inset .zs-visual,.zs-chart--inset .zs-visual{max-width:640px}
.zs-quote{margin:0;background:var(--surface);border-left:4px solid var(--accent);border-radius:var(--radius);padding:var(--gap)}
.zs-quote p{font:1.1em/1.5 var(--font-heading);margin:0 0 8px}
.zs-quote cite{font-style:normal;font-size:.85em}
.zs-quote-wall--list .zs-quotes{grid-template-columns:1fr}
.zs-search{display:flex;gap:8px;flex-wrap:wrap}
.zs-search input{flex:1 1 200px;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);
background:var(--bg);color:var(--fg);min-width:0}
.zs-search button{font:inherit;padding:10px 16px;border:0;border-radius:var(--radius);background:var(--accent);color:var(--bg);cursor:pointer}
.zs-search--page .zs-search input{font-size:1.2em}
.zs-results{list-style:none;padding:0}
.zs-results li{padding:.6em 0;border-bottom:1px solid var(--line)}
.zs-results p{margin:.2em 0 0;color:var(--muted);font-size:.9em}
.zs-prose{max-width:72ch}
.zs-about--columns .zs-prose{max-width:none;columns:2 300px;column-gap:calc(var(--gap)*2)}
footer.zs-footer{max-width:1180px;margin:0 auto;padding:var(--gap);border-top:1px solid var(--line);color:var(--muted);font-size:.9em}
.zs-cols{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.zs-made{font-size:.85em}
body.zs-doc .wrap{max-width:1320px}
body.zs-doc--article .guide{display:none}
@media (max-width:700px){
.zs-hero--split,.zs-featured-doc--side .zs-feature,.zs-episode-list--list .zs-episode{grid-template-columns:1fr}
.zs-nav{margin-left:0;width:100%;flex-wrap:nowrap;overflow-x:auto}
.zs-nav a{padding:8px 0;white-space:nowrap}
}