/* ========================================================= Steponee dark theme Подключать ПОСЛЕ основного style.css Работает с любым из переключателей: - - - - ========================================================= */ /* ===== 01. Base ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) { --so-bg: #1f242b; --so-bg-2: #252c34; --so-surface: #2c343d; --so-surface-2: #313b45; --so-surface-3: #34414e; --so-surface-soft: rgba(39, 48, 58, 0.94); --so-border: rgba(255,255,255,.08); --so-border-strong: rgba(255, 255, 255, 0.14); --so-text: #e7edf4; --so-text-soft: #b7c2cf; --so-text-dim: #8f9dac; --so-heading: #f7fbff; --so-link: #9fd1ff; --so-link-hover: #cbe7ff; --so-accent: #37d2bf; --so-accent-2: #28b7a6; --so-accent-soft: rgba(55, 210, 191, 0.16); --so-blue-soft: rgba(159, 209, 255, 0.14); --so-warning: #ffd567; --so-danger: #ffb0b0; --so-success: #c3f0dd; --so-header: rgba(18, 22, 27, 0.68); --so-shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.12); --so-shadow-md: 0 18px 40px rgba(0, 0, 0, 0.16); color-scheme: dark; } html[data-theme="dark"] body, body[data-theme="dark"], body.dark-theme, body.theme-dark { background: #20262e; color: var(--so-text); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) a { color: var(--so-link); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) a:hover { color: var(--so-link-hover); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is( .page-entry, .single-title-main, .single-title__watch-card, .home-widget, .auth-message, .steponee-social-notice, .steponee-social-box, .comment-body, .comment-respond, .comment-delete-popover ) { background: linear-gradient(180deg, rgba(39, 48, 58, 0.94) 0%, rgba(33, 41, 50, 0.94) 100%); border-color: var(--so-border); box-shadow: var(--so-shadow-sm); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is( .torrent_pretitle, .profile-subtitle, .home-widget__title, .comments-title, .comment-reply-title, .release-tech__heading, .release-extra-row b ) { color: var(--so-heading); } /* ===== 03. Header + navigation ===== */ html[data-theme="dark"] .so-header__hero, body[data-theme="dark"] .so-header__hero, body.dark-theme .so-header__hero, body.theme-dark .so-header__hero { background-image: url("./assets/images/header_dark_base.webp"); background-color: var(--so-bg); box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__hero-text--light { display: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__hero-text--dark { display: block; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__hero { background-color: var(--so-bg); box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__bar { background: linear-gradient(180deg, #1c222a 0%, #12171e 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 12px 28px rgba(0, 0, 0, 0.18); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__search-input { background: rgba(13, 20, 28, 0.72); border: 1px solid rgba(255, 255, 255, 0.11); color: var(--so-text); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__search-input::placeholder { color: var(--so-text-dim); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.so-header__search-icon, .so-header__search-clear, .catalog-filters__clear) { color: #a6b5c4; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .header-profile { background: rgba(255, 255, 255, 0.055); color: var(--so-text); } /* ===== 03.1 Live search ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.live-search-form > .live-search-results, .so-header__menu-list .sub-menu) { background: linear-gradient(180deg, rgba(42, 51, 62, 0.58) 0%, rgba(28, 36, 46, 0.72) 100%), rgba(30, 38, 48, 0.56); border: 1px solid rgba(255, 255, 255, 0.11); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.07); backdrop-filter: blur(18px) saturate(145%); -webkit-backdrop-filter: blur(18px) saturate(145%); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .live-search-results__item { border-top-color: rgba(255, 255, 255, 0.07); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .live-search-results__item:hover { background: var(--so-blue-soft); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .live-search-results__thumb { background: #323c47; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .live-search-results__thumb--empty { background: linear-gradient(180deg, #3a4652 0%, #313a45 100%); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .live-search-results__title { color: var(--so-heading); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.live-search-results__subtitle, .live-search-results__empty) { color: var(--so-text-soft); } /* ===== 03.1a Search quick sections ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-quick-section__title { color: var(--so-heading); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-quick-section .live-search-results { background: transparent; border: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-quick-section .live-search-results__item { background: linear-gradient(180deg, #28303a 0%, #222a33 100%); border: 1px solid var(--so-border); box-shadow: var(--so-shadow-sm); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-quick-section .live-search-results__item:first-child { border-top: 1px solid var(--so-border); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-quick-section .live-search-results__item:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-quick-section .live-search-results__item:focus-visible { background: #303b47; border-color: rgba(159, 209, 255, 0.18); box-shadow: inset 0 0 0 1px rgba(159, 209, 255, 0.10), 0 8px 18px rgba(0, 0, 0, 0.14); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-quick-section .live-search-results__thumb { background: #323c47; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-quick-section .live-search-results__thumb--empty { background: linear-gradient(180deg, #3a4652 0%, #313a45 100%); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-quick-section .live-search-results__title { color: var(--so-heading); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-quick-section .live-search-results__subtitle { color: var(--so-text-soft); } /* ===== 03.2 Mobile burger menu ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__burger { background: rgba(255, 255, 255, 0.055); border: 1px solid rgba(255, 255, 255, 0.08); color: #edf3f9; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__burger:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__burger:focus-visible, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__burger.is-active { background: rgba(255, 255, 255, 0.09); border-color: rgba(159, 209, 255, 0.20); color: #ffffff; box-shadow: none; outline: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__mobile-overlay { background: rgba(10, 14, 20, 0.58); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__mobile { background: linear-gradient(180deg, rgba(42, 51, 62, 0.58) 0%, rgba(28, 36, 46, 0.72) 100%), rgba(30, 38, 48, 0.56); border: 1px solid rgba(255, 255, 255, 0.11); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.07); backdrop-filter: blur(18px) saturate(145%); -webkit-backdrop-filter: blur(18px) saturate(145%); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__mobile-menu > li > a, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__mobile-menu .sub-menu a, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__mobile-parent > a { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); color: #cfe3f8; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__mobile-menu > li > a:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.theme-dark, body.dark-theme) .so-header__mobile-menu > li > a:focus-visible, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__mobile-menu .sub-menu a:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__mobile-menu .sub-menu a:focus-visible, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__mobile-parent > a:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__mobile-parent > a:focus-visible { background: rgba(159, 209, 255, 0.10); border-color: rgba(159, 209, 255, 0.16); color: #ffffff; outline: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__mobile-menu .menu-item-has-children > a::after { opacity: 0.9; } /* Real mobile: denser glass */ @media (hover: none) and (pointer: coarse) { :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__mobile { background: linear-gradient(180deg, rgba(42, 51, 62, 0.62) 0%, rgba(28, 36, 46, 0.76) 100%), rgba(30, 38, 48, 0.58); border-color: rgba(255, 255, 255, 0.11); backdrop-filter: blur(16px) saturate(135%); -webkit-backdrop-filter: blur(16px) saturate(135%); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-header__mobile-overlay { background: rgba(10, 14, 20, 0.42); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is( .so-header__menu-list > .current-menu-item > a, .so-header__menu-list .sub-menu .current-menu-item > a, .so-header__mobile-menu .current-menu-item > a, .so-header__mobile-menu .sub-menu .current-menu-item > a ) { background: rgba(159, 209, 255, 0.10); border-color: rgba(159, 209, 255, 0.16); color: #ffffff; } /* ===== 04. Profile / auth / contacts ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.profile-avatar, .profile-avatar__media) { background: linear-gradient(180deg, #36404b 0%, #2d3640 100%); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.profile-avatar__hint, .auth-form__hint, .auth-form__inline-note) { color: var(--so-text-soft); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.auth-message--error, .auth-message--success) { box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .auth-message--error { background: rgba(127, 29, 29, 0.22); color: var(--so-danger); border-color: rgba(248, 113, 113, 0.20); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .auth-message--success { background: rgba(6, 95, 70, 0.20); color: var(--so-success); border-color: rgba(52, 211, 153, 0.20); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-delete-btn { background: linear-gradient(180deg, rgba(125, 43, 52, 0.34) 0%, rgba(102, 35, 43, 0.34) 100%) !important; border: 1px solid rgba(255, 149, 160, 0.32) !important; color: #ffd7db !important; box-shadow: none !important; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-delete-btn:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-delete-btn:focus-visible { background: linear-gradient(180deg, rgba(145, 49, 60, 0.42) 0%, rgba(120, 41, 50, 0.42) 100%) !important; border-color: rgba(255, 149, 160, 0.46) !important; color: #ffffff !important; opacity: 1 !important; outline: none !important; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .steponee-social-button { background: #2b343e; border: 1px solid #475462; color: #edf3f9; box-shadow: none; text-decoration: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .steponee-social-button:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .steponee-social-button:focus-visible { background: #34404c; border-color: rgba(146, 198, 248, 0.26); color: #ffffff; text-decoration: none; outline: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .steponee-social-button--google { color: #cfe3ff; } /* ===== 05. Content helpers / inputs ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is( .auth-form__input, .contact-form__input, .contact-form__textarea, .catalog-filters__range-box, .page-jump__input, .pagination-jump__input, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea ) { background: rgba(15, 22, 31, 0.72); border: 1px solid rgba(255, 255, 255, 0.11); color: var(--so-text); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is( .auth-form__input::placeholder, .contact-form__input::placeholder, .contact-form__textarea::placeholder, .catalog-filters__input::placeholder, .page-jump__input::placeholder, .pagination-jump__input::placeholder, .comment-form textarea::placeholder ) { color: var(--so-text-dim); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is( .so-header__search-input, .auth-form__input, .contact-form__input, .contact-form__textarea, .catalog-filters__input, .catalog-filters__select, .page-jump__input, .pagination-jump__input, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea ):focus { border-color: rgba(159, 209, 255, 0.34); box-shadow: 0 0 0 3px rgba(159, 209, 255, 0.10); outline: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .password-field__toggle { color: #9fb3c8; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .password-field__toggle:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .password-field__toggle:focus-visible { color: #dce8f5; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters__range-box { background: rgba(15, 22, 31, 0.72); border: 1px solid rgba(255, 255, 255, 0.11); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters__range-input { background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; color: var(--so-text); } /* ===== 06. Archive cards + pagination ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-grid-card__inner { background: linear-gradient(180deg, #2b3540 0%, #242d37 100%); border: 1px solid rgba(170, 205, 235, 0.12); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 5px 14px rgba(0, 0, 0, 0.12); backdrop-filter: none; -webkit-backdrop-filter: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-grid-card:hover .title-grid-card__inner { background: linear-gradient(180deg, #303b47 0%, #28323d 100%); border-color: rgba(159, 209, 255, 0.20); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 8px 18px rgba(0, 0, 0, 0.16), 0 0 24px rgba(159, 209, 255, 0.06); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-status-badge { border-color: rgba(255, 255, 255, .12); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-status-badge--completed { background: rgba(96, 165, 250, .18); border-color: rgba(96, 165, 250, .34); color: #93c5fd; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-status-badge--ongoing { background: rgba(45, 212, 191, .17); border-color: rgba(45, 212, 191, .34); color: #5eead4; } :is(html[data-theme="dark"], body[data-theme="dark"], body.theme-dark, body.dark-theme) .title-status-badge--announced { background: rgba(167, 139, 250, .18); border-color: rgba(167, 139, 250, .34); color: #c4b5fd; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-grid-card__subtitle { border-bottom-color: rgba(255, 255, 255, 0.09); color: #bcc8d4; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.title-card__excerpt, .home-random-title__subtitle, .home-comments__meta) { color: var(--so-text-soft); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .home-random-title__reroll { background: #2d3640; border-color: rgba(255, 255, 255, 0.11); color: var(--so-text); box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is( .comments-pagination .page-numbers, .navigation .page-numbers, .pagination .page-numbers ) { background: #2d3640; border-color: #44515f; color: var(--so-text); box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is( .comments-pagination .page-numbers:hover, .navigation .page-numbers:hover, .pagination .page-numbers:hover ) { background: #36414d; border-color: rgba(159, 209, 255, 0.24); color: var(--so-heading); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is( .comments-pagination .page-numbers.current, .navigation .page-numbers.current, .pagination .page-numbers.current ) { background: linear-gradient(180deg, var(--so-accent) 0%, var(--so-accent-2) 100%); border-color: var(--so-accent-2); color: #081416; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .pagination .page-numbers.dots { background: transparent; color: var(--so-text-soft); } /* ===== 06.1 Home page ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .home-comments__item { background: #2b343e; border-color: var(--so-border); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .home-comments__item:hover { background: #333d48; border-color: rgba(159, 209, 255, 0.22); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.home-comments__post:hover, .home-comments__text:hover) { background: var(--so-blue-soft); box-shadow: inset 0 0 0 1px rgba(159, 209, 255, 0.10); color: var(--so-heading); } /* ===== 06.1 Home page ===== */ /* support project buttons */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .home-promo__btn, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .home-promo__btn--icon { background: #2b343e !important; border: 1px solid #475462 !important; color: #edf3f9 !important; box-shadow: none !important; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .home-promo__btn:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .home-promo__btn:focus-visible, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .home-promo__btn--icon:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .home-promo__btn--icon:focus-visible { background: #34404c !important; border-color: rgba(146, 198, 248, 0.26) !important; color: #ffffff !important; outline: none !important; box-shadow: none !important; text-decoration: none !important; } /* ===== 07. Catalog filters ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters { background: linear-gradient(180deg, #2a3440 0%, #242d37 100%); border: 1px solid rgba(170, 205, 235, 0.12); box-shadow: 0 8px 18px rgba(0, 0, 0, 0.11); backdrop-filter: none; -webkit-backdrop-filter: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters__input, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters__select { background: rgba(15, 22, 31, 0.72); border: 1px solid rgba(255, 255, 255, 0.11); color: var(--so-text); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters__section + .catalog-filters__section { border-top-color: rgba(255, 255, 255, 0.08); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters__options { scrollbar-color: #718093 #2b343e; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters__options::-webkit-scrollbar-track { background: #2b343e; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters__options::-webkit-scrollbar-thumb { background: #718093; border-color: #2b343e; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters__double-range-track { background: rgba(255, 255, 255, 0.12); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters__range-label { color: #b4c0cc; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is( .catalog-filters__submit, .catalog-filters__reset, .page-jump__button, .pagination-jump__button ) { box-shadow: none; } /* Найти / Перейти */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.catalog-filters__submit, .page-jump__button, .pagination-jump__button) { background: linear-gradient(180deg, var(--so-accent) 0%, var(--so-accent-2) 100%); border-color: var(--so-accent-2); color: #081416; font-weight: 400; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters-toggle { background: linear-gradient(180deg, var(--so-accent) 0%, var(--so-accent-2) 100%); border-color: var(--so-accent-2); color: #081416; font-weight: 400; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters-toggle:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.theme-dark, body.dark-theme) .catalog-filters-toggle:focus-visible { opacity: .92; outline: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters__mobile-close { background: #2d3640; border-color: #44515f; color: #edf3f9; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.theme-dark, body.dark-theme) .catalog-filters__mobile-close:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.theme-dark, body.dark-theme) .catalog-filters__mobile-close:focus-visible { background: #36414d; border-color: rgba(159, 209, 255, 0.24); color: #ffffff; outline: none; } /* Сбросить всё — тоже в тему, но спокойнее */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters__reset { background: rgba(55, 210, 191, 0.18); border: 1px solid rgba(55, 210, 191, 0.45); color: #d6fff8; font-weight: 400; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .catalog-filters__reset:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.theme-dark, body.dark-theme) .catalog-filters__reset:focus-visible { background: rgba(55, 210, 191, 0.26); border-color: rgba(55, 210, 191, 0.65); color: #ffffff; outline: none; } /* ===== 08. Single title page ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-head { padding: 14px 16px; border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 18px; background: linear-gradient(180deg, rgba(53, 63, 75, 0.90) 0%, rgba(42, 50, 60, 0.92) 100%); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__rating-box { color: var(--so-text); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.title-user-rating__summary, .title-user-rating__avg) { color: #dbe7f2; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-user-rating__count { color: var(--so-text-dim); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-user-rating__star { color: #667482; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-user-rating__star.is-active { color: var(--so-warning); filter: drop-shadow(0 0 8px rgba(255, 213, 103, 0.22)); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-user-rating.has-user-rating .title-user-rating__star.is-user-rating { filter: drop-shadow(0 0 6px rgba(255, 213, 103, 0.62)) drop-shadow(0 0 14px rgba(255, 213, 103, 0.28)); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-user-rating.has-user-rating .title-user-rating__star.is-user-rating svg { transform: scale(1.08); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-user-rating__notice { background: rgba(37, 48, 61, 0.98); border-color: rgba(159, 209, 255, 0.24); color: #d8ecff; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24); } /* popover */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-popover { background: #2b343e; border: 1px solid #43505f; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-popover-link { background: transparent; border: 0; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-popover-link:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-popover-link:focus-visible { background: rgba(255, 255, 255, 0.06); } /* поделиться */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-menu--share > .single-title__watch-action--menu { background: #2b343e !important; border-color: #475462 !important; color: #edf3f9 !important; box-shadow: none !important; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-menu--share > .single-title__watch-action--menu:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-menu--share > .single-title__watch-action--menu:focus-visible { background: #34404c !important; border-color: rgba(146, 198, 248, 0.26) !important; color: #ffffff !important; text-decoration: none !important; outline: none !important; box-shadow: none !important; } /* подписаться */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-subscribe-form .single-title__watch-action, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-subscribe-form .single-title__watch-action--accent, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-actions > a.single-title__watch-action, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-actions > a.single-title__watch-action--accent, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-actions > button.single-title__watch-action, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-actions > button.single-title__watch-action--accent { background: #2b343e !important; border-color: #475462 !important; color: #edf3f9 !important; box-shadow: none !important; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-subscribe-form .single-title__watch-action:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-subscribe-form .single-title__watch-action:focus-visible, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-subscribe-form .single-title__watch-action--accent:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-subscribe-form .single-title__watch-action--accent:focus-visible, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-actions > a.single-title__watch-action:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-actions > a.single-title__watch-action:focus-visible, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-actions > a.single-title__watch-action--accent:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-actions > a.single-title__watch-action--accent:focus-visible, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-actions > button.single-title__watch-action:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-actions > button.single-title__watch-action:focus-visible, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-actions > button.single-title__watch-action--accent:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__watch-actions > button.single-title__watch-action--accent:focus-visible { background: #34404c !important; border-color: rgba(146, 198, 248, 0.26) !important; color: #ffffff !important; text-decoration: none !important; outline: none !important; box-shadow: none !important; } /* ===== trailer+review ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__trailer { background: linear-gradient(180deg, rgba(46, 56, 67, 0.94) 0%, rgba(39, 48, 58, 0.94) 100%); border-color: rgba(255, 255, 255, 0.09); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__trailer:hover { background: linear-gradient(180deg, rgba(54, 65, 77, 0.96) 0%, rgba(45, 55, 66, 0.96) 100%); border-color: rgba(159, 209, 255, 0.18); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__trailer-toggle { background: transparent; border: 0; color: #edf3f9; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__trailer-toggle:hover { background: transparent; color: #ffffff; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__video-actions--count-2 .single-title__trailer-head + .single-title__trailer-head { border-left-color: rgba(255, 255, 255, 0.09); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__video-bubble:hover { background: linear-gradient(180deg, rgba(46, 56, 67, 0.94) 0%, rgba(39, 48, 58, 0.94) 100%); border-color: rgba(255, 255, 255, 0.09); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__video-bubble .single-title__trailer-head + .single-title__trailer-head { border-left-color: rgba(255, 255, 255, 0.09); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__video-bubble .single-title__trailer-toggle:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__video-bubble .single-title__trailer-toggle[aria-expanded="true"] { background: rgba(255, 255, 255, 0.06); color: #ffffff; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title__video-bubble .single-title__trailer-body { border-top-color: rgba(255, 255, 255, 0.09); } /* ===== 09. Ratings / external links / type chips ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-main .profile-admin-link { min-height: 40px; padding: 0 15px; border-radius: 12px; background: #313c47; border: 1px solid #4d5b69; color: #e8f0f8; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-main .profile-admin-link:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-main .profile-admin-link:focus-visible { background: #394654; border-color: rgba(159, 209, 255, 0.34); color: #ffffff; outline: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-logout-btn { background: #2b343e !important; border: 1px solid #475462 !important; color: #d9e8f7 !important; box-shadow: none !important; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-logout-btn:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-logout-btn:focus-visible { background: #34404c !important; border-color: rgba(146, 198, 248, 0.26) !important; color: #ffffff !important; opacity: 1 !important; outline: none !important; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.title-source-links, .title-ratings) { gap: 10px; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.title-source-links__item, .title-ratings__item) { min-height: 34px; padding: 0 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.05); color: #dfe8f2; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.title-source-links__item:hover, .title-ratings__item:hover) { background: rgba(255, 255, 255, 0.08); border-color: rgba(146, 198, 248, 0.24); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-source-links__item--imdb { background: rgba(255, 214, 86, 0.14); border-color: rgba(255, 214, 86, 0.34); color: #ffe089; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-source-links__item--mdl { background: rgba(132, 195, 255, 0.14); border-color: rgba(132, 195, 255, 0.30); color: #cfe8ff; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-source-links__item--mal { background: rgba(126, 155, 255, 0.14); border-color: rgba(126, 155, 255, 0.28); color: #d8e2ff; } /* профиль: кнопка "Админка" */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-page__head-actions .profile-admin-link { background: #2b343e !important; border: 1px solid #475462 !important; color: #edf3f9 !important; box-shadow: none !important; text-decoration: none !important; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-page__head-actions .profile-admin-link:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-page__head-actions .profile-admin-link:focus-visible { background: #34404c !important; border-color: rgba(146, 198, 248, 0.26) !important; color: #ffffff !important; box-shadow: none !important; text-decoration: none !important; outline: none !important; } /* ===== 10. Release extra tabs ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-extra-block { background: linear-gradient(180deg, rgba(39, 48, 58, 0.95) 0%, rgba(34, 42, 51, 0.95) 100%); border-color: var(--so-border); box-shadow: var(--so-shadow-sm); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-extra-tabs, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-extra-tabs__body { background: transparent; border: 0; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.release-extra-title, .release-extra-tabs__nav) { background: #2b343e; border-color: var(--so-border); color: var(--so-heading); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-extra-tabs__nav { gap: 12px; padding: 0 0 14px; background: transparent; border: 0; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-extra-tabs__tab { background: #2a333d; border: 1px solid rgba(255, 255, 255, 0.10); color: #cfdae6; border-radius: 14px; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-extra-tabs__tab:hover { background: #323d49; border-color: rgba(146, 198, 248, 0.24); color: #f1f7fd; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is( .release-extra-tabs__tab.is-active, .release-extra-tabs__tab.active, .release-extra-tabs__tab[aria-selected="true"], .release-extra-tabs__tab[aria-expanded="true"] ) { background: linear-gradient(180deg, #4d6176 0%, #3e5062 100%); border-color: #89beff; color: #ffffff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(137, 190, 255, 0.16), 0 8px 18px rgba(0, 0, 0, 0.18); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.release-extra-content, .release-extra-row) { color: var(--so-text); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-extra-content--prep { padding: 16px 18px; border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 18px; background: linear-gradient(180deg, rgba(47, 56, 67, 0.96) 0%, rgba(40, 48, 58, 0.96) 100%); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.14); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-extra-content--prep > .release-extra-row, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-tech__col .release-extra-row { border-top-color: rgba(255, 255, 255, 0.10); color: #dce6f0; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-extra-content--prep > .release-extra-row b { color: #f4f8fc; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-tech { gap: 14px; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-tech__col { padding: 15px 16px; border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 18px; background: linear-gradient(180deg, rgba(47, 56, 67, 0.96) 0%, rgba(40, 48, 58, 0.96) 100%); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.14); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-tech__heading { color: #f4f8fc; } /* ===== 11. Favorites UI ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.title-meta-box, .title-meta-box--favorites) { margin-top: 14px; padding: 14px; border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 16px; background: linear-gradient(180deg, rgba(47, 56, 67, 0.96) 0%, rgba(40, 48, 58, 0.96) 100%); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.14); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-meta-box__title { color: #e9f1f9; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-favorites { gap: 10px; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-favorites__chip span { display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 14px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.10); background: #2a333d; color: #dce7f2; transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-favorites__chip:hover span { background: #313b46; border-color: rgba(146, 198, 248, 0.24); color: #ffffff; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-favorites__chip input:checked + span { background: linear-gradient(180deg, rgba(115, 175, 255, 0.24) 0%, rgba(95, 156, 240, 0.24) 100%); border-color: rgba(124, 182, 255, 0.42); color: #f4f9ff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 6px 14px rgba(36, 78, 126, 0.16); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-favorites__login { background: #2f89d9; color: #ffffff; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .title-favorites__login:hover { background: #256fb1; color: #ffffff; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites { margin: 0 0 24px; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__tabs { gap: 10px; margin: 0 0 14px; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__tab { padding: 8px 14px; border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 12px; background: #2d3640; color: #d6e1ec; font: inherit; line-height: 1.2; cursor: pointer; transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__tab:hover { background: #36414d; border-color: rgba(159, 209, 255, 0.24); color: #f4f9ff; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__tab.is-active { background: linear-gradient(180deg, #435567 0%, #384858 100%); border-color: #7fbaff; color: #ffffff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 0 0 1px rgba(127, 186, 255, 0.14), 0 8px 18px rgba(0, 0, 0, 0.18); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__panels { max-width: 620px; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__panel { display: none; max-height: 320px; overflow-y: auto; padding: 14px 16px; border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 16px; background: linear-gradient(180deg, rgba(47, 56, 67, 0.96) 0%, rgba(40, 48, 58, 0.96) 100%); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.14); color: #dce6f0; scrollbar-color: #667688 #2a333d; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__panel.is-active { display: block; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__list { margin: 0; padding-left: 18px; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__list li + li { margin-top: 6px; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__list a { color: #9fd1ff; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__list a:hover { color: #c5e4ff; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__empty { color: #aab7c5; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__panel::-webkit-scrollbar { width: 10px; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__panel::-webkit-scrollbar-track { background: #2a333d; border-radius: 999px; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .profile-favorites__panel::-webkit-scrollbar-thumb { background: #667688; border: 2px solid #2a333d; border-radius: 999px; } /* ===== 12. Comments ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comments-area { background: transparent; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(.comment-metadata a, .comment-notes, .no-comments, .comment-navigation) { color: var(--so-text-soft); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-delete-popover__btn--confirm { background: rgba(170, 45, 58, 0.22); border-color: rgba(255, 120, 132, 0.34); color: #ffd4d8; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-delete-popover__btn--confirm:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-delete-popover__btn--confirm:focus-visible { background: rgba(190, 52, 66, 0.30); border-color: rgba(255, 140, 150, 0.46); color: #fff1f3; outline: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-list .children::before { background: linear-gradient(180deg, rgba(159, 209, 255, 0.22), rgba(55, 210, 191, 0.16)); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-list .children .comment-body { background: linear-gradient(180deg, rgba(47, 56, 67, 0.96) 0%, rgba(40, 48, 58, 0.96) 100%); border-color: rgba(255, 255, 255, 0.10); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.14); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-replies-toggle { color: #9fd1ff; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-replies-toggle:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-replies-toggle:focus-visible { color: #c5e4ff; outline: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-list .children.is-collapsed { display: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-reply-link, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) #cancel-comment-reply-link { background: #2d3640; border-color: #44515f; color: #edf3f9; box-shadow: none; text-decoration: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-reply-link:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) #cancel-comment-reply-link:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-reply-link:focus-visible, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) #cancel-comment-reply-link:focus-visible { background: #36414d; border-color: rgba(159, 209, 255, 0.24); color: #ffffff; text-decoration: none; outline: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-replies-toggle { background: #2d3640; border: 1px solid #44515f; color: #9fd1ff; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-replies-toggle:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-replies-toggle:focus-visible { background: #36414d; border-color: rgba(159, 209, 255, 0.24); color: #ffffff; outline: none; } /* ===== 13. Footer ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-footer { margin-top: 40px; width: auto; max-width: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-footer__main { background: linear-gradient(180deg, #353c44 0%, #2b3138 100%); padding: 34px 0 22px; border: 0; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-footer__inner { width: min(1200px, calc(100% - 40px)); margin: 0 auto; border: 0; border-radius: 0; box-shadow: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-footer__bottom { background: #23282e; padding: 10px 0; border: 0; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-footer__bottom-inner { width: min(1200px, calc(100% - 24px)); margin: 0 auto; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: none; color: #93a1b1; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-footer__content, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .footer-socials { position: relative; z-index: 1; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-footer__col a { color: #bcc8d4; text-decoration: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .so-footer__col a:hover { color: #f4f9ff; text-decoration: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .footer-socials__title { color: #f2f7fc; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .footer-socials__item { background: linear-gradient(180deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%), rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 10px 22px rgba(0, 0, 0, 0.14); color: #edf4fb; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .footer-socials__item:hover { border-color: rgba(159, 209, 255, 0.22); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 12px 26px rgba(0, 0, 0, 0.16); transform: translateY(-2px); } /* ===== 14. Admin-tools ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .steponee-admin-tools__btn { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border-radius: 10px; border: 1px solid #4a5866; background: #313c47; color: #e7eef6; text-decoration: none; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .steponee-admin-tools__btn:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .steponee-admin-tools__btn:focus-visible { background: #394654; border-color: rgba(159, 209, 255, 0.34); color: #ffffff; outline: none; text-decoration: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .steponee-admin-badge { background: rgba(176, 55, 67, 0.18); border: 1px solid rgba(255, 132, 143, 0.28); color: #ffd9dd; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .steponee-comment-admin-actions__icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(45, 54, 64, 0.94); color: #b9c7d6; text-decoration: none; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .steponee-comment-admin-actions__icon:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .steponee-comment-admin-actions__icon:focus-visible { background: #3a4653; border-color: rgba(159, 209, 255, 0.26); color: #f4f9ff; outline: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .steponee-comment-admin-actions__icon--danger:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .steponee-comment-admin-actions__icon--danger:focus-visible { background: rgba(176, 55, 67, 0.22); border-color: rgba(255, 132, 143, 0.34); color: #ffd9dd; outline: none; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-delete-popover__btn--cancel { background: #313c47; border-color: #4d5b69; color: #e8f0f8; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .comment-delete-popover__btn--cancel:hover { background: #3a4652; border-color: #607181; color: #ffffff; } /* ===== 15. Single sidebar compact cards ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-similar-titles .home-random-title { background: linear-gradient(180deg, rgba(46, 56, 67, 0.94) 0%, rgba(39, 48, 58, 0.94) 100%); border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14); border-radius: 14px; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-similar-titles .home-random-title:hover { background: linear-gradient(180deg, rgba(55, 66, 78, 0.96) 0%, rgba(46, 56, 67, 0.96) 100%); border-color: rgba(159, 209, 255, 0.18); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18); transform: translateY(-1px); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-similar-titles .home-random-title__thumb img { border-radius: 10px; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-similar-titles .home-random-title__title { color: #d7e8fb; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-similar-titles .home-random-title__subtitle { color: #9fb0c1; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-similar-titles .home-random-title__rating { color: #edf4fb; font-weight: 800; letter-spacing: 0.01em; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-similar-titles .home-random-title__rating::first-letter { color: #ffd567; text-shadow: 0 0 8px rgba(255, 213, 103, 0.18); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .home-random-title__rating { color: #edf4fb; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .home-random-title__rating::first-letter { color: #ffd567; text-shadow: 0 0 8px rgba(255, 213, 103, 0.18); } /* support project buttons */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-sidebar .home-promo__btn, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-sidebar .home-promo__btn--icon { background: #2b343e !important; border: 1px solid #475462 !important; color: #edf3f9 !important; box-shadow: none !important; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-sidebar .home-promo__btn:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-sidebar .home-promo__btn:focus-visible, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-sidebar .home-promo__btn--icon:hover, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .single-title-sidebar .home-promo__btn--icon:focus-visible { background: #34404c !important; border-color: rgba(146, 198, 248, 0.26) !important; color: #ffffff !important; outline: none !important; box-shadow: none !important; text-decoration: none !important; } /* ===== 16. Native controls / reduced motion ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is(input, select, textarea) { color-scheme: dark; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) :is( .title-grid-card__inner, .title-grid-card, .home-comments__item, .page-numbers, .single-title__watch-action, .release-extra-tabs__tab, .footer-socials__item, .home-promo__btn, .home-promo__btn--icon, .home-random-title__reroll, .catalog-filters__submit, .catalog-filters__reset, .title-share__btn, .steponee-social-button, .profile-admin-link ) { transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease, opacity .18s ease; } @media (prefers-reduced-motion: reduce) { :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) *, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) *::before, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) *::after { transition: none !important; animation: none !important; } } /* ===== 17. Search person card ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-person-card { background: linear-gradient(180deg, rgba(40, 48, 58, 0.92) 0%, rgba(34, 42, 51, 0.92) 100%); border: 1px solid var(--so-border); box-shadow: var(--so-shadow-sm); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-person-card__media img { background: #323c47; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-person-card__placeholder { background: linear-gradient(180deg, #3a4652 0%, #313a45 100%); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-person-card__title, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-person-results-title, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-person-card__meta strong { color: var(--so-heading); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-person-card__meta { color: var(--so-text); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .search-person-card__meta > div { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.10); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .person-hover-bubble { background: linear-gradient(180deg, rgba(40, 48, 58, 0.58) 0%, rgba(28, 36, 46, 0.74) 100%), rgba(30, 38, 48, 0.56); border: 1px solid rgba(255, 255, 255, 0.10); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.06); backdrop-filter: blur(18px) saturate(145%); -webkit-backdrop-filter: blur(18px) saturate(145%); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .person-hover-bubble__img, :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .person-hover-bubble__placeholder { background: #323c47; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .person-hover-bubble__name { color: var(--so-heading); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .person-hover-bubble__type { color: var(--so-text); } /* ===== Single title: description tab + separate favorites bubble ===== */ :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-extra-content--description { padding: 16px 18px; border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 18px; background: linear-gradient(180deg, rgba(47, 56, 67, 0.96) 0%, rgba(40, 48, 58, 0.96) 100%); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.14); color: var(--so-text); } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-extra-content--description > :first-child { margin-top: 0; } :is(html[data-theme="dark"], body[data-theme="dark"], body.dark-theme, body.theme-dark) .release-extra-content--description > :last-child { margin-bottom: 0; }