html[data-izlet] { color-scheme: dark; }
body.zl-app { min-height: 100dvh; }
.zl-frame { min-height: 100dvh; display: flex; flex-direction: column; }
.zl-frame > .zl-main { flex: 1 1 auto; }
:root {
  --zl-ink: #070708;
  --zl-ink2: #0e0e12;
  --zl-card: #16161c;
  --zl-line: rgba(255,255,255,.08);
  --zl-fg: #f4f4f7;
  --zl-mute: #9a9aa8;
  --zl-ember: #e50914;
  --zl-ember2: #ff2a3c;
  --zl-ember-a: rgba(229,9,20,.18);
  --zl-star: #f5c518;
  --zl-rad: 18px;
  --zl-gap: 28px;
  --zl-font: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; overflow-x: clip; background: var(--zl-ink); }
body {
  font-family: var(--zl-font);
  background:
    radial-gradient(900px 420px at 12% -8%, rgba(229,9,20,.28), transparent 55%),
    radial-gradient(700px 380px at 100% 0%, rgba(120,0,20,.35), transparent 50%),
    var(--zl-ink);
  color: var(--zl-fg);
  min-height: 100dvh;
  line-height: 1.5;
  overflow-x: clip;
  touch-action: manipulation;
}
a { color: inherit; text-decoration: none; }
button, a, input, summary { -webkit-tap-highlight-color: transparent; }
img, video, iframe { max-width: 100%; }
svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.zl-skip { position: absolute; left: -999px; top: 8px; background: var(--zl-ember); color: #fff; padding: 8px 12px; border-radius: 8px; z-index: 200; }
.zl-skip:focus { left: 8px; }
.zl-wrap {
  width: min(1280px, calc(100% - 2 * var(--zl-gap)));
  margin: 0 auto;
  max-width: 100%;
  min-width: 0;
}
.zl-main, .zl-watch, .zl-seo, .zl-paths, .zl-row, .zl-reel { min-width: 0; max-width: 100%; }

.zl-top {
  position: sticky; top: 0; z-index: 100;
  background: rgba(7,7,8,.86);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  border-bottom: 1px solid var(--zl-line);
  padding-top: env(safe-area-inset-top, 0px);
}
.zl-top-row { display: flex; align-items: center; gap: 22px; min-height: 68px; }
.zl-logo {
  display: inline-flex; align-items: baseline; gap: 0;
  font-weight: 800; font-size: 1.28rem; letter-spacing: -.04em;
  white-space: nowrap; color: #fff;
}
.zl-logo b { color: var(--zl-ember); font-weight: 800; }
.zl-menu { display: flex; gap: 4px; }
.zl-menu a {
  color: #c9c9d4; font-weight: 600; font-size: .92rem;
  padding: 8px 10px; border-radius: 8px;
}
.zl-menu a:hover { color: #fff; }
.zl-menu a.on { color: #fff; }
a.zl-seen-link { display: none !important; }
html.zl-seen a.zl-seen-link { display: revert !important; }
.zl-seek { margin-left: auto; min-width: min(280px, 100%); position: relative; }
.zl-seek-ico {
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  width: 16px; height: 16px; color: #8b8b98; pointer-events: none;
}
.zl-seek-ico svg { width: 16px; height: 16px; }
.zl-seek input {
  width: 100%; font: inherit; color: #fff; font-size: 16px;
  background: #1b1b22; border: 1px solid var(--zl-line);
  border-radius: 999px; padding: 10px 14px 10px 40px;
}
.zl-seek input::placeholder { color: #7d7d8a; }
.zl-seek input:focus { outline: none; border-color: rgba(229,9,20,.7); }
.zl-aside { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.zl-bell, .zl-me, .zl-icon, .zl-more {
  width: 40px; height: 40px; padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: #1b1b22; color: #fff; border: 1px solid var(--zl-line);
  border-radius: 50%; cursor: pointer; flex: 0 0 40px;
}
.zl-me { background: linear-gradient(180deg, #ff4d5a, #b10b14); border: 0; }
.zl-me svg { width: 18px; height: 18px; stroke: #fff; }
.zl-icon, .zl-more { display: none; }
.zl-icon svg, .zl-bell svg { width: 18px; height: 18px; }
.zl-more { background: transparent; border: 0; border-radius: 12px; }
.zl-bars { display: grid; gap: 5px; width: 18px; }
.zl-bars span { display: block; height: 2px; background: #fff; border-radius: 2px; }
.zl-tray { display: none; }
.zl-veil, .zl-seek-mask { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 80; }
.zl-main { padding: 0 0 48px; }

.zl-hero {
  position: relative; overflow: hidden; min-height: min(62dvh, 540px);
  margin: 18px 0 8px; border-radius: 22px;
  background:
    linear-gradient(90deg, rgba(7,7,8,.92) 0%, rgba(7,7,8,.55) 42%, rgba(7,7,8,.15) 70%),
    var(--spot) center/cover no-repeat, #141418;
}
.zl-hero-copy {
  position: relative; z-index: 2;
  padding: 56px 48px 48px; max-width: 560px;
}
.zl-hero-k {
  font-size: .72rem; letter-spacing: .16em; text-transform: uppercase;
  color: #d0d0d8; font-weight: 700; margin-bottom: 10px;
}
.zl-hero h1 {
  font-size: clamp(2.2rem, 4.6vw, 4rem);
  font-weight: 800; letter-spacing: -.04em; line-height: 1.02;
  margin: 0 0 12px;
}
.zl-hero-m { color: #c4c4ce; font-size: .92rem; margin-bottom: 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.zl-hero p { color: #d8d8e0; font-size: 1rem; max-width: 46ch; margin-bottom: 22px; }
.zl-hero-a { display: flex; flex-wrap: wrap; gap: 10px; }
.go {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--zl-ember); color: #fff; font-weight: 800; font-size: .95rem;
  padding: 12px 22px; border-radius: 999px; min-height: 48px; border: 0; cursor: pointer;
}
.go:hover { background: var(--zl-ember2); }
.go svg, .zl-playi { width: 16px; height: 16px; fill: currentColor; stroke: none; }
.alt {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: transparent; color: #fff; font-weight: 700;
  padding: 12px 20px; border-radius: 999px; min-height: 48px;
  border: 1px solid rgba(255,255,255,.28);
}
.alt:hover { background: rgba(255,255,255,.08); }

.zl-pills {
  display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto;
  padding: 14px 0 6px; scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.zl-pills::-webkit-scrollbar { display: none; }
.zl-pills a, .zl-pills span {
  flex: 0 0 auto; padding: 8px 16px; border-radius: 999px;
  background: #1b1b22; color: #cfcfd8; font-weight: 700; font-size: .86rem;
  border: 1px solid transparent;
}
.zl-pills a.on, .zl-pills a:hover { background: #fff; color: #111; }
.zl-kinds-box { display: none; }
.zl-kinds { display: none; }
.zl-gico {
  width: 26px; height: 26px; display: block;
  fill: none; stroke: #ececf2; stroke-width: 1.65;
  stroke-linecap: round; stroke-linejoin: round;
}
.zl-gico * { fill: none; stroke: inherit; stroke-width: inherit; }

.zl-row { margin: 22px 0 8px; }
.zl-row-h, .zl-hub {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  margin: 8px 0 14px;
}
.zl-row-h h2, .zl-hub h1 { font-size: 1.28rem; font-weight: 800; letter-spacing: -.02em; }
.zl-row-h a { color: var(--zl-mute); font-size: .86rem; font-weight: 700; }
.zl-row-h a:hover { color: #fff; }
.zl-hub p { color: var(--zl-mute); font-size: .92rem; }

.zl-reel { position: relative; }
.zl-reel-track {
  display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x proximity;
  padding: 4px 2px 12px; scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.zl-reel-track::-webkit-scrollbar { display: none; }
.zl-reel-track .zl-card { scroll-snap-align: start; width: 168px; flex: 0 0 auto; }
.zl-reel-track .zl-card[data-kind="series"] { width: 252px; }
.zl-reel-btn {
  position: absolute; top: 34%; z-index: 3; width: 38px; height: 38px;
  border: 0; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff;
  cursor: pointer; display: grid; place-items: center;
}
.zl-reel-btn:hover { background: var(--zl-ember); }
.zl-reel-btn.prev { left: -8px; }
.zl-reel-btn.next { right: -8px; }

.zl-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px 14px; }
.zl-card { min-width: 0; color: inherit; }
.zl-card .zl-art {
  position: relative; width: 100%; aspect-ratio: 2 / 3; overflow: hidden;
  border-radius: 16px; background: #1a1a22;
}
.zl-card[data-kind="series"] .zl-art { aspect-ratio: 16 / 10; }
.zl-card .zl-art img, .zl-card .zl-art .zl-ph {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center top; display: block;
}
.zl-ph { display: grid; place-items: center; font-size: 2rem; font-weight: 800; color: #fff; background: #222; }
.zl-imdb, .zl-kind {
  position: absolute; top: 8px; left: 8px; z-index: 2;
  font-size: .72rem; font-weight: 800; padding: 4px 8px; border-radius: 8px;
}
.zl-imdb { background: var(--zl-star); color: #1a1403; }
.zl-kind { background: rgba(0,0,0,.72); color: #fff; }
.zl-card h3 { font-size: .92rem; font-weight: 800; margin-top: 10px; line-height: 1.25; }
.zl-card p { color: var(--zl-mute); font-size: .76rem; margin-top: 3px; }
.zl-card .zl-rate { color: var(--zl-star); font-weight: 800; font-size: .8rem; margin-top: 4px; }

.zl-resume {
  display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none;
  padding-bottom: 8px; -webkit-overflow-scrolling: touch;
}
.zl-resume::-webkit-scrollbar { display: none; }
.zl-resume-card {
  flex: 0 0 min(280px, 78vw); background: #14141a; border-radius: 16px; overflow: hidden;
}
.zl-resume-art { position: relative; aspect-ratio: 16 / 9; background: #1a1a22; overflow: hidden; }
.zl-resume-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.zl-resume-play {
  position: absolute; left: 12px; bottom: 12px; width: 36px; height: 36px;
  border-radius: 50%; background: var(--zl-ember); color: #fff; display: grid; place-items: center;
}
.zl-resume-play svg { width: 14px; height: 14px; fill: #fff; stroke: none; }
.zl-resume-meta { padding: 10px 12px 12px; }
.zl-resume-meta b { display: block; font-size: .9rem; }
.zl-resume-meta span { color: var(--zl-mute); font-size: .75rem; }
.zl-resume-bar { display: block; height: 3px; background: var(--zl-ember); border-radius: 99px; margin-top: 8px; }

.zl-tools { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; align-items: start; margin-bottom: 14px; }
.zl-az, .zl-sort { display: flex; flex-wrap: wrap; gap: 6px; }
.zl-az button, .zl-sort button {
  background: #1b1b22; color: #cfcfd8; border: 0; border-radius: 999px;
  padding: 8px 12px; font: inherit; font-weight: 700; cursor: pointer;
}
.zl-az button.on, .zl-sort button.on, .zl-az button:hover, .zl-sort button:hover {
  background: #fff; color: #111;
}

.zl-watch { margin-bottom: 22px; }
.zl-stage {
  position: relative; aspect-ratio: 16 / 9; background: #000;
  border-radius: 18px; overflow: hidden;
}
.zl-stage iframe, .zl-stage video { width: 100% !important; height: 100% !important; border: 0; display: block; }
.zl-gate { position: absolute; inset: 0; z-index: 6; background: #000; }
.zl-gate video { width: 100%; height: 100%; object-fit: cover; }
.zl-gate-hit { position: absolute; inset: 0; z-index: 7; }
.zl-gate-ui { position: absolute; right: 12px; bottom: 16px; z-index: 8; display: flex; gap: 8px; align-items: center; }
.zl-gate-badge { background: var(--zl-ember); color: #fff; font-size: .72rem; font-weight: 800; padding: 4px 8px; border-radius: 6px; }
.zl-gate-skip { background: #fff; color: #111; border: 0; border-radius: 8px; padding: 8px 12px; font-weight: 800; cursor: pointer; }
.zl-gate-skip:disabled { opacity: .65; cursor: default; }
.zl-gate-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: rgba(255,255,255,.2); }
.zl-gate-bar i { display: block; height: 100%; width: 0; background: var(--zl-ember); }
.zl-vid-msg { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; }
.zl-watch-meta { padding: 18px 0 0; }
.zl-meta-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.zl-watch-meta h1 { font-size: 1.6rem; font-weight: 800; letter-spacing: -.03em; }
.zl-keep {
  background: #1b1b22; color: #fff; border: 1px solid var(--zl-line);
  border-radius: 999px; padding: 10px 16px; font: inherit; font-weight: 700; cursor: pointer;
}
.zl-keep.on { background: var(--zl-ember); border-color: var(--zl-ember); }

.zl-mail { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding: 28px 0; }
.zl-mail-copy h1 { font-size: 2rem; font-weight: 800; margin-bottom: 10px; }
.zl-mail-copy p { color: #cfcfd8; margin-bottom: 12px; max-width: 54ch; }
.zl-mail-copy .zl-note, .zl-mail-meta { color: var(--zl-mute); }
.zl-mail-form { display: grid; gap: 12px; background: #14141a; padding: 20px; border-radius: 18px; }
.zl-mail-form label, .zl-talk-form label { display: grid; gap: 6px; font-weight: 700; font-size: .88rem; }
.zl-mail-form input, .zl-mail-form textarea, .zl-talk-form input, .zl-talk-form textarea, .zl-talk-form select {
  font: inherit; font-size: 16px; color: #fff; background: #1b1b22;
  border: 1px solid var(--zl-line); border-radius: 12px; padding: 10px 12px;
}
.zl-mail-form textarea { resize: vertical; min-height: 140px; }
.zl-mail-form .hp { position: absolute; left: -9999px; height: 0; overflow: hidden; }
.zl-msg { min-height: 1.2em; color: #3dd68c; font-size: .88rem; }
.zl-msg.err { color: #ff6b6b; }
.zl-tags { color: var(--zl-mute); font-size: .9rem; }
.zl-desc { color: #d4d4dc; line-height: 1.65; max-width: min(72ch, 100%); overflow-wrap: anywhere; }
.zl-empty { color: var(--zl-mute); padding: 24px 0; }
.zl-crumb { color: var(--zl-mute); font-size: .82rem; margin: 14px 0 10px; }
.zl-crumb a:hover { color: #fff; }

.zl-ep-nav { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; margin: 14px 0 6px; }
.zl-ep-btn {
  display: inline-flex; align-items: center; justify-content: center;
  background: #1b1b22; color: #fff; border: 1px solid var(--zl-line);
  border-radius: 999px; padding: 10px 14px; font-weight: 700;
}
.zl-ep-btn.next { justify-self: end; background: var(--zl-ember); border-color: var(--zl-ember); }
.zl-ep-btn.disabled { opacity: .35; pointer-events: none; }
.zl-keys { color: var(--zl-mute); font-size: .78rem; margin-bottom: 8px; }
.zl-ep-line, .zl-sz-jump, .zl-words-cloud { display: flex; flex-wrap: wrap; gap: 8px; }
.zl-ep-chip, .zl-sz-jump a, .zl-pill, .zl-words-cloud a {
  background: #1b1b22; color: #d0d0d8; border-radius: 999px; padding: 7px 12px; font-size: .82rem; font-weight: 700;
}
.zl-ep-chip.active, .zl-sz-jump a.on, .zl-pill:hover { background: #fff; color: #111; }
.zl-eps { display: grid; gap: 8px; }
.zl-ep {
  display: grid; grid-template-columns: 64px minmax(0,1fr) auto; gap: 10px; align-items: center;
  background: #14141a; border-radius: 14px; padding: 12px 14px;
}
.zl-ep-n { color: var(--zl-ember); font-weight: 800; }
.zl-ep-go { color: #fff; font-weight: 800; font-size: .82rem; }
.zl-sz { margin: 22px 0; }
.zl-sz h2 { font-size: 1.1rem; margin-bottom: 10px; }
.zl-sz h2 span { color: var(--zl-mute); font-size: .85rem; font-weight: 600; }

.zl-show {
  display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 22px;
  margin: 18px 0; align-items: start;
}
.zl-show-art { position: relative; border-radius: 18px; overflow: hidden; aspect-ratio: 2 / 3; background: #1a1a22; }
.zl-show-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.zl-show-copy h1 { font-size: 2rem; font-weight: 800; letter-spacing: -.03em; }
.zl-show-copy .zl-sub { color: var(--zl-mute); margin: 6px 0 12px; }

.zl-file {
  display: grid; grid-template-columns: 140px minmax(0,1fr); gap: 16px;
  background: #14141a; border-radius: 18px; padding: 16px; margin: 18px 0;
}
.zl-file.is-series { grid-template-columns: 180px minmax(0,1fr); }
.zl-info-art { position: relative; width: 140px; aspect-ratio: 2 / 3; border-radius: 12px; overflow: hidden; }
.zl-file.is-series .zl-info-art { width: 180px; aspect-ratio: 16 / 10; }
.zl-info-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.zl-info-t { font-size: 1.1rem; margin-bottom: 8px; }
.zl-info-b { min-width: 0; }
.zl-kv-list { display: grid; gap: 6px; margin: 10px 0; }
.zl-kv { display: grid; grid-template-columns: 90px minmax(0,1fr); gap: 8px; color: var(--zl-mute); font-size: .88rem; }
.zl-kv b { color: #fff; font-weight: 700; }
.zl-cast {
  grid-column: 1 / -1;
  min-width: 0;
  padding-top: 12px;
  border-top: 1px solid var(--zl-line);
}
.zl-cast-h {
  font-size: .72rem; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--zl-mute); margin: 0 0 10px;
}
.zl-cast-row {
  display: flex; gap: 10px;
  overflow-x: auto; -webkit-overflow-scrolling: touch;
  scrollbar-width: none; margin: 0 -4px; padding: 0 4px 4px;
}
.zl-cast-row::-webkit-scrollbar { display: none; }
.zl-cast-card {
  flex: 0 0 72px; width: 72px; max-width: 72px;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  background: transparent; border-radius: 0; padding: 0;
  font-size: .72rem; font-weight: 600; color: #d0d0d8; text-align: center;
}
.zl-cast-card img, .zl-cast-ph {
  width: 56px; height: 56px; border-radius: 50%;
  object-fit: cover; background: #1b1b22; display: grid; place-items: center;
  font-weight: 800; color: #fff; flex: 0 0 auto;
}
.zl-cast-card b {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; line-height: 1.25; font-weight: 600; max-width: 72px;
}

.zl-paths { border-top: 1px solid var(--zl-line); padding: 28px 0 12px; }
.zl-paths-k { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--zl-mute); margin-bottom: 6px; }
.zl-paths-t { font-size: 1.28rem; margin-bottom: 8px; font-weight: 800; }
.zl-paths-p { color: var(--zl-mute); font-size: .88rem; max-width: 62ch; margin-bottom: 18px; }
.zl-path { margin: 0 0 16px; }
.zl-path h2 { font-size: .95rem; color: #fff; font-weight: 800; margin: 0 0 4px; }
.zl-path-lead { color: var(--zl-mute); font-size: .8rem; margin: 0 0 8px; }
.zl-path-box { display: grid; grid-template-columns: 36px minmax(0,1fr) 36px; align-items: center; gap: 4px; }
.zl-path-row { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; padding: 6px 2px 12px; scrollbar-width: none; }
.zl-path-row a {
  flex: 0 0 auto; white-space: nowrap; background: #1b1b22; color: #d4d4dc;
  border-radius: 999px; padding: 8px 12px; font-size: .8rem;
}
.zl-path-row a:hover { background: #fff; color: #111; }
.zl-path-box .zl-reel-btn { position: static; top: auto; width: 36px; height: 38px; }

.zl-foot { border-top: 1px solid var(--zl-line); color: var(--zl-mute); padding: 36px 0 28px; font-size: .86rem; }
.zl-foot-in { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 22px; }
.zl-foot .zl-logo { margin-bottom: 8px; }
.zl-foot-in p { margin-top: 8px; max-width: 36ch; }
.zl-foot h4 { color: #fff; font-size: .88rem; margin-bottom: 10px; }
.zl-foot-a { display: grid; gap: 8px; }
.zl-foot-a a:hover { color: #fff; }
.zl-foot-copy { max-width: 36ch; }
.zl-dock { display: none !important; }

.zl-hints {
  position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 40;
  background: #16161c; border: 1px solid var(--zl-line); border-radius: 16px; overflow: hidden;
}
.zl-hints a { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 12px 14px; }
.zl-hints a:hover { background: var(--zl-ember-a); }
.zl-hints small { color: var(--zl-mute); font-size: .75rem; }
.zl-hub-p { color: #cfcfd8; max-width: 62ch; margin: 8px 0 6px; }
.zl-hub-h2 { font-size: 1.18rem; margin: 8px 0 4px; }
.zl-cloud { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 28px; }
.zl-cloud a {
  display: inline-flex; align-items: center; gap: 8px;
  background: #1b1b22; border-radius: 999px; padding: 8px 14px; font-weight: 700;
}
.zl-cloud a:hover { background: #fff; color: #111; }
.zl-cloud b { color: var(--zl-mute); font-weight: 550; font-size: .82rem; }
.zl-cue {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin: 12px 0 0; padding: 12px 16px; background: #14141a; border-radius: 16px;
}
.zl-cue .go { margin-top: 0; padding: 8px 16px; }
.zl-cue[hidden] { display: none !important; }
.zl-talk { margin: 28px 0 8px; padding: 18px; background: #14141a; border-radius: 20px; }
.zl-talk h2 { font-size: 1.22rem; margin-bottom: 8px; }
.zl-talk-score { color: #cfcfd8; margin-bottom: 14px; }
.zl-talk-score b { color: var(--zl-ember); font-size: 1.35rem; }
.zl-talk-form { display: grid; gap: 10px; margin-bottom: 18px; }
.zl-talk-row { display: grid; grid-template-columns: 1fr 140px; gap: 10px; }
.zl-talk-form .hp { position: absolute; left: -9999px; height: 0; overflow: hidden; }
.zl-talk-list { display: grid; gap: 12px; }
.zl-talk-item { padding: 12px 0; border-top: 1px solid var(--zl-line); }
.zl-talk-item header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px; flex-wrap: wrap; }
.zl-talk-item header span { color: var(--zl-ember); font-weight: 700; }
.zl-talk-item time { margin-left: auto; color: var(--zl-mute); font-size: .78rem; }
.zl-talk-item p { color: #d4d4dc; }
.zl-faq details { background: #14141a; border-radius: 12px; padding: 10px 14px; margin: 8px 0; }
.zl-faq summary { cursor: pointer; font-weight: 700; }
.zl-copy { color: #cfcfd8; font-size: .92rem; line-height: 1.65; max-width: 72ch; }
.zl-orig { color: var(--zl-mute); font-size: .88rem; margin-top: 14px; }

@media (max-width: 1100px) { .zl-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .zl-foot-in { grid-template-columns: 1fr 1fr; } }
@media (max-width: 960px) {
  :root, .zl-wrap { --zl-gap: 16px; }
  .zl-top-row { gap: 10px; min-height: 56px; position: relative; }
  .zl-seek-btn, .zl-more { display: inline-flex; }
  .zl-bell, .zl-me { display: none; }
  .zl-seek {
    display: none; margin: 0; position: absolute; left: 0; right: 96px;
    top: 50%; transform: translateY(-50%); z-index: 6; min-width: 0;
  }
  body.zl-seek-on .zl-seek { display: block; }
  body.zl-seek-on .zl-logo { visibility: hidden; }
  .zl-menu { display: none; }
  .zl-tray {
    display: flex; flex-direction: column; gap: 4px;
    position: fixed; top: 0; right: 0; bottom: 0; z-index: 90;
    width: min(320px, 88vw);
    padding: calc(28px + env(safe-area-inset-top, 0px)) 16px calc(28px + env(safe-area-inset-bottom, 0px));
    background: #121218; transform: translateX(105%); transition: transform .22s ease; overflow-y: auto;
  }
  .zl-tray.open { transform: none; }
  .zl-tray-h { font-size: .78rem; color: #8b8b98; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin: 8px 4px 10px; }
  .zl-tray a { font-size: 1.08rem; font-weight: 700; color: #cfcfd8; padding: 14px 12px; border-radius: 14px; }
  .zl-tray a.on, .zl-tray a:hover { color: #fff; background: var(--zl-ember-a); }
  .zl-veil.on { display: block; }
  .zl-hero { min-height: min(58dvh, 420px); border-radius: 0; margin-inline: calc(-1 * var(--zl-gap)); width: calc(100% + 2 * var(--zl-gap)); }
  .zl-hero-copy { padding: 28px 18px 24px; max-width: none; }
  .zl-reel-btn { display: none; }
  .zl-kinds-box { display: block; }
  .zl-kinds {
    display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; margin: 0 0 8px;
  }
  .zl-kinds a {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    background: #16161c; border-radius: 16px; padding: 14px 6px 12px; font-size: .72rem; font-weight: 700;
  }
  .zl-kinds i { display: grid; place-items: center; width: 28px; height: 28px; font-style: normal; }
  .zl-home-pills { display: none; }
}
@media (max-width: 800px) {
  .zl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .zl-hub { display: block; }
  .zl-hero h1 { font-size: clamp(1.7rem, 8vw, 2.4rem); }
  .zl-hero p { font-size: .92rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .zl-reel-track { margin-inline: calc(-1 * var(--zl-gap)); padding-inline: var(--zl-gap); gap: 10px; }
  .zl-reel-track .zl-card { width: min(42vw, 164px); }
  .zl-reel-track .zl-card[data-kind="series"] { width: min(70vw, 260px); }
  .zl-path-box { grid-template-columns: minmax(0, 1fr); }
  .zl-path-box .zl-reel-btn { display: none; }
  .zl-az, .zl-sort { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .zl-az button, .zl-sort button { flex: 0 0 auto; }
  .zl-stage { border-radius: 0; margin-inline: calc(-1 * var(--zl-gap)); width: calc(100% + 2 * var(--zl-gap)); max-width: none; }
}
@media (max-width: 640px) {
  .zl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 10px; }
  .zl-foot-in { grid-template-columns: 1fr; }
  .zl-ep-nav { grid-template-columns: 1fr; }
  .zl-show { grid-template-columns: 1fr; }
  .zl-show-art { aspect-ratio: 16 / 10; }
  .zl-file, .zl-file.is-series { grid-template-columns: 96px minmax(0,1fr); }
  .zl-info-art, .zl-file.is-series .zl-info-art { width: 96px; aspect-ratio: 2 / 3; }
  .zl-kv { grid-template-columns: 72px minmax(0,1fr); font-size: .82rem; }
  .zl-pills { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
  .zl-mail { grid-template-columns: 1fr; }
  .zl-talk-row { grid-template-columns: 1fr; }
  .zl-meta-row .zl-keep { width: 100%; }
  .zl-ep-go { display: none; }
  .go { width: 100%; }
  .zl-hero-a .alt { display: none; }
}
@media (hover: none) {
  .zl-card:hover .zl-art img { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; scroll-behavior: auto !important; }
}

/* Ana sayfa film kalite rehberi */
.zl-guide {
  border-top: 1px solid var(--zl-line);
  padding: 40px 0 48px;
  background: linear-gradient(180deg, rgba(255,255,255,.02), transparent 120px);
}
.zl-guide-shell { max-width: 1280px; }
.zl-guide-article {
  width: min(800px, 100%);
  margin: 0 auto;
  color: var(--zl-fg);
  font-size: 1.02rem;
  line-height: 1.7;
}
.zl-g-kicker {
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--zl-ember2);
  margin-bottom: 10px;
  font-weight: 700;
}
.zl-guide-article h1 {
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  line-height: 1.25;
  font-weight: 800;
  margin: 0 0 16px;
}
.zl-guide-article h2 {
  font-size: 1.22rem;
  font-weight: 800;
  margin: 34px 0 12px;
}
.zl-guide-article h3 {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 22px 0 8px;
}
.zl-guide-article p { margin: 0 0 14px; color: #d8d8e0; }
.zl-guide-article strong { color: #fff; font-weight: 700; }
.zl-guide-article code {
  font-size: .9em;
  background: rgba(255,255,255,.06);
  padding: .1em .35em;
  border-radius: 6px;
}
.zl-g-compact {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 22px;
}
.zl-g-compact a {
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 8px 12px;
  border-radius: 999px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
}
.zl-g-compact a:hover { border-color: rgba(229,9,20,.55); background: var(--zl-ember-a); }
.zl-g-list { margin: 0 0 16px 1.1rem; color: #d8d8e0; }
.zl-g-list li { margin: 0 0 6px; }
.zl-g-card {
  margin: 22px 0 28px;
  padding: 18px 18px 14px;
  border: 1px solid var(--zl-line);
  border-radius: 16px;
  background: rgba(22,22,28,.92);
}
.zl-g-card h3 { margin: 0 0 6px; font-size: 1rem; }
.zl-g-card-lead { color: var(--zl-mute); font-size: .88rem; margin-bottom: 14px; }
.zl-g-quality dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
}
.zl-g-quality dt {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--zl-mute);
}
.zl-g-quality dd { font-weight: 700; color: #fff; }
.zl-g-quality dd span { font-weight: 500; color: var(--zl-mute); font-size: .85em; }
.zl-g-lang-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.zl-g-lang-grid h4 { font-size: .8rem; color: var(--zl-mute); margin-bottom: 8px; letter-spacing: .06em; text-transform: uppercase; }
.zl-g-lang-grid ul { list-style: none; }
.zl-g-lang-grid li { margin: 0 0 6px; font-weight: 600; }
.zl-g-lang-grid .on { color: var(--zl-ember2); }
.zl-g-finder {
  margin: 8px 0 28px;
  padding: 16px;
  border-radius: 16px;
  border: 1px dashed rgba(255,255,255,.14);
  background: rgba(255,255,255,.02);
}
.zl-g-finder h3 { margin: 0 0 6px; font-size: 1rem; }
.zl-g-finder p { margin-bottom: 12px; font-size: .92rem; }
.zl-g-finder-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.zl-g-finder-row a {
  background: #fff;
  color: #111;
  font-size: .8rem;
  font-weight: 800;
  padding: 8px 12px;
  border-radius: 10px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
}
.zl-g-finder-row a:hover { background: var(--zl-ember); color: #fff; }
.zl-g-note { color: var(--zl-mute); font-size: .82rem; margin: 0; }
.zl-g-topics { margin: 36px 0 8px; }
.zl-g-topics h2 { margin-top: 0; }
.zl-g-topic-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.zl-g-topic-grid > div {
  border: 1px solid var(--zl-line);
  border-radius: 12px;
  padding: 12px 14px;
  background: rgba(255,255,255,.02);
}
.zl-g-topic-grid h3 { margin: 0 0 4px; font-size: .85rem; color: #fff; }
.zl-g-topic-grid p { margin: 0; font-size: .84rem; color: var(--zl-mute); }
.zl-g-faqs { margin-top: 36px; }
.zl-g-faq {
  border: 1px solid var(--zl-line);
  border-radius: 12px;
  margin: 0 0 8px;
  background: rgba(255,255,255,.02);
  overflow: hidden;
}
.zl-g-faq summary {
  cursor: pointer;
  list-style: none;
  padding: 12px 14px;
  font-weight: 700;
  color: #fff;
}
.zl-g-faq summary::-webkit-details-marker { display: none; }
.zl-g-faq[open] summary { border-bottom: 1px solid var(--zl-line); }
.zl-g-faq p { padding: 10px 14px 14px; margin: 0; font-size: .95rem; }
@media (max-width: 720px) {
  .zl-g-quality dl,
  .zl-g-lang-grid,
  .zl-g-topic-grid { grid-template-columns: 1fr; }
}