:root { --color-bg: #080c0b; --color-ink: #04100c; --color-surface: rgba(255, 255, 255, 0.06); --color-surface-2: rgba(255, 255, 255, 0.1); --color-text: #eef6f2; --color-text-muted: rgba(238, 246, 242, 0.62); --color-accent: #7ef0c8; --color-accent-strong: #3fd7a6; --color-accent-ink: #04241b; --color-veil: rgba(4, 16, 12, 0.55); --color-overlay: rgba(4, 16, 12, 0.6); --gradient-shade: linear-gradient(to top, rgb(8, 12, 11) 0%, rgb(8, 12, 11) 6%, rgba(8, 12, 11, 0.82) 38%, rgba(8, 12, 11, 0.28) 100%); --glass-background: linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.05) 55%, rgba(255, 255, 255, 0.08) 100%); --glass-background-hover: linear-gradient(145deg, rgba(126, 240, 200, 0.24) 0%, rgba(126, 240, 200, 0.08) 55%, rgba(255, 255, 255, 0.12) 100%); --glass-background-strong: linear-gradient(145deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.07) 60%, rgba(255, 255, 255, 0.12) 100%); --glass-border: transparent; --glass-blur: blur(18px) saturate(150%); --glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -1px 0 rgba(0, 0, 0, 0.22), 0 12px 32px rgba(0, 0, 0, 0.45); --glass-shadow-flat: 0 12px 32px rgba(0, 0, 0, 0.45); --glass-background-dense: linear-gradient(145deg, rgba(22, 30, 27, 0.88) 0%, rgba(8, 12, 11, 0.82) 100%); --radius-button: 999px; --radius-card: 20px; --radius-panel: 24px; --radius-field: 999px; --radius-thumb: 8px; --border-width: 0px; --font-family: "Onest", system-ui, sans-serif; --font-size-xs: 0.75rem; --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-2xl: 1.5rem; --font-size-3xl: 1.875rem; --font-size-4xl: 2.25rem; --font-weight-regular: 400; --font-weight-bold: 700; --line-height-tight: 1.15; --scrollbar-size: 10px; --scrollbar-inset: 3px; --scrollbar-radius: 999px; --scrollbar-track: transparent; --scrollbar-thumb: rgba(238, 246, 242, 0.28); --scrollbar-thumb-hover: var(--color-accent); --scrollbar-fade: 120ms; }

body { font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-regular); color: var(--color-text); background-color: var(--color-bg); }

* { scrollbar-width: none; }
::-webkit-scrollbar { width: 0px; height: 0px; background: var(--scrollbar-track); }
::-webkit-scrollbar-track { background: var(--scrollbar-track); }
::-webkit-scrollbar-corner { background: var(--scrollbar-track); }
.scrollbar-overlay { scrollbar-width: thin; scrollbar-color: transparent transparent; margin-right: calc(-1 * var(--scrollbar-size)); padding-right: var(--scrollbar-size); }
.scrollbar-overlay:hover, .scrollbar-overlay:focus-within { scrollbar-color: var(--scrollbar-thumb) transparent; }
.scrollbar-overlay::-webkit-scrollbar { width: var(--scrollbar-size); height: var(--scrollbar-size); background: var(--scrollbar-track); }
.scrollbar-overlay::-webkit-scrollbar-thumb { background: transparent; border-radius: var(--scrollbar-radius); border: var(--scrollbar-inset) solid transparent; background-clip: padding-box; transition: background var(--scrollbar-fade); }
.scrollbar-overlay:hover::-webkit-scrollbar-thumb, .scrollbar-overlay:focus-within::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); background-clip: padding-box; }
.scrollbar-overlay::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); background-clip: padding-box; }

.home-header { background: var(--glass-background-dense); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow-flat); }
.home-header { border-bottom: none; }
.home-header-logo { color: var(--color-text); }
.home-header-logo-icon { color: var(--color-text); }
.home-header-logo:hover .home-header-logo-icon { opacity: 0.7; }
.home-header-filters-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.home-header-filters-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-header-filters-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.home-header-filters-icon { color: var(--color-text); }
.home-header-filters-button:hover .home-header-filters-icon { color: var(--color-accent); }
.home-header-filters-panel { background: var(--glass-background); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.home-header-filters-panel { border-top: none; border-left: none; border-right: none; }
.home-header-search { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-field); border: none; box-shadow: none; }
.home-header-search:focus-within { box-shadow: none; }
.home-header-search-icon { color: var(--color-text); }
.home-header-search-input { background: transparent; color: var(--color-text); }
.home-header-search-input { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-header-search-input::placeholder { color: var(--color-text-muted); }
.home-header-search-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.home-header-search-result { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.home-header-search-result:hover { background-color: var(--color-ink); color: var(--color-text); }
.home-header-search-result-poster { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.home-header-search-more { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.home-header-search-more { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-header-search-more:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.home-header-auth-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.home-header-auth-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-header-auth-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.home-header-profile-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.home-header-profile-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-header-profile-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.home-header-profile-icon { color: var(--color-text); }
.home-header-profile-button:hover .home-header-profile-icon { color: var(--color-accent); }
.home-header-profile-chevron { color: var(--color-text); }
.home-header-profile-button:hover .home-header-profile-chevron { color: var(--color-accent); }
.home-header-profile-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.home-header-profile-head { border-bottom: none; }
.home-header-profile-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-header-profile-link { color: var(--color-text); text-decoration: none; }
.home-header-profile-link:hover { color: var(--color-accent); text-decoration: none; }
.home-header-profile-link { border-bottom: none; }
.home-header-profile-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.home-header-profile-link-icon { color: var(--color-text); }
.home-header-profile-link:hover .home-header-profile-link-icon { color: var(--color-accent); }
.home-header-profile-logout { background: transparent; color: var(--color-text); border: none; }
.home-header-profile-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.home-header-profile-logout-icon { color: var(--color-text); }
.home-header-profile-logout:hover .home-header-profile-logout-icon { color: var(--color-accent); }
.home-header-menu-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.home-header-menu-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-header-menu-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.home-header-menu-icon { color: var(--color-text); }
.home-header-menu-button:hover .home-header-menu-icon { color: var(--color-accent); }
.home-header-menu-overlay { background-color: var(--color-overlay); }
.home-header-menu-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.home-header-menu-close { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.home-header-menu-close { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-header-menu-close:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.home-header-menu-close-icon { color: var(--color-text); }
.home-header-menu-close:hover .home-header-menu-close-icon { color: var(--color-accent); }
.home-header-menu-auth { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.home-header-menu-auth { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-header-menu-auth:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.home-header-menu-account { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.home-header-menu-account-head { border-bottom: none; }
.home-header-menu-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-header-menu-link { color: var(--color-text); text-decoration: none; }
.home-header-menu-link:hover { color: var(--color-accent); text-decoration: none; }
.home-header-menu-link { border-bottom: none; }
.home-header-menu-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.home-header-menu-link-icon { color: var(--color-text); }
.home-header-menu-link:hover .home-header-menu-link-icon { color: var(--color-accent); }
.home-header-menu-logout { background: transparent; color: var(--color-text); border: none; }
.home-header-menu-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.home-header-menu-logout-icon { color: var(--color-text); }
.home-header-menu-logout:hover .home-header-menu-logout-icon { color: var(--color-accent); }
.home-header-filters-panel { overflow: hidden; background: var(--glass-background-dense); }
.home-header-profile-panel { overflow: hidden; background: var(--glass-background-dense); }
.home-header-menu-panel { overflow: hidden; background: var(--glass-background-dense); }
.home-header-search-panel { overflow: hidden; background: var(--glass-background-dense); }

.home-filters-column { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.home-filters-option { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-filters-option { color: var(--color-text); background-color: transparent; }
.home-filters-option:hover { text-decoration: underline; }
.home-filters-card { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.home-filters-card { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-filters-card:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.home-filters-year-field { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.home-filters-year-input { background-color: transparent; color: var(--color-text); }
.home-filters-reset { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.home-filters-reset { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-filters-reset:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.home-filters-submit { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.home-filters-submit { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-filters-submit:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }

.home-hero-title { font-family: var(--font-family); font-size: var(--font-size-4xl); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); letter-spacing: normal; text-transform: none; }
.home-section-title { font-family: var(--font-family); font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-cta-title { font-family: var(--font-family); font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-categories-title { font-family: var(--font-family); font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-hero { background-color: var(--color-ink); color: var(--color-text); border-bottom: none; }
.home-hero-shade { background-image: var(--gradient-shade); }
.home-hero-watch { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.home-hero-watch { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-hero-watch:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }
.home-hero-watch-icon { color: var(--color-accent-ink); }
.home-hero-trailer { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.home-hero-trailer { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-hero-trailer:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.home-hero-trailer-icon { color: var(--color-text); }
.home-hero-trailer:hover .home-hero-trailer-icon { color: var(--color-accent); }
.home-favorite-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.home-favorite-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-favorite-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.home-favorite-icon { color: var(--color-text); }
.home-favorite-button:hover .home-favorite-icon { color: var(--color-accent); }
.home-hero-slides { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.home-hero-slide-dot { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.home-hero-slide-dot[data-active="true"] { background: var(--color-accent); }

.home-hero-slide-dot { width: 0.75rem; transition: width 400ms cubic-bezier(0.22, 1, 0.36, 1), background-color 400ms ease, background 400ms ease; }
.home-hero-slide-dot[data-active="true"] { width: 6rem; background: var(--color-accent); animation-name: home-hero-slide; animation-timing-function: linear; animation-fill-mode: forwards; }
@keyframes home-hero-slide { from { width: 0.75rem; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); } 6% { width: 6rem; animation-timing-function: linear; } to { width: 0.75rem; } }

.home-section-bar { background: var(--glass-background-dense); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow-flat); }
.home-section-bar { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-section-bar:hover { background: var(--glass-background-hover); color: var(--color-accent); box-shadow: var(--glass-shadow-flat); }
.home-section-bar { border-top: none; border-left: none; border-right: none; }
.home-section-more { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-section-more { color: var(--color-text); text-decoration: none; }
.home-section-more:hover { color: var(--color-accent); text-decoration: none; }
.home-section-more-icon { color: var(--color-accent); }

.home-card { color: var(--color-text); text-decoration: none; }
.home-card-title { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-card-meta { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-card-poster { background: transparent; border-radius: var(--radius-card); box-shadow: none; }
.home-card:hover .home-card-poster { opacity: 0.85; }
.home-card-rating { background: var(--color-accent); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.home-card-rating { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }

.home-cta-benefit-icon { color: var(--color-accent); }
.home-cta-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.home-cta-button { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.home-cta-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-cta-button:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }

.home-category-card { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-card); border: none; box-shadow: none; }
.home-category-card:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }

.home-footer { background-color: var(--color-bg); color: var(--color-text); border-top: none; }
.home-footer-logo { color: var(--color-text); }
.home-footer-social { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.home-footer-social { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-footer-social:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.home-footer-social-icon { color: var(--color-text); }
.home-footer-social:hover .home-footer-social-icon { color: var(--color-accent); }
.home-footer-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-footer-link { color: var(--color-text); text-decoration: none; }
.home-footer-link:hover { color: var(--color-accent); text-decoration: none; }
.home-footer-legal-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-footer-legal-link { color: var(--color-text); text-decoration: none; }
.home-footer-legal-link:hover { color: var(--color-accent); text-decoration: none; }
.home-footer-email { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.home-footer-email { color: var(--color-text); text-decoration: none; }
.home-footer-email:hover { color: var(--color-accent); text-decoration: none; }

.search-header { background: var(--glass-background-dense); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow-flat); }
.search-header { border-bottom: none; }
.search-header-logo { color: var(--color-text); }
.search-header-logo-icon { color: var(--color-text); }
.search-header-logo:hover .search-header-logo-icon { opacity: 0.7; }
.search-header-filters-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.search-header-filters-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-header-filters-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.search-header-filters-icon { color: var(--color-text); }
.search-header-filters-button:hover .search-header-filters-icon { color: var(--color-accent); }
.search-header-filters-panel { background: var(--glass-background); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.search-header-filters-panel { border-top: none; border-left: none; border-right: none; }
.search-header-search { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-field); border: none; box-shadow: none; }
.search-header-search:focus-within { box-shadow: none; }
.search-header-search-icon { color: var(--color-text); }
.search-header-search-input { background: transparent; color: var(--color-text); }
.search-header-search-input { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-header-search-input::placeholder { color: var(--color-text-muted); }
.search-header-search-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.search-header-search-result { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.search-header-search-result:hover { background-color: var(--color-ink); color: var(--color-text); }
.search-header-search-result-poster { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.search-header-search-more { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.search-header-search-more { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-header-search-more:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.search-header-auth-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.search-header-auth-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-header-auth-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.search-header-profile-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.search-header-profile-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-header-profile-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.search-header-profile-icon { color: var(--color-text); }
.search-header-profile-button:hover .search-header-profile-icon { color: var(--color-accent); }
.search-header-profile-chevron { color: var(--color-text); }
.search-header-profile-button:hover .search-header-profile-chevron { color: var(--color-accent); }
.search-header-profile-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.search-header-profile-head { border-bottom: none; }
.search-header-profile-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-header-profile-link { color: var(--color-text); text-decoration: none; }
.search-header-profile-link:hover { color: var(--color-accent); text-decoration: none; }
.search-header-profile-link { border-bottom: none; }
.search-header-profile-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.search-header-profile-link-icon { color: var(--color-text); }
.search-header-profile-link:hover .search-header-profile-link-icon { color: var(--color-accent); }
.search-header-profile-logout { background: transparent; color: var(--color-text); border: none; }
.search-header-profile-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.search-header-profile-logout-icon { color: var(--color-text); }
.search-header-profile-logout:hover .search-header-profile-logout-icon { color: var(--color-accent); }
.search-header-menu-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.search-header-menu-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-header-menu-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.search-header-menu-icon { color: var(--color-text); }
.search-header-menu-button:hover .search-header-menu-icon { color: var(--color-accent); }
.search-header-menu-overlay { background-color: var(--color-overlay); }
.search-header-menu-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.search-header-menu-close { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.search-header-menu-close { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-header-menu-close:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.search-header-menu-close-icon { color: var(--color-text); }
.search-header-menu-close:hover .search-header-menu-close-icon { color: var(--color-accent); }
.search-header-menu-auth { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.search-header-menu-auth { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-header-menu-auth:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.search-header-menu-account { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.search-header-menu-account-head { border-bottom: none; }
.search-header-menu-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-header-menu-link { color: var(--color-text); text-decoration: none; }
.search-header-menu-link:hover { color: var(--color-accent); text-decoration: none; }
.search-header-menu-link { border-bottom: none; }
.search-header-menu-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.search-header-menu-link-icon { color: var(--color-text); }
.search-header-menu-link:hover .search-header-menu-link-icon { color: var(--color-accent); }
.search-header-menu-logout { background: transparent; color: var(--color-text); border: none; }
.search-header-menu-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.search-header-menu-logout-icon { color: var(--color-text); }
.search-header-menu-logout:hover .search-header-menu-logout-icon { color: var(--color-accent); }
.search-header-filters-panel { overflow: hidden; background: var(--glass-background-dense); }
.search-header-profile-panel { overflow: hidden; background: var(--glass-background-dense); }
.search-header-menu-panel { overflow: hidden; background: var(--glass-background-dense); }
.search-header-search-panel { overflow: hidden; background: var(--glass-background-dense); }

.search-filters-column { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.search-filters-option { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-filters-option { color: var(--color-text); background-color: transparent; }
.search-filters-option:hover { text-decoration: underline; }
.search-filters-card { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.search-filters-card { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-filters-card:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.search-filters-year-field { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.search-filters-year-input { background-color: transparent; color: var(--color-text); }
.search-filters-reset { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.search-filters-reset { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-filters-reset:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.search-filters-submit { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.search-filters-submit { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-filters-submit:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }

.search-title { font-family: var(--font-family); font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-notice { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.search-page-prev { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.search-page-prev { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-page-prev:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.search-page-next { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.search-page-next { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-page-next:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }

.search-card { color: var(--color-text); text-decoration: none; }
.search-card-title { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-card-meta { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-card-poster { background: transparent; border-radius: var(--radius-card); box-shadow: none; }
.search-card:hover .search-card-poster { opacity: 0.85; }
.search-card-rating { background: var(--color-accent); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.search-card-rating { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }

.search-footer { background-color: var(--color-bg); color: var(--color-text); border-top: none; }
.search-footer-logo { color: var(--color-text); }
.search-footer-social { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.search-footer-social { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-footer-social:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.search-footer-social-icon { color: var(--color-text); }
.search-footer-social:hover .search-footer-social-icon { color: var(--color-accent); }
.search-footer-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-footer-link { color: var(--color-text); text-decoration: none; }
.search-footer-link:hover { color: var(--color-accent); text-decoration: none; }
.search-footer-legal-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-footer-legal-link { color: var(--color-text); text-decoration: none; }
.search-footer-legal-link:hover { color: var(--color-accent); text-decoration: none; }
.search-footer-email { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.search-footer-email { color: var(--color-text); text-decoration: none; }
.search-footer-email:hover { color: var(--color-accent); text-decoration: none; }

.film-header { background: var(--glass-background-dense); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow-flat); }
.film-header { border-bottom: none; }
.film-header-logo { color: var(--color-text); }
.film-header-logo-icon { color: var(--color-text); }
.film-header-logo:hover .film-header-logo-icon { opacity: 0.7; }
.film-header-filters-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-header-filters-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-header-filters-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-header-filters-icon { color: var(--color-text); }
.film-header-filters-button:hover .film-header-filters-icon { color: var(--color-accent); }
.film-header-filters-panel { background: var(--glass-background); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.film-header-filters-panel { border-top: none; border-left: none; border-right: none; }
.film-header-search { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-field); border: none; box-shadow: none; }
.film-header-search:focus-within { box-shadow: none; }
.film-header-search-icon { color: var(--color-text); }
.film-header-search-input { background: transparent; color: var(--color-text); }
.film-header-search-input { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-header-search-input::placeholder { color: var(--color-text-muted); }
.film-header-search-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.film-header-search-result { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.film-header-search-result:hover { background-color: var(--color-ink); color: var(--color-text); }
.film-header-search-result-poster { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.film-header-search-more { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-header-search-more { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-header-search-more:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-header-auth-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-header-auth-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-header-auth-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-header-profile-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-header-profile-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-header-profile-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-header-profile-icon { color: var(--color-text); }
.film-header-profile-button:hover .film-header-profile-icon { color: var(--color-accent); }
.film-header-profile-chevron { color: var(--color-text); }
.film-header-profile-button:hover .film-header-profile-chevron { color: var(--color-accent); }
.film-header-profile-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.film-header-profile-head { border-bottom: none; }
.film-header-profile-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-header-profile-link { color: var(--color-text); text-decoration: none; }
.film-header-profile-link:hover { color: var(--color-accent); text-decoration: none; }
.film-header-profile-link { border-bottom: none; }
.film-header-profile-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.film-header-profile-link-icon { color: var(--color-text); }
.film-header-profile-link:hover .film-header-profile-link-icon { color: var(--color-accent); }
.film-header-profile-logout { background: transparent; color: var(--color-text); border: none; }
.film-header-profile-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.film-header-profile-logout-icon { color: var(--color-text); }
.film-header-profile-logout:hover .film-header-profile-logout-icon { color: var(--color-accent); }
.film-header-menu-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-header-menu-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-header-menu-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-header-menu-icon { color: var(--color-text); }
.film-header-menu-button:hover .film-header-menu-icon { color: var(--color-accent); }
.film-header-menu-overlay { background-color: var(--color-overlay); }
.film-header-menu-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.film-header-menu-close { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-header-menu-close { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-header-menu-close:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-header-menu-close-icon { color: var(--color-text); }
.film-header-menu-close:hover .film-header-menu-close-icon { color: var(--color-accent); }
.film-header-menu-auth { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-header-menu-auth { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-header-menu-auth:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-header-menu-account { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.film-header-menu-account-head { border-bottom: none; }
.film-header-menu-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-header-menu-link { color: var(--color-text); text-decoration: none; }
.film-header-menu-link:hover { color: var(--color-accent); text-decoration: none; }
.film-header-menu-link { border-bottom: none; }
.film-header-menu-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.film-header-menu-link-icon { color: var(--color-text); }
.film-header-menu-link:hover .film-header-menu-link-icon { color: var(--color-accent); }
.film-header-menu-logout { background: transparent; color: var(--color-text); border: none; }
.film-header-menu-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.film-header-menu-logout-icon { color: var(--color-text); }
.film-header-menu-logout:hover .film-header-menu-logout-icon { color: var(--color-accent); }
.film-header-filters-panel { overflow: hidden; background: var(--glass-background-dense); }
.film-header-profile-panel { overflow: hidden; background: var(--glass-background-dense); }
.film-header-menu-panel { overflow: hidden; background: var(--glass-background-dense); }
.film-header-search-panel { overflow: hidden; background: var(--glass-background-dense); }
.film-header--dark { background-color: var(--color-ink); color: var(--color-text); border-bottom: none; }
.film-header--dark .film-header-logo { color: var(--color-text); }
.film-header--dark .film-header-logo-icon { color: var(--color-text); }
.film-header--dark .film-header-search-icon { color: var(--color-text); }
.film-header--dark .film-header-search-input { color: var(--color-text); }
.film-header--dark .film-header-search-input::placeholder { color: var(--color-text-muted); }
.film-header--dark .film-header-search { }
.film-header--dark .film-header-filters-button { color: var(--color-text); }
.film-header--dark .film-header-filters-button:hover { background: var(--color-surface); color: var(--color-text); }
.film-header--dark .film-header-auth-button { color: var(--color-text); }
.film-header--dark .film-header-auth-button:hover { background: var(--color-surface); color: var(--color-text); }
.film-header--dark .film-header-profile-button { color: var(--color-text); }
.film-header--dark .film-header-profile-button:hover { background: var(--color-surface); color: var(--color-text); }
.film-header--dark .film-header-menu-button { color: var(--color-text); }
.film-header--dark .film-header-menu-button:hover { background: var(--color-surface); color: var(--color-text); }
.film-header--dark .film-header-filters-icon { color: var(--color-text); }
.film-header--dark .film-header-filters-button:hover .film-header-filters-icon { color: var(--color-text); }
.film-header--dark .film-header-profile-icon { color: var(--color-text); }
.film-header--dark .film-header-profile-button:hover .film-header-profile-icon { color: var(--color-text); }
.film-header--dark .film-header-profile-chevron { color: var(--color-text); }
.film-header--dark .film-header-profile-button:hover .film-header-profile-chevron { color: var(--color-text); }
.film-header--dark .film-header-menu-icon { color: var(--color-text); }
.film-header--dark .film-header-menu-button:hover .film-header-menu-icon { color: var(--color-text); }
.film-header-filters-panel--dark { background-color: var(--color-ink); color: var(--color-text); border-bottom-color: var(--color-text); }
.film-header-profile-panel--dark { background-color: var(--color-ink); color: var(--color-text); }

.film-filters-column { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.film-filters-option { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-filters-option { color: var(--color-text); background-color: transparent; }
.film-filters-option:hover { text-decoration: underline; }
.film-filters-card { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-filters-card { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-filters-card:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-filters-year-field { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.film-filters-year-input { background-color: transparent; color: var(--color-text); }
.film-filters-reset { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-filters-reset { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-filters-reset:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-filters-submit { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.film-filters-submit { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-filters-submit:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }

.film-bar { background: var(--glass-background-dense); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow-flat); }
.film-bar { border-bottom: none; }
.film-bar-back { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-bar-back { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-bar-back:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-bar-back-icon { color: var(--color-text); }
.film-bar-back:hover .film-bar-back-icon { color: var(--color-accent); }
.film-bar-poster { background: transparent; border-radius: var(--radius-thumb); box-shadow: none; }
.film-bar-chip-rizorro { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.film-bar-chip-rizorro { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-bar-chip-rizorro:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }
.film-bar-chip-rizorro { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-bar-chip-kp { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-bar-chip-imdb { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-bar-chip-kp { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); }
.film-bar-chip-imdb { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); }

.film-title { font-family: var(--font-family); font-size: var(--font-size-3xl); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); letter-spacing: normal; text-transform: none; }
.film-chip-rizorro { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.film-chip-rizorro { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-chip-rizorro:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }
.film-chip-kp { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-chip-imdb { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-top { background-color: var(--color-bg); color: var(--color-text); }
.film-top--backdrop { background-color: transparent; color: var(--color-text); }
.film-info { padding: 1rem; padding-top: 50px; }
.film-top-veil { background-color: var(--color-veil); }
.film-top-shade { background-image: var(--gradient-shade); }
.film-poster { background: transparent; border-radius: var(--radius-card); box-shadow: none; }
.film-chip-kp { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); }
.film-chip-imdb { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); }
.film-watch-button { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.film-watch-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-watch-button:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }
.film-watch-icon { color: var(--color-accent-ink); }
.film-shared-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-shared-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-shared-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-shared-icon { color: var(--color-text); }
.film-shared-button:hover .film-shared-icon { color: var(--color-accent); }
.film-trailer-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-trailer-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-trailer-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-trailer-icon { color: var(--color-text); }
.film-trailer-button:hover .film-trailer-icon { color: var(--color-accent); }
.film-favorite-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-favorite-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-favorite-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-favorite-icon { color: var(--color-text); }
.film-favorite-button:hover .film-favorite-icon { color: var(--color-accent); }
.film-settings-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-settings-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-settings-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-settings-icon { color: var(--color-text); }
.film-settings-button:hover .film-settings-icon { color: var(--color-accent); }
.film-settings-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }

.film-top--backdrop .film-poster { color: var(--color-text); }
.film-top--backdrop .film-chip-kp { color: var(--color-text); }
.film-top--backdrop .film-chip-imdb { color: var(--color-text); }
.film-top--backdrop .film-chip-rizorro { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); }
.film-top--backdrop .film-shared-button { color: var(--color-text); }
.film-top--backdrop .film-shared-button:hover { background: var(--color-surface); color: var(--color-text); }
.film-top--backdrop .film-trailer-button { color: var(--color-text); }
.film-top--backdrop .film-trailer-button:hover { background: var(--color-surface); color: var(--color-text); }
.film-top--backdrop .film-favorite-button { color: var(--color-text); }
.film-top--backdrop .film-favorite-button:hover { background: var(--color-surface); color: var(--color-text); }
.film-top--backdrop .film-settings-button { color: var(--color-text); }
.film-top--backdrop .film-settings-button:hover { background: var(--color-surface); color: var(--color-text); }
.film-top--backdrop .film-shared-icon { color: var(--color-text); }
.film-top--backdrop .film-shared-button:hover .film-shared-icon { color: var(--color-text); }
.film-top--backdrop .film-trailer-icon { color: var(--color-text); }
.film-top--backdrop .film-trailer-button:hover .film-trailer-icon { color: var(--color-text); }
.film-top--backdrop .film-favorite-icon { color: var(--color-text); }
.film-top--backdrop .film-favorite-button:hover .film-favorite-icon { color: var(--color-text); }
.film-top--backdrop .film-settings-icon { color: var(--color-text); }
.film-top--backdrop .film-settings-button:hover .film-settings-icon { color: var(--color-text); }

.film-trailer-frame { background: var(--color-ink); border-radius: var(--radius-card); box-shadow: none; }
.film-player-stub { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.film-player-stub-icon-box { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.film-player-stub-icon { color: var(--color-accent); }
.film-player-stub-retry { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-player-stub-retry { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-player-stub-retry:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-person-more { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-person-more { color: var(--color-text); text-decoration: none; }
.film-person-more:hover { color: var(--color-accent); text-decoration: none; }

.film-footer { background-color: var(--color-bg); color: var(--color-text); border-top: none; }
.film-footer-logo { color: var(--color-text); }
.film-footer-social { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.film-footer-social { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-footer-social:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.film-footer-social-icon { color: var(--color-text); }
.film-footer-social:hover .film-footer-social-icon { color: var(--color-accent); }
.film-footer-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-footer-link { color: var(--color-text); text-decoration: none; }
.film-footer-link:hover { color: var(--color-accent); text-decoration: none; }
.film-footer-legal-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-footer-legal-link { color: var(--color-text); text-decoration: none; }
.film-footer-legal-link:hover { color: var(--color-accent); text-decoration: none; }
.film-footer-email { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.film-footer-email { color: var(--color-text); text-decoration: none; }
.film-footer-email:hover { color: var(--color-accent); text-decoration: none; }

.play-screen { background-color: var(--color-bg); color: var(--color-text); }
.play-bar { background: var(--glass-background-dense); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow-flat); }
.play-bar { border-bottom: none; }
.play-bar-back { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.play-bar-back { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-bar-back:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.play-bar-back-icon { color: var(--color-text); }
.play-bar-back:hover .play-bar-back-icon { color: var(--color-accent); }
.play-bar-poster { background: transparent; border-radius: var(--radius-thumb); box-shadow: none; }
.play-bar-chip-rizorro { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.play-bar-chip-rizorro { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-bar-chip-rizorro:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }
.play-bar-chip-rizorro { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-bar-chip-kp { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-bar-chip-imdb { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-bar-chip-kp { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); }
.play-bar-chip-imdb { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); }
.play-shared-button { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.play-shared-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-shared-button:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }
.play-retry-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.play-retry-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-retry-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }

.play-panel { background: var(--glass-background); color: var(--color-text); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); border-radius: var(--radius-panel); box-shadow: var(--glass-shadow); }
.play-panel-close { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.play-panel-close { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-panel-close:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.play-panel-close-icon { color: var(--color-text); }
.play-panel-close:hover .play-panel-close-icon { color: var(--color-accent); }
.play-start-button { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.play-start-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-start-button:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }
.play-stop-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.play-stop-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-stop-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.play-link-field { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.play-link-input { background-color: transparent; color: var(--color-text); }
.play-link-input { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-copy-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.play-copy-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-copy-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.play-copy-icon { color: var(--color-text); }
.play-copy-button:hover .play-copy-icon { color: var(--color-accent); }
.play-chat-log { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-chat-log { color: var(--color-text); }
.play-chat-field { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.play-chat-input { background-color: transparent; color: var(--color-text); }
.play-chat-input { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-chat-input::placeholder { color: var(--color-text-muted); }
.play-chat-send { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.play-chat-send { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.play-chat-send:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.play-chat-send-icon { color: var(--color-text); }
.play-chat-send:hover .play-chat-send-icon { color: var(--color-accent); }

.favorites-header { background: var(--glass-background-dense); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow-flat); }
.favorites-header { border-bottom: none; }
.favorites-header-logo { color: var(--color-text); }
.favorites-header-logo-icon { color: var(--color-text); }
.favorites-header-logo:hover .favorites-header-logo-icon { opacity: 0.7; }
.favorites-header-filters-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.favorites-header-filters-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-header-filters-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.favorites-header-filters-icon { color: var(--color-text); }
.favorites-header-filters-button:hover .favorites-header-filters-icon { color: var(--color-accent); }
.favorites-header-filters-panel { background: var(--glass-background); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.favorites-header-filters-panel { border-top: none; border-left: none; border-right: none; }
.favorites-header-search { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-field); border: none; box-shadow: none; }
.favorites-header-search:focus-within { box-shadow: none; }
.favorites-header-search-icon { color: var(--color-text); }
.favorites-header-search-input { background: transparent; color: var(--color-text); }
.favorites-header-search-input { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-header-search-input::placeholder { color: var(--color-text-muted); }
.favorites-header-search-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.favorites-header-search-result { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.favorites-header-search-result:hover { background-color: var(--color-ink); color: var(--color-text); }
.favorites-header-search-result-poster { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.favorites-header-search-more { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.favorites-header-search-more { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-header-search-more:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.favorites-header-auth-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.favorites-header-auth-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-header-auth-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.favorites-header-profile-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.favorites-header-profile-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-header-profile-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.favorites-header-profile-icon { color: var(--color-text); }
.favorites-header-profile-button:hover .favorites-header-profile-icon { color: var(--color-accent); }
.favorites-header-profile-chevron { color: var(--color-text); }
.favorites-header-profile-button:hover .favorites-header-profile-chevron { color: var(--color-accent); }
.favorites-header-profile-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.favorites-header-profile-head { border-bottom: none; }
.favorites-header-profile-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-header-profile-link { color: var(--color-text); text-decoration: none; }
.favorites-header-profile-link:hover { color: var(--color-accent); text-decoration: none; }
.favorites-header-profile-link { border-bottom: none; }
.favorites-header-profile-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.favorites-header-profile-link-icon { color: var(--color-text); }
.favorites-header-profile-link:hover .favorites-header-profile-link-icon { color: var(--color-accent); }
.favorites-header-profile-logout { background: transparent; color: var(--color-text); border: none; }
.favorites-header-profile-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.favorites-header-profile-logout-icon { color: var(--color-text); }
.favorites-header-profile-logout:hover .favorites-header-profile-logout-icon { color: var(--color-accent); }
.favorites-header-menu-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.favorites-header-menu-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-header-menu-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.favorites-header-menu-icon { color: var(--color-text); }
.favorites-header-menu-button:hover .favorites-header-menu-icon { color: var(--color-accent); }
.favorites-header-menu-overlay { background-color: var(--color-overlay); }
.favorites-header-menu-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.favorites-header-menu-close { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.favorites-header-menu-close { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-header-menu-close:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.favorites-header-menu-close-icon { color: var(--color-text); }
.favorites-header-menu-close:hover .favorites-header-menu-close-icon { color: var(--color-accent); }
.favorites-header-menu-auth { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.favorites-header-menu-auth { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-header-menu-auth:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.favorites-header-menu-account { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.favorites-header-menu-account-head { border-bottom: none; }
.favorites-header-menu-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-header-menu-link { color: var(--color-text); text-decoration: none; }
.favorites-header-menu-link:hover { color: var(--color-accent); text-decoration: none; }
.favorites-header-menu-link { border-bottom: none; }
.favorites-header-menu-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.favorites-header-menu-link-icon { color: var(--color-text); }
.favorites-header-menu-link:hover .favorites-header-menu-link-icon { color: var(--color-accent); }
.favorites-header-menu-logout { background: transparent; color: var(--color-text); border: none; }
.favorites-header-menu-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.favorites-header-menu-logout-icon { color: var(--color-text); }
.favorites-header-menu-logout:hover .favorites-header-menu-logout-icon { color: var(--color-accent); }
.favorites-header-filters-panel { overflow: hidden; background: var(--glass-background-dense); }
.favorites-header-profile-panel { overflow: hidden; background: var(--glass-background-dense); }
.favorites-header-menu-panel { overflow: hidden; background: var(--glass-background-dense); }
.favorites-header-search-panel { overflow: hidden; background: var(--glass-background-dense); }

.favorites-filters-column { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.favorites-filters-option { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-filters-option { color: var(--color-text); background-color: transparent; }
.favorites-filters-option:hover { text-decoration: underline; }
.favorites-filters-card { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.favorites-filters-card { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-filters-card:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.favorites-filters-year-field { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.favorites-filters-year-input { background-color: transparent; color: var(--color-text); }
.favorites-filters-reset { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.favorites-filters-reset { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-filters-reset:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.favorites-filters-submit { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.favorites-filters-submit { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-filters-submit:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }

.favorites-card { color: var(--color-text); text-decoration: none; }
.favorites-card-title { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-card-meta { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-card-poster { background: transparent; border-radius: var(--radius-card); box-shadow: none; }
.favorites-card:hover .favorites-card-poster { opacity: 0.85; }
.favorites-card-rating { background: var(--color-accent); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.favorites-card-rating { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }

.favorites-title { font-family: var(--font-family); font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-notice { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.favorites-signin-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.favorites-signin-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.favorites-signin-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-signin-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }

.favorites-footer { background-color: var(--color-bg); color: var(--color-text); border-top: none; }
.favorites-footer-logo { color: var(--color-text); }
.favorites-footer-social { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.favorites-footer-social { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-footer-social:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.favorites-footer-social-icon { color: var(--color-text); }
.favorites-footer-social:hover .favorites-footer-social-icon { color: var(--color-accent); }
.favorites-footer-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-footer-link { color: var(--color-text); text-decoration: none; }
.favorites-footer-link:hover { color: var(--color-accent); text-decoration: none; }
.favorites-footer-legal-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-footer-legal-link { color: var(--color-text); text-decoration: none; }
.favorites-footer-legal-link:hover { color: var(--color-accent); text-decoration: none; }
.favorites-footer-email { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.favorites-footer-email { color: var(--color-text); text-decoration: none; }
.favorites-footer-email:hover { color: var(--color-accent); text-decoration: none; }

.subscription-header { background: var(--glass-background-dense); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow-flat); }
.subscription-header { border-bottom: none; }
.subscription-header-logo { color: var(--color-text); }
.subscription-header-logo-icon { color: var(--color-text); }
.subscription-header-logo:hover .subscription-header-logo-icon { opacity: 0.7; }
.subscription-header-filters-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.subscription-header-filters-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-header-filters-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.subscription-header-filters-icon { color: var(--color-text); }
.subscription-header-filters-button:hover .subscription-header-filters-icon { color: var(--color-accent); }
.subscription-header-filters-panel { background: var(--glass-background); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.subscription-header-filters-panel { border-top: none; border-left: none; border-right: none; }
.subscription-header-search { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-field); border: none; box-shadow: none; }
.subscription-header-search:focus-within { box-shadow: none; }
.subscription-header-search-icon { color: var(--color-text); }
.subscription-header-search-input { background: transparent; color: var(--color-text); }
.subscription-header-search-input { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-header-search-input::placeholder { color: var(--color-text-muted); }
.subscription-header-search-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.subscription-header-search-result { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.subscription-header-search-result:hover { background-color: var(--color-ink); color: var(--color-text); }
.subscription-header-search-result-poster { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.subscription-header-search-more { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.subscription-header-search-more { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-header-search-more:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.subscription-header-auth-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.subscription-header-auth-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-header-auth-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.subscription-header-profile-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.subscription-header-profile-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-header-profile-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.subscription-header-profile-icon { color: var(--color-text); }
.subscription-header-profile-button:hover .subscription-header-profile-icon { color: var(--color-accent); }
.subscription-header-profile-chevron { color: var(--color-text); }
.subscription-header-profile-button:hover .subscription-header-profile-chevron { color: var(--color-accent); }
.subscription-header-profile-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.subscription-header-profile-head { border-bottom: none; }
.subscription-header-profile-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-header-profile-link { color: var(--color-text); text-decoration: none; }
.subscription-header-profile-link:hover { color: var(--color-accent); text-decoration: none; }
.subscription-header-profile-link { border-bottom: none; }
.subscription-header-profile-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.subscription-header-profile-link-icon { color: var(--color-text); }
.subscription-header-profile-link:hover .subscription-header-profile-link-icon { color: var(--color-accent); }
.subscription-header-profile-logout { background: transparent; color: var(--color-text); border: none; }
.subscription-header-profile-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.subscription-header-profile-logout-icon { color: var(--color-text); }
.subscription-header-profile-logout:hover .subscription-header-profile-logout-icon { color: var(--color-accent); }
.subscription-header-menu-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.subscription-header-menu-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-header-menu-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.subscription-header-menu-icon { color: var(--color-text); }
.subscription-header-menu-button:hover .subscription-header-menu-icon { color: var(--color-accent); }
.subscription-header-menu-overlay { background-color: var(--color-overlay); }
.subscription-header-menu-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.subscription-header-menu-close { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.subscription-header-menu-close { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-header-menu-close:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.subscription-header-menu-close-icon { color: var(--color-text); }
.subscription-header-menu-close:hover .subscription-header-menu-close-icon { color: var(--color-accent); }
.subscription-header-menu-auth { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.subscription-header-menu-auth { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-header-menu-auth:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.subscription-header-menu-account { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.subscription-header-menu-account-head { border-bottom: none; }
.subscription-header-menu-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-header-menu-link { color: var(--color-text); text-decoration: none; }
.subscription-header-menu-link:hover { color: var(--color-accent); text-decoration: none; }
.subscription-header-menu-link { border-bottom: none; }
.subscription-header-menu-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.subscription-header-menu-link-icon { color: var(--color-text); }
.subscription-header-menu-link:hover .subscription-header-menu-link-icon { color: var(--color-accent); }
.subscription-header-menu-logout { background: transparent; color: var(--color-text); border: none; }
.subscription-header-menu-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.subscription-header-menu-logout-icon { color: var(--color-text); }
.subscription-header-menu-logout:hover .subscription-header-menu-logout-icon { color: var(--color-accent); }
.subscription-header-filters-panel { overflow: hidden; background: var(--glass-background-dense); }
.subscription-header-profile-panel { overflow: hidden; background: var(--glass-background-dense); }
.subscription-header-menu-panel { overflow: hidden; background: var(--glass-background-dense); }
.subscription-header-search-panel { overflow: hidden; background: var(--glass-background-dense); }

.subscription-filters-column { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.subscription-filters-option { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-filters-option { color: var(--color-text); background-color: transparent; }
.subscription-filters-option:hover { text-decoration: underline; }
.subscription-filters-card { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.subscription-filters-card { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-filters-card:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.subscription-filters-year-field { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.subscription-filters-year-input { background-color: transparent; color: var(--color-text); }
.subscription-filters-reset { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.subscription-filters-reset { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-filters-reset:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.subscription-filters-submit { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.subscription-filters-submit { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-filters-submit:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }

.subscription-title { font-family: var(--font-family); font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-notice { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.subscription-signin-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.subscription-signin-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.subscription-signin-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-signin-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.subscription-section-title { font-family: var(--font-family); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: 0.04em; text-transform: uppercase; }
.subscription-buy-button { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.subscription-buy-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-buy-button:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }
.subscription-purchase-error { color: var(--color-accent); }
.subscription-deposit-card { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.subscription-deposit-field { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-field); border: none; box-shadow: none; }
.subscription-deposit-input { background: transparent; color: var(--color-text); }
.subscription-deposit-input { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-deposit-copy { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.subscription-deposit-copy { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-deposit-copy:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.subscription-deposit-copy-icon { color: var(--color-text); }
.subscription-deposit-copy:hover .subscription-deposit-copy-icon { color: var(--color-accent); }
.subscription-deposit-item { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-card); border: none; box-shadow: none; }

.subscription-topup-button { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.subscription-topup-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-topup-button:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }
.subscription-topup-icon { color: var(--color-accent-ink); }
.subscription-modal-overlay { background-color: rgba(4, 16, 12, 0.72); }
.subscription-modal { background: var(--glass-background-dense); color: var(--color-text); border-radius: var(--radius-panel); box-shadow: none; }
.subscription-modal-title { font-family: var(--font-family); font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-modal-close { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.subscription-modal-close { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-modal-close:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.subscription-modal-close-icon { color: var(--color-text); }
.subscription-modal-close:hover .subscription-modal-close-icon { color: var(--color-accent); }
.subscription-access-card { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.subscription-product-card { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.subscription-history-item { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }

.subscription-footer { background-color: var(--color-bg); color: var(--color-text); border-top: none; }
.subscription-footer-logo { color: var(--color-text); }
.subscription-footer-social { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.subscription-footer-social { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-footer-social:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.subscription-footer-social-icon { color: var(--color-text); }
.subscription-footer-social:hover .subscription-footer-social-icon { color: var(--color-accent); }
.subscription-footer-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-footer-link { color: var(--color-text); text-decoration: none; }
.subscription-footer-link:hover { color: var(--color-accent); text-decoration: none; }
.subscription-footer-legal-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-footer-legal-link { color: var(--color-text); text-decoration: none; }
.subscription-footer-legal-link:hover { color: var(--color-accent); text-decoration: none; }
.subscription-footer-email { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.subscription-footer-email { color: var(--color-text); text-decoration: none; }
.subscription-footer-email:hover { color: var(--color-accent); text-decoration: none; }

.auth-header { background: var(--glass-background-dense); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow-flat); }
.auth-header { border-bottom: none; }
.auth-header-logo { color: var(--color-text); }
.auth-header-logo-icon { color: var(--color-text); }
.auth-header-logo:hover .auth-header-logo-icon { opacity: 0.7; }
.auth-header-filters-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.auth-header-filters-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-header-filters-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.auth-header-filters-icon { color: var(--color-text); }
.auth-header-filters-button:hover .auth-header-filters-icon { color: var(--color-accent); }
.auth-header-filters-panel { background: var(--glass-background); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.auth-header-filters-panel { border-top: none; border-left: none; border-right: none; }
.auth-header-search { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-field); border: none; box-shadow: none; }
.auth-header-search:focus-within { box-shadow: none; }
.auth-header-search-icon { color: var(--color-text); }
.auth-header-search-input { background: transparent; color: var(--color-text); }
.auth-header-search-input { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-header-search-input::placeholder { color: var(--color-text-muted); }
.auth-header-search-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.auth-header-search-result { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.auth-header-search-result:hover { background-color: var(--color-ink); color: var(--color-text); }
.auth-header-search-result-poster { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.auth-header-search-more { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.auth-header-search-more { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-header-search-more:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.auth-header-auth-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.auth-header-auth-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-header-auth-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.auth-header-profile-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.auth-header-profile-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-header-profile-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.auth-header-profile-icon { color: var(--color-text); }
.auth-header-profile-button:hover .auth-header-profile-icon { color: var(--color-accent); }
.auth-header-profile-chevron { color: var(--color-text); }
.auth-header-profile-button:hover .auth-header-profile-chevron { color: var(--color-accent); }
.auth-header-profile-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.auth-header-profile-head { border-bottom: none; }
.auth-header-profile-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-header-profile-link { color: var(--color-text); text-decoration: none; }
.auth-header-profile-link:hover { color: var(--color-accent); text-decoration: none; }
.auth-header-profile-link { border-bottom: none; }
.auth-header-profile-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.auth-header-profile-link-icon { color: var(--color-text); }
.auth-header-profile-link:hover .auth-header-profile-link-icon { color: var(--color-accent); }
.auth-header-profile-logout { background: transparent; color: var(--color-text); border: none; }
.auth-header-profile-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.auth-header-profile-logout-icon { color: var(--color-text); }
.auth-header-profile-logout:hover .auth-header-profile-logout-icon { color: var(--color-accent); }
.auth-header-menu-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.auth-header-menu-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-header-menu-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.auth-header-menu-icon { color: var(--color-text); }
.auth-header-menu-button:hover .auth-header-menu-icon { color: var(--color-accent); }
.auth-header-menu-overlay { background-color: var(--color-overlay); }
.auth-header-menu-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.auth-header-menu-close { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.auth-header-menu-close { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-header-menu-close:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.auth-header-menu-close-icon { color: var(--color-text); }
.auth-header-menu-close:hover .auth-header-menu-close-icon { color: var(--color-accent); }
.auth-header-menu-auth { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.auth-header-menu-auth { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-header-menu-auth:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.auth-header-menu-account { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.auth-header-menu-account-head { border-bottom: none; }
.auth-header-menu-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-header-menu-link { color: var(--color-text); text-decoration: none; }
.auth-header-menu-link:hover { color: var(--color-accent); text-decoration: none; }
.auth-header-menu-link { border-bottom: none; }
.auth-header-menu-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.auth-header-menu-link-icon { color: var(--color-text); }
.auth-header-menu-link:hover .auth-header-menu-link-icon { color: var(--color-accent); }
.auth-header-menu-logout { background: transparent; color: var(--color-text); border: none; }
.auth-header-menu-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.auth-header-menu-logout-icon { color: var(--color-text); }
.auth-header-menu-logout:hover .auth-header-menu-logout-icon { color: var(--color-accent); }
.auth-header-filters-panel { overflow: hidden; background: var(--glass-background-dense); }
.auth-header-profile-panel { overflow: hidden; background: var(--glass-background-dense); }
.auth-header-menu-panel { overflow: hidden; background: var(--glass-background-dense); }
.auth-header-search-panel { overflow: hidden; background: var(--glass-background-dense); }

.auth-filters-column { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.auth-filters-option { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-filters-option { color: var(--color-text); background-color: transparent; }
.auth-filters-option:hover { text-decoration: underline; }
.auth-filters-card { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.auth-filters-card { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-filters-card:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.auth-filters-year-field { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.auth-filters-year-input { background-color: transparent; color: var(--color-text); }
.auth-filters-reset { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.auth-filters-reset { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-filters-reset:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.auth-filters-submit { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.auth-filters-submit { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-filters-submit:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }

.auth-title { font-family: var(--font-family); font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-notice { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.auth-signin-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.auth-signin-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.auth-signin-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-signin-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.auth-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.auth-login-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.auth-login-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-login-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }

.auth-footer { background-color: var(--color-bg); color: var(--color-text); border-top: none; }
.auth-footer-logo { color: var(--color-text); }
.auth-footer-social { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.auth-footer-social { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-footer-social:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.auth-footer-social-icon { color: var(--color-text); }
.auth-footer-social:hover .auth-footer-social-icon { color: var(--color-accent); }
.auth-footer-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-footer-link { color: var(--color-text); text-decoration: none; }
.auth-footer-link:hover { color: var(--color-accent); text-decoration: none; }
.auth-footer-legal-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-footer-legal-link { color: var(--color-text); text-decoration: none; }
.auth-footer-legal-link:hover { color: var(--color-accent); text-decoration: none; }
.auth-footer-email { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.auth-footer-email { color: var(--color-text); text-decoration: none; }
.auth-footer-email:hover { color: var(--color-accent); text-decoration: none; }

.legal-header { background: var(--glass-background-dense); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow-flat); }
.legal-header { border-bottom: none; }
.legal-header-logo { color: var(--color-text); }
.legal-header-logo-icon { color: var(--color-text); }
.legal-header-logo:hover .legal-header-logo-icon { opacity: 0.7; }
.legal-header-filters-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.legal-header-filters-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-header-filters-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.legal-header-filters-icon { color: var(--color-text); }
.legal-header-filters-button:hover .legal-header-filters-icon { color: var(--color-accent); }
.legal-header-filters-panel { background: var(--glass-background); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.legal-header-filters-panel { border-top: none; border-left: none; border-right: none; }
.legal-header-search { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-field); border: none; box-shadow: none; }
.legal-header-search:focus-within { box-shadow: none; }
.legal-header-search-icon { color: var(--color-text); }
.legal-header-search-input { background: transparent; color: var(--color-text); }
.legal-header-search-input { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-header-search-input::placeholder { color: var(--color-text-muted); }
.legal-header-search-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.legal-header-search-result { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.legal-header-search-result:hover { background-color: var(--color-ink); color: var(--color-text); }
.legal-header-search-result-poster { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.legal-header-search-more { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.legal-header-search-more { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-header-search-more:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.legal-header-auth-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.legal-header-auth-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-header-auth-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.legal-header-profile-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.legal-header-profile-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-header-profile-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.legal-header-profile-icon { color: var(--color-text); }
.legal-header-profile-button:hover .legal-header-profile-icon { color: var(--color-accent); }
.legal-header-profile-chevron { color: var(--color-text); }
.legal-header-profile-button:hover .legal-header-profile-chevron { color: var(--color-accent); }
.legal-header-profile-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.legal-header-profile-head { border-bottom: none; }
.legal-header-profile-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-header-profile-link { color: var(--color-text); text-decoration: none; }
.legal-header-profile-link:hover { color: var(--color-accent); text-decoration: none; }
.legal-header-profile-link { border-bottom: none; }
.legal-header-profile-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.legal-header-profile-link-icon { color: var(--color-text); }
.legal-header-profile-link:hover .legal-header-profile-link-icon { color: var(--color-accent); }
.legal-header-profile-logout { background: transparent; color: var(--color-text); border: none; }
.legal-header-profile-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.legal-header-profile-logout-icon { color: var(--color-text); }
.legal-header-profile-logout:hover .legal-header-profile-logout-icon { color: var(--color-accent); }
.legal-header-menu-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.legal-header-menu-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-header-menu-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.legal-header-menu-icon { color: var(--color-text); }
.legal-header-menu-button:hover .legal-header-menu-icon { color: var(--color-accent); }
.legal-header-menu-overlay { background-color: var(--color-overlay); }
.legal-header-menu-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.legal-header-menu-close { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.legal-header-menu-close { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-header-menu-close:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.legal-header-menu-close-icon { color: var(--color-text); }
.legal-header-menu-close:hover .legal-header-menu-close-icon { color: var(--color-accent); }
.legal-header-menu-auth { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.legal-header-menu-auth { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-header-menu-auth:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.legal-header-menu-account { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.legal-header-menu-account-head { border-bottom: none; }
.legal-header-menu-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-header-menu-link { color: var(--color-text); text-decoration: none; }
.legal-header-menu-link:hover { color: var(--color-accent); text-decoration: none; }
.legal-header-menu-link { border-bottom: none; }
.legal-header-menu-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.legal-header-menu-link-icon { color: var(--color-text); }
.legal-header-menu-link:hover .legal-header-menu-link-icon { color: var(--color-accent); }
.legal-header-menu-logout { background: transparent; color: var(--color-text); border: none; }
.legal-header-menu-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.legal-header-menu-logout-icon { color: var(--color-text); }
.legal-header-menu-logout:hover .legal-header-menu-logout-icon { color: var(--color-accent); }
.legal-header-filters-panel { overflow: hidden; background: var(--glass-background-dense); }
.legal-header-profile-panel { overflow: hidden; background: var(--glass-background-dense); }
.legal-header-menu-panel { overflow: hidden; background: var(--glass-background-dense); }
.legal-header-search-panel { overflow: hidden; background: var(--glass-background-dense); }

.legal-filters-column { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.legal-filters-option { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-filters-option { color: var(--color-text); background-color: transparent; }
.legal-filters-option:hover { text-decoration: underline; }
.legal-filters-card { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.legal-filters-card { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-filters-card:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.legal-filters-year-field { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.legal-filters-year-input { background-color: transparent; color: var(--color-text); }
.legal-filters-reset { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.legal-filters-reset { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-filters-reset:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.legal-filters-submit { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.legal-filters-submit { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-filters-submit:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }

.legal-title { font-family: var(--font-family); font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-notice { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.legal-signin-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.legal-signin-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.legal-signin-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-signin-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.legal-section-title { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }

.legal-footer { background-color: var(--color-bg); color: var(--color-text); border-top: none; }
.legal-footer-logo { color: var(--color-text); }
.legal-footer-social { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.legal-footer-social { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-footer-social:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.legal-footer-social-icon { color: var(--color-text); }
.legal-footer-social:hover .legal-footer-social-icon { color: var(--color-accent); }
.legal-footer-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-footer-link { color: var(--color-text); text-decoration: none; }
.legal-footer-link:hover { color: var(--color-accent); text-decoration: none; }
.legal-footer-legal-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-footer-legal-link { color: var(--color-text); text-decoration: none; }
.legal-footer-legal-link:hover { color: var(--color-accent); text-decoration: none; }
.legal-footer-email { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.legal-footer-email { color: var(--color-text); text-decoration: none; }
.legal-footer-email:hover { color: var(--color-accent); text-decoration: none; }

.notfound-header { background: var(--glass-background-dense); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow-flat); }
.notfound-header { border-bottom: none; }
.notfound-header-logo { color: var(--color-text); }
.notfound-header-logo-icon { color: var(--color-text); }
.notfound-header-logo:hover .notfound-header-logo-icon { opacity: 0.7; }
.notfound-header-filters-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.notfound-header-filters-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-header-filters-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.notfound-header-filters-icon { color: var(--color-text); }
.notfound-header-filters-button:hover .notfound-header-filters-icon { color: var(--color-accent); }
.notfound-header-filters-panel { background: var(--glass-background); color: var(--color-text); border-radius: 0px; border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.notfound-header-filters-panel { border-top: none; border-left: none; border-right: none; }
.notfound-header-search { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-field); border: none; box-shadow: none; }
.notfound-header-search:focus-within { box-shadow: none; }
.notfound-header-search-icon { color: var(--color-text); }
.notfound-header-search-input { background: transparent; color: var(--color-text); }
.notfound-header-search-input { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-header-search-input::placeholder { color: var(--color-text-muted); }
.notfound-header-search-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.notfound-header-search-result { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.notfound-header-search-result:hover { background-color: var(--color-ink); color: var(--color-text); }
.notfound-header-search-result-poster { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.notfound-header-search-more { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.notfound-header-search-more { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-header-search-more:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.notfound-header-auth-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.notfound-header-auth-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-header-auth-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.notfound-header-profile-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.notfound-header-profile-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-header-profile-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.notfound-header-profile-icon { color: var(--color-text); }
.notfound-header-profile-button:hover .notfound-header-profile-icon { color: var(--color-accent); }
.notfound-header-profile-chevron { color: var(--color-text); }
.notfound-header-profile-button:hover .notfound-header-profile-chevron { color: var(--color-accent); }
.notfound-header-profile-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.notfound-header-profile-head { border-bottom: none; }
.notfound-header-profile-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-header-profile-link { color: var(--color-text); text-decoration: none; }
.notfound-header-profile-link:hover { color: var(--color-accent); text-decoration: none; }
.notfound-header-profile-link { border-bottom: none; }
.notfound-header-profile-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.notfound-header-profile-link-icon { color: var(--color-text); }
.notfound-header-profile-link:hover .notfound-header-profile-link-icon { color: var(--color-accent); }
.notfound-header-profile-logout { background: transparent; color: var(--color-text); border: none; }
.notfound-header-profile-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.notfound-header-profile-logout-icon { color: var(--color-text); }
.notfound-header-profile-logout:hover .notfound-header-profile-logout-icon { color: var(--color-accent); }
.notfound-header-menu-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.notfound-header-menu-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-header-menu-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.notfound-header-menu-icon { color: var(--color-text); }
.notfound-header-menu-button:hover .notfound-header-menu-icon { color: var(--color-accent); }
.notfound-header-menu-overlay { background-color: var(--color-overlay); }
.notfound-header-menu-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.notfound-header-menu-close { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.notfound-header-menu-close { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-header-menu-close:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.notfound-header-menu-close-icon { color: var(--color-text); }
.notfound-header-menu-close:hover .notfound-header-menu-close-icon { color: var(--color-accent); }
.notfound-header-menu-auth { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.notfound-header-menu-auth { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-header-menu-auth:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.notfound-header-menu-account { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.notfound-header-menu-account-head { border-bottom: none; }
.notfound-header-menu-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-header-menu-link { color: var(--color-text); text-decoration: none; }
.notfound-header-menu-link:hover { color: var(--color-accent); text-decoration: none; }
.notfound-header-menu-link { border-bottom: none; }
.notfound-header-menu-link:hover { background: var(--color-surface-2); color: var(--color-accent); text-decoration: none; }
.notfound-header-menu-link-icon { color: var(--color-text); }
.notfound-header-menu-link:hover .notfound-header-menu-link-icon { color: var(--color-accent); }
.notfound-header-menu-logout { background: transparent; color: var(--color-text); border: none; }
.notfound-header-menu-logout:hover { background: var(--color-surface-2); color: var(--color-accent); }
.notfound-header-menu-logout-icon { color: var(--color-text); }
.notfound-header-menu-logout:hover .notfound-header-menu-logout-icon { color: var(--color-accent); }
.notfound-header-filters-panel { overflow: hidden; background: var(--glass-background-dense); }
.notfound-header-profile-panel { overflow: hidden; background: var(--glass-background-dense); }
.notfound-header-menu-panel { overflow: hidden; background: var(--glass-background-dense); }
.notfound-header-search-panel { overflow: hidden; background: var(--glass-background-dense); }

.notfound-filters-column { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.notfound-filters-option { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-filters-option { color: var(--color-text); background-color: transparent; }
.notfound-filters-option:hover { text-decoration: underline; }
.notfound-filters-card { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.notfound-filters-card { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-filters-card:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.notfound-filters-year-field { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.notfound-filters-year-input { background-color: transparent; color: var(--color-text); }
.notfound-filters-reset { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.notfound-filters-reset { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-filters-reset:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.notfound-filters-submit { background: linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-strong) 100%); color: var(--color-accent-ink); border: none; border-radius: var(--radius-button); box-shadow: none; }
.notfound-filters-submit { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-filters-submit:hover { background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; }

.notfound-title { font-family: var(--font-family); font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-notice { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-panel); border: none; box-shadow: none; }
.notfound-signin-panel { background: var(--glass-background); color: var(--color-text); border-radius: var(--radius-panel); border: none; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: var(--glass-shadow); }
.notfound-signin-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.notfound-signin-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-signin-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.notfound-home-button { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.notfound-home-button { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-home-button:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }

.notfound-footer { background-color: var(--color-bg); color: var(--color-text); border-top: none; }
.notfound-footer-logo { color: var(--color-text); }
.notfound-footer-social { background: var(--color-surface); color: var(--color-text); border-radius: var(--radius-button); border: none; box-shadow: none; }
.notfound-footer-social { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-footer-social:hover { background: var(--color-surface-2); color: var(--color-accent); box-shadow: none; }
.notfound-footer-social-icon { color: var(--color-text); }
.notfound-footer-social:hover .notfound-footer-social-icon { color: var(--color-accent); }
.notfound-footer-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-footer-link { color: var(--color-text); text-decoration: none; }
.notfound-footer-link:hover { color: var(--color-accent); text-decoration: none; }
.notfound-footer-legal-link { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-footer-legal-link { color: var(--color-text); text-decoration: none; }
.notfound-footer-legal-link:hover { color: var(--color-accent); text-decoration: none; }
.notfound-footer-email { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-regular); line-height: normal; letter-spacing: normal; text-transform: none; }
.notfound-footer-email { color: var(--color-text); text-decoration: none; }
.notfound-footer-email:hover { color: var(--color-accent); text-decoration: none; }