body.mode-dark {
    --bg-dark: var(--band);
    --bg-light: var(--panel);
    --bg-lighter: rgba(255, 255, 255, .12);
    --text-light: #eef1f6;
    --text-medium: #a9b1bf;
    --text-dark: #d6dbe3;
    background: var(--band);
    color: var(--text-light);
}
body.mode-dark .main-content,
body.mode-dark .content-grid {
    color: var(--text-light);
}
body.mode-dark .card-title,
body.mode-dark .section-title,
body.mode-dark .page-title {
    color: #f3f5f9;
}
body.mode-dark .card-meta {
    color: #9aa3b2;
}
body.mode-dark .pagination-btn,
body.mode-dark .tag-cloud a,
body.mode-dark .box,
body.mode-dark .static-page-container {
    background: var(--panel);
    color: var(--text-light);
    border-color: rgba(255, 255, 255, .1);
}
body.mode-dark .static-page-container strong,
body.mode-dark .static-page-container p,
body.mode-dark .static-page-container li {
    color: var(--text-dark);
}
body.mode-dark .meta-line,
body.mode-dark .rating-detail,
body.mode-dark .synopsis {
    color: #c9cfd9;
}
body.mode-dark .synopsis.collapsed::after {
    background: linear-gradient(to top, var(--panel), transparent);
}
body.mode-dark .detail-tags a,
body.mode-dark .detail-tags span {
    background: rgba(255, 255, 255, .08);
    color: var(--yellow);
}
body.mode-dark .content-side .side-list a,
body.mode-dark .cast-name {
    color: #e6e9ef;
}
body.mode-dark .watch-band {
    background: #000;
}
body.mode-dark .site-footer {
    background: #000;
}
body.mode-dark .footer-bottom {
    background: #050505;
}
body.mode-dark .row-next,
body.mode-dark .row-prev {
    background: rgba(0, 0, 0, .65);
    color: #fff;
}
body.mode-dark .error-title,
body.mode-dark .error-message {
    color: var(--text-light);
}
body.card-square .card-poster,
body.card-square .poster-container img,
body.card-square .side-list img {
    border-radius: 0;
}
body.card-square .badge-rating,
body.card-square .badge-q {
    border-radius: 0;
}
body.card-overlay .card {
    position: relative;
}
body.card-overlay .card-poster {
    border-radius: 6px;
}
body.card-overlay .card-body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    padding: 2.6rem .55rem .5rem;
    background: linear-gradient(to top, rgba(0, 0, 0, .92) 35%, transparent);
    border-radius: 0 0 6px 6px;
    pointer-events: none;
}
body.card-overlay .card-body a {
    pointer-events: auto;
}
body.card-overlay .card-title,
body.card-overlay .card-title a {
    color: #fff;
}
body.card-overlay .card-meta {
    color: #c9c9c9;
}
body.card-overlay .card-foot {
    top: 0;
    bottom: auto;
    padding: 2rem .5rem .4rem;
    background: none;
    display: none;
}
body.heading-underline .section-title {
    border-left: 0;
    padding-left: 0;
    padding-bottom: .3rem;
    border-bottom: 3px solid var(--accent-color);
}
body.heading-pill .section-title {
    border-left: 0;
    padding: .35rem 1rem;
    background: var(--accent-color);
    color: #fff;
    border-radius: 20px;
    font-size: 1.05rem;
}
body.heading-pill .btn-all {
    background: transparent;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
}
body.heading-caps .section-head {
    gap: .8rem;
}
body.heading-caps .section-title {
    border-left: 0;
    padding-left: 0;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: .8rem;
    flex: 1;
}
body.heading-caps .section-title::after {
    content: "";
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, var(--accent-color), transparent);
}
body.heading-caps .btn-all {
    border-radius: 0;
}
body.band-gradient .featured,
body.band-gradient .page-band {
    background: linear-gradient(135deg, var(--band) 0%, var(--panel) 55%, var(--accent-color) 160%);
}
body.band-pattern .featured,
body.band-pattern .page-band {
    background-color: var(--band);
    background-image: radial-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px);
    background-size: 14px 14px;
}
body.band-pattern .featured {
    border-bottom: 4px solid var(--accent-color);
}
@media (max-width: 768px) {
    body.card-overlay .card-body {
        padding: 2rem .4rem .4rem;
    }
    body.heading-pill .section-title {
        font-size: .9rem;
        padding: .3rem .8rem;
    }
    body.heading-caps .section-title {
        font-size: .92rem;
    }
}
body.mode-dark .nav-menu {
    background: var(--panel);
    border-color: rgba(255, 255, 255, .1);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .55);
}
body.mode-dark .nav-menu a {
    color: #e6e9ef;
}
body.mode-dark .nav-menu a:hover {
    background: var(--accent-color);
    color: #fff;
}
body.mode-dark .detail-breadcrumb a,
body.mode-dark .rating-detail .stars {
    color: var(--yellow);
}
body.mode-dark .side-list .side-year {
    color: #a3acba;
}