/* Personal visual refresh: fixed Lordfilm brand + poster-derived content accent. */
:root {
    --brand-accent: #42c765;
    --content-accent: var(--brand-accent);
    --content-accent-hover: #35aa54;
    --content-accent-soft: rgba(66, 199, 101, .12);
    --content-accent-rgb: 66, 199, 101;
    --content-accent-ink: #07120a;
}

body {
    --accent: var(--brand-accent);
    --accent_hover: #35aa54;
}

/* Lordfilm remains green even when the poster accent is different. */
.logo,
.logo .h1,
.logo-image,
.logo-image svg,
.logo-image svg * {
    color: var(--brand-accent) !important;
    fill: currentColor;
}

/* One compact day/night control in the old wheel position. */
.color-schemes-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-toggle {
    position: relative;
    display: inline-grid;
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    color: var(--brand-accent);
    border: 1px solid color-mix(in srgb, var(--brand-accent) 30%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--card_bg, #17202a) 94%, var(--brand-accent) 6%);
    box-shadow: 0 5px 14px rgba(0, 0, 0, .16);
    cursor: pointer;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.theme-toggle:hover {
    color: #62dc7f;
    border-color: color-mix(in srgb, var(--brand-accent) 58%, transparent);
    transform: translateY(-1px);
}

.theme-toggle:focus-visible {
    outline: 2px solid var(--brand-accent);
    outline-offset: 3px;
}

.theme-toggle__icon {
    position: absolute;
    width: 20px;
    height: 20px;
    transition: opacity .16s ease, transform .18s ease;
}

.theme-toggle__icon--sun,
.theme-toggle__icon--sun use {
    fill: none;
    stroke: currentColor;
}

.theme-toggle__icon--moon,
.theme-toggle__icon--moon use {
    fill: currentColor;
    stroke: none;
}

.theme-toggle__icon--sun,
.theme-toggle__icon--moon {
    opacity: 0;
    transform: scale(.72) rotate(-18deg);
}

body.light .theme-toggle__icon--moon,
body.dark .theme-toggle__icon--sun {
    opacity: 1;
    transform: scale(1) rotate(0);
}

body.light .theme-toggle__icon--sun,
body.dark .theme-toggle__icon--moon {
    opacity: 0;
    transform: scale(.72) rotate(18deg);
}

/* The poster accent is deliberately local, never a full-page repaint. */
.film-card {
    position: relative;
    isolation: isolate;
    border: 1px solid rgba(var(--content-accent-rgb), .14);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .16);
}

.film-card::before {
    position: absolute;
    z-index: -1;
    top: -24px;
    right: 4%;
    width: 190px;
    height: 120px;
    content: '';
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--content-accent-rgb), .12), transparent 70%);
    filter: blur(22px);
}

.film-heading {
    position: relative;
    padding-left: 14px;
}

.film-heading::before {
    position: absolute;
    top: .16em;
    bottom: .16em;
    left: 0;
    width: 3px;
    content: '';
    border-radius: 999px;
    background: var(--content-accent);
    box-shadow: none;
}

.poster-image {
    border: 1px solid rgba(var(--content-accent-rgb), .24);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
}

.film-poster-media .poster-zoom-wrap {
    aspect-ratio: 2 / 3;
}

.film-poster-media .poster-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.main .button,
.single-poll__submit,
.bohfilm-episodes__show-more,
.bf-watch__facade-icon {
    color: var(--content-accent-ink) !important;
    border-color: var(--content-accent) !important;
    background: var(--content-accent) !important;
    box-shadow: none !important;
}

.main .button:hover,
.single-poll__submit:hover,
.bohfilm-episodes__show-more:hover {
    border-color: var(--content-accent-hover) !important;
    background: var(--content-accent-hover) !important;
}

.item-play,
.poster-action:hover,
.poster-action.saved,
.bookmark.saved,
.reaction-button.active,
.like-button.active,
.bohfilm-rating-btn.active,
.sort-list-item.active,
.serial-pagination__item.active,
.bf-watch__source--active,
.bf-watch__action--active,
.bf-watch__queue-row--active {
    color: var(--content-accent) !important;
    border-color: rgba(var(--content-accent-rgb), .52) !important;
    background-color: rgba(var(--content-accent-rgb), .12) !important;
    box-shadow: none !important;
}

.item:hover,
.bohfilm-episodes__card:hover,
.bohfilm-parts-carousel__item:hover {
    border-color: rgba(var(--content-accent-rgb), .34) !important;
    box-shadow: 0 9px 22px rgba(0, 0, 0, .18) !important;
}

.bohfilm-rating-bar__fill,
.bohfilm-rating-scores__summary:not(.rating-kp):not(.rating-imdb) {
    border-color: var(--content-accent) !important;
    background-color: var(--content-accent) !important;
    box-shadow: none !important;
}

.splide__arrow,
.bohfilm-parts-carousel .splide__arrow {
    color: var(--content-accent) !important;
    border-color: rgba(var(--content-accent-rgb), .38) !important;
    background: rgba(var(--content-accent-rgb), .1) !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .14) !important;
}

.bf-watch {
    --watch_accent: var(--content-accent, var(--brand-accent, #42c765));
}

.bf-watch__facade {
    background: linear-gradient(180deg, rgba(5, 10, 14, .28), rgba(5, 10, 14, .72)) !important;
}

.bf-watch__facade-icon,
.bf-watch__source--active,
.bf-watch__action--active {
    text-shadow: none !important;
    filter: none !important;
}

body.appearance-daynight-glow .theme-toggle,
body.appearance-cta-glow .button,
body.appearance-cta-anime .button,
.pulse,
.pulse-animation {
    animation: none !important;
    text-shadow: none !important;
}

.main a:focus-visible,
.main button:focus-visible,
.bf-watch [role='button']:focus-visible {
    outline: 2px solid var(--content-accent);
    outline-offset: 3px;
}

@media (max-width: 720px) {
    .theme-toggle {
        width: 38px;
        height: 38px;
        border-radius: 11px;
    }

    .film-card::before {
        width: 130px;
        height: 90px;
        opacity: .72;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-toggle,
    .theme-toggle__icon {
        transition: none;
    }
}

/* Marked review pass: brand, film data, controls and footer. */
.logo { gap: 9px; }
.logo-image,
.logo-image picture { display:inline-flex;align-items:center;justify-content:center; }
.logo-image img { display:block;width:34px;height:auto;margin:0!important;filter:drop-shadow(0 3px 7px rgba(var(--content-accent-rgb),.2)); }
.site-header .logo .h1 { font-size:18px;font-weight:800;letter-spacing:.035em; }
.search-form { padding:3px 4px 3px 10px!important;border-radius:999px!important; }
.search-form .search-submit { flex-basis:38px!important;width:38px!important;min-width:38px!important;height:38px!important;border:2px solid color-mix(in srgb,#fff 62%,transparent)!important;border-radius:50%!important;box-shadow:0 5px 12px rgba(0,0,0,.16)!important; }
.film-card-right { padding:17px 18px 18px;border:1px solid rgba(var(--content-accent-rgb),.15);border-radius:14px;background:color-mix(in srgb,var(--card_bg,#17202a) 96%,var(--content-accent) 4%); }
.film-heading { padding:0 0 11px 14px;border-bottom:1px solid rgba(var(--content-accent-rgb),.16); }
.film-card h1 { font-size:20px;line-height:1.35; }
.film-info { gap:9px; }
.film-info .top { gap:10px; }
.film-info .top>.column { gap:7px;padding:12px 13px;border:1px solid rgba(var(--content-accent-rgb),.12);border-radius:11px;background:rgba(var(--content-accent-rgb),.035); }
.film-info>.item { padding:7px 11px;border-left:2px solid rgba(var(--content-accent-rgb),.42);border-radius:0 9px 9px 0;background:rgba(var(--content-accent-rgb),.035); }
.content-ref-ids.rating-other { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 0; }
.content-ref-ids.rating-other>* { position:relative;display:inline-flex!important;flex:none!important;align-items:center;justify-content:center;gap:7px;min-width:0;height:40px!important;padding:6px 9px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important;color:var(--main_font)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.045)!important;transition:transform .16s ease,border-color .16s ease; }
.content-ref-ids.rating-other>*:hover { transform:translateY(-1px); }
.content-ref-ids.rating-other .kp { border-color:rgba(255,111,25,.48)!important;background:rgba(255,111,25,.085)!important; }
.content-ref-ids.rating-other .imdb { border-color:rgba(251,191,20,.48)!important;background:rgba(251,191,20,.085)!important; }
.content-ref-ids.rating-other .user-score { border-color:rgba(var(--content-accent-rgb),.48)!important;background:rgba(var(--content-accent-rgb),.09)!important; }
.content-ref-ids.rating-other .rating-value { font-size:17px;font-weight:800; }
body.light .content-ref-ids.rating-other>*,.light .content-ref-ids.rating-other>* { color:#152033!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.72)!important; }
.film-poster-media .likes { min-height:58px;padding:8px 10px!important; }
.film-poster-media .likes-item { gap:6px; }
.film-poster-media .likes-item .like-button { width:34px;height:34px;border:1px solid currentColor!important;border-radius:11px!important;background:transparent!important;box-shadow:none!important; }
.film-poster-media .likes-item.like .like-button { color:#38bf65;background:rgba(56,191,101,.1)!important; }
.film-poster-media .likes-item.dislike .like-button { color:#f0525f;background:rgba(240,82,95,.1)!important; }
.film-poster-media .likes-item svg { fill:currentColor; }
.film-poster-media .likes-circle-count { position:relative;bottom:auto;left:auto;width:50px;height:42px;border:1px solid rgba(var(--content-accent-rgb),.58);border-radius:12px;background:rgba(var(--content-accent-rgb),.1);box-shadow:none; }
.film-poster-media .likes-circle-count::before { width:100%;height:100%;font-size:17px;background:transparent;border-radius:inherit; }
.film-poster-actions { gap:5px!important;margin-top:8px;padding:6px;border:1px solid rgba(var(--content-accent-rgb),.14);border-radius:13px;background:rgba(var(--content-accent-rgb),.035); }
.film-poster-actions .poster-action { min-height:40px!important;border:1px solid rgba(var(--content-accent-rgb),.18)!important;border-radius:10px!important;background:color-mix(in srgb,var(--card_bg,#17202a) 94%,var(--content-accent) 6%)!important;box-shadow:none!important; }
.film-poster-actions .poster-action svg,.film-poster-actions .poster-action--bug svg { color:var(--content-accent)!important;filter:none!important; }
.site-footer { margin-top:30px;padding:32px clamp(18px,3vw,36px) 26px!important;border-radius:20px 20px 0 0;overflow:hidden; }
.site-footer .footer-top { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin:0!important;padding:0 0 22px!important;border-bottom:1px solid rgba(var(--content-accent-rgb),.16); }
.footer-brand .logo { margin:0 0 9px; }
.footer-brand .logo-image img { width:41px; }
.footer-brand .copyright { font-size:13px;line-height:1.55; }
.site-footer .footer-menu .menu { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px; }
.site-footer .footer-menu a { display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid rgba(var(--content-accent-rgb),.2);border-radius:999px;background:rgba(var(--content-accent-rgb),.055); }
.footer-columns { gap:18px!important;margin-top:24px!important; }
.footer-col { padding:20px!important;border-left:3px solid rgba(var(--content-accent-rgb),.58)!important;border-radius:14px!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important; }
.footer-share { display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:22px!important;padding-top:18px;border-top:1px solid rgba(var(--content-accent-rgb),.14); }
@media (max-width:768px) { .film-card-right{padding:14px}.film-info .top{display:grid;grid-template-columns:1fr}.site-footer{padding:26px 14px 22px!important;border-radius:16px 16px 0 0}.site-footer .footer-top{grid-template-columns:1fr;gap:16px}.site-footer .footer-menu .menu,.footer-share{justify-content:flex-start} }
@media (max-width:420px) { .site-header .logo .h1{font-size:15px}.site-header .logo-image img{width:29px}.content-ref-ids.rating-other{grid-template-columns:repeat(3,minmax(76px,1fr))} }
.content-ref-ids.rating-other .logo-ref { display:inline-flex!important;width:auto!important;min-width:28px;height:20px!important;align-items:center;justify-content:center;border-radius:6px;background:none!important;font-size:10px;font-weight:900;line-height:1; }
.content-ref-ids.rating-other .logo-ref::before { display:block; }
.content-ref-ids.rating-other .kinopoisk::before { content:'КП';color:#ff6f19; }
.content-ref-ids.rating-other .imdb.logo-ref::before { content:'IMDb';color:#fbbf14; }
.content-ref-ids.rating-other .viewer::before { content:'ЗР';color:var(--content-accent); }
.content-ref-ids.rating-other .kp .rating-value { color:#ff8a45!important; }
.content-ref-ids.rating-other .imdb .rating-value { color:#f4c63f!important; }
.content-ref-ids.rating-other .user-score .rating-value { color:var(--content-accent)!important; }
/* Browser review cleanup: one green accent and quieter, functional navigation. */
.site-header .header-liked-episodes { margin-left:auto; }
.content-ref-ids.rating-other .viewer::before,
.content-ref-ids.rating-other .viewer::after { content:none!important;display:none!important; }
.content-ref-ids.rating-other .viewer { min-width:24px!important;color:var(--content-accent)!important; }
.rating-viewer-icon { display:block;width:21px;height:21px;fill:none!important;stroke:currentColor!important; }
.film-poster-media .likes { min-height:70px;align-items:center; }
.film-poster-media .likes-item { flex-direction:column!important;justify-content:center;gap:3px!important; }
.film-poster-media .likes-item .like-count { min-width:34px;text-align:center;font-size:12px;line-height:1; }
.film-poster-actions .poster-action svg { width:19px;height:19px;stroke-width:1.8; }
.site-footer .footer-top { grid-template-columns:minmax(0,1fr); }
.site-footer .footer-brand { display:flex;align-items:center;justify-content:space-between;gap:20px; }
.site-footer .footer-brand .logo { flex:0 0 auto;margin:0; }
.site-footer .footer-brand .copyright { max-width:420px;text-align:right; }
.site-footer .footer-col { border-left-color:rgba(var(--content-accent-rgb),.72)!important; }
@media (max-width:640px) {
    .site-header .header-liked-episodes { margin-left:auto; }
    .site-footer .footer-brand { display:grid;justify-content:start;gap:8px; }
    .site-footer .footer-brand .copyright { text-align:left; }
}
/* Lordfilm hotfix 2026-08-09: stable rating badges and viewer eye. */
.content-ref-ids.rating-other .link:hover .logo-ref,
.content-ref-ids.rating-other .link:active .logo-ref,
.content-ref-ids.rating-other .link:focus-visible .logo-ref {
    transform: none !important;
}

.content-ref-ids.rating-other [data-balloon]::before,
.content-ref-ids.rating-other [data-balloon]::after {
    content: none !important;
    display: none !important;
}

.content-ref-ids.rating-other .viewer.logo-ref {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    background: none !important;
    overflow: visible !important;
}

.content-ref-ids.rating-other .viewer .rating-viewer-icon {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
}