:root {--background: 255 255 255;--foreground: 37 37 37;--card: 255 255 255;--card-foreground: 37 37 37;--popover: 255 255 255;--popover-foreground: 37 37 37;--primary: 52 52 52;--primary-foreground: 251 251 251;--secondary: 247 247 247;--secondary-foreground: 52 52 52;--muted: 247 247 247;--muted-foreground: 142 142 142;--accent: 247 247 247;--accent-foreground: 52 52 52;--destructive: 239 68 68;--border: 235 235 235;--input: 235 235 235;--ring: 181 181 181;--radius: 0.625rem;}.dark {--background: 37 37 37;--foreground: 251 251 251;--card: 52 52 52;--card-foreground: 251 251 251;--popover: 52 52 52;--popover-foreground: 251 251 251;--primary: 235 235 235;--primary-foreground: 52 52 52;--secondary: 64 64 64;--secondary-foreground: 251 251 251;--muted: 64 64 64;--muted-foreground: 181 181 181;--accent: 64 64 64;--accent-foreground: 251 251 251;--destructive: 220 38 38;--border: 64 64 64;--input: 64 64 64;--ring: 142 142 142;}body {background-color: rgb(var(--background));color: rgb(var(--foreground));font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height: 1.6;margin: 0;padding: 0;min-height: 100vh;}.bg-background {background-color: rgb(var(--background));}.text-foreground {color: rgb(var(--foreground));}.bg-card {background-color: rgb(var(--card));}.text-card-foreground {color: rgb(var(--card-foreground));}.bg-popover {background-color: rgb(var(--popover));}.text-popover-foreground {color: rgb(var(--popover-foreground));}.bg-primary {background-color: rgb(var(--primary));}.text-primary {color: rgb(var(--primary));}.text-primary-foreground {color: rgb(var(--primary-foreground));}.bg-secondary {background-color: rgb(var(--secondary));}.text-secondary {color: rgb(var(--secondary));}.text-secondary-foreground {color: rgb(var(--secondary-foreground));}.bg-muted {background-color: rgb(var(--muted));}.text-muted {color: rgb(var(--muted));}.text-muted-foreground {color: rgb(var(--muted-foreground));}.bg-accent {background-color: rgb(var(--accent));}.text-accent {color: rgb(var(--accent));}.text-accent-foreground {color: rgb(var(--accent-foreground));}.bg-destructive {background-color: rgb(var(--destructive));}.text-destructive {color: rgb(var(--destructive));}.border-border {border-color: rgb(var(--border));}.bg-input {background-color: rgb(var(--input));}.ring-ring {--tw-ring-color: rgb(var(--ring));}.rounded-lg {border-radius: calc(var(--radius) - 2px);}.rounded-md {border-radius: calc(var(--radius) - 4px);}.rounded-sm {border-radius: calc(var(--radius) - 6px);}.rounded-full {border-radius: 9999px;}.container {max-width: 1280px;margin: 0 auto;padding-left: 1rem;padding-right: 1rem;}.p-2 {padding: 0.5rem;}.p-3 {padding: 0.75rem;}.p-4 {padding: 1rem;}.px-3 {padding-left: 0.75rem;padding-right: 0.75rem;}.px-4 {padding-left: 1rem;padding-right: 1rem;}.py-1 {padding-top: 0.25rem;padding-bottom: 0.25rem;}.py-2 {padding-top: 0.5rem;padding-bottom: 0.5rem;}.mb-2 {margin-bottom: 0.5rem;}.mb-3 {margin-bottom: 0.75rem;}.mb-6 {margin-bottom: 1.5rem;}.mb-8 {margin-bottom: 2rem;}.gap-1 {gap: 0.25rem;}.gap-2 {gap: 0.5rem;}.gap-4 {gap: 1rem;}.gap-6 {gap: 1.5rem;}.flex {display: flex;}.flex-1 {flex: 1;}.flex-col {flex-direction: column;}.flex-wrap {flex-wrap: wrap;}.items-center {align-items: center;}.items-start {align-items: flex-start;}.justify-center {justify-content: center;}.justify-between {justify-content: space-between;}.grid {display: grid;}.grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}.grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}.grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}.grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}.grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}.relative {position: relative;}.absolute {position: absolute;}.fixed {position: fixed;}.sticky {position: sticky;}.inset-y-0 {top: 0;bottom: 0;}.left-0 {left: 0;}.top-0 {top: 0;}.right-1 {right: 0.25rem;}.top-1\/2 {top: 50%;}.-translate-y-1\/2 {transform: translateY(-50%);}.-translate-x-full {transform: translateX(-100%);}.w-3 {width: 0.75rem;}.w-4 {width: 1rem;}.w-5 {width: 1.25rem;}.w-12 {width: 3rem;}.w-16 {width: 4rem;}.w-24 {width: 6rem;}.w-64 {width: 16rem;}.w-full {width: 100%;}.max-w-2xl {max-width: 42rem;}.h-3 {height: 0.75rem;}.h-4 {height: 1rem;}.h-5 {height: 1.25rem;}.h-12 {height: 3rem;}.h-16 {height: 4rem;}.min-h-screen {min-height: 100vh;}.aspect-video {aspect-ratio: 16 / 9;}.text-xs {font-size: 0.75rem;line-height: 1rem;}.text-sm {font-size: 0.875rem;line-height: 1.25rem;}.text-lg {font-size: 1.125rem;line-height: 1.75rem;}.text-xl {font-size: 1.25rem;line-height: 1.75rem;}.font-semibold {font-weight: 600;}.font-bold {font-weight: 700;}.uppercase {text-transform: uppercase;}.tracking-wider {letter-spacing: 0.05em;}.line-clamp-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.video-duration {position: absolute;bottom: 8px;right: 8px;background: rgba(0, 0, 0, 0.8);color: white;padding: 2px 6px;border-radius: 4px;font-size: 12px;font-weight: 500;line-height: 1;z-index: 2;}.border {border-width: 1px;}.border-b {border-bottom-width: 1px;}.border-r {border-right-width: 1px;}.border-t {border-top-width: 1px;}.rounded-md {border-radius: 0.375rem;}.rounded-lg {border-radius: 0.5rem;}.overflow-hidden {overflow: hidden;}.bg-muted\/5 {background-color: rgb(var(--muted) / 0.05);}.bg-black\/20 {background-color: rgb(0 0 0 / 0.2);}.z-50 {z-index: 50;}.cursor-pointer {cursor: pointer;}.hidden {display: none;}.block {display: block;}.inline-flex {display: inline-flex;}.object-cover {object-fit: cover;}.opacity-0 {opacity: 0;}.transition-colors {transition-property: color, background-color, border-color;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}.transition-opacity {transition-property: opacity;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}.sidebar-transition {transition: transform 0.3s ease;}.hover\:bg-accent:hover {background-color: rgb(var(--accent));}.hover\:text-accent-foreground:hover {color: rgb(var(--accent-foreground));}.hover\:bg-primary:hover {background-color: rgb(var(--primary));}.hover\:text-primary-foreground:hover {color: rgb(var(--primary-foreground));}.hover\:bg-primary\/90:hover {background-color: rgb(var(--primary) / 0.9);}.hover\:text-primary:hover {color: rgb(var(--primary));}.hover\:shadow-lg:hover {box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}.hover\:opacity-100:hover {opacity: 1;}.focus\:outline-none:focus {outline: none;}.focus\:ring-2:focus {--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);}@media (min-width: 768px) {.md\:block {display: block;}.md\:hidden {display: none;}.md\:flex {display: flex;}}@media (min-width: 640px) {.sm\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (min-width: 1024px) {.lg\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (min-width: 1280px) {.xl\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}}@media (min-width: 1536px) {.\32xl\:grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}}.custom-scrollbar::-webkit-scrollbar {width: 6px;}.custom-scrollbar::-webkit-scrollbar-track {background: rgb(var(--muted));}.custom-scrollbar::-webkit-scrollbar-thumb {background: rgb(var(--muted-foreground));border-radius: 3px;}.custom-scrollbar::-webkit-scrollbar-thumb:hover {background: rgb(var(--foreground));}.video-card {transition: all 0.2s ease;}.video-card:hover {transform: translateY(-2px);}* {transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;}.backdrop-blur {backdrop-filter: blur(8px);}.supports-\[backdrop-filter\]\:bg-background\/60 {background-color: rgb(var(--background) / 0.6);}.space-y-1 > * + * {margin-top: 0.25rem;}.space-y-6 > * + * {margin-top: 1.5rem;}.text-left {text-align: left;}.text-center {text-align: center;}button {font-family: inherit;font-size: 100%;font-weight: inherit;line-height: inherit;color: inherit;margin: 0;padding: 0;background: none;border: none;cursor: pointer;}button:disabled {cursor: not-allowed;opacity: 0.5;}input {font-family: inherit;font-size: 100%;font-weight: inherit;line-height: inherit;color: inherit;margin: 0;padding: 0;background: none;border: none;}input:focus {outline: none;}img {max-width: 100%;height: auto;}* {box-sizing: border-box;}@media (max-width: 640px) {.container {padding-left: 0.75rem;padding-right: 0.75rem;}}nav {display: block;}.sticky {position: sticky;top: 0;}.video-player-container {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;background: #000;border-radius: 0.5rem;overflow: hidden;}.video-player-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;outline: none;}.video-placeholder {text-align: center;color: #fff;}.banner-ad {width: 300px;height: 250px;background: linear-gradient(45deg, #f0f0f0, #e0e0e0);border-radius: 0.5rem;display: flex;align-items: center;justify-content: center;color: #666;font-size: 0.875rem;text-align: center;margin-bottom: 1rem;}.dark .banner-ad {background: linear-gradient(45deg, #2a2a2a, #3a3a3a);border-color: #555;color: #999;}.like-dislike-container {display: flex;gap: 1rem;align-items: center;}.like-button, .dislike-button {display: flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;border: 1px solid rgb(var(--border));border-radius: 9999px;background: rgb(var(--background));color: rgb(var(--foreground));cursor: pointer;transition: all 0.2s ease;}.like-button:hover, .dislike-button:hover {background: rgb(var(--accent));}.like-button.active {background: rgb(var(--primary));color: rgb(var(--primary-foreground));border-color: rgb(var(--primary));}.dislike-button.active {background: rgb(var(--destructive));color: white;border-color: rgb(var(--destructive));}.tags-section {margin: 1.5rem 0;}.tags-container {display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 0.5rem;}.tag {display: inline-flex;align-items: center;padding: 0.25rem 0.75rem;border-radius: 9999px;font-size: 0.875rem;cursor: pointer;transition: all 0.2s ease;border: 1px solid transparent;}.tag-video {background: rgb(var(--secondary));color: rgb(var(--secondary-foreground));position: relative;padding-left: 1.75rem !important;}.tag-video::before {content: "🎬";position: absolute;left: 0.75rem;top: 50%;transform: translateY(-50%);font-size: 0.75rem;}.tag-video:hover {background: rgb(var(--primary));color: rgb(var(--primary-foreground));}.tag-actor {background: rgb(var(--primary));color: rgb(var(--primary-foreground));border-color: rgb(var(--primary));position: relative;padding-left: 1.75rem !important;}.tag-actor::before {content: "👤";position: absolute;left: 0.75rem;top: 50%;transform: translateY(-50%);font-size: 0.75rem;}.tag-actor:hover {background: rgb(var(--primary));opacity: 0.9;transform: translateY(-1px);}.section-title {font-size: 1.25rem;font-weight: 600;margin: 2rem 0 1rem 0;color: rgb(var(--foreground));}.video-info-section {background: rgb(var(--card));border: 1px solid rgb(var(--border));border-radius: 0.5rem;padding: 1.5rem;margin-bottom: 2rem;}.category-tag {transition: all 0.2s ease;}.category-tag:hover {transform: translateY(-1px);}.letter-heading {font-size: 1.875rem;font-weight: 700;color: rgb(var(--primary));margin-bottom: 1rem;padding-bottom: 0.5rem;border-bottom: 2px solid rgb(var(--border));}.category-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 0.75rem;margin-bottom: 2rem;}.no-results {font-size: 1.1rem;color: rgb(var(--muted-foreground));margin: 2rem 0;padding: 1.5rem;background: rgb(var(--card));border: 1px solid rgb(var(--border));border-radius: 0.5rem;}.no-results-icon {font-size: 2rem;margin-bottom: 1rem;opacity: 0.5;}.search-tips {margin-top: 1rem;font-size: 0.9rem;color: rgb(var(--muted-foreground));}@media (max-width: 768px) {.banner-ad.mobile-hidden {display: none;}.video-player-container {border-radius: 0;}}.language-dropdown {position: absolute !important;top: 100% !important;margin-top: 0.25rem !important;min-width: 10rem !important;background: rgb(var(--card)) !important;border: 1px solid rgb(var(--border)) !important;border-radius: 0.5rem !important;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;z-index: 50 !important;opacity: 0 !important;visibility: hidden !important;transform: translateY(-0.5rem) !important;transition: all 0.2s ease !important;right: 0 !important;}.language-dropdown.show {opacity: 1 !important;visibility: visible !important;transform: translateY(0) !important;}.language-item {display: flex;align-items: center;gap: 0.5rem;width: 100%;padding: 0.5rem 0.75rem;text-align: left;font-size: 0.875rem;color: rgb(var(--foreground));text-decoration: none;transition: all 0.2s ease;border: none;background: none;cursor: pointer;}.language-item:hover {background: rgb(var(--accent));color: rgb(var(--accent-foreground));}.language-item:first-child {border-radius: 0.5rem 0.5rem 0 0;}.language-item:last-child {border-radius: 0 0 0.5rem 0.5rem;}.video-controls {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));padding: 1rem;opacity: 0;transition: opacity 0.3s ease;}.video-player-container:hover .video-controls {opacity: 1;}.progress-bar {width: 100%;height: 4px;background: rgba(255, 255, 255, 0.3);border-radius: 2px;margin-bottom: 0.5rem;cursor: pointer;}.progress-fill {height: 100%;background: #ff0000;border-radius: 2px;width: 35%;}.control-buttons {display: flex;align-items: center;gap: 1rem;color: white;}.time-display {margin-left: auto;font-size: 0.875rem;}#sidebar {background: rgb(var(--card)) !important;}.sidebar-link-active {border-left: 3px solid rgb(var(--primary));padding-left: calc(0.75rem - 3px);background: rgb(var(--accent));font-weight: 500;display: block;width: 100%;}@media (max-width: 767px) {#sidebar {background: rgb(var(--card)) !important;box-shadow: 4px 0 6px -1px rgba(0, 0, 0, 0.1), 2px 0 4px -1px rgba(0, 0, 0, 0.06) !important;overflow-y: auto !important;max-height: calc(100vh - 4rem) !important;}}