*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--text-primary:#000000;--text-secondary:#666666;--text-tertiary:#999999;--border-color:#eaeaea;--accent-color:#000000;--accent-hover:#333333;--success-color:#00d4aa;--warning-color:#f5a623;--error-color:#e00;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease}[data-theme=dark]{--bg-primary:#000000;--bg-secondary:#111111;--bg-tertiary:#1a1a1a;--text-primary:#ffffff;--text-secondary:#d4d4d4;--text-tertiary:#a3a3a3;--border-color:#262626;--accent-color:#ffffff;--accent-hover:#e5e5e5;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.3),0 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.3),0 4px 6px -2px rgba(0, 0, 0, 0.2)}@media (prefers-contrast:high){:root{--border-color:#000000;--text-secondary:#000000;--text-tertiary:#333333}[data-theme=dark]{--border-color:#ffffff;--text-secondary:#ffffff;--text-tertiary:#cccccc}}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}html{font-size:16px;scroll-behavior:smooth}.skip-link{position:absolute;top:-100px;left:6px;background:var(--accent-color);color:var(--bg-primary);padding:8px 12px;text-decoration:none;border-radius:4px;z-index:1000;font-size:.875rem;font-weight:600;line-height:1.4;letter-spacing:-.01em;transition:top .3s ease;opacity:0;pointer-events:none}.skip-link:focus{top:6px;opacity:1;pointer-events:auto}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:'rlig' 1,'calt' 1}button,input,select,textarea{font-family:inherit}.filter-text{font-family:inherit}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 0 var(--border-color);transition:background-color .2s ease;width:100%}[data-theme=dark] .header{background:rgba(0,0,0,.8)}.header-content{width:100%;margin:0;padding:var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}@media (min-width:1024px){.header-content{width:100%;margin:0;padding:var(--space-md) var(--space-xl)}.main:has(.sidebar.closed) .header-content{max-width:1400px;margin:0 auto;padding:var(--space-md) var(--space-xl)}}@media (min-width:1440px){.main:has(.sidebar.closed) .header-content{max-width:1600px}}@media (min-width:1920px){.main:has(.sidebar.closed) .header-content{max-width:1800px}}.logo-section{flex-shrink:0}.logo-link{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--text-primary);transition:opacity var(--transition-fast)}.logo-link:hover{opacity:.8}@media (max-width:768px){.logo-link:focus{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:4px}}.logo-icon{width:24px;height:24px;color:var(--accent-color)}.logo-text{font-size:1.375rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.search-section{flex:1;max-width:500px;display:flex;justify-content:center}.search-container{position:relative;width:100%}.search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;height:44px;padding:0 12px 0 40px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-weight:400;line-height:1.4;letter-spacing:-.01em;transition:all .15s ease;box-shadow:none}@media (max-width:768px){.search-input:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(0,0,0,.1)}}@media (min-width:769px){.search-input:focus{outline:0;border-color:var(--border-color);box-shadow:none}}.search-input:hover{border-color:var(--text-tertiary)}@media (max-width:768px){.search-input:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}}@media (min-width:769px){.search-input:focus-visible{outline:0}}.search-input::placeholder{color:var(--text-tertiary)}.controls-section{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.search-toggle{display:none}.filter-buttons{display:flex;gap:0;background:var(--bg-secondary);padding:0;border-radius:6px;border:1px solid var(--border-color);transition:all .15s ease}.filter-group{margin-bottom:var(--space-md)}.filter-group:last-child{margin-bottom:0}@media (max-width:1023px){.filter-group{margin-bottom:var(--space-lg)}}.filter-buttons:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary)}.filter-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:0;border:none;border-radius:4px;background:0 0;color:var(--text-primary);font-size:.875rem;font-weight:500;line-height:1.4;letter-spacing:-.01em;cursor:pointer;transition:all .15s ease;white-space:nowrap;position:relative;height:44px;padding:0 16px;flex-shrink:0}.filter-btn:hover{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,.1)}@media (max-width:768px){.filter-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}}.filter-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width:768px){.filter-btn.active:focus{outline:2px solid var(--accent-color);outline-offset:2px}}.filter-count{background:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:8px;font-size:.75rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;min-width:20px;text-align:center;transition:all .2s ease;border:1px solid var(--border-color)}.filter-btn.active .filter-count{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 1px 2px rgba(0,0,0,.1)}.rating-filters .filter-text{font-size:.75rem;line-height:1}.rating-filters .filter-btn{min-width:60px;padding:0 12px}.year-filters .filter-btn{min-width:70px;padding:0 12px}.genre-filters .filter-btn{min-width:80px;padding:0 12px}.header .filter-buttons{display:flex;gap:0;background:var(--bg-secondary);padding:0;border-radius:6px;border:1px solid var(--border-color);transition:all .15s ease}@media (max-width:1024px){.header .filter-buttons{display:none}}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;position:relative}.sidebar-toggle:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-tertiary)}.sidebar-toggle.active:hover{background:var(--accent-color);border-color:var(--accent-color)}.sidebar-toggle svg{width:20px;height:20px;transition:transform .15s ease}.filter-count-badge{position:absolute;top:-6px;right:-6px;background:var(--accent-color);color:#fff;font-size:.75rem;font-weight:700;line-height:1;padding:4px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.2);border:2px solid var(--bg-primary);animation:badgePulse .3s ease-out;z-index:10}[data-theme=dark] .filter-count-badge{color:#000;box-shadow:0 2px 4px rgba(0,0,0,.4);border-color:var(--bg-primary)}[data-theme=light] .filter-count-badge{box-shadow:0 2px 4px rgba(0,0,0,.15);border-color:var(--bg-primary)}@keyframes badgePulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}[data-theme=dark] .sidebar-toggle svg{color:var(--text-secondary)}.sidebar-toggle.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}[data-theme=dark] .sidebar-toggle.active{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-tertiary)}.sidebar-toggle.active svg{transform:rotate(180deg)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;position:relative}.theme-toggle:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-tertiary)}@media (max-width:768px){.theme-toggle:focus{outline:2px solid var(--accent-color);outline-offset:2px}}.theme-icon{width:20px;height:20px;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.theme-toggle .theme-icon.sun-icon{display:block!important;transform:rotate(0) scale(1);color:#000!important;fill:#000000!important;opacity:1;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.theme-toggle .theme-icon.moon-icon{position:absolute;display:block;transform:rotate(180deg) scale(.8);opacity:0;transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark] .theme-toggle .theme-icon.sun-icon{display:block!important;transform:rotate(180deg) scale(.8);opacity:0}[data-theme=dark] .theme-toggle .theme-icon.moon-icon{display:block;transform:rotate(0) scale(1);color:#fff!important;fill:#ffffff!important;opacity:1}.main{min-height:calc(100vh - 80px);padding:var(--space-xl) 0}.content-filters{display:none;margin-bottom:var(--space-xl)}.mobile-type-filter{display:none}.content-filters .filter-buttons{display:flex;gap:var(--space-xs);background:var(--bg-secondary);padding:4px;border-radius:12px;border:1px solid var(--border-color);transition:all .15s ease;box-shadow:var(--shadow-sm)}.content-filters .filter-buttons:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary)}.content-filters .filter-btn{flex:1;justify-content:center;padding:12px 8px;font-size:.875rem;font-weight:600;border-radius:8px;transition:all .15s ease}.content-filters .filter-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.content-filters .filter-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(-1px)}.content-filters .filter-count{background:var(--bg-tertiary);color:var(--text-primary);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:8px}.content-filters .filter-btn.active .filter-count{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.main{display:grid;grid-template-columns:1fr;gap:0;min-height:calc(100vh - 80px);width:100%}.content-area{display:flex;flex-direction:column;min-height:calc(100vh - 80px);width:100%}.sidebar{position:fixed;top:80px;right:0;width:320px;height:calc(100vh - 80px);background:var(--bg-primary);border-left:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:100;transform:translateX(100%);transition:transform .3s ease-in-out;overflow:hidden}.sidebar.open{transform:translateX(0)}.sidebar-content{padding:var(--space-md) var(--space-lg) var(--space-lg) var(--space-lg);height:100%;display:flex;flex-direction:column;overflow-y:auto}.advanced-filters{display:flex;flex-direction:column;gap:var(--space-lg);height:100%}@media (min-width:1024px){.main{grid-template-columns:1fr 360px;gap:0}.content-area{padding-right:0}.sidebar{position:relative;top:0;right:0;width:360px;height:auto;transform:translateX(0);border-left:1px solid var(--border-color);box-shadow:none;z-index:auto}.sidebar.closed{transform:translateX(100%);position:fixed;top:80px;right:0;height:calc(100vh - 80px);box-shadow:var(--shadow-lg);z-index:100}.main:has(.sidebar.closed){grid-template-columns:1fr;justify-content:center}.main:has(.sidebar.closed) .content-area{max-width:1400px;margin:0 auto;padding:0 var(--space-xl)}.container{max-width:none;padding:0 var(--space-xl)}.content-grid{margin-bottom:0}}@media (min-width:1440px){.main{grid-template-columns:1fr 400px}.sidebar{width:400px}.main:has(.sidebar.closed){grid-template-columns:1fr;justify-content:center}.main:has(.sidebar.closed) .content-area{max-width:1600px;margin:0 auto;padding:0 var(--space-2xl)}.container{padding:0 var(--space-2xl)}}@media (min-width:1920px){.main{grid-template-columns:1fr 450px}.sidebar{width:450px}.main:has(.sidebar.closed){grid-template-columns:1fr;justify-content:center}.main:has(.sidebar.closed) .content-area{max-width:1800px;margin:0 auto;padding:0 3rem}.container{padding:0 3rem}}@media (max-width:1023px){.main{grid-template-columns:1fr}.sidebar{position:fixed;top:0;right:0;width:100%;height:100vh;z-index:1000;transform:translateX(100%)}.sidebar.open{transform:translateX(0)}.sidebar::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:-1}[data-theme=light] .sidebar::before{background:0 0}.sidebar-content{padding:var(--space-md) var(--space-lg) var(--space-lg) var(--space-lg)}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-section{margin-bottom:var(--space-lg)}.filter-section:last-child{margin-bottom:0}.filter-section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);text-transform:uppercase;line-height:1}.filter-icon{width:13px;height:13px;color:var(--text-secondary);flex-shrink:0}[data-theme=dark] .filter-icon{color:var(--text-primary)}.sorting-options{display:flex;flex-direction:column;gap:var(--space-sm)}.sorting-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;user-select:none;margin-left:-10px;margin-right:-10px}.sorting-option:hover{background:var(--bg-tertiary)}.sorting-radio{width:16px;height:16px;margin:0;accent-color:var(--accent-color)}[data-theme=dark] .sorting-radio{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--text-secondary);border-radius:50%;background-color:transparent;position:relative;cursor:pointer}[data-theme=dark] .sorting-radio:checked{border-color:var(--text-secondary);background-color:transparent}[data-theme=dark] .sorting-radio:checked::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background-color:#fff;transform:translate(-50%,-50%)}.sorting-text{font-size:.875rem;color:var(--text-primary);font-weight:500}.rating-checkboxes{display:flex;flex-direction:column;gap:var(--space-sm)}.rating-checkbox{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:8px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;margin-left:-10px;margin-right:-10px}.rating-checkbox:hover{background:var(--bg-tertiary)}.rating-checkbox input[type=checkbox]{display:none}.rating-checkbox .star-display{display:flex;gap:2px;font-size:1.2rem;color:#fbbf24;filter:grayscale(1);transition:all .15s ease}.rating-checkbox input[type=checkbox]:checked+.star-display{filter:grayscale(0);transform:scale(1.1)}.rating-checkbox .rating-text{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary)}.rating-checkbox .rating-count{background:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:8px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center;border:1px solid var(--border-color)}.rating-checkbox input[type=checkbox]:checked~.rating-count{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 1px 2px rgba(0,0,0,.1)}[data-theme=dark] .rating-checkbox .rating-count{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .rating-checkbox input[type=checkbox]:checked~.rating-count{background:var(--accent-color);color:var(--bg-primary);border-color:var(--accent-color)}.year-slider-container{padding:0}.year-range-sliders{position:relative;height:6px;background:var(--bg-tertiary);border-radius:3px;margin:var(--space-md) 0}.year-slider{position:absolute;top:0;left:0;width:100%;height:6px;border-radius:3px;background:0 0;outline:0;cursor:pointer;-webkit-appearance:none;appearance:none;pointer-events:none}.year-slider-min{z-index:2;pointer-events:auto}.year-slider-max{z-index:1;pointer-events:auto}.year-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:var(--shadow-sm);transition:all .15s ease;pointer-events:auto}.year-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.year-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:var(--shadow-sm);transition:all .15s ease;pointer-events:auto}.year-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.year-slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-top:var(--space-sm)}.year-slider-value{text-align:center;font-size:.875rem;font-weight:600;color:var(--text-primary);margin:var(--space-sm) 0;padding:var(--space-sm);background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.genre-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.genre-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease;user-select:none}.genre-tag:hover{background:var(--bg-secondary);border-color:var(--text-tertiary);transform:translateY(-1px)}.genre-tag input[type=checkbox]{display:none}.genre-tag input[type=checkbox]:checked{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.genre-tag input[type=checkbox]:checked+.genre-tag{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.genre-tag.checked{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.genre-tag .tag-count{background:rgba(255,255,255,.2);color:inherit;padding:2px 6px;border-radius:10px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.genre-tag:not(.checked) .tag-count{background:var(--bg-primary);color:var(--text-secondary)}.show-more-genres{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease;margin-top:var(--space-sm)}.show-more-genres:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary);transform:translateY(-1px)}.show-more-genres svg{width:16px;height:16px;transition:transform .15s ease}.show-more-genres.expanded svg{transform:rotate(180deg)}.genre-tags-expanded{display:none;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.genre-tags-expanded.show{display:flex;animation:slideDown .3s ease-out}.director-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.director-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--text-primary)}.director-tag:hover{background:var(--bg-secondary);border-color:var(--text-tertiary);transform:translateY(-1px)}.director-tag.checked{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.director-tag .tag-count{background:rgba(255,255,255,.2);color:inherit;padding:2px 6px;border-radius:10px;font-size:.75rem;font-weight:600}.director-tag:not(.checked) .tag-count{background:var(--bg-primary);color:var(--text-secondary)}.show-more-directors{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:0 0;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease;margin:var(--space-sm) var(--space-md)}.show-more-directors:hover{background:var(--bg-secondary);border-color:var(--text-tertiary);color:var(--text-primary)}.show-more-directors.expanded{background:var(--bg-secondary);border-color:var(--text-tertiary);color:var(--text-primary)}.director-tags-expanded{display:none;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.director-tags-expanded.show{display:flex;animation:slideDown .3s ease-out}.cast-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.cast-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--text-primary)}.cast-tag:hover{background:var(--bg-secondary);border-color:var(--text-tertiary);transform:translateY(-1px)}.cast-tag.checked{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.cast-tag .tag-count{background:rgba(255,255,255,.2);color:inherit;padding:2px 6px;border-radius:10px;font-size:.75rem;font-weight:600}.cast-tag:not(.checked) .tag-count{background:var(--bg-primary);color:var(--text-secondary)}.show-more-cast{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:0 0;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease;margin:var(--space-sm) var(--space-md)}.show-more-cast:hover{background:var(--bg-secondary);border-color:var(--text-tertiary);color:var(--text-primary)}.show-more-cast.expanded{background:var(--bg-secondary);border-color:var(--text-tertiary);color:var(--text-primary)}.cast-tags-expanded{display:none;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.cast-tags-expanded.show{display:flex;animation:slideDown .3s ease-out}.filter-panel-header{display:none;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-sm);background:var(--bg-primary);position:sticky;top:0;z-index:100;min-height:60px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.filter-panel-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.filter-panel-close{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);font-size:.875rem;font-weight:600;padding:0 16px;min-width:80px}.filter-panel-close:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.filter-panel-close:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.filter-panel-close.has-changes{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.filter-panel-close.has-changes:hover{background:var(--accent-hover);border-color:var(--accent-hover)}[data-theme=dark] .filter-panel-close.has-changes{background:var(--accent-color);color:#000;border-color:var(--accent-color)}[data-theme=dark] .filter-panel-close.has-changes:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#000}.filter-panel-close .close-text{margin-right:8px}.filter-panel-close .close-icon{width:18px;height:18px}.filter-panel-close svg{width:18px;height:18px}@media (max-width:1023px){.filter-panel-header{display:flex;padding:var(--space-sm) var(--space-lg);margin:0;position:sticky;top:0;left:0;right:0;width:100%;z-index:100;background:var(--bg-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-sizing:border-box}.filter-panel-close{display:flex}.year-slider-container{padding:0}}.filter-dropdown{position:relative;min-width:140px}.filter-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm)}.filter-dropdown-toggle:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary);transform:translateY(-1px)}.filter-dropdown-toggle[aria-expanded=true]{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.filter-label{flex:1;text-align:left}.filter-count{background:var(--bg-tertiary);color:var(--text-primary);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:8px;min-width:20px;text-align:center}.filter-dropdown-toggle[aria-expanded=true] .filter-count{background:rgba(255,255,255,.2);color:#fff}.dropdown-icon{width:16px;height:16px;margin-left:8px;transition:transform .15s ease}.filter-dropdown-toggle[aria-expanded=true] .dropdown-icon{transform:rotate(180deg)}.filter-dropdown-content{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);margin-top:4px;max-height:300px;overflow-y:auto;display:none}.filter-dropdown-content.show{display:block}.filter-search{padding:12px;border-bottom:1px solid var(--border-color)}.filter-search-input{width:100%;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;transition:all .15s ease}.filter-search-input:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.1)}.filter-options{padding:8px 0}.filter-option{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color .15s ease;font-size:.875rem}.filter-option:hover{background:var(--bg-secondary)}.filter-checkbox{margin-right:12px;width:16px;height:16px;accent-color:var(--accent-color)}.filter-option .filter-text{flex:1;color:var(--text-primary)}.filter-option .filter-count{background:var(--bg-tertiary);color:var(--text-secondary);padding:2px 6px;border-radius:8px;font-size:.75rem;font-weight:600;margin-left:8px}.clear-filters-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm)}.clear-filters-btn:hover{background:var(--bg-secondary);border-color:var(--text-tertiary);transform:translateY(-1px)}.clear-icon{width:16px;height:16px}.container{width:100%;margin:0;padding:0 var(--space-lg)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-secondary);text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl);width:100%}@media (min-width:1024px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-xl)}}@media (min-width:1440px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl)}}@media (min-width:1920px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-2xl)}}.movie-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;height:100%}.movie-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:var(--text-tertiary)}.movie-card:focus{outline:2px solid var(--accent-color);outline-offset:2px;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.movie-card:active{transform:translateY(0)}.movie-poster{position:relative;width:100%;aspect-ratio:2/3;background:var(--bg-secondary);overflow:hidden;border-radius:6px 6px 0 0;flex-shrink:0}.movie-poster img,.movie-poster picture{width:100%;height:100%;object-fit:cover;transition:all .4s cubic-bezier(.4, 0, .2, 1);filter:brightness(.95) contrast(1.05)}.movie-poster picture img{width:100%;height:100%;object-fit:cover}.movie-card:hover .movie-poster img,.movie-card:hover .movie-poster picture img{transform:scale(1.08);filter:brightness(1) contrast(1.1)}.movie-poster::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,transparent 60%,rgba(0,0,0,.1) 100%);pointer-events:none;transition:opacity .3s ease}.movie-card:hover .movie-poster::after{opacity:.8}.poster-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--bg-tertiary);color:var(--text-tertiary)}.poster-placeholder .placeholder-icon,.poster-placeholder svg{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.movie-rating{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.85);color:#fff;padding:8px 12px;border-radius:16px;font-size:.8125rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease}.movie-card:hover .movie-rating{background:rgba(0,0,0,.9);transform:scale(1.05)}.rating-stars{color:#f59e0b;filter:drop-shadow(0 0 2px rgba(245, 158, 11, .3));font-size:.9rem;letter-spacing:1px;line-height:1;display:inline-block}.rating-stars svg{fill:currentColor;stroke:currentColor;stroke-width:.5}.movie-rating[style*="background-color: #fbbc04"] .rating-stars{color:#fff!important;filter:none!important}.movie-rating[style*="#fbbc04"] .rating-stars{color:#fff!important;filter:none!important}.movie-type{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.15);color:var(--text-primary);padding:8px 12px;border-radius:16px;font-size:.6875rem;font-weight:600;line-height:1.2;letter-spacing:.025em;text-transform:uppercase;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease;display:flex;align-items:center;gap:6px}.movie-card:hover .movie-type{background:rgba(255,255,255,.25);transform:translateY(-1px)}.type-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.type-icon svg{width:100%;height:100%;fill:currentColor}.type-icon{width:16px;height:16px;color:currentColor}.type-text{font-size:.6875rem;font-weight:600;line-height:1.2;letter-spacing:.025em}[data-theme=dark] .movie-type{background:rgba(0,0,0,.3);color:var(--text-primary)}[data-theme=dark] .movie-card:hover .movie-type{background:rgba(0,0,0,.4)}.movie-type[style*=background]{transition:all .2s ease,background .3s ease,color .3s ease}.movie-type[style*=background]:hover{transform:translateY(-1px);filter:brightness(1.1)}.movie-type:not([style*=background]){opacity:1}.movie-type[style*=background] .type-text{font-weight:600;text-shadow:none}.movie-type[style*=background] .type-icon{filter:none}.movie-type[style*=background]{background:var(--adaptive-bg,rgba(255,255,255,.15))!important;color:var(--adaptive-text,var(--text-primary))!important}[data-theme=dark] .movie-type[style*=background]{background:var(--adaptive-bg,rgba(0,0,0,.3))!important;color:var(--adaptive-text,var(--text-primary))!important}.movie-info{padding:16px;background:var(--bg-primary);display:flex;flex-direction:column;height:100%}.movie-title-year{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;flex-wrap:wrap}.movie-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease;flex:1;min-width:0}.movie-card:hover .movie-title{color:var(--accent-color)}.movie-year{color:var(--text-tertiary);font-size:.8125rem;font-weight:500;line-height:1.3;letter-spacing:-.01em;margin:0;display:inline-block;background:var(--bg-tertiary);padding:4px 8px;border-radius:6px;border:1px solid var(--border-color);flex-shrink:0;white-space:nowrap}.movie-director{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;line-height:1.3;letter-spacing:-.01em;margin-bottom:8px}.movie-director svg{opacity:.7;flex-shrink:0}.movie-description{color:var(--text-secondary);font-size:.8125rem;font-weight:400;line-height:1.4;letter-spacing:-.01em;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.movie-meta{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;font-weight:400;line-height:1.3;letter-spacing:-.01em;color:var(--text-tertiary);padding-top:12px;border-top:1px solid var(--border-color);margin-top:auto}.movie-date{display:flex;align-items:center;gap:6px;font-weight:500}.movie-date svg{opacity:.7;transition:opacity .2s ease}.movie-card:hover .movie-date svg{opacity:1}.movie-links{display:flex;gap:8px}.movie-link{color:var(--text-tertiary);text-decoration:none;font-weight:600;font-size:.75rem;line-height:1.2;letter-spacing:.025em;padding:4px 8px;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border-color);transition:all .2s ease;text-transform:uppercase}.movie-link:hover{color:#333;background:#f5f5f5;border-color:#e0e0e0;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.movie-link:hover .rating{color:#fbbf24}.movie-link:focus{outline:2px solid var(--accent-color);outline-offset:2px}.movie-link.loading{color:var(--text-muted);opacity:.8}.movie-link{min-height:1.2em;display:inline-block;vertical-align:middle;white-space:nowrap}.movie-link .rating{font-weight:700;color:var(--accent-color)}.loading-dots{display:inline-flex;align-items:center;gap:2px;margin-left:4px}.loading-dots span{width:3px;height:3px;border-radius:50%;background-color:currentColor;animation:loadingDots 1.4s ease-in-out infinite both}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loadingDots{0%,100%,80%{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--text-secondary);min-height:60vh;width:100%}.empty-icon{width:48px;height:48px;margin-bottom:var(--space-lg);opacity:.6;color:var(--text-tertiary)}.empty-state h3{font-size:1.25rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;margin-bottom:var(--space-sm);color:var(--text-primary)}.empty-state p{font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:-.01em}@media (max-width:1024px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.container{padding:0 var(--space-lg)}}@media (max-width:768px){.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 8px rgba(0,0,0,.1);border-bottom:1px solid var(--border-color)}[data-theme=dark] .header{background:rgba(0,0,0,.95)}.header-content{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);min-height:60px;width:100%;margin:0}.logo-section{flex-shrink:0;order:1}.logo-text{font-size:1.125rem;font-weight:700;line-height:1.2;letter-spacing:-.025em}.logo-icon{width:20px;height:20px}.search-section{display:none;order:2;position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--space-md);box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:99}.search-section.active{display:block}.search-container{max-width:none}.search-input{height:44px;font-size:16px;border-radius:8px;border:2px solid var(--border-color)}.search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(0,0,0,.1)}.controls-section{display:flex;align-items:center;gap:var(--space-sm);order:3;flex-shrink:0}.search-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.search-toggle:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-tertiary)}.search-toggle:focus{outline:2px solid var(--accent-color);outline-offset:2px}.search-toggle svg{width:20px;height:20px}.theme-toggle{width:44px;height:44px;border-radius:8px}.header .filter-buttons{display:none}.main{padding:var(--space-md) 0}.container{padding:0 var(--space-md)}.content-filters{display:none;margin-bottom:var(--space-lg);padding:0}.mobile-type-filter{display:block}.mobile-type-filter .filter-buttons{display:flex;flex-direction:row;gap:var(--space-xs);padding:4px;flex-wrap:nowrap;background:0 0;border:none;border-radius:0}.mobile-type-filter .filter-btn{flex:1;justify-content:center;padding:12px 8px;font-size:.875rem;font-weight:600;border-radius:8px;min-height:48px;transition:all .2s ease}.mobile-type-filter .filter-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(-1px)}.mobile-type-filter .filter-count{background:var(--bg-tertiary);color:var(--text-primary);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:700;margin-left:0;border:1px solid var(--border-color)}.mobile-type-filter .filter-btn.active .filter-count{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.content-filters .filter-buttons{display:flex;gap:var(--space-xs);background:var(--bg-secondary);padding:4px;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.content-filters .filter-btn{flex:1;justify-content:center;padding:12px 8px;font-size:.875rem;font-weight:600;line-height:1.4;letter-spacing:-.01em;border-radius:8px;min-height:48px;transition:all .2s ease}.content-filters .filter-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(-1px)}.content-filters .filter-count{background:var(--bg-tertiary);color:var(--text-primary);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:700;margin-left:6px;border:1px solid var(--border-color)}.content-filters .filter-btn.active .filter-count{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.content-filters .rating-filters .filter-text{font-size:.75rem;line-height:1}.content-filters .rating-filters .filter-btn{min-width:50px;padding:8px 6px}.content-filters .year-filters .filter-btn{min-width:60px;padding:8px 6px}.content-filters .genre-filters .filter-btn{min-width:70px;padding:8px 6px}.advanced-filters{flex-direction:column;gap:var(--space-md)}.filter-dropdown{min-width:100%}.filter-dropdown-toggle{padding:10px 12px;font-size:.8125rem}.filter-dropdown-content{max-height:250px}.filter-search{padding:8px}.filter-search-input{padding:6px 10px;font-size:.8125rem}.filter-option{padding:6px 12px;font-size:.8125rem}.clear-filters-btn{padding:10px 12px;font-size:.8125rem}.content-grid{grid-template-columns:repeat(auto-fill,minmax(calc(50% - var(--space-sm)),1fr));gap:var(--space-lg);max-width:100%}.movie-card{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.4, 0, .2, 1)}.movie-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.movie-poster{border-radius:8px 8px 0 0}.movie-info{padding:14px}.movie-title-year{gap:6px;margin-bottom:6px}.movie-title{font-size:.875rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:0}.movie-year{font-size:.75rem;font-weight:500;line-height:1.3;letter-spacing:-.01em;padding:3px 6px;border-radius:4px}.movie-director{font-size:.8125rem;font-weight:500;line-height:1.3;letter-spacing:-.01em;margin-bottom:6px}.movie-description{font-size:.8125rem;font-weight:400;line-height:1.3;letter-spacing:-.01em;margin-bottom:10px;-webkit-line-clamp:2;line-clamp:2}.movie-meta{font-size:.8125rem;font-weight:400;line-height:1.3;letter-spacing:-.01em;padding-top:10px}.movie-link{font-size:.6875rem;font-weight:600;line-height:1.2;letter-spacing:.025em;padding:3px 6px;border-radius:4px}}@media (max-width:640px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(calc(50% - var(--space-xs)),1fr));gap:var(--space-sm)}.content-filters .filter-btn{padding:10px 6px;font-size:.8125rem;font-weight:600;line-height:1.4;letter-spacing:-.01em}.content-filters .filter-count{font-size:.6875rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;padding:2px 6px}.search-input{font-size:16px}.movie-info{padding:12px}.movie-title-year{gap:4px;margin-bottom:6px}.movie-title{font-size:.8125rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:0}}@media (max-width:480px){.content-grid{grid-template-columns:1fr;gap:var(--space-md)}.filter-buttons{flex-direction:column;gap:var(--space-xs)}.filter-btn{justify-content:flex-start;padding:10px 12px}.header-content{padding:var(--space-sm);width:100%;margin:0}.container{padding:0 var(--space-sm)}.movie-card{max-width:100%}.movie-poster{aspect-ratio:2/3}}@media (max-width:360px){.logo-text{font-size:1.125rem;font-weight:700;line-height:1.2;letter-spacing:-.025em}.search-input{height:44px;padding:0 10px 0 36px}.filter-btn{padding:8px 10px;font-size:.6875rem;font-weight:600;line-height:1.4;letter-spacing:-.01em}.movie-info{padding:10px}.movie-title-year{gap:4px;margin-bottom:6px}.movie-title{font-size:.875rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:0}}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (max-width:768px){a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}}.toast{position:fixed;top:20px;right:20px;z-index:1000;min-width:300px;max-width:500px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideIn .3s ease-out}.toast-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md)}.toast-message{color:var(--text-primary);font-size:.875rem;font-weight:500}.toast-close{background:0 0;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:var(--space-xs);margin-left:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.toast-close:focus{outline:2px solid var(--accent-color);outline-offset:2px}.toast-success{border-left:4px solid var(--success-color)}.toast-error{border-left:4px solid var(--error-color)}.toast-warning{border-left:4px solid var(--warning-color)}.toast-info{border-left:4px solid var(--accent-color)}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.error-state{color:var(--error-color)}.error-state .empty-icon{color:var(--error-color)}.retry-btn{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.retry-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.skeleton-poster{width:100%;aspect-ratio:2/3;background-color:var(--bg-tertiary)}.skeleton-content{padding:var(--space-md)}.skeleton-title{height:1.5rem;margin-bottom:var(--space-sm);border-radius:var(--radius-sm)}.skeleton-year{height:1rem;width:60px;margin-bottom:var(--space-md);border-radius:var(--radius-sm)}.skeleton-description{height:1rem;margin-bottom:var(--space-xs);border-radius:var(--radius-sm)}.skeleton-description:nth-child(2){width:80%}.skeleton-description:nth-child(3){width:60%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.movie-card:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.filter-btn:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}[data-theme=dark] .filter-count{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .filter-btn.active .filter-count{background:var(--accent-color);color:var(--bg-primary);border-color:var(--accent-color)}[data-theme=dark] .header .filter-btn{color:var(--text-primary);background:0 0}[data-theme=dark] .header .filter-btn:hover{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .header .filter-buttons{position:relative}[data-theme=dark] .header .filter-buttons::before{content:'';position:absolute;top:0;left:var(--border-left,0);width:var(--border-width,0);height:100%;border:1px solid var(--text-tertiary);border-radius:4px;opacity:0;transition:all .4s cubic-bezier(.4, 0, .2, 1);pointer-events:none;z-index:1}[data-theme=dark] .header .filter-buttons.has-active::before{opacity:1}[data-theme=dark] .header .filter-btn{position:relative;border:1px solid transparent;transition:all .2s ease}[data-theme=dark] .header .filter-btn.active{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .header .filter-buttons{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .header .filter-buttons:hover{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .rating-stars{color:#fbbf24;filter:drop-shadow(0 0 3px rgba(251, 191, 36, .6))}[data-theme=dark] .movie-rating[style*="background-color: #fbbc04"] .rating-stars{color:#fff!important;filter:none!important}[data-theme=dark] .movie-rating[style*="#fbbc04"] .rating-stars{color:#fff!important;filter:none!important}@media (prefers-contrast:high){:root{--border-color:#000000;--text-secondary:#000000}[data-theme=dark]{--border-color:#ffffff;--text-secondary:#ffffff;--text-tertiary:#ffffff}.filter-count{border-width:2px}.rating-stars{color:gold;filter:none}.movie-rating[style*="background-color: #fbbc04"] .rating-stars{color:#fff!important;filter:none!important}.movie-rating[style*="#fbbc04"] .rating-stars{color:#fff!important;filter:none!important}}.skeleton-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);animation:skeleton-pulse 1.5s ease-in-out infinite;border:1px solid var(--border-color)}.skeleton-poster{width:100%;height:200px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-title{height:20px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);animation:skeleton-pulse 1.5s ease-in-out infinite;width:80%}.skeleton-rating{height:16px;background:var(--bg-tertiary);border-radius:var(--radius-sm);width:60px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:.5}}.movie-card{opacity:0;transform:translateY(20px);transition:opacity var(--transition-normal),transform var(--transition-normal)}.movie-card.loaded{opacity:1;transform:translateY(0)}.movie-poster{transition:filter var(--transition-normal)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.loading-overlay.active{opacity:1;visibility:visible}#loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}#loading .loading-spinner{margin-bottom:var(--space-md)}.loading-text{color:var(--text-primary);margin-top:var(--space-md);font-size:.9rem}.movie-card{transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.filter-btn{transition:all var(--transition-fast)}.search-input{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.error-state{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.error-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.retry-btn{background:var(--accent-color);color:var(--bg-primary);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;transition:all var(--transition-fast);margin-top:var(--space-md)}.search-loading{position:absolute;right:var(--space-md);top:35%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--bg-tertiary);border-top:2px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;opacity:0;transition:opacity var(--transition-fast);margin:0;display:flex;align-items:center;justify-content:center}.search-loading.active{opacity:1}.infinite-scroll-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);margin:var(--space-lg) 0;color:var(--text-secondary);font-size:.875rem;gap:var(--space-sm)}.infinite-scroll-loading .loading-spinner{width:24px;height:24px;border:2px solid var(--bg-tertiary);border-top:2px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.infinite-scroll-loading span{font-weight:500;letter-spacing:-.01em}.filter-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.filter-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;user-select:none}.filter-tag:not(.selected):hover{background:var(--bg-tertiary);border-color:var(--text-tertiary)}.filter-tag.selected{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.filter-tag.selected .tag-count{background:rgba(255,255,255,.2);color:#fff}[data-theme=dark] .filter-tag.selected{background:var(--accent-color);border-color:var(--accent-color);color:#000;box-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .filter-tag.selected .tag-count{background:rgba(0,0,0,.2);color:#000;font-weight:700}.filter-tag:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.filter-tag:not(.selected):focus-visible{background:var(--bg-tertiary);border-color:var(--accent-color)}.filter-tag.selected:focus-visible{background:var(--accent-color);border-color:var(--accent-color)}.filter-tag .tag-count{background:rgba(255,255,255,.2);color:inherit;padding:2px 6px;border-radius:10px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.filter-tag:not(.selected) .tag-count{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.show-more-tags{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0;background:0 0;border:none;color:var(--accent-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:var(--space-sm)}.show-more-tags:hover{color:var(--accent-color-hover)}.show-more-tags svg{transition:transform .2s ease}.show-more-tags.expanded svg{transform:rotate(180deg)}.filter-tags-expanded{display:none;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.filter-tags-expanded.show{display:flex;animation:slideDown .3s ease-out}