/* File: assets/css/premium-core.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');:root {--brand-red: #E50914;--bg-black: #000000;--bg-dark: #0f0f0f;--bg-surface: #1a1a1a;--border-light: rgba(255, 255, 255, 0.1);--text-white: #FFFFFF;--text-gray: #A3A3A3;--accent-yellow: #ffc107;--nav-bg: rgba(35, 25, 20, 0.72);--nav-bg-scrolled: rgba(25, 17, 14, 0.85);--nav-height: 80px;--container-max: 100%;--radius-pill: 100px;--radius-md: 8px;--radius-lg: 12px;--ease-out: cubic-bezier(0.33, 1, 0.68, 1);}* { box-sizing: border-box; margin: 0; padding: 0; }::-webkit-scrollbar {width: 10px;height: 10px;}::-webkit-scrollbar-track {background: var(--bg-black);}::-webkit-scrollbar-thumb {background: #333;border-radius: 10px;border: 2px solid var(--bg-black);transition: background 0.3s;}::-webkit-scrollbar-thumb:hover {background: var(--brand-red);}* {scrollbar-width: thin;scrollbar-color: #333 var(--bg-black);}body {background-color: var(--bg-black);color: var(--text-white);font-family: 'Inter', sans-serif;line-height: 1.5;-webkit-font-smoothing: antialiased;overflow-x: hidden;}ul { list-style: none; }a { text-decoration: none; color: inherit; transition: opacity 0.3s; }button { font-family: inherit; border: none; cursor: pointer; }.container {max-width: var(--container-max);margin: 0 auto;padding: 0 4%;}.page-top-padding {padding-top: calc(var(--nav-height) + 40px);}.nav-brand-menu-wrapper {display: flex;align-items: center;gap: 20px;}.nav-toggle {display: none;background: none;border: none;color: white;font-size: 1.3rem;cursor: pointer;width: 44px;height: 44px;border-radius: 50%;align-items: center;justify-content: center;transition: all 0.3s;}.nav-toggle:hover {background: rgba(255, 255, 255, 0.08);}.navbar {position: fixed; top: 15px; left: 15px; right: 15px;width: calc(100% - 30px);height: 66px;display: flex; align-items: center; justify-content: space-between;padding: 0 20px;z-index: 9000;transition: all 0.4s var(--ease-out);background: var(--nav-bg);backdrop-filter: blur(14px) saturate(140%);-webkit-backdrop-filter: blur(14px) saturate(140%);border: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);border-radius: 999px;}.navbar.scrolled {top: 8px;height: 60px;background: var(--nav-bg-scrolled);border-color: rgba(255, 255, 255, 0.12);box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);}@media (min-width: 992px) {.navbar {top: 20px;left: 50%;transform: translateX(-50%);width: calc(100% - 40px);max-width: 100%;padding: 0 30px;height: 74px;}.navbar.scrolled {top: 12px;height: 66px;transform: translateX(-50%);}}.nav-brand {font-size: 1.8rem; font-weight: 900;color: var(--brand-red);letter-spacing: -1px;}.nav-menu {display: flex; gap: 30px;font-weight: 600; font-size: 0.95rem;}.nav-link { opacity: 0.7; transition: 0.3s; padding: 6px 14px;border-radius: 999px;display: inline-flex;align-items: center;gap: 8px;}.nav-link i {font-size: 0.95rem;}.nav-link:hover { opacity: 1; color: var(--brand-red); background: rgba(255, 255, 255, 0.05);}.nav-link.active { opacity: 1; color: #fff; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.05);}@media (min-width: 769px) {.nav-link span {display: none;}}@media (max-width: 1200px) and (min-width: 769px) {.nav-link {padding: 10px;font-size: 1.15rem;}.nav-brand-menu-wrapper {gap: 10px;}}.nav-actions { display: flex; gap: 12px; align-items: center; }.nav-dropdown {position: relative;display: inline-block;}.nav-dropdown-btn {background: none;border: none;cursor: pointer;color: inherit;display: inline-flex;align-items: center;justify-content: center;}.nav-dropdown-content {display: none;position: absolute;top: calc(100% + 15px);right: 0;min-width: 180px;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 1px solid rgba(0, 0, 0, 0.06);border-radius: 16px;padding: 8px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);z-index: 10005;flex-direction: column;gap: 4px;}@media (min-width: 769px) {.nav-dropdown:hover .nav-dropdown-content,.nav-dropdown.open .nav-dropdown-content {display: flex;animation: fadeInDropdown 0.25s var(--ease-out);}}@keyframes fadeInDropdown {from { opacity: 0; transform: translateY(8px); }to { opacity: 1; transform: translateY(0); }}.dropdown-item {display: flex;align-items: center;gap: 12px;padding: 10px 14px;color: #1a1a1a;border-radius: 10px;transition: all 0.3s var(--ease-out);font-size: 0.9rem;font-weight: 600;}.dropdown-item i {font-size: 1rem;color: var(--brand-red);}.dropdown-item:hover {color: #000;background: rgba(0, 0, 0, 0.05);}.dropdown-item.active {color: #000;background: rgba(0, 0, 0, 0.08);}.nav-search {position: relative;display: flex;align-items: center;}.nav-search input {width: 160px;padding: 8px 16px 8px 40px;font-size: 0.85rem;color: #fff;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 999px;outline: none;transition: all 0.3s var(--ease-out);}.nav-search input:focus {width: 220px;background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.2);}.nav-search i {position: absolute;left: 12px;color: rgba(255, 255, 255, 0.5);font-size: 0.85rem;pointer-events: none;transition: color 0.3s;}.nav-search input:focus + i {color: #fff;}@media (min-width: 992px) {.nav-search input {width: 240px !important;}.nav-search input:focus {width: 320px !important;}}@media (min-width: 1400px) {.nav-search input {width: 320px !important;}.nav-search input:focus {width: 450px !important;}}@media (max-width: 768px) {.nav-search input {width: 35px;padding: 0;cursor: pointer;background: rgba(255, 255, 255, 0.06);border-color: transparent;color: transparent;}.nav-search input:focus {width: 150px;padding: 8px 16px 8px 36px;color: #fff;background: rgba(255, 255, 255, 0.12);border-color: rgba(255, 255, 255, 0.15);cursor: text;}.nav-search i {left: 10px;font-size: 0.9rem;}.nav-search input:focus + i {left: 10px;}}@media (max-width: 768px) {.navbar {padding: 0 15px; }.nav-brand { font-size: 1.2rem; } .nav-toggle {display: flex !important;width: 35px;height: 35px;font-size: 1.1rem;}.nav-actions { gap: 5px; }.btn-round { width: 35px; height: 35px; font-size: 0.9rem; }.btn-primary { padding: 6px 12px; font-size: 0.75rem; }.nav-menu {display: none !important;position: absolute !important;top: 70px !important;left: 0 !important;right: 0 !important;bottom: auto !important;background: rgba(35, 25, 20, 0.96) !important;backdrop-filter: blur(20px) !important;-webkit-backdrop-filter: blur(20px) !important;border: 1px solid rgba(255, 255, 255, 0.08) !important;border-radius: 20px !important;padding: 15px !important;flex-direction: column !important;gap: 8px !important;z-index: 10000 !important;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;overflow-x: visible !important;}.nav-menu.active {display: flex !important;animation: slideDownMenu 0.3s var(--ease-out) forwards;}@keyframes slideDownMenu {from { opacity: 0; transform: translateY(-10px); }to { opacity: 1; transform: translateY(0); }}.nav-menu .nav-link {width: 100% !important;display: flex !important;align-items: center !important;gap: 12px !important;padding: 10px 16px !important;border-radius: 12px !important;border: none !important;background: transparent !important;color: rgba(255, 255, 255, 0.8) !important;box-shadow: none !important;font-size: 1rem !important;text-align: left !important;justify-content: flex-start !important;}.nav-menu .nav-link.active {background: rgba(255, 255, 255, 0.1) !important;color: #fff !important;}.nav-menu .nav-link span {display: inline !important;}.nav-dropdown {width: 100%;}.nav-menu .nav-dropdown-btn {display: none !important;}.nav-dropdown-content {display: flex !important;position: static !important;background: transparent !important;border: none !important;box-shadow: none !important;padding: 0 !important;flex-direction: column !important;gap: 8px !important;width: 100% !important;}.nav-dropdown-content .dropdown-item {width: 100% !important;display: flex !important;align-items: center !important;gap: 12px !important;padding: 10px 16px !important;border-radius: 12px !important;background: transparent !important;color: rgba(255, 255, 255, 0.8) !important;box-shadow: none !important;font-size: 1rem !important;text-align: left !important;}.nav-dropdown-content .dropdown-item.active {background: rgba(255, 255, 255, 0.1) !important;color: #fff !important;}.nav-dropdown-content .dropdown-item span {display: inline !important;}body { padding-bottom: 0 !important; }.nav-actions a[href="settings.php"] span,.nav-actions a[href="profile.php"] span {display: none !important;}.nav-actions a[href="settings.php"],.nav-actions a[href="profile.php"] {width: 35px !important;height: 35px !important;padding: 0 !important;border-radius: 50% !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;}}.btn {display: inline-flex; align-items: center; justify-content: center;gap: 10px; padding: 12px 24px;font-size: 0.95rem; font-weight: 700;border-radius: var(--radius-md);transition: all 0.3s var(--ease-out);white-space: nowrap;}.btn-primary { background: var(--brand-red); color: white; }.btn-primary:hover { background: var(--brand-red); filter: brightness(0.85); transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4), 0 0 15px var(--brand-red); }.btn-secondary { background: rgba(255,255,255,0.1); color: white; backdrop-filter: blur(10px); }.btn-secondary:hover { background: rgba(255,255,255,0.2); }.btn-round {width: 44px;height: 44px;border-radius: 50%;background: rgba(255, 255, 255, 0.06);color: white;font-size: 1.1rem;display: inline-flex;align-items: center;justify-content: center;transition: all 0.3s var(--ease-out);border: 1px solid transparent;}.btn-round:hover {background: var(--brand-red);transform: scale(1.1);box-shadow: 0 0 20px rgba(229, 9, 20, 0.4);color: white;}.btn-round i {display: flex;align-items: center;justify-content: center;}.media-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: 25px;padding: 20px 0;}@media (max-width: 600px) {.media-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 15px; }}@media (min-width: 1400px) {.media-grid {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 30px;}}@media (min-width: 1920px) {.media-grid {grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 35px;}}@media (min-width: 2560px) {.media-grid {grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 40px;}}.card-movie {position: relative;border-radius: var(--radius-lg);overflow: hidden;aspect-ratio: 2/3;background: var(--bg-surface);transition: all 0.5s var(--ease-out);cursor: pointer;border: 1px solid var(--border-light);}.card-movie:hover {transform: scale(1.05);border-color: var(--brand-red);z-index: 10;box-shadow: 0 20px 40px rgba(0,0,0,0.8);}.card-movie img {width: 100%; height: 100%; object-fit: cover;transition: transform 0.6s ease;}.card-movie:hover img { transform: scale(1.1); }.card-overlay {position: absolute; inset: 0;padding: 20px;display: flex; flex-direction: column; justify-content: flex-end;background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);opacity: 0; transition: opacity 0.3s;}.card-movie:hover .card-overlay { opacity: 1; }.card-title { font-size: 1rem; font-weight: 800; margin-bottom: 5px; color: white; }.card-meta { font-size: 0.8rem; color: var(--text-gray); font-weight: 600; display: flex; gap: 10px; }.hero-v2 {position: relative; width: 100%; height: 80vh; min-height: 600px;display: flex; align-items: center;overflow: hidden;}.hero-bg {position: absolute; inset: 0; z-index: 1;}.hero-bg img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.6); }.hero-gradient {position: absolute; inset: 0; z-index: 2;background: linear-gradient(to right, #000 0%, rgba(0,0,0,0.6) 40%, transparent 100%),linear-gradient(to top, #000 0%, transparent 30%);}.hero-body {position: relative; z-index: 3;width: 100%; max-width: 800px;padding: 0 4%;}.hero-tag {color: var(--brand-red); font-weight: 900; letter-spacing: 2px;text-transform: uppercase; font-size: 0.85rem; margin-bottom: 15px;display: block;}.hero-title {font-size: clamp(2.5rem, 6vw, 5rem);font-weight: 900; line-height: 0.9;margin-bottom: 25px; letter-spacing: -2px;}.hero-description {font-size: 1.15rem; color: var(--text-gray);line-height: 1.6; max-width: 600px; margin-bottom: 40px;}.hero-actions .btn {min-width: 180px;justify-content: center;padding: 14px 28px;}@media (max-width: 600px) {.hero-actions .btn {width: 100%;min-width: unset;}}.section-heading {display: flex; justify-content: space-between; align-items: flex-end;margin-bottom: 25px;}.section-title { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.5px; }.panel-glass {background: rgba(255, 255, 255, 0.03);backdrop-filter: blur(30px);border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: 30px;}.admin-sidebar {position: fixed; left: 0; top: 0; bottom: 0; width: 280px;background: var(--bg-dark); border-right: 1px solid var(--border-light);padding: 30px; }.admin-main { margin-left: 280px; padding: 40px; }#notif-panel {position: fixed;top: 100px;right: 4%;width: 380px;max-height: 500px;z-index: 2000;display: none;flex-direction: column;overflow: hidden;animation: slideInNotif 0.4s var(--ease-out);}@keyframes slideInNotif {from { opacity: 0; transform: translateY(-10px); }to { opacity: 1; transform: translateY(0); }}.notif-header {padding: 20px;border-bottom: 1px solid var(--border-light);display: flex;justify-content: space-between;align-items: center;}.notif-list {overflow-y: auto;flex: 1;}.notif-item {padding: 15px 20px;border-bottom: 1px solid rgba(255,255,255,0.03);transition: 0.3s;cursor: pointer;display: flex;gap: 15px;}.notif-item:hover {background: rgba(255,255,255,0.05);}.notif-item.unread {background: rgba(229, 9, 20, 0.03);}.notif-item.unread::before {content: '';width: 8px; height: 8px;background: var(--brand-red);border-radius: 50%;margin-top: 6px;flex-shrink: 0;}.notif-title { font-weight: 700; font-size: 0.95rem; margin-bottom: 3px; color: white; }.notif-msg { font-size: 0.85rem; color: var(--text-gray); line-height: 1.4; }.notif-time { font-size: 0.75rem; color: var(--brand-red); margin-top: 8px; font-weight: 700; }#notif-badge {position: absolute;top: -5px;right: -5px;background: var(--brand-red);color: white;font-size: 10px;font-weight: 900;width: 18px;height: 18px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 2px solid var(--bg-black);}select, input, textarea {font-family: inherit;color: white;}select {appearance: none;-webkit-appearance: none;background-color: var(--bg-surface);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;background-size: 20px;color: white;border: 1px solid var(--border-light);padding: 12px 40px 12px 20px;border-radius: var(--radius-md);cursor: pointer;outline: none;transition: 0.3s var(--ease-out);}select:focus {border-color: var(--brand-red);background-color: var(--bg-dark);box-shadow: 0 0 20px rgba(229, 9, 20, 0.2);}select option {background-color: #1a1a1a;color: white;padding: 15px;}input[type="text"], input[type="password"], input[type="email"], input[type="datetime-local"], .input-premium {background: rgba(255,255,255,0.05);border: 1px solid var(--border-light);padding: 15px 20px;border-radius: var(--radius-md);transition: 0.3s;color: white;width: 100%;}input:focus, .input-premium:focus {border-color: var(--brand-red);background: rgba(255,255,255,0.08);outline: none;box-shadow: 0 0 15px rgba(229, 9, 20, 0.15);}.textarea-premium {width: 100%;background: rgba(255,255,255,0.05);border: 1px solid var(--border-light);border-radius: var(--radius-md);padding: 15px 20px;color: white;font-family: inherit;font-size: 0.95rem;resize: vertical;transition: 0.3s;line-height: 1.5;}.textarea-premium:focus {outline: none;border-color: var(--brand-red);background: rgba(255,255,255,0.08);box-shadow: 0 0 15px rgba(229, 9, 20, 0.15);}@media (max-width: 600px) {#notif-panel { width: 92%; right: 4%; top: 80px; }}.filter-chip {background: rgba(255,255,255,0.05);border: 1px solid var(--border-light);color: var(--text-gray);padding: 8px 20px;border-radius: 50px;font-size: 0.85rem;font-weight: 700;cursor: pointer;transition: 0.3s;white-space: nowrap;display: inline-flex;align-items: center;gap: 8px;}.filter-chip:hover {background: rgba(255,255,255,0.1);color: white;}.filter-chip.active {background: var(--brand-red);border-color: var(--brand-red);color: white;box-shadow: 0 0 15px rgba(229, 9, 20, 0.3);}.quota-modal.hidden {display: none;}.quota-modal {position: fixed;inset: 0;z-index: 99999;display: flex;align-items: center;justify-content: center;padding: 24px;}.quota-modal-backdrop {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.72);backdrop-filter: blur(10px);}.quota-modal-box {position: relative;width: min(100%, 520px);background: rgba(18, 18, 18, 0.78);border: 1px solid rgba(229, 9, 20, 0.22);border-radius: 22px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);backdrop-filter: blur(18px);padding: 28px;color: #fff;z-index: 1;animation: quotaModalIn .22s ease;}.quota-modal-icon {width: 62px;height: 62px;border-radius: 18px;display: flex;align-items: center;justify-content: center;margin-bottom: 18px;background: linear-gradient(135deg, rgba(229, 9, 20, 0.22), rgba(178, 7, 16, 0.12));color: #ff4d5a;font-size: 1.4rem;box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);}.quota-modal-box h3 {margin: 0 0 12px;font-size: 1.35rem;font-weight: 800;color: #fff;}.quota-modal-box p {margin: 0;color: rgba(255,255,255,0.78);line-height: 1.55;}.quota-modal-actions {display: flex;gap: 12px;margin-top: 24px;flex-wrap: wrap;}.quota-modal-actions .btn {min-width: 160px;justify-content: center;}.quota-modal-close {position: absolute;top: 14px;right: 14px;width: 42px;height: 42px;border: 0;border-radius: 14px;background: rgba(255,255,255,0.05);color: #fff;cursor: pointer;transition: .2s ease;}.quota-modal-close:hover {background: rgba(229, 9, 20, 0.14);color: #ff6b74;}@keyframes quotaModalIn {from {opacity: 0;transform: translateY(8px) scale(.98);}to {opacity: 1;transform: translateY(0) scale(1);}}.reviews-section {margin-top: 25px;display: flex;flex-direction: column;gap: 20px;}.reviews-header {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--border-light);padding-bottom: 15px;margin-bottom: 10px;}.reviews-stats {display: flex;align-items: center;gap: 10px;font-size: 1.1rem;font-weight: 700;}.rating-stars-interactive {display: inline-flex;gap: 6px;font-size: 1.6rem;cursor: pointer;}.rating-stars-interactive i {color: rgba(255,255,255,0.15);transition: transform 0.2s, color 0.2s, text-shadow 0.2s;}.rating-stars-interactive i:hover {transform: scale(1.25);}.rating-stars-interactive i.active {color: #ffc107;text-shadow: 0 0 10px rgba(255, 193, 7, 0.5);}.review-form-container {background: rgba(255, 255, 255, 0.02);border: 1px solid var(--border-light);border-radius: var(--radius-lg);padding: 20px;backdrop-filter: blur(15px);display: flex;flex-direction: column;gap: 15px;box-shadow: inset 0 0 10px rgba(255,255,255,0.01);}.review-textarea {width: 100%;min-height: 90px;background: rgba(0, 0, 0, 0.4);border: 1px solid var(--border-light);border-radius: var(--radius-md);color: white;padding: 15px;font-family: inherit;font-size: 0.95rem;resize: none;outline: none;transition: border-color 0.3s, box-shadow 0.3s;}.review-textarea:focus {border-color: var(--brand-red);box-shadow: 0 0 10px rgba(229, 9, 20, 0.15);}.reviews-list {display: flex;flex-direction: column;gap: 15px;max-height: 400px;overflow-y: auto;padding-right: 8px;margin-top: 10px;}.comment-card {background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.05);border-radius: var(--radius-lg);padding: 18px;display: flex;gap: 15px;backdrop-filter: blur(10px);transition: all 0.3s var(--ease-out);}.comment-card:hover {border-color: rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.03);transform: translateY(-1px);}.comment-avatar {width: 44px;height: 44px;border-radius: 50%;background: rgba(255, 255, 255, 0.06);display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 1.2rem;flex-shrink: 0;color: white;border: 2px solid var(--avatar-border, rgba(255,255,255,0.1));box-shadow: 0 4px 10px rgba(0,0,0,0.3);}.comment-content {flex: 1;display: flex;flex-direction: column;gap: 5px;}.comment-meta {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}.comment-author {font-weight: 700;color: white;font-size: 0.95rem;}.comment-stars {color: #ffc107;font-size: 0.85rem;}.comment-date {font-size: 0.8rem;color: var(--text-gray);}.comment-text {font-size: 0.95rem;color: rgba(255, 255, 255, 0.85);line-height: 1.5;word-break: break-word;white-space: pre-line;}.btn-delete-comment {color: var(--text-gray);background: transparent;border: none;font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: color 0.2s;align-self: flex-start;padding: 2px 8px;border-radius: 4px;}.btn-delete-comment:hover {color: var(--brand-red);background: rgba(229, 9, 20, 0.08);}.reviews-list::-webkit-scrollbar {width: 6px;}.reviews-list::-webkit-scrollbar-track {background: transparent;}.reviews-list::-webkit-scrollbar-thumb {background: rgba(255,255,255,0.08);border-radius: 10px;border: none;}.reviews-list::-webkit-scrollbar-thumb:hover {background: var(--brand-red);}@media (max-width: 768px) {.panel-glass {padding: 20px !important;max-height: 92vh !important;overflow-y: auto !important;width: calc(100% - 20px) !important;margin: 10px !important;border-radius: 20px !important;}.modal-detail-row {flex-direction: column !important;gap: 15px !important;align-items: center !important;}.modal-detail-poster {flex: 0 0 auto !important;width: 140px !important;}.modal-detail-poster img {box-shadow: 0 10px 20px rgba(0,0,0,0.5) !important;}.modal-detail-info {flex: 1 1 auto !important;width: 100% !important;text-align: center !important;}.modal-detail-info h2 {font-size: 1.8rem !important;margin-bottom: 10px !important;}.modal-detail-info div[style*="display:flex"] {justify-content: center !important;margin-bottom: 15px !important;gap: 10px !important;}.modal-detail-info p {font-size: 0.95rem !important;line-height: 1.45 !important;max-height: 150px !important;overflow-y: auto !important;margin-bottom: 20px !important;padding-right: 5px !important;}.modal-detail-info div[style*="flex-wrap:wrap"] {flex-direction: column !important;gap: 10px !important;width: 100% !important;}.modal-detail-info .btn {width: 100% !important;padding: 12px 20px !important;font-size: 0.9rem !important;}.reviews-header {flex-direction: column !important;align-items: center !important;gap: 8px !important;text-align: center !important;}.comment-card {padding: 12px !important;gap: 10px !important;}.comment-avatar {width: 36px !important;height: 36px !important;font-size: 1rem !important;border-width: 1.5px !important;}.comment-text {font-size: 0.88rem !important;}}html.zen-mode, html.zen-mode body {background-color: #000000 !important;background: #000000 !important;}html.zen-mode {--bg-black: #000000 !important;--bg-dark: #000000 !important;--bg-surface: #0a0a0a !important;--border-light: #222222 !important;--text-gray: #808080 !important;}html.zen-mode .modal-glow-1, html.zen-mode .modal-glow-2, html.zen-mode .orb, html.zen-mode .auth-bg {display: none !important;animation: none !important;background: none !important;opacity: 0 !important;}html.zen-mode * {transition: none !important;animation-duration: 0s !important;animation-delay: 0s !important;}.episode-card {display: flex;gap: 20px;background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);border-radius: 16px;padding: 16px;cursor: pointer;transition: all 0.3s var(--ease-out);position: relative;overflow: hidden;align-items: center;}.episode-card:hover {background: rgba(255, 255, 255, 0.05);border-color: rgba(255, 255, 255, 0.15);transform: translateY(-2px);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);}.ep-thumb-wrapper {position: relative;flex: 0 0 220px;height: 124px;border-radius: 10px;overflow: hidden;background: #000;}.ep-thumb-wrapper img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s var(--ease-out);}.episode-card:hover .ep-thumb-wrapper img {transform: scale(1.08);}.ep-play-overlay {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s var(--ease-out);}.episode-card:hover .ep-play-overlay {opacity: 1;}.ep-play-overlay i {color: #fff;font-size: 1.3rem;background: var(--brand-red);width: 44px;height: 44px;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 15px rgba(229, 9, 20, 0.4);transform: scale(0.8);transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}.episode-card:hover .ep-play-overlay i {transform: scale(1);}.ep-info {flex: 1;display: flex;flex-direction: column;justify-content: center;}.ep-header {display: flex;justify-content: space-between;align-items: center;gap: 15px;margin-bottom: 8px;}.ep-title {margin: 0;font-size: 1.15rem;font-weight: 800;color: #fff;letter-spacing: -0.3px;}.ep-meta {display: flex;align-items: center;gap: 10px;}.ep-runtime {background: rgba(229, 9, 20, 0.1);border: 1px solid rgba(229, 9, 20, 0.2);color: var(--brand-red);font-size: 0.75rem;font-weight: 800;padding: 2px 8px;border-radius: 4px;text-transform: uppercase;}.ep-desc {font-size: 0.9rem;color: var(--text-gray);line-height: 1.5;margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}.ep-action-btn {width: 36px;height: 36px;border-radius: 50%;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s;}.ep-action-btn:hover {background: #fff;color: #000;border-color: #fff;transform: scale(1.05);}@media (max-width: 650px) {.episode-card {flex-direction: column;align-items: stretch;gap: 15px;}.ep-thumb-wrapper {flex: 0 0 auto;width: 100%;height: 160px;}}.genre-filters {display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 40px;}.genre-pill {background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.08);color: #eee;padding: 8px 18px;border-radius: 50px;font-size: 0.85rem;font-weight: 700;cursor: pointer;transition: all 0.25s var(--ease-out);user-select: none;outline: none;}.genre-pill:hover {background: rgba(255, 255, 255, 0.08);border-color: rgba(255, 255, 255, 0.2);color: #fff;transform: translateY(-1px);}.genre-pill.active {background: var(--brand-red);border-color: var(--brand-red);color: #fff;box-shadow: 0 4px 15px rgba(229, 9, 20, 0.35);}html.theme-neon, body.theme-neon {--brand-red: #ff007f;--accent-yellow: #00f0ff;--bg-black: #05020c;--bg-dark: #0d051a;--bg-surface: #1a0a33;--border-light: rgba(255, 0, 127, 0.15);--nav-bg: rgba(26, 10, 51, 0.72);--nav-bg-scrolled: rgba(13, 5, 26, 0.85);}body.theme-neon .genre-pill.active {box-shadow: 0 4px 15px rgba(255, 0, 127, 0.4);}html.theme-forest, body.theme-forest {--brand-red: #00e676;--accent-yellow: #ffd32a;--bg-black: #020905;--bg-dark: #06130b;--bg-surface: #0c2617;--border-light: rgba(0, 230, 118, 0.12);--nav-bg: rgba(12, 38, 23, 0.72);--nav-bg-scrolled: rgba(6, 19, 11, 0.85);}body.theme-forest .genre-pill.active {box-shadow: 0 4px 15px rgba(0, 230, 118, 0.4);}html.theme-royal, body.theme-royal {--brand-red: #d4af37;--accent-yellow: #f1c40f;--bg-black: #080808;--bg-dark: #111111;--bg-surface: #1c1c1c;--border-light: rgba(212, 175, 55, 0.15);--nav-bg: rgba(28, 28, 28, 0.72);--nav-bg-scrolled: rgba(17, 17, 17, 0.85);}body.theme-royal .genre-pill.active {box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);}html.theme-retro, body.theme-retro {--brand-red: #ff793f;--accent-yellow: #00a8ff;--bg-black: #0f0f0f;--bg-dark: #161616;--bg-surface: #222222;--border-light: rgba(255, 121, 63, 0.15);--nav-bg: rgba(34, 34, 34, 0.72);--nav-bg-scrolled: rgba(22, 22, 22, 0.85);font-family: 'Courier New', Courier, monospace;}body.theme-retro .genre-pill.active {box-shadow: 0 4px 15px rgba(255, 121, 63, 0.4);}body.theme-retro::before {content: " ";display: block;position: fixed;top: 0; left: 0; bottom: 0; right: 0;background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.12) 50%);background-size: 100% 4px;z-index: 999999;pointer-events: none;opacity: 0.4;}html.theme-netflix-red, body.theme-netflix-red {--brand-red: #e50914;--accent-yellow: #db0007;--bg-black: #000000;--bg-dark: #080808;--bg-surface: #141414;--border-light: rgba(229, 9, 20, 0.18);--nav-bg: rgba(20, 20, 20, 0.72);--nav-bg-scrolled: rgba(8, 8, 8, 0.85);}body.theme-netflix-red .genre-pill.active {box-shadow: 0 4px 15px rgba(229, 9, 20, 0.5);}html.theme-cyberpunk-neon, body.theme-cyberpunk-neon {--brand-red: #fcee0a;--accent-yellow: #00f0ff;--bg-black: #030303;--bg-dark: #0a0a0c;--bg-surface: #121216;--border-light: rgba(252, 238, 10, 0.18);--nav-bg: rgba(18, 18, 22, 0.72);--nav-bg-scrolled: rgba(10, 10, 12, 0.85);}body.theme-cyberpunk-neon .genre-pill.active {box-shadow: 0 4px 15px rgba(252, 238, 10, 0.5);color: #000 !important;}.search-results-dropdown {position: absolute;left: 0;right: 0;top: calc(100% + 8px);background: rgba(10, 10, 10, 0.98);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 12px;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);z-index: 10008;max-height: min(420px, 60vh);overflow: hidden;display: none; flex-direction: column;}.search-results-dropdown.active {display: flex;animation: searchDropdownFadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;}@keyframes searchDropdownFadeIn {from {opacity: 0;transform: translateY(-8px) scale(0.98);filter: blur(4px);}to {opacity: 1;transform: translateY(0) scale(1);filter: blur(0);}}.search-results-scroll {overflow-y: auto;overscroll-behavior: contain;padding: 6px;max-height: 380px;}.search-results-header {padding: 10px 12px 4px 12px;font-size: 10px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.14em;color: rgba(255, 255, 255, 0.3);display: flex;align-items: center;gap: 6px;}.search-results-header i, .search-results-header svg {font-size: 10px;}.search-result-btn {display: flex;width: 100%;align-items: center;gap: 12px;border-radius: 8px;padding: 8px 12px;text-align: left;transition: background 0.2s;background: transparent;border: none;cursor: pointer;color: inherit;outline: none;}.search-result-btn:hover,.search-result-btn.selected {background: rgba(255, 255, 255, 0.08);}.search-result-poster {position: relative;height: 40px;width: 56px;flex-shrink: 0;overflow: hidden;border-radius: 6px;background: rgba(255, 255, 255, 0.05);}.search-result-poster img {height: 100%;width: 100%;object-fit: cover;}.search-result-info {min-width: 0;flex: 1;}.search-result-title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;font-weight: 500;color: rgba(255, 255, 255, 0.9);margin-bottom: 2px;}.search-result-meta {display: flex;align-items: center;gap: 6px;font-size: 12px;color: rgba(255, 255, 255, 0.4);}.search-result-meta i, .search-result-meta svg {font-size: 10px;}.search-result-arrow {font-size: 12px;opacity: 0;transition: opacity 0.2s;color: rgba(255, 255, 255, 0.6);}.search-result-btn:hover .search-result-arrow,.search-result-btn.selected .search-result-arrow {opacity: 1;}.search-results-footer {display: flex;align-items: center;justify-content: space-between;border-top: 1px solid rgba(255, 255, 255, 0.08);padding: 8px 12px;font-size: 10px;color: rgba(255, 255, 255, 0.3);}@media (max-width: 768px) {.search-results-dropdown {width: calc(100vw - 30px);left: 50%;transform: translateX(-50%);top: calc(100% + 12px);}}@media (min-width: 769px) {.nav-link-mobile-only {display: none !important;}}@media (max-width: 768px) {.nav-action-desktop-only {display: none !important;}}