:root {
  --iron-900:#0b0c0e;
  --iron-850:#101215;
  --iron-800:#16181c;
  --iron-750:#1d2025;
  --iron-700:#25282e;
  --iron-600:#33373e;
  --iron-500:#4a4f57;
  --iron-400:#6b717a;
  --iron-300:#9298a1;
  --iron-200:#b9bec6;
  --ash:#cfd3d8;
  --gold:#c9a227;
  --gold-bright:#e8c766;
  --gold-deep:#8a6d18;
  --gold-glow:rgba(201,162,39,.35);
  --line:rgba(120,128,140,.22);
  --radius:3px;
  --gap:10px;
  --gap-tight:6px;
}
*, *::before, *::after {
  box-sizing:border-box;
}
html {
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body, h2, h3, p, ul, ol, li, dl, dd, dt {
  margin:0;
  padding:0;
}
ul, ol {
  list-style:none;
}
img, video {
  display:block;
  max-width:100%;
}
button, input {
  font:inherit;
  color:inherit;
}
button {
  background:none;
  border:0;
  cursor:pointer;
}
a {
  color:inherit;
  text-decoration:none;
}
body {
  background:
    radial-gradient(1200px 620px at 12% -8%, rgba(201,162,39,.055), transparent 62%),
    radial-gradient(900px 520px at 92% 4%, rgba(80,88,100,.10), transparent 60%),
    linear-gradient(180deg,#0b0c0e 0%,#101215 42%,#0c0d10 100%);
  background-color:var(--iron-900);
  color:var(--iron-200);
  font-family:"Songti SC","SimSun","Noto Serif SC",serif;
  font-size:14px;
  line-height:1.55;
  letter-spacing:.01em;
  min-height:100vh;
  overflow-x:hidden;
}
body.lights-off {
  background-color:#050506;
}
body.theater-mode {
  background-color:#050506;
}
.site-header {
  position:sticky;
  top:0;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--gap);
  padding:8px 14px;
  background:linear-gradient(180deg,rgba(11,12,14,.96),rgba(16,18,21,.92));
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(6px);
}
.site-header__brand {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.site-header__logo {
  font-family:"Heiti SC","PingFang SC","Microsoft YaHei",sans-serif;
  font-weight:700;
  font-size:17px;
  letter-spacing:.14em;
  color:var(--gold-bright);
  text-shadow:0 0 12px rgba(201,162,39,.28);
  white-space:nowrap;
}
a[data-contract="site-name"] {
  color:var(--gold-bright);
  text-decoration:none;
}
a[data-contract="site-name"]:hover {
  color:#f4dc93;
}
.categories-bar {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  min-width:0;
}
a.runtime-category {
  display:inline-block;
  padding:3px 9px;
  font-family:"Heiti SC","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:12.5px;
  letter-spacing:.08em;
  color:var(--iron-300);
  text-decoration:none;
  white-space:nowrap;
  border:1px solid rgba(120,128,140,.28);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(37,40,46,.55),rgba(22,24,28,.55));
  transition:color .18s ease,border-color .18s ease,background .18s ease;
}
a.runtime-category:hover {
  color:var(--gold-bright);
  border-color:rgba(201,162,39,.5);
  background:linear-gradient(180deg,rgba(201,162,39,.14),rgba(22,24,28,.6));
}
.page-main {
  display:block;
  width:100%;
  padding:10px 14px 18px;
  max-width:1440px;
  margin:0 auto;
}
.movie-overview {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--gap);
  padding:10px;
  background:linear-gradient(165deg,rgba(29,32,37,.72),rgba(13,14,17,.86) 62%);
  border:1px solid var(--line);
  border-radius:var(--radius);
  position:relative;
  overflow:hidden;
}
.movie-overview::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    conic-gradient(from 118deg at 22% 40%, rgba(201,162,39,.10) 0deg, transparent 34deg, transparent 320deg, rgba(201,162,39,.05) 360deg);
  opacity:.85;
}
.movie-overview__poster-wrap {
  position:relative;
  width:100%;
  max-width:230px;
  justify-self:start;
  align-self:start;
  border:1px solid rgba(201,162,39,.28);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(0,0,0,.5) inset, 0 10px 30px rgba(0,0,0,.55);
  background:var(--iron-850);
}
.movie-overview__poster-wrap::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(200deg,transparent 40%,rgba(201,162,39,.16) 88%,rgba(201,162,39,.30));
  mix-blend-mode:screen;
}
.movie-overview__poster-wrap img {
  width:100%;
  height:auto;
  aspect-ratio:9 / 16;
  object-fit:cover;
  display:block;
  filter:saturate(.86) contrast(1.06) brightness(.92);
}
.movie-overview__headline {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:2px;
  align-self:start;
}
.movie-overview__title {
  font-family:"Heiti SC","PingFang SC","Microsoft YaHei",sans-serif;
  font-weight:800;
  font-size:26px;
  line-height:1.1;
  letter-spacing:.06em;
  color:#f2ede0;
  text-shadow:0 1px 0 rgba(0,0,0,.7),0 0 22px rgba(201,162,39,.22);
}
.movie-overview__tagline {
  font-family:"Songti SC","SimSun",serif;
  font-size:13px;
  letter-spacing:.34em;
  color:var(--gold);
  padding-left:2px;
}
.movie-overview__player-wrap {
  position:relative;
  width:100%;
  min-width:0;
  background:#000;
  border:1px solid rgba(120,128,140,.3);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:0 0 24px rgba(0,0,0,.6);
}
.movie-overview__player-wrap video {
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  background:#000;
  object-fit:contain;
}
.movie-overview__player-wrap:fullscreen {
  border:0;
}
.player-controls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  padding:6px 8px;
  background:linear-gradient(180deg,rgba(22,24,28,.95),rgba(11,12,14,.98));
  border-top:1px solid var(--line);
}
.player-controls__btn {
  flex:0 0 auto;
  padding:3px 8px;
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:12px;
  letter-spacing:.06em;
  color:var(--iron-300);
  border:1px solid rgba(120,128,140,.3);
  border-radius:2px;
  background:linear-gradient(180deg,rgba(37,40,46,.7),rgba(19,21,25,.7));
  transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.player-controls__btn:hover {
  color:var(--gold-bright);
  border-color:rgba(201,162,39,.55);
}
.player-controls__btn.is-active {
  color:#141517;
  border-color:var(--gold);
  background:linear-gradient(180deg,var(--gold-bright),var(--gold));
  box-shadow:0 0 10px var(--gold-glow);
}
.player-controls__progress {
  flex:1 1 160px;
  min-width:90px;
  height:4px;
  appearance:none;
  -webkit-appearance:none;
  background:linear-gradient(90deg,var(--gold-deep),var(--iron-600));
  border-radius:2px;
  cursor:pointer;
}
.player-controls__volume {
  flex:0 1 74px;
  min-width:56px;
  height:4px;
  appearance:none;
  -webkit-appearance:none;
  background:var(--iron-600);
  border-radius:2px;
  cursor:pointer;
}
.player-controls__progress::-webkit-slider-thumb, .player-controls__volume::-webkit-slider-thumb {
  -webkit-appearance:none;
  appearance:none;
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--gold-bright);
  border:1px solid #2a2208;
  box-shadow:0 0 8px var(--gold-glow);
}
.player-controls__progress::-moz-range-thumb, .player-controls__volume::-moz-range-thumb {
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--gold-bright);
  border:1px solid #2a2208;
}
.movie-overview__details {
  position:relative;
  align-self:start;
  padding:8px 10px 9px;
  background:linear-gradient(180deg,rgba(37,40,46,.42),rgba(16,18,21,.42));
  border:1px solid var(--line);
  border-left:2px solid rgba(201,162,39,.55);
  border-radius:var(--radius);
}
.details__heading {
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.3em;
  color:var(--gold);
  margin-bottom:6px;
}
.details__list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px 16px;
}
.details__row {
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:2px 0;
  border-bottom:1px dotted rgba(120,128,140,.16);
  min-width:0;
}
.details__key {
  flex:0 0 auto;
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:12px;
  letter-spacing:.06em;
  color:var(--iron-400);
  white-space:nowrap;
}
.details__value {
  flex:1 1 auto;
  min-width:0;
  font-size:12.5px;
  color:var(--ash);
  overflow-wrap:anywhere;
}
.movie-overview__cast {
  position:relative;
  align-self:start;
  padding:8px 10px 9px;
  background:linear-gradient(180deg,rgba(37,40,46,.36),rgba(16,18,21,.4));
  border:1px solid var(--line);
  border-radius:var(--radius);
}
.cast__heading {
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.3em;
  color:var(--gold);
  margin-bottom:6px;
}
.cast__strip {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:6px;
}
.cast-card {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  width:62px;
  padding:5px 3px 6px;
  background:linear-gradient(180deg,rgba(29,32,37,.85),rgba(13,14,17,.9));
  border:1px solid rgba(120,128,140,.24);
  border-radius:var(--radius);
  transition:border-color .18s ease,transform .18s ease;
}
.cast-card:hover {
  border-color:rgba(201,162,39,.55);
  transform:translateY(-2px);
}
.cast-card__avatar {
  display:block;
  width:46px;
  height:60px;
  border-radius:2px;
  background:
    radial-gradient(60% 42% at 50% 26%, rgba(201,162,39,.30), transparent 70%),
    linear-gradient(160deg,#2b2f36 0%,#15171b 55%,#0c0d10 100%);
  border:1px solid rgba(201,162,39,.22);
  box-shadow:inset 0 -14px 22px rgba(0,0,0,.6);
  position:relative;
}
.cast-card__avatar::after {
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:9%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,162,39,.7),transparent);
}
.cast-card__name {
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:12px;
  letter-spacing:.04em;
  color:#e6e2d8;
  white-space:nowrap;
}
.cast-card__role {
  font-size:11px;
  color:var(--iron-400);
  white-space:nowrap;
}
.movie-overview__synopsis {
  position:relative;
  align-self:start;
  padding:9px 11px 10px;
  background:linear-gradient(180deg,rgba(37,40,46,.34),rgba(16,18,21,.4));
  border:1px solid var(--line);
  border-radius:var(--radius);
}
.synopsis__heading {
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.3em;
  color:var(--gold);
  margin-bottom:6px;
}
.synopsis__body {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:6px;
}
.synopsis__para {
  font-size:13px;
  line-height:1.72;
  color:var(--iron-200);
  text-align:justify;
  padding-left:10px;
  border-left:1px solid rgba(201,162,39,.28);
}
.movie-overview__status {
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 14px;
  align-self:start;
  padding:7px 10px;
  background:linear-gradient(90deg,rgba(201,162,39,.10),rgba(16,18,21,.35) 55%);
  border:1px solid rgba(201,162,39,.28);
  border-radius:var(--radius);
}
.episode-status__current {
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:13px;
  letter-spacing:.08em;
  color:var(--gold-bright);
}
.episode-status__total {
  font-size:12.5px;
  letter-spacing:.06em;
  color:var(--iron-400);
}
.timeline-rail {
  margin-top:14px;
  padding:10px 10px 12px;
  background:linear-gradient(180deg,rgba(22,24,28,.66),rgba(11,12,14,.72));
  border:1px solid var(--line);
  border-radius:var(--radius);
  position:relative;
}
.timeline-rail__heading {
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:.24em;
  color:#e9e4d6;
  padding-left:10px;
  border-left:3px solid var(--gold);
  margin-bottom:10px;
}
.timeline-rail__list {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  padding-left:16px;
}
.timeline-rail__list::before {
  content:"";
  position:absolute;
  left:3px;
  top:6px;
  bottom:6px;
  width:1px;
  background:linear-gradient(180deg,transparent,var(--iron-500) 6%,var(--iron-600) 92%,transparent);
}
.timeline-node {
  position:relative;
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:8px;
  align-items:baseline;
  padding:5px 6px 5px 10px;
  border-left:1px solid transparent;
}
.timeline-node__dot {
  position:absolute;
  left:-16px;
  top:10px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--iron-700);
  border:1px solid var(--iron-500);
  box-shadow:0 0 0 2px rgba(11,12,14,.9);
}
.timeline-node__time {
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:12px;
  letter-spacing:.06em;
  color:var(--iron-400);
  white-space:nowrap;
}
.timeline-node__label {
  font-size:13px;
  color:var(--iron-200);
  overflow-wrap:anywhere;
}
.timeline-node--current {
  background:linear-gradient(90deg,rgba(201,162,39,.14),transparent 78%);
  border-left-color:rgba(201,162,39,.6);
}
.timeline-node--current .timeline-node__dot {
  background:var(--gold);
  border-color:var(--gold-bright);
  box-shadow:0 0 0 2px rgba(11,12,14,.9),0 0 10px var(--gold-glow);
}
.timeline-node--current .timeline-node__time {
  color:var(--gold-bright);
}
.timeline-node--current .timeline-node__label {
  color:#f0ead9;
}
.episode-grid {
  margin-top:14px;
  padding:10px 10px 12px;
  background:linear-gradient(180deg,rgba(22,24,28,.66),rgba(11,12,14,.72));
  border:1px solid var(--line);
  border-radius:var(--radius);
}
.episode-grid__heading {
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:.24em;
  color:#e9e4d6;
  padding-left:10px;
  border-left:3px solid var(--gold);
  margin-bottom:10px;
}
.episode-grid__list {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  align-items:start;
}
.episode-cell {
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:
    "num title"
    "sum sum"
    "dur dur";
  gap:2px 8px;
  align-items:baseline;
  padding:7px 8px 8px;
  background:linear-gradient(180deg,rgba(29,32,37,.6),rgba(13,14,17,.66));
  border:1px solid rgba(120,128,140,.18);
  border-radius:var(--radius);
  transition:border-color .18s ease,background .18s ease;
}
.episode-cell:hover {
  border-color:rgba(201,162,39,.5);
  background:linear-gradient(180deg,rgba(37,40,46,.75),rgba(16,18,21,.8));
}
.episode-cell__num {
  grid-area:num;
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--gold);
  white-space:nowrap;
}
.episode-cell__title {
  grid-area:title;
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:13px;
  font-weight:700;
  color:#e6e2d8;
  overflow-wrap:anywhere;
}
.episode-cell__summary {
  grid-area:sum;
  margin-top:3px;
  font-size:12px;
  line-height:1.6;
  color:var(--iron-300);
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.episode-cell__duration {
  grid-area:dur;
  margin-top:3px;
  padding-top:3px;
  border-top:1px dotted rgba(120,128,140,.22);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--iron-500);
}
.episode-cell:hover .episode-cell__summary {
  -webkit-line-clamp:unset;
  color:var(--iron-200);
}
.comments-split {
  margin-top:14px;
  padding:10px 10px 12px;
  background:linear-gradient(180deg,rgba(22,24,28,.66),rgba(11,12,14,.72));
  border:1px solid var(--line);
  border-radius:var(--radius);
}
.comments-split__heading {
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:.24em;
  color:#e9e4d6;
  padding-left:10px;
  border-left:3px solid var(--gold);
  margin-bottom:10px;
}
.comments-split__list {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:6px;
}
.comment-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 14px;
  align-items:start;
  padding:7px 9px 8px;
  background:linear-gradient(180deg,rgba(29,32,37,.5),rgba(13,14,17,.58));
  border:1px solid rgba(120,128,140,.16);
  border-left:2px solid rgba(120,128,140,.34);
  border-radius:var(--radius);
  transition:border-left-color .18s ease,background .18s ease;
}
.comment-row:hover {
  border-left-color:var(--gold);
  background:linear-gradient(180deg,rgba(37,40,46,.7),rgba(16,18,21,.78));
}
.comment-row__body {
  min-width:0;
}
.comment-row__text {
  font-size:13px;
  line-height:1.66;
  color:var(--iron-200);
  overflow-wrap:anywhere;
}
.comment-row__meta {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
  text-align:right;
  min-width:0;
}
.comment-row__nickname {
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:12px;
  letter-spacing:.04em;
  color:var(--gold);
  white-space:nowrap;
}
.comment-row__likes {
  font-size:11px;
  letter-spacing:.06em;
  color:var(--iron-400);
  white-space:nowrap;
}
.rec-region {
  margin-top:14px;
  padding:10px 10px 12px;
  background:linear-gradient(180deg,rgba(22,24,28,.66),rgba(11,12,14,.72));
  border:1px solid var(--line);
  border-radius:var(--radius);
}
.rec-region__title {
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:.24em;
  color:#e9e4d6;
  padding-left:10px;
  border-left:3px solid var(--gold);
  margin-bottom:10px;
}
[data-runtime="recommendation"] {
  display:block;
  color:inherit;
  text-decoration:none;
}
[data-runtime="recommendation"] img {
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  object-fit:cover;
  display:block;
  background:var(--iron-850);
  filter:saturate(.85) contrast(1.05) brightness(.9);
  transition:filter .2s ease,transform .2s ease;
}
[data-runtime="recommendation"]:hover img {
  filter:saturate(1) contrast(1.08) brightness(1);
}
.rec-region--blaze .rec-region__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  align-items:start;
}
.rec-card {
  display:grid;
  grid-template-rows:auto auto auto;
  gap:0;
  background:linear-gradient(180deg,rgba(29,32,37,.62),rgba(13,14,17,.7));
  border:1px solid rgba(120,128,140,.2);
  border-radius:var(--radius);
  overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.rec-card:hover {
  border-color:rgba(201,162,39,.6);
  box-shadow:0 0 16px rgba(201,162,39,.16);
  transform:translateY(-2px);
}
.rec-card__pic {
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
}
.rec-card__name {
  display:block;
  padding:6px 8px 0;
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.03em;
  color:#e6e2d8;
  overflow-wrap:anywhere;
}
.rec-card__blurb {
  display:block;
  padding:2px 8px 8px;
  font-size:11.5px;
  line-height:1.55;
  color:var(--iron-400);
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.rec-region--finished .rec-region__list {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:5px;
  align-items:start;
}
.rec-item {
  display:block;
}
.rec-item__link {
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  grid-template-areas:
    "pic name"
    "pic blurb";
  gap:2px 10px;
  align-items:center;
  padding:5px 7px;
  background:linear-gradient(90deg,rgba(29,32,37,.55),rgba(13,14,17,.6));
  border:1px solid rgba(120,128,140,.16);
  border-left:2px solid rgba(120,128,140,.3);
  border-radius:var(--radius);
  transition:border-left-color .18s ease,background .18s ease;
}
.rec-item__link:hover {
  border-left-color:var(--gold);
  background:linear-gradient(90deg,rgba(37,40,46,.72),rgba(16,18,21,.78));
}
.rec-item__pic {
  grid-area:pic;
  width:76px;
  aspect-ratio:16 / 10;
  height:auto;
  object-fit:cover;
  border-radius:2px;
}
.rec-item__name {
  grid-area:name;
  align-self:end;
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:13px;
  font-weight:700;
  color:#e6e2d8;
  overflow-wrap:anywhere;
}
.rec-item__blurb {
  grid-area:blurb;
  align-self:start;
  font-size:11.5px;
  line-height:1.5;
  color:var(--iron-400);
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.rec-region--scenes .rec-region__scroll {
  display:flex;
  gap:8px;
  align-items:stretch;
  overflow-x:auto;
  padding-bottom:6px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}
.rec-region--scenes .rec-region__scroll::-webkit-scrollbar {
  height:6px;
}
.rec-region--scenes .rec-region__scroll::-webkit-scrollbar-track {
  background:rgba(120,128,140,.12);
  border-radius:3px;
}
.rec-region--scenes .rec-region__scroll::-webkit-scrollbar-thumb {
  background:rgba(201,162,39,.5);
  border-radius:3px;
}
.rec-scroll-card {
  flex:0 0 auto;
  width:210px;
  scroll-snap-align:start;
  display:grid;
  grid-template-rows:auto auto auto;
  background:linear-gradient(180deg,rgba(29,32,37,.62),rgba(13,14,17,.72));
  border:1px solid rgba(120,128,140,.2);
  border-radius:var(--radius);
  overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.rec-scroll-card:hover {
  border-color:rgba(201,162,39,.6);
  box-shadow:0 0 16px rgba(201,162,39,.16);
}
.rec-scroll-card__pic {
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
}
.rec-scroll-card__name {
  display:block;
  padding:6px 8px 0;
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:13px;
  font-weight:700;
  color:#e6e2d8;
  overflow-wrap:anywhere;
}
.rec-scroll-card__blurb {
  display:block;
  padding:2px 8px 8px;
  font-size:11.5px;
  line-height:1.55;
  color:var(--iron-400);
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.rec-region--rewatch .rec-region__ranked {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:5px;
  align-items:start;
  counter-reset:rank;
}
.rec-ranked {
  display:block;
}
.rec-ranked__link {
  display:grid;
  grid-template-columns:34px 70px minmax(0,1fr);
  grid-template-areas:
    "idx pic name"
    "idx pic blurb";
  gap:2px 10px;
  align-items:center;
  padding:5px 8px 5px 5px;
  background:linear-gradient(90deg,rgba(29,32,37,.55),rgba(13,14,17,.6));
  border:1px solid rgba(120,128,140,.16);
  border-radius:var(--radius);
  transition:border-color .18s ease,background .18s ease;
}
.rec-ranked__link:hover {
  border-color:rgba(201,162,39,.55);
  background:linear-gradient(90deg,rgba(37,40,46,.75),rgba(16,18,21,.8));
}
.rec-ranked__index {
  grid-area:idx;
  justify-self:center;
  align-self:center;
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:19px;
  font-weight:800;
  font-style:italic;
  line-height:1;
  color:var(--gold-deep);
  text-shadow:0 0 10px rgba(201,162,39,.2);
}
.rec-ranked:nth-child(1) .rec-ranked__index {
  color:var(--gold-bright);
}
.rec-ranked:nth-child(2) .rec-ranked__index {
  color:var(--gold);
}
.rec-ranked__pic {
  grid-area:pic;
  width:70px;
  aspect-ratio:16 / 10;
  height:auto;
  object-fit:cover;
  border-radius:2px;
}
.rec-ranked__name {
  grid-area:name;
  align-self:end;
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:13px;
  font-weight:700;
  color:#e6e2d8;
  overflow-wrap:anywhere;
}
.rec-ranked__blurb {
  grid-area:blurb;
  align-self:start;
  font-size:11.5px;
  line-height:1.5;
  color:var(--iron-400);
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.site-footer {
  margin-top:16px;
  padding:12px 14px 18px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(13,14,17,.9),rgba(8,9,11,.98));
  color:var(--iron-400);
}
.footer-nav {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 16px;
  margin-bottom:8px;
}
a.footer-nav__link, a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:12.5px;
  letter-spacing:.1em;
  color:var(--iron-300);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s ease,border-color .18s ease;
}
a.footer-nav__link:hover, a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {
  color:var(--gold-bright);
  border-bottom-color:rgba(201,162,39,.6);
}
.friend-links {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 8px;
  padding:7px 0;
  border-top:1px dotted rgba(120,128,140,.2);
  border-bottom:1px dotted rgba(120,128,140,.2);
  margin-bottom:8px;
}
.friend-links__label {
  font-family:"Heiti SC","PingFang SC",sans-serif;
  font-size:12px;
  letter-spacing:.16em;
  color:var(--gold);
  white-space:nowrap;
}
a.runtime-friend-link {
  font-size:12px;
  color:var(--iron-400);
  text-decoration:none;
  padding:1px 6px;
  border:1px solid rgba(120,128,140,.2);
  border-radius:2px;
  white-space:nowrap;
  transition:color .18s ease,border-color .18s ease;
}
a.runtime-friend-link:hover {
  color:var(--gold-bright);
  border-color:rgba(201,162,39,.5);
}
.site-footer__disclaimer {
  font-size:11.5px;
  line-height:1.7;
  color:var(--iron-500);
  max-width:900px;
}
.player.play .player-controls__btn[data-player-action="play"], .player.pause .player-controls__btn[data-player-action="play"], .player.mute .player-controls__btn[data-player-action="mute"], .player.fullscreen .player-controls__btn[data-player-action="fullscreen"], .player.theater .player-controls__btn[data-player-action="theater"], .player.light .player-controls__btn[data-player-action="light"], .player.speed .player-controls__btn[data-player-action="speed"], .player.pip .player-controls__btn[data-player-action="pip"], .player.volume .player-controls__btn[data-player-action="volume"], .player.progress .player-controls__btn[data-player-action="progress"], .player.timeupdate .player-controls__btn[data-player-action="progress"], .player.click .player-controls__btn {
  color:var(--gold-bright);
  border-color:rgba(201,162,39,.5);
}
body.lights-off .movie-overview__player-wrap {
  box-shadow:0 0 40px rgba(0,0,0,.9),0 0 0 1px rgba(201,162,39,.3);
}
body.theater-mode .movie-overview__player-wrap {
  box-shadow:0 0 0 1px rgba(201,162,39,.45),0 0 60px rgba(201,162,39,.12);
}
@media (min-width:640px){.page-main {
    padding:12px 18px 22px;
  }
.movie-overview {
    grid-template-columns:190px minmax(0,1fr);
    grid-template-areas:
      "poster headline"
      "player player"
      "details details"
      "cast cast"
      "synopsis synopsis"
      "status status";
    gap:12px;
    align-items:start;
  }
.movie-overview__poster-wrap {
    grid-area:poster;
    max-width:100%;
  }
.movie-overview__headline {
    grid-area:headline;
    align-self:center;
    padding-right:6px;
  }
.movie-overview__player-wrap {
    grid-area:player;
  }
.movie-overview__details {
    grid-area:details;
  }
.movie-overview__cast {
    grid-area:cast;
  }
.movie-overview__synopsis {
    grid-area:synopsis;
  }
.movie-overview__status {
    grid-area:status;
  }
.synopsis__body {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 18px;
  }
.comments-split__list {
    grid-template-columns:minmax(0,1fr);
  }
.rec-region--finished .rec-region__list {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
.rec-region--rewatch .rec-region__ranked {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
.rec-scroll-card {
    width:240px;
  }}
@media (min-width:900px){.page-main {
    padding:14px 24px 26px;
  }
.site-header {
    padding:9px 24px;
  }
.movie-overview {
    grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "poster headline headline"
      "poster player player"
      "details details details"
      "cast cast cast"
      "synopsis synopsis synopsis"
      "status status status";
    gap:12px 16px;
    padding:14px;
  }
.movie-overview__title {
    font-size:32px;
  }
.movie-overview__tagline {
    font-size:14px;
  }
.details__list {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:2px 20px;
  }
.synopsis__body {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 22px;
  }
.timeline-rail__list {
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:34px;
    padding-left:16px;
  }
.timeline-rail__list::before {
    bottom:6px;
  }
.timeline-node {
    grid-template-columns:70px minmax(0,1fr);
  }
.comments-split__list {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
.rec-region--blaze .rec-region__grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
  }
.rec-region--finished .rec-region__list {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
.rec-region--rewatch .rec-region__ranked {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
.rec-scroll-card {
    width:260px;
  }}
@media (min-width:1180px){.episode-grid__list {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
  }
.rec-region--rewatch .rec-region__ranked {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }}
@media (max-width:639px){.movie-overview {
    grid-template-columns:minmax(0,1fr);
  }
.movie-overview__poster-wrap {
    max-width:200px;
  }
.movie-overview__title {
    font-size:23px;
  }
.details__list {
    grid-template-columns:minmax(0,1fr);
  }
.episode-grid__list {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
.timeline-rail__list {
    grid-template-columns:minmax(0,1fr);
  }
.comment-row {
    grid-template-columns:minmax(0,1fr);
    gap:3px;
  }
.comment-row__meta {
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    text-align:left;
  }
.rec-region--blaze .rec-region__grid {
    grid-template-columns:minmax(0,1fr);
  }
.rec-region--finished .rec-region__list {
    grid-template-columns:minmax(0,1fr);
  }
.rec-region--rewatch .rec-region__ranked {
    grid-template-columns:minmax(0,1fr);
  }
.rec-ranked__link {
    grid-template-columns:30px 62px minmax(0,1fr);
  }
.rec-ranked__pic {
    width:62px;
  }
.rec-scroll-card {
    width:200px;
  }}
@media (max-width:420px){.site-header {
    padding:7px 10px;
  }
.site-header__logo {
    font-size:15px;
  }
.page-main {
    padding:8px 10px 16px;
  }
.movie-overview {
    padding:9px;
  }
.episode-grid__list {
    grid-template-columns:minmax(0,1fr);
  }
.cast-card {
    width:58px;
  }
.cast-card__avatar {
    width:42px;
    height:55px;
  }
.rec-item__link {
    grid-template-columns:64px minmax(0,1fr);
  }
.rec-item__pic {
    width:64px;
  }}

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}