*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:root{--color-bg: #f5f5f5;--color-bg-secondary: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-border: #e0e0e0;--color-primary: #b91c1c;--color-primary-hover: #991b1b;--color-accent: #dc2626;--sidebar-width: 280px;--sidebar-bg: #ffffff;--card-bg: #ffffff;--card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--card-shadow-hover: 0 4px 16px rgba(0, 0, 0, .15);--button-bg: #e5e5e5;--button-bg-hover: #d4d4d4;--button-bg-selected: var(--color-primary);--button-text-selected: #ffffff;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}[data-theme=dark]{--color-bg: #121212;--color-bg-secondary: #1e1e1e;--color-text: #e5e5e5;--color-text-secondary: #a0a0a0;--color-border: #333333;--sidebar-bg: #1e1e1e;--card-bg: #252525;--card-shadow: 0 2px 8px rgba(0, 0, 0, .3);--card-shadow-hover: 0 4px 16px rgba(0, 0, 0, .4);--button-bg: #333333;--button-bg-hover: #444444}body{background-color:var(--color-bg);color:var(--color-text)}#root{min-height:100vh}.app{display:flex;min-height:100vh}.main-content{flex:1;padding:var(--spacing-lg);margin-left:var(--sidebar-width);transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:48px}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--sidebar-bg);border-right:1px solid var(--color-border);overflow-y:auto;padding:var(--spacing-lg);transition:width .3s ease;z-index:100}.sidebar.collapsed{width:48px;padding:var(--spacing-sm)}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background-color:var(--button-bg);margin-bottom:var(--spacing-md);font-weight:700;font-size:1.1rem}.sidebar-toggle:hover{background-color:var(--button-bg-hover)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.logo-red{color:var(--color-primary)}.logo-letter{color:var(--color-text)}.logo-db{color:var(--color-text-secondary);font-weight:400}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--button-bg);color:var(--color-text);transition:background-color .2s ease}.theme-toggle:hover{background-color:var(--button-bg-hover)}.sidebar-filters{display:flex;flex-direction:column;gap:var(--spacing-lg)}.filter-section{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.filter-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.clear-filters-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background-color:transparent;border:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-secondary);transition:all .2s ease}.clear-filters-button:hover{background-color:var(--button-bg);color:var(--color-text)}.search-input-container{position:relative}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font-size:.875rem;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:var(--color-primary)}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--color-text-secondary);border-radius:50%}.search-clear:hover{color:var(--color-text);background-color:var(--button-bg)}.search-suggestions{position:absolute;top:100%;left:0;right:0;z-index:200;background-color:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--card-shadow-hover);max-height:400px;overflow-y:auto}.search-suggestion-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color .15s ease;border-bottom:1px solid var(--color-border)}.search-suggestion-item:last-child{border-bottom:none}.search-suggestion-item:hover{background-color:var(--button-bg)}.search-suggestion-poster{width:48px;height:64px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;background-color:var(--color-bg-secondary)}.search-suggestion-info{display:flex;flex-direction:column;min-width:0}.search-suggestion-title{font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestion-year,.search-suggestion-director{font-size:.75rem;color:var(--color-text-secondary)}.series-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);font-size:.875rem;text-align:left;transition:border-color .2s ease}.series-dropdown-trigger:hover{border-color:var(--color-primary)}.series-dropdown-arrow{font-size:.65rem;color:var(--color-text-secondary)}.series-dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:200;background-color:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--card-shadow-hover);max-height:400px;overflow-y:auto}.series-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:.85rem;transition:background-color .15s ease}.series-dropdown-item:hover{background-color:var(--button-bg)}.series-dropdown-item.selected{background-color:var(--button-bg-selected);color:var(--button-text-selected)}.series-dropdown-logo{width:20px;height:20px;object-fit:contain;flex-shrink:0}.cast-gang{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.cast-friends{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.person-filter-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background-color:transparent;padding:0;transition:transform .2s ease}.person-filter-item:hover{transform:scale(1.05)}.person-filter-image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);opacity:.6;transition:filter .2s ease,opacity .2s ease}.person-filter-item.selected .person-filter-image{filter:grayscale(0%);opacity:1}.cast-other{position:relative}.cast-other-trigger{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);font-size:.8rem;text-align:left;color:var(--color-text-secondary);transition:border-color .2s ease}.cast-other-trigger.selected{border-color:var(--color-primary);color:var(--color-primary)}.cast-other-trigger:hover{border-color:var(--color-primary)}.cast-other-dropdown{position:absolute;top:100%;left:0;right:0;z-index:200;background-color:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--card-shadow-hover);max-height:300px;overflow-y:auto}.cast-other-item{display:block;width:100%;padding:var(--spacing-xs) var(--spacing-sm);text-align:left;font-size:.8rem;transition:background-color .15s ease}.cast-other-item:hover{background-color:var(--button-bg)}.cast-other-item.selected{background-color:var(--button-bg-selected);color:var(--button-text-selected)}.browse-view{max-width:1400px;margin:0 auto}.grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.grid-heading{font-size:.95rem;color:var(--color-text-secondary)}.grid-count{font-size:.8rem;margin-left:var(--spacing-sm);opacity:.7}.heading-avatar{display:inline-block;width:24px;height:24px;border-radius:50%;vertical-align:middle;margin:0 2px}.sort-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.sort-button{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--button-bg);font-size:.8rem;transition:all .2s ease}.sort-button:hover{background-color:var(--button-bg-hover)}.sort-button.active{background-color:var(--button-bg-selected);color:var(--button-text-selected)}.sort-direction-button{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--button-bg);font-size:1rem;font-weight:700;transition:background-color .2s ease}.sort-direction-button:hover{background-color:var(--button-bg-hover)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.video-grid-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.video-grid-empty p{margin-bottom:var(--spacing-sm)}.video-card{background-color:var(--card-bg);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--card-shadow);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.video-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.video-thumbnail-container{position:relative;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--color-bg-secondary)}.video-thumbnail{width:100%;height:100%;object-fit:cover}.video-duration{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);padding:2px 6px;background-color:#000c;color:#fff;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.video-info{padding:var(--spacing-md)}.video-title{font-size:.95rem;font-weight:600;line-height:1.3;margin-bottom:var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{font-size:.8rem;color:var(--color-text-secondary)}.video-view{display:flex;gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.video-view-main{flex:1;min-width:0}.video-player-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.video-embed-container{position:relative;width:100%;padding-bottom:56.25%;margin-bottom:var(--spacing-lg);background-color:#000;border-radius:var(--radius-md);overflow:hidden}.video-embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-navigation{display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.nav-button{flex:1;max-width:45%;padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--card-bg);box-shadow:var(--card-shadow);text-align:left;transition:box-shadow .2s ease,transform .2s ease}.nav-button:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.nav-next{text-align:right}.nav-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.nav-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;font-weight:500;color:var(--color-text)}.nav-placeholder{flex:1;max-width:45%}.video-info-area{display:flex;flex-direction:column;gap:var(--spacing-xl)}.video-section-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text)}.video-description{color:var(--color-text-secondary);line-height:1.6}.description-text{font-size:.9rem;line-height:1.7}.description-text a{word-break:break-all}.series-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.series-list li{font-size:.9rem;color:var(--color-text-secondary)}.cast-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md)}.cast-list li{font-size:.9rem;color:var(--color-text-secondary)}.video-movie-refs{display:flex;flex-direction:column;gap:var(--spacing-xl)}.movie-grid-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.movie-grid{display:grid;gap:var(--spacing-md)}.movie-grid-item{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center;transition:transform .2s ease}.movie-grid-item:hover{transform:translateY(-4px)}.movie-poster-container{aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--radius-md);background-color:var(--color-bg-secondary)}.movie-poster{width:100%;height:100%;object-fit:cover}.movie-grid-label{display:flex;flex-direction:column;gap:1px}.movie-grid-title{font-size:.8rem;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-grid-year{font-size:.7rem;color:var(--color-text-secondary)}.movie-grid-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.pagination-button{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);background-color:var(--button-bg);font-size:.8rem;transition:background-color .2s ease}.pagination-button:hover:not(:disabled){background-color:var(--button-bg-hover)}.pagination-button:disabled{opacity:.4;cursor:default}.pagination-info{font-size:.8rem;color:var(--color-text-secondary)}.multi-part-sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.multi-part-title{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.multi-part-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);background-color:var(--card-bg);text-align:left;transition:background-color .2s ease,box-shadow .2s ease}.multi-part-item:hover{box-shadow:var(--card-shadow)}.multi-part-item.active{border:2px solid var(--color-primary)}.multi-part-thumb{width:100%;border-radius:var(--radius-sm);aspect-ratio:16 / 9;object-fit:cover}.multi-part-label{font-size:.8rem;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-view{display:flex;gap:var(--spacing-xl);max-width:1400px;margin:0 auto}.movie-view-left{width:30%;flex-shrink:0}.movie-view-right{flex:1;min-width:0}.movie-view-poster{width:100%;border-radius:var(--radius-lg);box-shadow:var(--card-shadow);margin-bottom:var(--spacing-md)}.movie-view-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.movie-view-year{font-weight:400;color:var(--color-text-secondary)}.movie-view-director{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.movie-view-links{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.movie-external-link{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);background-color:var(--button-bg);font-size:.85rem;font-weight:500;color:var(--color-text);transition:background-color .2s ease;text-decoration:none}.movie-external-link:hover{background-color:var(--button-bg-hover);text-decoration:none}.movie-view-section-title{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.movie-watch-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.movie-watch-link{font-size:.85rem}.movie-no-refs{color:var(--color-text-secondary)}.movie-ref-group{margin-bottom:var(--spacing-xl)}.movie-ref-group-title{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md)}.movie-video-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.loading,.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);text-align:center}.loading p{font-size:1.25rem;color:var(--color-text-secondary)}.error h2{color:var(--color-primary);margin-bottom:var(--spacing-md)}.error p{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background-color:var(--button-bg);font-size:.875rem;transition:background-color .2s ease}.back-button:hover{background-color:var(--button-bg-hover)}@media (max-width: 768px){.sidebar{position:fixed;width:100%;height:auto;max-height:50vh;top:auto;bottom:0;left:0;border-right:none;border-top:1px solid var(--color-border);z-index:1000}.sidebar.collapsed{width:100%;height:48px;padding:var(--spacing-sm)}.main-content{margin-left:0;margin-bottom:200px;padding:var(--spacing-md)}.main-content.sidebar-collapsed{margin-left:0;margin-bottom:48px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.video-view{flex-direction:column}.multi-part-sidebar{width:100%;flex-direction:row;overflow-x:auto}.multi-part-item{min-width:200px}.movie-view{flex-direction:column}.movie-view-left{width:100%}.video-navigation{flex-direction:column}.nav-button{max-width:100%;text-align:left}.nav-next{text-align:left}.grid-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.video-grid{grid-template-columns:1fr}.video-player-title{font-size:1.25rem}.sidebar-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}