:root {
  --bg:#111418;
  --bg-2:#171b21;
  --bg-3:#1d222a;
  --surface:#191e25;
  --surface-2:#20262f;
  --surface-3:#262d38;
  --line:#2c3440;
  --line-2:#3a4351;
  --ink:#e6eaf0;
  --ink-2:#b2bcc9;
  --ink-3:#7f8b9b;
  --ink-4:#5c6675;
  --violet:#7b5cff;
  --violet-2:#9d86ff;
  --violet-dim:#3b2f6b;
  --violet-glow:rgba(123,92,255,.28);
  --cold:#5a6f8c;
  --cold-2:#38465b;
  --ok:#8fa9c9;
  --warn:#8a7f6a;
  --radius:0;
  --cut:10px;
  --gap:10px;
  --gap-s:7px;
  --pad:12px;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --sans:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
*, *::before, *::after {box-sizing:border-box;}
html, body {margin:0;padding:0;}
body {
  background:
    radial-gradient(1100px 520px at 78% -8%, rgba(123,92,255,.16), transparent 62%),
    radial-gradient(900px 480px at -10% 12%, rgba(90,111,140,.14), transparent 60%),
    linear-gradient(180deg,#0f1216 0%, #111418 42%, #0e1115 100%);
  background-attachment:fixed;
  color:var(--ink);
  font-family:var(--sans);
  font-size:14px;
  line-height:1.52;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img, video {display:block;max-width:100%;}
ul, ol, li {list-style:none;margin:0;padding:0;}
h1, h2, p, dl, dd, dt {margin:0;}
button, input, select {font:inherit;color:inherit;}
a {color:var(--ink-2);text-decoration:none;}
a:hover {color:var(--violet-2);}
::selection {background:var(--violet-dim);color:#fff;}
[class*="panel"], [class*="card"], [class*="chip"], [class*="tile"], .overview-poster, .episode-status, .detail-panel, .synopsis-panel, .cast-panel, .timeline-node, .overview-player, .rec-region {
  border-radius:0;
}
.site-header {
  position:sticky;
  top:0;
  z-index:40;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  padding:9px clamp(12px,3vw,26px);
  background:linear-gradient(180deg,rgba(13,16,20,.96),rgba(13,16,20,.82));
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(8px);
}
.site-brand, a[data-contract="site-name"] {
  font-size:15px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ink);
  text-decoration:none;
  white-space:nowrap;
  padding-left:10px;
  border-left:3px solid var(--violet);
  line-height:1.2;
  text-shadow:0 0 18px var(--violet-glow);
}
a[data-contract="site-name"]:hover {color:var(--violet-2);text-decoration:none;}
.category-rail {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  min-width:0;
  flex:1 1 auto;
  justify-content:flex-end;
}
a.runtime-category {
  white-space:nowrap;
  font-size:12px;
  letter-spacing:.06em;
  color:var(--ink-2);
  text-decoration:none;
  padding:4px 9px;
  background:var(--surface-2);
  border:1px solid var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);
  transition:color .16s,border-color .16s,background .16s;
}
a.runtime-category:hover, a.runtime-category:focus-visible {
  color:#fff;
  background:var(--violet-dim);
  border-color:var(--violet);
  text-decoration:none;
}
.page-main {
  display:block;
  max-width:1360px;
  margin:0 auto;
  padding:clamp(12px,2.4vw,22px) clamp(12px,3vw,26px) 26px;
}
.panel-title {
  font-size:12px;
  font-weight:700;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--violet-2);
  margin:0 0 9px;
  padding:0 0 6px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  gap:8px;
}
.panel-title::before {
  content:"";
  width:8px;
  height:8px;
  background:var(--violet);
  clip-path:polygon(0 0,100% 0,100% 60%,60% 100%,0 100%);
  flex:0 0 auto;
}
.movie-overview, .timeline-section, .episodes-section, .comments-section, .rec-region {
  margin:0 0 16px;
}
.movie-overview {margin-bottom:18px;}
.movie-overview {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.35fr);
  grid-template-areas:
    "title title title"
    "poster player player"
    "poster status status"
    "poster details synopsis"
    "cast cast cast";
  gap:var(--gap);
  align-items:start;
  padding:var(--pad);
  background:linear-gradient(160deg,var(--surface) 0%,var(--bg-2) 100%);
  border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 18px 40px -28px #000;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
  position:relative;
}
.movie-overview::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(123,92,255,.08),transparent 42%);
}
.overview-poster {
  grid-area:poster;
  align-self:start;
  position:relative;
  width:100%;
  max-width:320px;
  overflow:hidden;
  border:1px solid var(--line-2);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);
  background:#0c0f13;
}
.overview-poster::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(200deg,rgba(123,92,255,.22),transparent 46%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px);
  mix-blend-mode:screen;
}
.overview-poster img {
  width:100%;
  height:auto;
  aspect-ratio:9 / 16;
  object-fit:cover;
  display:block;
  filter:saturate(.72) contrast(1.06) brightness(.94);
}
.overview-head {
  grid-area:title;
  display:grid;
  grid-template-columns:minmax(0,auto) minmax(0,1fr);
  grid-template-areas:
    "title tagline"
    "seo seo";
  align-items:end;
  gap:4px 16px;
  padding:2px 2px 8px;
  border-bottom:1px solid var(--line);
}
.movie-title {
  grid-area:title;
  font-size:clamp(22px,3.4vw,38px);
  line-height:1.02;
  font-weight:800;
  letter-spacing:.02em;
  color:#fff;
  text-shadow:0 0 26px rgba(123,92,255,.35);
}
.movie-tagline {
  grid-area:tagline;
  align-self:end;
  font-size:clamp(12px,1.3vw,15px);
  color:var(--violet-2);
  letter-spacing:.06em;
  border-left:2px solid var(--violet);
  padding-left:9px;
  line-height:1.35;
}
.movie-seo {
  grid-area:seo;
  margin-top:6px;
  font-size:12px;
  line-height:1.62;
  color:var(--ink-3);
  max-width:100ch;
  columns:2;
  column-gap:22px;
  column-rule:1px solid var(--line);
}
.overview-player {
  grid-area:player;
  min-width:0;
  width:100%;
  position:relative;
  background:#0a0d11;
  border:1px solid var(--line-2);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
  overflow:hidden;
}
.overview-player video {
  width:100%;
  aspect-ratio:16 / 9;
  display:block;
  background:#000;
  object-fit:cover;
  filter:saturate(.86) contrast(1.04);
}
.overview-player.is-theater {
  border-color:var(--violet);
  box-shadow:0 0 0 1px var(--violet-glow),0 0 45px -12px var(--violet-glow);
}
.overview-player.is-lights-off video {
  filter:brightness(.55) saturate(.5) contrast(1.1);
}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  padding:7px 8px;
  background:linear-gradient(180deg,var(--bg-3),var(--surface));
  border-top:1px solid var(--line);
}
.chip {
  appearance:none;
  -webkit-appearance:none;
  border:1px solid var(--line-2);
  background:var(--surface-2);
  color:var(--ink-2);
  font-size:11px;
  font-family:var(--mono);
  letter-spacing:.04em;
  line-height:1;
  padding:6px 8px;
  cursor:pointer;
  border-radius:0;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%);
  transition:background .14s,color .14s,border-color .14s;
  white-space:nowrap;
}
.chip:hover {background:var(--surface-3);color:#fff;border-color:var(--violet);}
.chip:focus-visible {outline:1px solid var(--violet);outline-offset:1px;}
.chip.is-active, .chip.is-playing, .chip.is-muted {
  background:var(--violet-dim);
  border-color:var(--violet);
  color:#fff;
}
.chip-progress {
  flex:1 1 90px;
  min-width:70px;
  height:16px;
  padding:0;
  background:transparent;
  border-color:transparent;
  clip-path:none;
  accent-color:var(--violet);
}
.chip-volume {
  flex:0 1 74px;
  min-width:52px;
  height:16px;
  padding:0;
  background:transparent;
  border-color:transparent;
  clip-path:none;
  accent-color:var(--violet-2);
}
.chip-speed {padding:5px 4px;}
.chip-speed option {background:var(--bg-3);color:var(--ink);}
.episode-status {
  grid-area:status;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  background:var(--bg-3);
  border:1px solid var(--line);
  border-left:3px solid var(--violet);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
  overflow:hidden;
}
.episode-status span {
  padding:7px 12px;
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.04em;
  line-height:1.2;
}
.status-current {color:var(--violet-2);font-weight:700;}
.status-total {color:var(--ink-2);border-left:1px solid var(--line);}
.status-score {
  margin-left:auto;
  color:#fff;
  font-weight:700;
  background:rgba(123,92,255,.16);
  border-left:1px solid var(--violet);
}
.detail-panel {
  grid-area:details;
  align-self:start;
  min-width:0;
  padding:8px 10px 10px;
  background:rgba(255,255,255,.014);
  border:1px solid var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
}
.detail-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
}
.detail-row {
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:4px 8px 4px 0;
  border-bottom:1px dashed rgba(255,255,255,.06);
  min-width:0;
}
.detail-key {
  flex:0 0 5.2em;
  color:var(--ink-4);
  font-size:11px;
  letter-spacing:.08em;
  white-space:nowrap;
}
.detail-value {
  margin:0;
  color:var(--ink-2);
  font-size:12px;
  min-width:0;
  overflow-wrap:break-word;
}
.detail-row:last-child {border-bottom:0;}
.synopsis-panel {
  grid-area:synopsis;
  align-self:start;
  min-width:0;
  padding:8px 10px 10px;
  background:rgba(255,255,255,.014);
  border:1px solid var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
}
.synopsis-paragraph {
  font-size:12.5px;
  line-height:1.7;
  color:var(--ink-2);
  margin:0 0 7px;
  padding-left:9px;
  border-left:1px solid var(--line-2);
  text-indent:0;
}
.synopsis-paragraph:last-child {margin-bottom:0;}
.synopsis-paragraph:first-of-type {
  border-left-color:var(--violet);
  color:#cfd6e0;
}
.cast-panel {
  grid-area:cast;
  min-width:0;
  padding:8px 10px 10px;
  background:rgba(255,255,255,.014);
  border:1px solid var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
}
.cast-strip {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(84px,1fr));
  gap:var(--gap-s);
  align-items:start;
}
.cast-card {
  position:relative;
  min-width:0;
  background:var(--surface-2);
  border:1px solid var(--line);
  padding:0 0 8px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
  transition:transform .16s,border-color .16s;
}
.cast-card:hover {
  transform:translateY(-2px);
  border-color:var(--violet);
}
.cast-avatar {
  width:100%;
  aspect-ratio:1 / 1;
  background:
    radial-gradient(120% 90% at 30% 15%,rgba(123,92,255,.42),transparent 60%),
    linear-gradient(150deg,#2b3442,#151a21 70%);
  border-bottom:1px solid var(--line-2);
  position:relative;
}
.cast-avatar::after {
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 1px,transparent 1px 5px);
}
.cast-badge {
  position:absolute;
  right:0;
  bottom:26px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.06em;
  color:#fff;
  background:var(--violet);
  padding:2px 6px 2px 7px;
  clip-path:polygon(6px 0,100% 0,100% 100%,0 100%);
  line-height:1.3;
}
.cast-name {
  display:block;
  margin-top:6px;
  padding:0 7px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.05em;
  color:var(--ink);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.timeline-section {
  padding:var(--pad);
  background:linear-gradient(180deg,#141820,#101419);
  border:1px solid var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
}
.timeline-rail {
  display:flex;
  gap:0;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x proximity;
  padding:4px 0 10px;
  border-top:1px solid var(--line-2);
  border-bottom:1px solid var(--line-2);
  background:
    linear-gradient(90deg,transparent 0 47px,var(--line) 47px 48px,transparent 48px) 0 100% / 48px 100% repeat-x;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.timeline-rail::-webkit-scrollbar {height:6px;}
.timeline-rail::-webkit-scrollbar-track {background:#0c0f13;}
.timeline-rail::-webkit-scrollbar-thumb {background:var(--violet-dim);}
.timeline-node {
  flex:0 0 clamp(180px,20vw,238px);
  scroll-snap-align:start;
  position:relative;
  padding:10px 12px 12px;
  border-right:1px solid var(--line-2);
  background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);
  transition:background .18s;
}
.timeline-node:nth-child(odd) {
  background:linear-gradient(180deg,rgba(123,92,255,.07),transparent 70%);
}
.timeline-node:nth-child(even) {
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(0,0,0,.28));
}
.timeline-node::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
  background:repeating-linear-gradient(90deg,var(--violet) 0 8px,transparent 8px 12px);
  opacity:.55;
}
.timeline-node::after {
  content:"";
  position:absolute;
  top:-1px;
  right:-1px;
  border-style:solid;
  border-width:0 13px 13px 0;
  border-color:transparent var(--bg) transparent transparent;
}
.timeline-node:hover {background:rgba(123,92,255,.1);}
.node-timecode {
  display:block;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--violet-2);
  margin-bottom:5px;
}
.node-label {
  display:block;
  font-size:12.5px;
  line-height:1.5;
  color:var(--ink-2);
  max-width:26ch;
}
.episodes-section {
  padding:var(--pad);
  background:linear-gradient(180deg,#141820,#0f1318);
  border:1px solid var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);
}
.episode-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--gap-s) var(--gap);
  align-items:start;
}
.episode-card {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:
    "num title dur"
    "sum sum sum";
  align-items:baseline;
  gap:2px 9px;
  padding:9px 11px 10px;
  background:var(--surface);
  border:1px solid var(--line);
  border-left:2px solid var(--violet-dim);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%);
  transition:border-color .16s,background .16s;
}
.episode-card:hover {
  border-left-color:var(--violet);
  background:var(--surface-2);
}
.episode-number {
  grid-area:num;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--violet-2);
  white-space:nowrap;
}
.episode-title {
  grid-area:title;
  font-size:13px;
  font-weight:600;
  color:var(--ink);
  letter-spacing:.03em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.episode-duration {
  grid-area:dur;
  font-family:var(--mono);
  font-size:11px;
  color:var(--ink-3);
  text-align:right;
  white-space:nowrap;
}
.episode-summary {
  grid-area:sum;
  font-size:12px;
  line-height:1.55;
  color:var(--ink-3);
  margin-top:3px;
  padding-top:6px;
  border-top:1px dashed rgba(255,255,255,.07);
}
.episode-card:nth-child(-n/**/+7) {
  background:linear-gradient(180deg,rgba(123,92,255,.1),rgba(123,92,255,.02));
  border-color:var(--violet-dim);
  border-left-color:var(--violet);
}
.episode-card:nth-child(-n/**/+7) .episode-number {color:#c9bcff;}
.episode-card:nth-child(-n/**/+7) .episode-title {color:#fff;}
.episode-card:nth-child(n/**/+8) {
  filter:saturate(.34) brightness(.86);
}
.episode-card:nth-child(n/**/+8):hover {filter:saturate(.7) brightness(.95);}
.comments-section {
  padding:var(--pad);
  background:linear-gradient(180deg,#12161c,#0e1216);
  border:1px solid var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
}
.comment-masonry {
  columns:2;
  column-gap:var(--gap);
}
.comment-card {
  break-inside:avoid;
  margin:0 0 var(--gap);
  padding:9px 11px 10px;
  background:var(--surface);
  border:1px solid var(--line);
  border-top:2px solid var(--line-2);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
  transition:border-color .16s,transform .16s;
}
.comment-card:hover {border-top-color:var(--violet);transform:translateX(2px);}
.comment-card:nth-child(odd) {margin-left:0;}
.comment-card:nth-child(3n/**/+1) {border-top-color:var(--violet-dim);}
.comment-card:nth-child(3n/**/+2) {border-top-color:var(--cold-2);}
.comment-card:nth-child(3n/**/+3) {border-top-color:#4a4550;}
.comment-nickname {
  display:inline-block;
  font-family:var(--mono);
  font-size:10.5px;
  letter-spacing:.05em;
  line-height:1.4;
  padding:2px 7px;
  margin-bottom:6px;
  color:var(--ink);
  background:#3d4655;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%);
}
.comment-card:nth-child(4n/**/+1) .comment-nickname {background:#454f60;color:#eef2f7;}
.comment-card:nth-child(4n/**/+2) .comment-nickname {background:#333b47;color:#cdd5e0;}
.comment-card:nth-child(4n/**/+3) .comment-nickname {background:#2a313b;color:#aeb8c6;}
.comment-card:nth-child(4n/**/+4) .comment-nickname {background:#222831;color:#98a3b2;}
.comment-text {
  font-size:12.5px;
  line-height:1.66;
  color:var(--ink-2);
}
.rec-region {
  padding:var(--pad);
  background:linear-gradient(180deg,#13171d,#0f1318);
  border:1px solid var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
}
.rec-list {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:var(--gap-s);
  align-items:start;
}
.rec-item {min-width:0;}
.rec-region-grid {min-width:0;}
.rec-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:var(--gap-s);
  align-items:start;
}
.rec-tile {min-width:0;}
a[data-runtime="recommendation"] {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:4px;
  padding:7px;
  background:var(--surface);
  border:1px solid var(--line);
  color:var(--ink-2);
  text-decoration:none;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
  transition:border-color .16s,background .16s,transform .16s;
  height:100%;
}
a[data-runtime="recommendation"]:hover {
  border-color:var(--violet);
  background:var(--surface-2);
  color:#fff;
  text-decoration:none;
  transform:translateY(-2px);
}
[data-runtime="recommendation"] img {
  width:100%;
  aspect-ratio:16 / 10;
  height:auto;
  object-fit:cover;
  display:block;
  background:#0b0e12;
  border:1px solid var(--line-2);
  filter:saturate(.7) contrast(1.05) brightness(.92);
  transition:filter .18s;
}
a[data-runtime="recommendation"]:hover img {filter:saturate(1) contrast(1.06) brightness(1);}
[data-runtime="recommendation"] [data-runtime="name"] {
  font-size:12.5px;
  font-weight:600;
  color:var(--ink);
  letter-spacing:.03em;
  line-height:1.35;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
}
[data-runtime="recommendation"] [data-runtime="blurb"] {
  font-size:11.5px;
  line-height:1.5;
  color:var(--ink-4);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.rec-item a[data-runtime="recommendation"] {
  grid-template-columns:minmax(0,108px) minmax(0,1fr);
  grid-template-areas:
    "img name"
    "img blurb";
  align-content:start;
  column-gap:9px;
  row-gap:3px;
}
.rec-item [data-runtime="recommendation"] img {
  grid-area:img;
  aspect-ratio:16 / 9;
  align-self:start;
}
.rec-item [data-runtime="recommendation"] [data-runtime="name"] {grid-area:name;}
.rec-item [data-runtime="recommendation"] [data-runtime="blurb"] {grid-area:blurb;}
.site-footer {
  margin-top:6px;
  padding:16px clamp(12px,3vw,26px) 26px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(10,13,17,.4),rgba(8,10,13,.95));
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:10px 22px;
  align-items:start;
}
.footer-disclaimer {
  grid-column:1;
  font-size:11.5px;
  line-height:1.7;
  color:var(--ink-4);
  max-width:74ch;
}
.friend-links {
  grid-column:2;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px 8px;
}
.friend-links-label {
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--violet-2);
  margin-right:2px;
}
a.runtime-friend-link {
  white-space:nowrap;
  font-size:11.5px;
  color:var(--ink-3);
  text-decoration:none;
  padding:2px 7px;
  background:rgba(255,255,255,.03);
  border:1px solid var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%);
  transition:color .14s,border-color .14s;
}
a.runtime-friend-link:hover {color:#fff;border-color:var(--violet);text-decoration:none;}
.footer-links {
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  padding-top:10px;
  border-top:1px solid var(--line);
}
.footer-links a {
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.1em;
  text-decoration:none;
}
a[data-contract="footer-home"] {color:var(--violet-2);}
a[data-contract="footer-home"]:hover {color:#fff;text-decoration:underline;}
a[data-contract="footer-sitemap"] {color:var(--ink-3);}
a[data-contract="footer-sitemap"]:hover {color:var(--violet-2);text-decoration:underline;}
@media (max-width:1080px){.movie-overview {
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
    grid-template-areas:
      "title title"
      "poster player"
      "poster status"
      "details details"
      "synopsis synopsis"
      "cast cast";
  }
.overview-poster {max-width:none;}
.movie-seo {columns:1;column-rule:0;}
.detail-list {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:820px){body {font-size:13.5px;}
.movie-overview {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "title"
      "poster"
      "player"
      "status"
      "details"
      "synopsis"
      "cast";
  }
.overview-head {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "title"
      "tagline"
      "seo";
    align-items:start;
    gap:6px;
  }
.overview-poster {max-width:260px;}
.detail-list {grid-template-columns:repeat(2,minmax(0,1fr));}
.episode-grid {grid-template-columns:minmax(0,1fr);}
.comment-masonry {columns:1;}
.site-footer {grid-template-columns:minmax(0,1fr);}
.footer-disclaimer, .friend-links {grid-column:1;}
.friend-links {justify-content:flex-start;}}
@media (max-width:560px){.site-header {gap:8px;padding:8px 12px;}
.category-rail {justify-content:flex-start;}
.movie-overview, .timeline-section, .episodes-section, .comments-section, .rec-region {
    padding:10px;
  }
.overview-poster {max-width:220px;}
.detail-list {grid-template-columns:minmax(0,1fr);}
.detail-row {padding-right:0;}
.cast-strip {grid-template-columns:repeat(2,minmax(0,1fr));}
.rec-list {grid-template-columns:minmax(0,1fr);}
.rec-grid {grid-template-columns:minmax(0,1fr);}
.rec-item a[data-runtime="recommendation"] {
    grid-template-columns:minmax(0,96px) minmax(0,1fr);
  }
.timeline-node {flex:0 0 78vw;}
.chip {font-size:10.5px;padding:6px 7px;}
.chip-progress, .chip-volume {flex-basis:100%;}}
@media (max-width:380px){.cast-strip {grid-template-columns:minmax(0,1fr);}
.episode-card {grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"num dur" "title title" "sum sum";}}

footer{text-align:center!important}
footer *{justify-content:center!important}
footer :is(div,nav,ul,ol,p,section,address){margin-left:auto!important;margin-right:auto!important}