/* Existing video detail, ranking and fallback content keep their geometry. */
.dr-theme .dr-main .dr-detail-actions {
  background: linear-gradient(transparent, var(--dr-bg) 22%);
}

.dr-theme .dr-main .dr-detail-actions .dr-fav {
  border-color: var(--dr-line);
  background: var(--dr-surface);
  color: var(--dr-text) !important;
  box-shadow: inset 0 1px 0 var(--dr-highlight);
}

.dr-theme .dr-main :is(.dr-intro summary span, .dr-score > span) {
  color: var(--dr-accent);
}

.dr-theme .dr-main .dr-reviews header {
  color: var(--dr-text);
}

.dr-theme .dr-main .dr-detail :is(.dr-card, .dr-cast img) {
  background: var(--dr-surface);
}

.dr-theme .dr-main .dr-detail .dr-card .dr-tags span {
  background: var(--dr-fill);
  color: var(--dr-muted);
}

.dr-theme .dr-main .dr-comment-form :is(textarea, input:not([type="hidden"])) {
  border-color: var(--dr-line);
  background: var(--dr-fill);
  color: var(--dr-text);
}

.dr-theme .dr-main .dr-comment-form :is(textarea, input)::placeholder {
  color: var(--dr-muted);
  opacity: 1;
}

.dr-theme .dr-main .dr-comment-form button {
  border: 1px solid var(--dr-gold-border);
  background: var(--dr-accent);
  color: var(--dr-on-accent);
}

.dr-theme .dr-main .dr-configured-rank .dr-rank-hero {
  color: var(--dr-text);
  background: radial-gradient(ellipse at 90% 0, var(--dr-accent-soft), transparent 70%), var(--dr-surface);
}

.dr-theme .dr-main .dr-configured-rank .dr-rank-hero :is(h1, .dr-icon-button) {
  color: var(--dr-text);
}

.dr-theme .dr-main .dr-configured-rank :is(.dr-rank-topline > span, .dr-rank-hero > p, .dr-rank-hero > small) {
  color: var(--dr-muted);
}

.dr-theme .dr-main .dr-configured-rank .dr-rank-hero::after {
  border-color: var(--dr-accent-soft);
  outline-color: var(--dr-gold-border);
  box-shadow: 0 0 0 15px var(--dr-highlight);
}

.dr-theme .dr-main .dr-configured-rank .pb-rank-list__no {
  background: var(--dr-fill);
  color: var(--dr-muted);
}

.dr-theme .dr-main .dr-configured-rank .pb-rank-list__item:first-child .pb-rank-list__no {
  background: var(--gradient-brand);
  color: #241d11;
}

.dr-theme .dr-main .dr-configured-rank .pb-rank-list__item:nth-child(2) .pb-rank-list__no {
  background: #c5c2ba;
  color: #292a2e;
}

.dr-theme .dr-main .dr-configured-rank .pb-rank-list__item:nth-child(3) .pb-rank-list__no {
  background: #bc9874;
  color: #241d11;
}

.dr-theme .dr-main .dr-configured-rank .dr-rank-stats .dr-rank-heat {
  color: var(--dr-accent);
}

.dr-theme .dr-main .dr-rank-filter > footer > .dr-button {
  background: var(--gradient-brand);
  color: #241d11;
  border-color: var(--dr-gold-border);
}

.dr-theme .dr-main :is(.dr-comment-form, .dr-configured-rank, .pb-plot-detail, .dr-compat-card) :is(a, button, input, textarea):focus-visible {
  outline: 2px solid var(--dr-accent);
  outline-offset: 3px;
}