:root{--bg: #0f1113;--surface: #1a1d20;--surface-2: #25282c;--surface-3: #141618;--border: #2d3135;--border-light: #3d4248;--accent: #e50914;--accent-dark: #b12020;--accent-wine: #8b2323;--header-bg: #3e2121;--text: #fff;--text-soft: #ccc;--text-muted: #888;--text-dim: #666;--imdb: #f5c518}.notif-badge{position: absolute;top: -6px;right: -6px;background: #e50914;color: #fff;font-size: 10px;font-weight: 700;padding: 1px 5px;border-radius: 10px;line-height: 1.2;transition: transform 0.25s ease, opacity 0.25s ease}.notif-badge.pulse{animation: notifPulse 1.8s infinite}@keyframes notifPulse{0%{box-shadow: 0 0 0 0 rgba(229, 9, 20, 0.7)}70%{box-shadow: 0 0 0 7px rgba(229, 9, 20, 0)}100%{box-shadow: 0 0 0 0 rgba(229, 9, 20, 0)}}body{background-color: var(--bg);color: #fff;font-family: 'Inter', sans-serif;margin: 0}.container-1440{max-width: 1440px;margin: 0 auto;padding: 0 20px;width: 100%}.custom-navbar{background-color: var(--surface);padding: 10px 0;border-bottom: 1px solid var(--border);min-height: 70px;position: relative;z-index: 1050}.navbar-side{flex: 1}.navbar-middle{flex: 1.5;display: flex;justify-content: center}.navbar-logo{font-family: 'Playfair Display', serif;font-size: 28px;color: #fff;text-decoration: none;font-weight: 700}.nav-links{list-style: none;padding: 0;display: flex;align-items: center}.nav-links li{display: flex;align-items: center}.nav-links li a{color: rgba(255, 255, 255, 0.85);text-decoration: none;font-size: 14px;transition: 0.25s}.nav-links li a:hover{color: #ffffff}.nav-links li a.active, .nav-links li a.active:hover{color: #ffffff !important}.search-wrapper{position: relative;background: var(--surface-2);border-radius: 50px;padding: 6px 15px;border: 1px solid transparent;transition: all 0.3s ease}.search-wrapper:focus-within{border-color: var(--accent);box-shadow: 0 0 8px rgba(229, 9, 20, 0.3)}.search-icon{color: #888;margin-right: 10px}.search-input{background: transparent;border: none;color: white;outline: none;font-size: 14px;width: 180px}.user-buttons{display: flex;flex-wrap: nowrap}.register-link{color: #fff;text-decoration: none;font-size: 14px;font-weight: 500;margin-right: 15px;white-space: nowrap}.login-btn{background-color: var(--accent-dark);color: white;text-decoration: none;padding: 8px 22px;border-radius: 6px;font-size: 14px;font-weight: 600;transition: 0.3s;white-space: nowrap}.login-btn:hover{background-color: var(--accent);transform: translateY(-2px);color: white}.navbar-toggler:focus{box-shadow: none}.offcanvas{background-color: var(--surface) !important}.nav-link:hover{padding-left: 10px;transition: 0.3s;color: var(--accent) !important}.widget-header{background-color: var(--header-bg);color: #fff;padding: 8px 15px;border-radius: 10px;font-size: 16px;font-weight: 600;text-align: center}.sidebar-widget{background-color: var(--surface);border-radius: 8px;overflow: hidden;padding-bottom: 15px}.widget-body{padding: 15px}.sidebar-genre-widget{background: linear-gradient(135deg, rgba(24, 28, 38, 0.95) 0%, rgba(14, 17, 24, 0.98) 100%);border: 1px solid rgba(245, 197, 24, 0.16);border-radius: 14px;overflow: hidden;box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45), 0 0 15px rgba(245, 197, 24, 0.05);position: relative;transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.sidebar-genre-widget:hover{border-color: rgba(245, 197, 24, 0.28);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.55), 0 0 20px rgba(245, 197, 24, 0.12)}.genre-header-sinedna{background: linear-gradient(90deg, rgba(245, 197, 24, 0.15) 0%, rgba(200, 140, 10, 0.04) 100%);border-bottom: 1px solid rgba(245, 197, 24, 0.18);border-left: 3.5px solid #f5c518;padding: 11px 14px;display: flex;align-items: center;justify-content: space-between}.genre-header-left{display: flex;align-items: center;gap: 9px}.genre-header-icon{width: 28px;height: 28px;border-radius: 7px;background: linear-gradient(135deg, rgba(245, 197, 24, 0.22) 0%, rgba(200, 140, 10, 0.35) 100%);border: 1px solid rgba(245, 197, 24, 0.4);color: #ffd700;display: flex;align-items: center;justify-content: center;font-size: 14px;box-shadow: 0 0 10px rgba(245, 197, 24, 0.25)}.genre-header-title{color: #fff;font-size: 14px;font-weight: 700;letter-spacing: 0.3px;margin: 0}.genre-header-badge{background: rgba(245, 197, 24, 0.14);border: 1px solid rgba(245, 197, 24, 0.35);color: #ffd700;font-size: 11px;font-weight: 700;padding: 2px 8px;border-radius: 12px;letter-spacing: 0.2px}.genre-grid-modern{display: grid;grid-template-columns: repeat(2, 1fr);gap: 7px;padding: 12px}.genre-card-modern{background: rgba(255, 255, 255, 0.025);border: 1px solid rgba(255, 255, 255, 0.07);border-radius: 8px;padding: 8px 10px;display: flex;align-items: center;justify-content: space-between;text-decoration: none !important;color: #cbd5e1;font-size: 12.5px;font-weight: 600;transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);position: relative;overflow: hidden}.genre-card-left{display: flex;align-items: center;gap: 7px;min-width: 0}.genre-card-icon{font-size: 13px;color: #f5c518;display: flex;align-items: center;justify-content: center;transition: transform 0.22s ease, color 0.22s ease;flex-shrink: 0}.genre-card-name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color 0.2s ease}.genre-card-count{font-size: 10.5px;font-weight: 700;color: #94a3b8;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.08);padding: 1px 6px;border-radius: 10px;flex-shrink: 0;transition: all 0.2s ease;min-width: 20px;text-align: center}.genre-card-modern:hover{background: linear-gradient(135deg, #ffd700 0%, #f5c518 100%);border-color: #ffd700;color: #0b0e14 !important;transform: translateY(-2px);box-shadow: 0 4px 18px rgba(245, 197, 24, 0.45), 0 0 12px rgba(255, 215, 0, 0.3)}.genre-card-modern:hover .genre-card-name{color: #0b0e14 !important;font-weight: 700}.genre-card-modern:hover .genre-card-icon{transform: scale(1.15) rotate(-3deg);color: #0b0e14 !important}.genre-card-modern:hover .genre-card-count{background: rgba(11, 14, 20, 0.2);color: #0b0e14 !important;border-color: rgba(11, 14, 20, 0.35);font-weight: 800}.genre-card-modern.active{background: linear-gradient(135deg, rgba(245, 197, 24, 0.28) 0%, rgba(200, 140, 10, 0.16) 100%);border-color: #ffd700;color: #fff;box-shadow: 0 0 14px rgba(245, 197, 24, 0.35)}.genre-card-modern.active .genre-card-icon{color: #ffd700}.genre-card-modern.active .genre-card-count{background: #ffd700;color: #0b0e14;border-color: #ffd700}.genre-card-extra{display: none}.genre-grid-modern.show-all .genre-card-extra{display: flex;animation: fadeInGenre 0.25s ease forwards}@keyframes fadeInGenre{from{opacity: 0;transform: translateY(4px)}to{opacity: 1;transform: translateY(0)}}.genre-toggle-btn{width: calc(100% - 24px);margin: 0 12px 12px 12px;background: rgba(245, 197, 24, 0.08);border: 1px solid rgba(245, 197, 24, 0.25);color: #ffd700;border-radius: 8px;padding: 7px 12px;font-size: 12px;font-weight: 600;display: flex;align-items: center;justify-content: center;gap: 6px;cursor: pointer;transition: all 0.22s ease;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2)}.genre-toggle-btn:hover{background: rgba(245, 197, 24, 0.18);border-color: #ffd700;color: #fff;box-shadow: 0 0 14px rgba(245, 197, 24, 0.28);transform: translateY(-1px)}.sidebar-list-widget{background: linear-gradient(135deg, rgba(24, 28, 38, 0.95) 0%, rgba(14, 17, 24, 0.98) 100%);border: 1px solid rgba(245, 197, 24, 0.16);border-radius: 14px;overflow: hidden;box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45), 0 0 15px rgba(245, 197, 24, 0.05);position: relative;transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.sidebar-list-widget:hover{border-color: rgba(245, 197, 24, 0.28);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.55), 0 0 20px rgba(245, 197, 24, 0.12)}.list-header-sinedna{background: linear-gradient(90deg, rgba(245, 197, 24, 0.15) 0%, rgba(200, 140, 10, 0.04) 100%);border-bottom: 1px solid rgba(245, 197, 24, 0.18);border-left: 3.5px solid #f5c518;padding: 11px 14px;display: flex;align-items: center;justify-content: space-between}.list-header-left{display: flex;align-items: center;gap: 9px}.list-header-icon{width: 28px;height: 28px;border-radius: 7px;background: linear-gradient(135deg, rgba(245, 197, 24, 0.22) 0%, rgba(200, 140, 10, 0.35) 100%);border: 1px solid rgba(245, 197, 24, 0.4);color: #ffd700;display: flex;align-items: center;justify-content: center;font-size: 14px;box-shadow: 0 0 10px rgba(245, 197, 24, 0.25)}.list-header-title{color: #fff;font-size: 14px;font-weight: 700;letter-spacing: 0.3px;margin: 0}.list-header-link{display: inline-flex;align-items: center;gap: 2px;color: #ffd700;font-size: 11.5px;font-weight: 700;text-decoration: none;padding: 2px 8px;border-radius: 12px;background: rgba(245, 197, 24, 0.12);border: 1px solid rgba(245, 197, 24, 0.3);transition: all 0.2s ease}.list-header-link:hover{background: #ffd700;color: #0b0e14;border-color: #ffd700;box-shadow: 0 0 10px rgba(245, 197, 24, 0.35)}.list-header-link i{font-size: 14px;transition: transform 0.2s}.list-header-link:hover i{transform: translateX(2px)}.list-items-modern{padding: 10px 12px;display: flex;flex-direction: column;gap: 9px}.list-card-modern{display: flex;align-items: center;gap: 12px;padding: 9px 11px;background: rgba(255, 255, 255, 0.025);border: 1px solid rgba(255, 255, 255, 0.07);border-radius: 10px;text-decoration: none !important;position: relative;overflow: hidden;transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1)}.list-card-modern:hover{background: linear-gradient(135deg, rgba(245, 197, 24, 0.14) 0%, rgba(200, 140, 10, 0.06) 100%);border-color: rgba(245, 197, 24, 0.45);transform: translateY(-2px);box-shadow: 0 5px 16px rgba(0, 0, 0, 0.45), 0 0 12px rgba(245, 197, 24, 0.18)}.list-stack-wrapper{position: relative;flex-shrink: 0;width: 62px;height: 58px}.list-card-posters{position: relative;width: 100%;height: 100%}.poster-stack-img{position: absolute;top: 0;width: 40px;height: 56px;object-fit: cover;border-radius: 5px;border: 1.5px solid rgba(14, 17, 24, 0.95);box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);transition: transform 0.25s ease, box-shadow 0.25s ease}.poster-idx-0{left: 0;z-index: 3}.poster-idx-1{left: 10px;top: 2px;height: 52px;opacity: 0.88;z-index: 2}.poster-idx-2{left: 20px;top: 4px;height: 48px;opacity: 0.72;z-index: 1}.list-card-modern:hover .poster-idx-0{transform: translateY(-2px) scale(1.04);box-shadow: 0 6px 14px rgba(0, 0, 0, 0.6)}.list-card-modern:hover .poster-idx-1{transform: translateX(2px) translateY(-1px)}.list-card-modern:hover .poster-idx-2{transform: translateX(4px)}.list-count-badge{position: absolute;right: -2px;bottom: -2px;background: #f5c518;color: #0b0e14;font-size: 10px;font-weight: 800;line-height: 1;padding: 2.5px 5.5px;border-radius: 8px;border: 1.5px solid #0e1118;z-index: 5;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5)}.list-card-body{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 4px}.list-card-title{font-size: 13px;font-weight: 600;color: #e2e8f0;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color 0.2s ease}.list-card-modern:hover .list-card-title{color: #ffd700}.list-card-meta{display: flex;align-items: center;gap: 7px;font-size: 11px}.list-type-pill{display: inline-flex;align-items: center;gap: 3px;font-size: 10px;font-weight: 700;padding: 1.5px 6px;border-radius: 4px;letter-spacing: 0.2px}.list-type-pill.pill-movie{background: rgba(59, 130, 246, 0.15);color: #93c5fd;border: 1px solid rgba(59, 130, 246, 0.3)}.list-type-pill.pill-person{background: rgba(168, 85, 247, 0.15);color: #d8b4fe;border: 1px solid rgba(168, 85, 247, 0.3)}.list-author{color: #94a3b8;display: inline-flex;align-items: center;gap: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100px}.list-card-arrow{color: #475569;font-size: 13px;flex-shrink: 0;transition: all 0.22s ease}.list-card-modern:hover .list-card-arrow{color: #ffd700;transform: translateX(3px)}.list-empty-state{padding: 18px 12px;text-align: center;color: #64748b;font-size: 12px;display: flex;flex-direction: column;align-items: center;gap: 6px}.list-empty-state i{font-size: 24px;color: #475569}.sidebar-member-widget{background: linear-gradient(135deg, rgba(24, 28, 38, 0.95) 0%, rgba(14, 17, 24, 0.98) 100%);border: 1px solid rgba(245, 197, 24, 0.16);border-radius: 14px;overflow: hidden;box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45), 0 0 15px rgba(245, 197, 24, 0.05);position: relative;transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.sidebar-member-widget:hover{border-color: rgba(245, 197, 24, 0.28);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.55), 0 0 20px rgba(245, 197, 24, 0.12)}.member-header-sinedna{background: linear-gradient(90deg, rgba(245, 197, 24, 0.15) 0%, rgba(200, 140, 10, 0.04) 100%);border-bottom: 1px solid rgba(245, 197, 24, 0.18);border-left: 3.5px solid #f5c518;padding: 11px 14px;display: flex;align-items: center;justify-content: space-between}.member-header-left{display: flex;align-items: center;gap: 9px}.member-header-icon{width: 28px;height: 28px;border-radius: 7px;background: linear-gradient(135deg, rgba(245, 197, 24, 0.22) 0%, rgba(200, 140, 10, 0.35) 100%);border: 1px solid rgba(245, 197, 24, 0.4);color: #ffd700;display: flex;align-items: center;justify-content: center;font-size: 14px;box-shadow: 0 0 10px rgba(245, 197, 24, 0.25)}.member-header-title{color: #fff;font-size: 14px;font-weight: 700;letter-spacing: 0.3px;margin: 0}.member-header-badge{display: inline-flex;align-items: center;gap: 4px;color: #ffd700;font-size: 11px;font-weight: 700;padding: 2px 8px;border-radius: 12px;background: rgba(245, 197, 24, 0.14);border: 1px solid rgba(245, 197, 24, 0.35)}.member-items-modern{padding: 10px 12px;display: flex;flex-direction: column;gap: 9px}.member-card-modern{display: flex;align-items: center;gap: 12px;padding: 9px 11px;background: rgba(255, 255, 255, 0.025);border: 1px solid rgba(255, 255, 255, 0.07);border-radius: 10px;text-decoration: none !important;position: relative;overflow: hidden;transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1)}.member-card-modern:hover{background: linear-gradient(135deg, rgba(245, 197, 24, 0.14) 0%, rgba(200, 140, 10, 0.06) 100%);border-color: rgba(245, 197, 24, 0.45);transform: translateY(-2px);box-shadow: 0 5px 16px rgba(0, 0, 0, 0.45), 0 0 12px rgba(245, 197, 24, 0.18)}.member-avatar-wrapper{position: relative;flex-shrink: 0;width: 38px;height: 44px;display: flex;align-items: center;justify-content: center}.member-avatar-wrapper .hex-progress-avatar-wrap{margin: 0}.member-card-modern:hover .hex-progress-avatar-wrap{transform: scale(1.08);filter: drop-shadow(0 0 10px rgba(245, 197, 24, 0.7))}.member-rank-badge{position: absolute;top: -4px;left: -4px;width: 18px;height: 18px;border-radius: 50%;font-size: 10px;font-weight: 800;display: flex;align-items: center;justify-content: center;border: 1.5px solid #0e1118;z-index: 2;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5)}.member-rank-badge.rank-1{background: linear-gradient(135deg, #ffd700, #f5c518);color: #0b0e14}.member-rank-badge.rank-2{background: linear-gradient(135deg, #e2e8f0, #94a3b8);color: #0b0e14}.member-rank-badge.rank-3{background: linear-gradient(135deg, #d97706, #92400e);color: #fff}.member-rank-badge:not(.rank-1):not(.rank-2):not(.rank-3){background: linear-gradient(135deg, #334155, #1e293b);color: #cbd5e1;border-color: rgba(255, 255, 255, 0.15)}.member-card-body{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 4px}.member-name-row{display: flex;align-items: center;gap: 6px}.member-card-name{font-size: 13px;font-weight: 700;color: #f1f5f9;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color 0.2s ease}.member-card-modern:hover .member-card-name{color: #ffd700}.member-role-badge{color: #f5c518;font-size: 11px;display: inline-flex;align-items: center}.member-lvl-badge{font-size: 9.5px;font-weight: 800;padding: 1px 5px;border-radius: 4px;background: rgba(245, 197, 24, 0.16);color: #ffd700;border: 1px solid rgba(245, 197, 24, 0.35);letter-spacing: 0.3px}.member-stats-row{display: flex;align-items: center;gap: 8px}.stat-pill{font-size: 11px;color: #94a3b8;display: inline-flex;align-items: center;gap: 3.5px;font-weight: 500}.stat-pill i{color: #f5c518;font-size: 10.5px}.member-card-arrow{color: #475569;font-size: 13px;flex-shrink: 0;transition: all 0.22s ease}.member-card-modern:hover .member-card-arrow{color: #ffd700;transform: translateX(3px)}.member-empty-state{padding: 18px 12px;text-align: center;color: #64748b;font-size: 12px;display: flex;flex-direction: column;align-items: center;gap: 6px}.member-empty-state i{font-size: 24px;color: #475569}.sidebar-topic-widget{background: linear-gradient(135deg, rgba(24, 28, 38, 0.95) 0%, rgba(14, 17, 24, 0.98) 100%);border: 1px solid rgba(245, 197, 24, 0.16);border-radius: 14px;overflow: hidden;box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45), 0 0 15px rgba(245, 197, 24, 0.05);position: relative;transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1)}.sidebar-topic-widget:hover{border-color: rgba(245, 197, 24, 0.28);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.55), 0 0 20px rgba(245, 197, 24, 0.12)}.topic-header-sinedna{background: linear-gradient(90deg, rgba(245, 197, 24, 0.15) 0%, rgba(200, 140, 10, 0.04) 100%);border-bottom: 1px solid rgba(245, 197, 24, 0.18);border-left: 3.5px solid #f5c518;padding: 11px 14px;display: flex;align-items: center;justify-content: space-between}.topic-header-left{display: flex;align-items: center;gap: 9px}.topic-header-icon{width: 28px;height: 28px;border-radius: 7px;background: linear-gradient(135deg, rgba(245, 197, 24, 0.22) 0%, rgba(200, 140, 10, 0.35) 100%);border: 1px solid rgba(245, 197, 24, 0.4);color: #ffd700;display: flex;align-items: center;justify-content: center;font-size: 14px;box-shadow: 0 0 10px rgba(245, 197, 24, 0.25)}.topic-header-title{color: #fff;font-size: 14px;font-weight: 700;letter-spacing: 0.3px;margin: 0}.topic-header-link{display: inline-flex;align-items: center;gap: 2px;color: #ffd700;font-size: 11.5px;font-weight: 700;text-decoration: none;padding: 2px 8px;border-radius: 12px;background: rgba(245, 197, 24, 0.12);border: 1px solid rgba(245, 197, 24, 0.3);transition: all 0.2s ease}.topic-header-link:hover{background: #ffd700;color: #0b0e14;border-color: #ffd700;box-shadow: 0 0 10px rgba(245, 197, 24, 0.35)}.topic-header-link i{font-size: 14px;transition: transform 0.2s}.topic-header-link:hover i{transform: translateX(2px)}.topic-grid-modern{display: grid;grid-template-columns: repeat(2, 1fr);gap: 7px;padding: 10px 12px}.topic-card-modern{display: flex;flex-direction: row;align-items: center;gap: 8px;text-decoration: none !important;position: relative;padding: 6px 8px;border-radius: 9px;background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.06);transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);min-width: 0}.topic-card-modern:hover{background: rgba(245, 197, 24, 0.09);border-color: rgba(245, 197, 24, 0.4);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45), 0 0 10px rgba(245, 197, 24, 0.15)}.topic-img-wrapper{position: relative;width: 44px;height: 44px;flex-shrink: 0;border-radius: 6px;overflow: hidden;background: #11141c;border: 1px solid rgba(255, 255, 255, 0.08);transition: border-color 0.22s ease}.topic-card-modern:hover .topic-img-wrapper{border-color: #ffd700}.topic-thumb-img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s ease}.topic-card-modern:hover .topic-thumb-img{transform: scale(1.1)}.topic-thumb-fallback{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: radial-gradient(circle at center, rgba(245, 197, 24, 0.2) 0%, rgba(14, 17, 24, 0.95) 100%);color: #f5c518;font-size: 16px;transition: transform 0.25s ease, color 0.25s ease}.topic-card-modern:hover .topic-thumb-fallback{transform: scale(1.1) rotate(-4deg);color: #ffd700}.topic-overlay-gradient{position: absolute;inset: 0;background: linear-gradient(to top, rgba(14, 17, 24, 0.4) 0%, transparent 60%);pointer-events: none}.topic-count-pill{position: absolute;bottom: 2px;right: 2px;background: rgba(14, 17, 24, 0.92);color: #ffd700;border: 1px solid rgba(245, 197, 24, 0.4);font-size: 8.5px;font-weight: 800;line-height: 1;padding: 1.5px 3.5px;border-radius: 3px;backdrop-filter: blur(4px);transition: all 0.2s ease}.topic-card-modern:hover .topic-count-pill{background: #ffd700;color: #0b0e14;border-color: #ffd700}.topic-card-caption{font-size: 12px;font-weight: 600;color: #cbd5e1;text-align: left;line-height: 1.25;flex: 1;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color 0.2s ease}.topic-card-modern:hover .topic-card-caption{color: #ffd700}.topic-empty-state{grid-column: 1 / -1;padding: 18px 12px;text-align: center;color: #64748b;font-size: 12px;display: flex;flex-direction: column;align-items: center;gap: 6px}.topic-empty-state i{font-size: 24px;color: #475569}.genre-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 8px;padding: 0 15px}.genre-item{background-color: var(--surface-2);color: #bbb;text-decoration: none;padding: 6px;text-align: center;font-size: 13px;border-radius: 4px;transition: 0.3s}.genre-item:hover{background-color: var(--accent-wine);color: #fff}.search-robot-widget{background: linear-gradient(135deg, var(--accent-wine) 0%, var(--header-bg) 100%);text-align: center}.movie-card{background-color: var(--surface);border: 1px solid var(--border);border-radius: 8px;overflow: hidden;transition: transform 0.2s ease, border-color 0.2s ease;display: flex;flex-direction: column}.movie-card:hover{transform: translateY(-4px);border-color: var(--border-light)}.movie-poster-wrap{position: relative;width: 100%;padding-top: 140%;overflow: hidden}.movie-poster-wrap img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover}.poster-action-btn{position: absolute;top: 8px;z-index: 10;width: 32px;height: 32px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.65);backdrop-filter: blur(4px);border: 1px solid rgba(255, 255, 255, 0.2);color: #ffffff;display: flex;align-items: center;justify-content: center;font-size: 14px;cursor: pointer;transition: all 0.2s ease}.poster-action-btn:hover{background-color: rgba(0, 0, 0, 0.85);transform: scale(1.1)}.btn-watchlist{left: 8px}.btn-watched{right: 8px}.btn-watchlist.active{background-color: var(--imdb);color: #000000;border-color: var(--imdb)}.btn-watched.active{background-color: #2ed573;color: #ffffff;border-color: #2ed573}.movie-card-body{padding: 10px 12px;display: flex;align-items: center;justify-content: space-between;gap: 8px;background-color: var(--surface)}.movie-card-header{display: flex;align-items: center;justify-content: space-between;gap: 8px}.movie-title{font-size: 13px;font-weight: 600;color: var(--text);margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1}.poster-meta-bar{position: absolute;bottom: 0;left: 0;width: 100%;padding: 8px 10px;background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%);backdrop-filter: blur(2px);display: flex;align-items: center;justify-content: space-between;font-size: 11.5px;font-weight: 600;color: #ffffff;z-index: 5}.poster-meta-bar span{display: flex;align-items: center;gap: 5px;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8)}.poster-meta-bar i{font-size: 12px;color: var(--imdb)}.movie-imdb-badge{display: flex;align-items: center;gap: 4px;font-size: 12px;font-weight: 700;color: var(--imdb);background-color: rgba(245, 197, 24, 0.1);padding: 2px 6px;border-radius: 4px;white-space: nowrap;flex-shrink: 0}.movie-meta-info{display: flex;align-items: center;justify-content: space-between;font-size: 11px;color: var(--text-soft)}.movie-duration, .movie-year{display: flex;align-items: center;gap: 4px}.movie-meta-info i{font-size: 11px;color: var(--text-muted)}.movie-poster{width: 100%;height: 100%;object-fit: cover}.movie-top-right-meta{position: absolute;top: 8px;right: 0px;text-align: right;z-index: 2}.meta-year{background: rgba(0, 0, 0, 0.8);color: #fff;font-size: 14px;padding: 3px 6px;border-radius: 10px 0px 0px 10px;font-weight: 600;margin-bottom: 4px}.meta-rating{background: rgba(0, 0, 0, 0.8);color: #fff;font-size: 14px;padding: 3px 6px;border-radius: 10px 0px 0px 10px;font-weight: 600}.movie-title-overlay{position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(0, 0, 0, 0.75) 40%, rgba(0, 0, 0, 0.95) 100%);padding: 20px 5px 10px 5px;z-index: 2}.movie-title-overlay h4{font-size: 16px;font-weight: 600;color: #fff;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.watchlist-badge{position: absolute;top: -5px;left: 10px;color: var(--imdb);font-size: 30px}.check-icon{position: absolute;top: 10px;left: 10px;font-size: 12px;color: #000;font-weight: bold;font-family: Arial}.popular-lists{display: flex;flex-direction: column;gap: 4px}.popular-list-item{display: block;text-decoration: none;border-radius: 6px;overflow: hidden;transition: opacity 0.2s ease}.popular-list-item:hover{opacity: 0.85}.list-title{background-color: var(--surface-2);color: #ccc;font-size: 12px;margin: 0 0 5px 0;padding: 6px 10px;border-radius: 0 0 6px 6px;text-align: center;border-top: 1px solid var(--border);transition: color 0.2s}.list-posters{display: flex;height: 85px;overflow: hidden;border-radius: 6px 6px 0 0;position: relative;padding-left: 20px}.list-posters img{width: 75px;min-width: 55px;height: 100%;object-fit: cover;object-position: top;border-radius: 4px;border: 2px solid var(--bg);margin-left: -10px;transition: transform 0.3s ease;box-shadow: -3px 0 8px rgba(0, 0, 0, 0.5)}.list-posters img:first-child{margin-left: 0}.popular-list-item:hover .list-posters img:nth-child(1){transform: translateX(-6px)}.popular-list-item:hover .list-posters img:nth-child(2){transform: translateX(-3px)}.popular-list-item:hover .list-posters img:nth-child(3){transform: translateX(3px)}.popular-list-item:hover .list-posters img:nth-child(4){transform: translateX(6px)}.popular-list-item:hover .list-title{color: #fff;background-color: var(--accent-wine)}.popular-members{display: flex;flex-direction: column;gap: 4px;padding-bottom: 10px}.member-item{display: flex;align-items: center;gap: 12px;padding: 10px 8px;border-radius: 8px;border-bottom: 1px solid var(--border);transition: background 0.2s ease}.member-item:last-child{border-bottom: none}.member-item:hover{background-color: var(--surface-2)}.member-avatar{width: 54px;height: 54px;border-radius: 50%;object-fit: cover;border: 2px solid var(--accent-wine);flex-shrink: 0}.member-info{flex: 1}.member-name{font-size: 14px;font-weight: 600;color: #fff;margin: 0 0 5px 0;text-align: center}.member-stats{display: flex;flex-wrap: wrap;gap: 8px;justify-content: center;margin-bottom: 3px}.member-stats span{font-size: 11px;color: #888;display: flex;align-items: center;gap: 4px}.member-stats i{color: var(--accent-wine);font-size: 11px}.site-footer{background-color: var(--surface);border-top: 1px solid var(--border);padding: 30px 0;text-align: center;margin-top: 60px}.footer-socials{display: flex;justify-content: center;gap: 20px;margin-bottom: 12px}.footer-socials a{color: #888;font-size: 22px;transition: color 0.2s ease, transform 0.2s ease;text-decoration: none}.footer-socials a:hover{color: #fff;transform: translateY(-3px)}.footer-copy{color: #666;font-size: 13px;margin-bottom: 16px}.footer-copy strong{color: #888}.footer-links{display: flex;justify-content: center;flex-wrap: wrap;gap: 6px 24px}.footer-links a{color: #777;font-size: 13px;text-decoration: none;transition: color 0.2s ease}.footer-links a:hover{color: #fff}.section-header-new{display: flex;align-items: center;gap: 14px}.section-bar{width: 4px;height: 36px;background-color: var(--accent);border-radius: 2px;flex-shrink: 0}.section-title-new{font-family: 'Playfair Display', serif;font-size: 22px;font-weight: 700;color: #ffffff;margin: 0;white-space: nowrap}.section-line{flex: 1;height: 1px;background-color: var(--border)}.topic-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px}.topic-card{display: flex;flex-direction: column;align-items: center;text-decoration: none;gap: 6px}.topic-img{width: 100%;aspect-ratio: 1 / 1;object-fit: cover;border-radius: 8px;border: 2px solid transparent;transition: border-color 0.25s ease, transform 0.25s ease;display: block}.topic-card:hover .topic-img{border-color: var(--accent);transform: scale(1.04)}.topic-name{font-size: 11px;font-weight: 600;color: #ccc;text-align: center;transition: color 0.2s ease}.topic-card:hover .topic-name{color: #fff !important}.breadcrumb-bar{background: var(--surface-3);padding: 8px 0;border-bottom: 1px solid var(--border);font-size: 12px}.breadcrumb-bar a{color: #888;text-decoration: none}.breadcrumb-bar a:hover{color: var(--accent)}.breadcrumb-bar span{color: #555;margin: 0 5px}.breadcrumb-bar .current{color: #ccc}.film-hero{position: relative;background: linear-gradient(to right, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.6) 100%);padding: 0;border-bottom: 1px solid #2d3135;border-radius: 10px;overflow: hidden}.film-hero-box{background: rgba(15, 17, 19, 0.55);border-radius: 10px;padding: 0;backdrop-filter: blur(3px);border: 1px solid rgba(255, 255, 255, 0.05)}.film-main-title{font-family: 'Inter', sans-serif;font-size: 17px;font-weight: 700;color: #fff;margin: 0 0 2px 0}.film-sub-title{font-size: 12px;color: #666;margin: 0 0 8px 0}.film-hero-desc{font-size: 13px;color: #aaa;line-height: 1.7;margin: 0 0 0px 0;padding-bottom: 6px;border-bottom: 1px solid var(--border)}.film-title-year{font-size: 14px;font-weight: 400;color: #888;text-decoration: none;transition: color 0.2s}.film-title-year:hover{color: var(--accent)}.imdb-val{color: var(--imdb) !important;font-weight: 700;font-size: 14px}.imdb-vote{font-size: 11px;color: #888;font-weight: 400}.section-block{margin-bottom: 24px}.section-block-title{font-size: 15px;font-weight: 700;color: #fff;margin: 0 0 5px 8px;padding-bottom: 8px;border-bottom: 2px solid var(--accent);display: inline-block}.actors-row{display: flex;gap: 15px;flex-wrap: wrap;padding: 0px 5px 0px 5px;justify-content: space-between}.actor-card{display: flex;flex-direction: column;align-items: center;gap: 3px;text-decoration: none;width: 100px}.actor-card img{width: 100px;height: 120px;border-radius: 8px;object-fit: cover;border: 2px solid var(--border);transition: border-color 0.2s}.actor-card:hover img{border-color: var(--accent)}.actor-card span{font-size: 11px;color: #aaa;text-align: center;line-height: 1.3}.actor-card:hover span{color: #fff}.person-native-name{display: inline-block;font-size: 0.82em;opacity: 0.72;font-weight: 400;margin-left: 4px;letter-spacing: 0.2px}.person-sub-name{display: block;font-size: 10px;opacity: 0.7;margin-top: 1px;font-weight: 400;line-height: 1.2}.actor-card .person-main-name{display: block;font-weight: 600;color: inherit;line-height: 1.25}.actor-card .person-sub-name, .kadro-card-name .person-sub-name{color: #8e95a0}.actor-card:hover .person-sub-name{color: #b0b7c3;opacity: 0.9}.actors-box{background-color: var(--surface);border: 1px solid var(--border);border-radius: 8px;height: 100%}.tema-row{display: flex;gap: 5px;flex-wrap: wrap;padding: 0 5px 5px}.tema-box{background-color: var(--surface);border: 1px solid var(--border);border-radius: 8px;height: 100%}.tema-box .topic-card{width: 80px}.tema-box .topic-img{width: 80px;height: 80px;aspect-ratio: unset;border-radius: 8px}.tema-box .topic-name{font-size: 10px}.franchise-section{background: linear-gradient(145deg, #181b22 0%, #121419 100%);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 14px;padding: 20px 22px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);position: relative;overflow: hidden}.franchise-section::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg, transparent, var(--accent, #e50914), transparent);opacity: 0.85}.franchise-header{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 18px;flex-wrap: wrap}.franchise-header-left{display: flex;align-items: center;gap: 14px}.franchise-icon-badge{width: 42px;height: 42px;border-radius: 11px;background: linear-gradient(135deg, rgba(229, 9, 20, 0.22), rgba(229, 9, 20, 0.06));border: 1px solid rgba(229, 9, 20, 0.35);color: #ff3344;display: flex;align-items: center;justify-content: center;font-size: 19px;flex-shrink: 0;box-shadow: 0 4px 14px rgba(229, 9, 20, 0.15)}.franchise-title{font-size: 17px;font-weight: 700;color: #ffffff;letter-spacing: -0.2px}.franchise-series-tag{display: inline-flex;align-items: center;background: rgba(229, 9, 20, 0.12);border: 1px solid rgba(229, 9, 20, 0.25);color: #ff6b75;padding: 3px 10px;border-radius: 20px;font-size: 11.5px;font-weight: 600;letter-spacing: 0.2px}.franchise-subtitle{font-size: 12px;color: #8b92a2;margin-top: 3px}.franchise-header-right{display: flex;align-items: center;gap: 12px}.franchise-count-pill{font-size: 12px;font-weight: 600;color: #9aa1b2;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.08);padding: 5px 11px;border-radius: 8px;display: inline-flex;align-items: center}.franchise-nav-btns{display: flex;align-items: center;gap: 6px}.franchise-nav-btn{width: 32px;height: 32px;border-radius: 8px;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);color: #d8dbe2;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s ease;font-size: 13px}.franchise-nav-btn:hover:not(:disabled){background: rgba(255, 255, 255, 0.15);color: #ffffff;border-color: rgba(255, 255, 255, 0.25);transform: translateY(-1px)}.franchise-nav-btn:disabled{opacity: 0.3;cursor: not-allowed;transform: none}.franchise-track-wrap{position: relative}.franchise-track{display: flex;gap: 16px;overflow-x: auto;scroll-behavior: smooth;padding: 6px 2px 14px 2px;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: rgba(255, 255, 255, 0.2) transparent}.franchise-track::-webkit-scrollbar{height: 5px}.franchise-track::-webkit-scrollbar-track{background: rgba(255, 255, 255, 0.03);border-radius: 4px}.franchise-track::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.18);border-radius: 4px}.franchise-track::-webkit-scrollbar-thumb:hover{background: rgba(255, 255, 255, 0.35)}.franchise-card{flex: 0 0 152px;width: 152px;background: rgba(255, 255, 255, 0.025);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 12px;overflow: hidden;text-decoration: none;display: flex;flex-direction: column;transition: transform 0.28s cubic-bezier(0.2, 0, 0, 1), border-color 0.28s ease, box-shadow 0.28s ease}.franchise-card:hover{transform: translateY(-6px);border-color: rgba(229, 9, 20, 0.55);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.6), 0 0 16px rgba(229, 9, 20, 0.2)}.franchise-poster-wrap{position: relative;width: 100%;height: 220px;overflow: hidden;background: #0d0f13}.franchise-poster-wrap img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.35s ease, filter 0.35s ease}.franchise-card:hover .franchise-poster-wrap img{transform: scale(1.08);filter: brightness(0.82)}.franchise-poster-overlay{position: absolute;inset: 0;background: linear-gradient(to top, rgba(14, 16, 22, 0.95) 0%, rgba(14, 16, 22, 0.2) 50%, transparent 100%);pointer-events: none}.franchise-badge-year{position: absolute;top: 8px;left: 8px;z-index: 2;background: rgba(0, 0, 0, 0.7);backdrop-filter: blur(6px);color: #e6e8ee;font-size: 11px;font-weight: 600;padding: 2px 7px;border-radius: 6px;border: 1px solid rgba(255, 255, 255, 0.15)}.franchise-badge-imdb{position: absolute;top: 8px;right: 8px;z-index: 2;background: rgba(0, 0, 0, 0.75);backdrop-filter: blur(6px);color: #f5c518;font-size: 11px;font-weight: 700;padding: 2px 7px;border-radius: 6px;border: 1px solid rgba(245, 197, 24, 0.3);display: inline-flex;align-items: center;gap: 3px}.franchise-badge-imdb i{font-size: 10px;color: #f5c518}.franchise-hover-btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.7);opacity: 0;z-index: 3;background: var(--accent, #e50914);color: #ffffff;padding: 6px 14px;border-radius: 20px;font-size: 12px;font-weight: 600;display: inline-flex;align-items: center;gap: 6px;transition: all 0.25s cubic-bezier(0.2, 0, 0, 1);box-shadow: 0 4px 15px rgba(229, 9, 20, 0.5);pointer-events: none;white-space: nowrap}.franchise-card:hover .franchise-hover-btn{opacity: 1;transform: translate(-50%, -50%) scale(1)}.franchise-card-info{padding: 10px 11px 12px 11px;display: flex;flex-direction: column;gap: 4px;flex: 1;background: rgba(18, 20, 26, 0.7)}.franchise-card-title{font-size: 12.5px;font-weight: 600;color: #e2e6ee;line-height: 1.35;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: color 0.2s}.franchise-card:hover .franchise-card-title{color: #ffffff}.franchise-card-meta{display: flex;align-items: center;gap: 5px;font-size: 11px;color: #838a99;margin-top: auto;padding-top: 4px}.franchise-meta-year{color: #838a99}.franchise-meta-dot{color: #4c5260;font-size: 10px}.franchise-meta-dur{color: #838a99;display: inline-flex;align-items: center}@media (max-width: 576px){.franchise-section{padding: 15px 14px}.franchise-card{flex: 0 0 132px;width: 132px}.franchise-poster-wrap{height: 190px}.franchise-title{font-size: 15px}.franchise-header-left{gap: 10px}.franchise-icon-badge{width: 36px;height: 36px;font-size: 16px}}.devam-card{display: flex;flex-direction: column;text-decoration: none;width: 100px;gap: 5px;transition: transform 0.2s}.devam-card:hover{transform: translateY(-3px)}.devam-card img{width: 100px;height: 150px;object-fit: cover;border-radius: 8px;border: 2px solid var(--border);transition: border-color 0.2s}.devam-card:hover img{border-color: var(--accent)}.devam-info{display: flex;flex-direction: column;gap: 2px}.devam-title{font-size: 11px;font-weight: 600;color: #ccc;text-align: center;line-height: 1.3;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}.devam-year{font-size: 10px;color: #666;text-align: center}.devam-card:hover .devam-title{color: #fff}.comments-list{display: flex;flex-direction: column;gap: 12px}.comment-card{background: var(--surface);border: 1px solid var(--border);border-radius: 8px;padding: 14px 16px;transition: border-color 0.2s}.comment-card:hover{border-color: var(--border-light)}.comment-header{display: flex;align-items: center;gap: 10px;margin-bottom: 10px}.comment-avatar{width: 38px;height: 38px;border-radius: 50%;object-fit: cover;border: 2px solid var(--border-light);flex-shrink: 0}.hex-progress-avatar-wrap, .hex-avatar-wrap, .avatar-framed-wrap{position: relative;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;line-height: 0;text-decoration: none;filter: drop-shadow(0 3px 12px rgba(217, 119, 6, 0.45));transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.25s ease}.hex-progress-avatar-wrap:hover, .hex-avatar-wrap:hover, .avatar-framed-wrap:hover{transform: scale(1.04);filter: drop-shadow(0 6px 20px rgba(245, 158, 11, 0.65))}.hex-progress-avatar-wrap.size-lg, .hex-avatar-wrap.size-lg, .avatar-framed-wrap.size-lg{width: 124px;height: 140px}.hex-progress-avatar-wrap.size-md, .hex-avatar-wrap.size-md, .avatar-framed-wrap.size-md{width: 52px;height: 59px}.hex-progress-avatar-wrap.size-sm, .hex-avatar-wrap.size-sm, .avatar-framed-wrap.size-sm{width: 36px;height: 41px}.hex-svg-canvas{width: 100%;height: 100%;display: block;overflow: visible}.hex-progress-stroke{transition: stroke-dashoffset 0.8s cubic-bezier(0.4, 0, 0.2, 1);filter: drop-shadow(0 0 5px rgba(245, 158, 11, 0.85))}.hex-avatar-frame{width: 100%;height: 100%;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);background: linear-gradient(145deg, #fef08a 0%, #fbbf24 25%, #f59e0b 55%, #d97706 80%, #78350f 100%);display: flex;align-items: center;justify-content: center;padding: 3.5px;box-sizing: border-box}.hex-avatar-wrap.size-md .hex-avatar-frame, .avatar-framed-wrap.size-md .hex-avatar-frame{padding: 2.2px}.hex-avatar-wrap.size-sm .hex-avatar-frame, .avatar-framed-wrap.size-sm .hex-avatar-frame{padding: 1.8px}.hex-avatar-inner{width: 100%;height: 100%;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);background: #14171d;display: flex;align-items: center;justify-content: center;overflow: hidden}.hex-avatar-inner img{width: 100%;height: 100%;object-fit: cover;display: block}.hex-avatar-initial{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #e50914 0%, #991b1b 100%);color: #ffffff;font-weight: 800;font-size: 40px;font-family: system-ui, sans-serif;text-transform: uppercase}.hex-avatar-wrap.size-md .hex-avatar-initial, .avatar-framed-wrap.size-md .hex-avatar-initial{font-size: 18px}.hex-avatar-wrap.size-sm .hex-avatar-initial, .avatar-framed-wrap.size-sm .hex-avatar-initial{font-size: 13px}.hex-level-badge{position: absolute;bottom: -2px;right: -2px;z-index: 10;display: flex;align-items: center;justify-content: center;filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.85));line-height: 1}.hex-progress-avatar-wrap.size-lg .hex-level-badge, .hex-avatar-wrap.size-lg .hex-level-badge, .avatar-framed-wrap.size-lg .hex-level-badge{width: 38px;height: 42px;bottom: 2px;right: 2px}.hex-progress-avatar-wrap.size-md .hex-level-badge, .hex-avatar-wrap.size-md .hex-level-badge, .avatar-framed-wrap.size-md .hex-level-badge{width: 20px;height: 23px;bottom: -1px;right: -1px}.hex-progress-avatar-wrap.size-sm .hex-level-badge, .hex-avatar-wrap.size-sm .hex-level-badge, .avatar-framed-wrap.size-sm .hex-level-badge{width: 15px;height: 17px;bottom: -2px;right: -2px}.hex-level-badge-frame{width: 100%;height: 100%;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);background: linear-gradient(145deg, #fef08a 0%, #f59e0b 45%, #92400e 100%);display: flex;align-items: center;justify-content: center;padding: 1.8px;box-sizing: border-box}.hex-level-badge-frame{padding: 1.5px}.hex-level-badge-inner{width: 100%;height: 100%;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);background: #1c182c;display: flex;align-items: center;justify-content: center;color: #ffffff;font-weight: 800;font-family: system-ui, -apple-system, sans-serif;letter-spacing: -0.3px}.hex-progress-avatar-wrap.size-lg .hex-level-badge-inner, .hex-avatar-wrap.size-lg .hex-level-badge-inner, .avatar-framed-wrap.size-lg .hex-level-badge-inner{font-size: 15px}.hex-progress-avatar-wrap.size-md .hex-level-badge-inner, .hex-avatar-wrap.size-md .hex-level-badge-inner, .avatar-framed-wrap.size-md .hex-level-badge-inner{font-size: 9px}.hex-progress-avatar-wrap.size-sm .hex-level-badge-inner, .hex-avatar-wrap.size-sm .hex-level-badge-inner, .avatar-framed-wrap.size-sm .hex-level-badge-inner{font-size: 7.5px}.comment-user{font-size: 13px;font-weight: 600;color: #fff}.comment-time{font-size: 12px;color: #888}.comment-text{font-size: 15px;color: #e2e8f0;line-height: 1.7;margin: 4px 0 0 0}.action-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 8px}.action-box{background: var(--surface);border: 1px solid var(--border);border-radius: 8px;text-align: center;height: 102px}.action-btn{width: 100%;background: var(--surface-2);border: 1px solid var(--border-light);color: #ccc;border-radius: 5px 5px 0px 0px;padding: 6px 10px;font-size: 12px;font-weight: 600;cursor: pointer;transition: all 0.2s;margin-bottom: 8px;display: flex;align-items: center;justify-content: center;gap: 5px}.action-btn.active{background: #3a9e6e;border-color: #3a9e6e;color: #fff}.action-btn.active.red{background: var(--accent);border-color: var(--accent)}.action-btn:hover{background: var(--border-light);color: #fff}.action-stat{font-size: 20px;font-weight: 700;color: var(--accent)}.action-label{font-size: 11px;color: #666;margin-top: 2px}.tum-kadro-link{display: block;text-align: center;color: #ccc;font-size: 13px;font-weight: 600;text-decoration: none;margin-top: 5px;padding: 4px;background: var(--surface-2);border: 1px solid var(--border-light);border-radius: 6px;transition: all 0.2s}.tum-kadro-link:hover{background: var(--accent);border-color: var(--accent);color: #fff}.comment-form-box{background: var(--surface);border: 1px solid var(--border);border-radius: 8px;padding: 14px}.comment-form-row{display: flex;gap: 12px;align-items: flex-start}.comment-textarea{flex: 1;background: var(--surface-2);border: 1px solid var(--border-light);border-radius: 6px;color: #ccc;font-size: 13px;padding: 10px 12px;resize: none;height: 80px;outline: none;transition: border-color 0.2s}.comment-textarea:focus{border-color: var(--accent)}.comment-form-side{display: flex;flex-direction: column;gap: 8px;align-items: flex-start}.spoiler-check{display: flex;align-items: center;gap: 6px;font-size: 12px;color: #888;cursor: pointer}.spoiler-check input{accent-color: var(--accent);width: 14px;height: 14px}.comment-submit-btn{background: var(--accent);color: #fff;border: none;border-radius: 6px;padding: 7px 18px;font-size: 13px;font-weight: 600;cursor: pointer;transition: background 0.2s}.comment-submit-btn:hover{background: var(--accent-dark)}.comment-emoji-btn{background: var(--surface-2);border: 1px solid var(--border-light);color: #bbb;border-radius: 6px;padding: 6px 12px;font-size: 12px;font-weight: 500;cursor: pointer;display: inline-flex;align-items: center;gap: 6px;transition: all 0.2s ease;user-select: none;width: 100%;justify-content: center}.comment-emoji-btn:hover{background: #2a2e34;border-color: #4a515a;color: #fff}.comment-emoji-btn i{font-size: 14px;color: #f1c40f}.comment-emoji-picker{position: absolute;top: calc(100% + 8px);right: 0;width: 330px;max-width: 95vw;background: #1c1f24;border: 1px solid #363c44;border-radius: 12px;padding: 10px;box-shadow: 0 12px 32px rgba(0, 0, 0, 0.7);display: none;z-index: 1050;box-sizing: border-box}.comment-emoji-picker.show{display: block;animation: commentEmojiIn 0.15s ease-out}@keyframes commentEmojiIn{from{opacity: 0;transform: translateY(-6px)}to{opacity: 1;transform: translateY(0)}}.comment-emoji-header{display: flex;align-items: center;justify-content: space-between;padding-bottom: 8px;margin-bottom: 8px;border-bottom: 1px solid #2b3038;font-size: 11px;font-weight: 700;color: #8b949e;text-transform: uppercase;letter-spacing: 0.5px}.comment-emoji-cats{display: flex;gap: 4px;overflow-x: auto;padding-bottom: 6px;margin-bottom: 6px;border-bottom: 1px solid #2b3038;scrollbar-width: none}.comment-emoji-cats::-webkit-scrollbar{display: none}.comment-emoji-cat-btn{background: #252930;border: 1px solid #363c44;color: #9da7b3;font-size: 11px;padding: 2px 8px;border-radius: 10px;cursor: pointer;white-space: nowrap;transition: all 0.15s ease}.comment-emoji-cat-btn:hover, .comment-emoji-cat-btn.active{background: var(--accent);border-color: var(--accent);color: #fff}.comment-emoji-body{max-height: 200px;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #3d4248 transparent}.comment-emoji-body::-webkit-scrollbar{width: 5px}.comment-emoji-body::-webkit-scrollbar-thumb{background: #3d4248;border-radius: 4px}.comment-emoji-grid{display: grid;grid-template-columns: repeat(6, 1fr);gap: 4px;padding: 4px 2px}.comment-emoji-item{background: transparent;border: none;font-size: 20px;cursor: pointer;width: 100%;height: 36px;display: flex;align-items: center;justify-content: center;border-radius: 6px;transition: background 0.12s ease, transform 0.12s ease;user-select: none;line-height: 1}.comment-emoji-item:hover{background: #2a2f36;transform: scale(1.15)}.actor-bio-box{background: var(--surface);border: 1px solid var(--border);border-radius: 8px;padding: 20px}.actor-bio-name{font-family: 'Playfair Display', serif;font-size: 22px;font-weight: 700;color: #fff;text-align: center;margin: 0 0 16px 0}.actor-bio-photo{width: 100%;height: 220px;object-fit: cover;border-radius: 8px;border: 2px solid var(--border);display: block}.actor-bio-text{font-size: 13px;color: #999;line-height: 1.75;margin: 0}.actor-action-btn-favori{width: 100%;background: #3a9e6e;border: none;color: #fff;border-radius: 6px;padding: 10px;font-size: 14px;font-weight: 700;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 8px;transition: background 0.2s}.actor-action-btn-favori:hover{background: #2d7d57}.actor-favori-count{font-size: 28px;font-weight: 700;color: var(--accent)}.actor-section-title{font-size: 16px;font-weight: 700;color: #fff;text-align: center;margin: 0 0 16px 0;padding-bottom: 8px;border-bottom: 2px solid var(--accent)}.photos-grid{display: grid;grid-template-columns: repeat(6, 1fr);gap: 6px}.photo-item{aspect-ratio: 3/4;overflow: hidden;border-radius: 6px;border: 1px solid var(--border)}.photo-item img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s, opacity 0.3s}.photo-item:hover img{transform: scale(1.05);opacity: 0.85}.actor-movies-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px}.actor-load-more-wrap{display: flex;justify-content: center;align-items: center;margin-top: 24px;margin-bottom: 8px;width: 100%}.btn-actor-load-more{display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 11px 26px;border-radius: 999px;border: 1px solid rgba(229, 9, 20, 0.45);background: linear-gradient(135deg, rgba(229, 9, 20, 0.18) 0%, rgba(18, 21, 28, 0.95) 100%);color: #fff;font-size: 13.5px;font-weight: 700;cursor: pointer;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 18px rgba(229, 9, 20, 0.15);transition: all 0.22s cubic-bezier(0.22, 1, 0.36, 1);user-select: none;text-decoration: none}.btn-actor-load-more:hover{background: linear-gradient(135deg, #e50914 0%, #b91c1c 100%);border-color: #e50914;color: #fff;transform: translateY(-2px);box-shadow: 0 12px 28px rgba(229, 9, 20, 0.4)}.btn-actor-load-more:active{transform: translateY(0)}.btn-actor-load-more i{font-size: 15px;transition: transform 0.2s ease}.btn-actor-load-more:hover i{transform: translateY(2px)}.actor-movie-card.actor-card-fade-in{animation: actorCardFadeIn 0.32s cubic-bezier(0.16, 1, 0.3, 1) forwards}@keyframes actorCardFadeIn{0%{opacity: 0;transform: translateY(12px)}100%{opacity: 1;transform: translateY(0)}}.actor-section-link{text-decoration: none;color: #fff;transition: color 0.2s}.actor-section-link:hover{color: var(--accent)}.actor-section-count{color: #888;font-size: 13px;font-weight: 400}.actor-movie-title-link{text-decoration: none;display: block}.actor-movie-title{font-size: 13px;font-weight: 700;color: #fff;margin: 0 0 5px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.actor-movie-title-link:hover .actor-movie-title{color: var(--accent)}.actor-movie-desc{font-size: 11px;color: #777;line-height: 1.5;margin: 0 0 6px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.actor-movie-meta{display: flex;align-items: center;gap: 6px;font-size: 11px;font-weight: 600;flex-wrap: wrap;margin-bottom: 4px}.m-likes{color: #e05555}.m-rating{color: var(--imdb)}.m-year{color: #3a9e6e}.actor-movie-genres{display: flex;align-items: center;gap: 3px;flex-wrap: wrap}.genre-col-icon{color: #3a9e6e;font-size: 11px}.actor-genre-link{font-size: 10px;color: #3a9e6e;font-weight: 600;text-decoration: none}.actor-genre-link:hover{color: #5dd4a0;text-decoration: underline}.genre-sep{color: #3a9e6e;font-size: 10px}.actor-kunye-table{width: 100%;font-size: 12px;border-collapse: collapse}.actor-kunye-table tr{border-bottom: 1px solid var(--border)}.actor-kunye-table tr:last-child{border-bottom: none}.actor-kunye-table td{padding: 8px 10px;color: #ccc;vertical-align: top}.actor-kunye-table td:first-child{color: #666;width: 100px}.sb-known-list{display: flex;flex-direction: column;gap: 2px}.sb-known-item{display: flex;align-items: center;gap: 10px;padding: 6px 8px;border-radius: 6px;text-decoration: none;transition: background 0.2s}.sb-known-item:hover{background: var(--surface-2)}.sb-known-item img{width: 44px;height: 30px;object-fit: cover;border-radius: 4px;flex-shrink: 0}.sb-known-item span{font-size: 12px;color: #aaa;line-height: 1.3}.sb-known-item:hover span{color: #fff}.tum-listeler-link{display: block;text-align: center;color: #ccc;font-size: 13px;font-weight: 600;text-decoration: none;padding: 7px;background: var(--surface-2);border: 1px solid var(--border-light);border-radius: 6px;transition: all 0.2s}.tum-listeler-link:hover{background: var(--accent);border-color: var(--accent);color: #fff}@media (max-width: 992px){.actor-movies-grid{grid-template-columns: repeat(2, 1fr)}.photos-grid{grid-template-columns: repeat(4, 1fr)}.action-grid{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 768px){.actor-movies-grid{grid-template-columns: 1fr}.photos-grid{grid-template-columns: repeat(3, 1fr)}}@media (min-width: 768px){.film-hero-box .col-md-4{width: auto;flex: 0 0 auto}.film-hero-box .col-md-8{flex: 1 1 0;max-width: 100%;width: auto}}.hero-poster-col{display: flex;flex-direction: column;padding: 18px 12px 18px 18px;align-items: center;justify-content: flex-start;height: 100%}.hero-poster-wrap{position: relative;border-radius: 12px;overflow: hidden;width: 340px;max-width: 100%;aspect-ratio: 2 / 3;max-height: 510px;height: auto;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.65);border: 1px solid rgba(255, 255, 255, 0.1);background: #141618;flex-shrink: 0}.hero-poster-sticky-wrap{display: flex;flex-direction: column;align-items: center;gap: 12px;width: 340px;max-width: 100%}@media (min-width: 769px){.hero-poster-sticky-wrap{position: sticky;top: 20px}}.hero-rating-box{width: 340px;max-width: 100%;background: rgba(18, 20, 24, 0.85);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 12px;padding: 12px 14px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);display: flex;flex-direction: column;gap: 8px;transition: border-color 0.25s ease, box-shadow 0.25s ease}.hero-rating-box:hover{border-color: rgba(255, 193, 7, 0.3);box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55), 0 0 15px rgba(255, 193, 7, 0.08)}.hero-rating-header{display: flex;align-items: center;justify-content: space-between}.hero-rating-title{display: flex;align-items: center;gap: 6px;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;color: #e2e8f0}.hero-rating-title i{font-size: 13px;color: #ffc107}.hero-user-score-badge{display: inline-flex;align-items: baseline;gap: 3px;background: rgba(255, 193, 7, 0.12);border: 1px solid rgba(255, 193, 7, 0.3);padding: 2px 8px;border-radius: 6px;font-size: 11px}.hero-user-score-badge .user-score-label{color: #aaa;font-size: 10.5px}.hero-user-score-badge .user-score-val{color: #ffc107;font-weight: 800;font-size: 13px}.hero-user-score-badge .user-score-max{color: #777;font-size: 10px}.hero-rating-box .star-rating{display: flex;align-items: center;justify-content: space-between;background: rgba(0, 0, 0, 0.35);border: 1px solid rgba(255, 255, 255, 0.05);border-radius: 8px;padding: 7px 10px;cursor: pointer;user-select: none}.hero-rating-box .star-rating i{font-size: 19px;color: rgba(255, 255, 255, 0.22);transition: transform 0.15s ease, color 0.15s ease, text-shadow 0.15s ease;padding: 0 1px}.hero-rating-box .star-rating i:hover{transform: scale(1.28)}.hero-rating-box .star-rating i.text-warning, .hero-rating-box .star-rating i.bi-star-fill{color: #ffc107 !important;text-shadow: 0 0 10px rgba(255, 193, 7, 0.45)}.hero-rating-footer{display: flex;align-items: center;justify-content: space-between;padding-top: 6px;border-top: 1px solid rgba(255, 255, 255, 0.06);font-size: 11px;color: #94a3b8}.hero-rating-stat{display: inline-flex;align-items: center;gap: 5px}.hero-rating-stat i{font-size: 12px;color: #64748b}.hero-rating-stat strong{color: #f1f5f9;font-weight: 600}.hero-poster-img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s ease}.hero-poster-wrap:hover .hero-poster-img{transform: scale(1.03)}.hero-poster-overlay{position: absolute;inset: 0;background: rgba(0, 0, 0, 0.5);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;opacity: 0;transition: opacity 0.25s ease}.hero-poster-wrap:hover .hero-poster-overlay{opacity: 1}.hero-play-btn-modern{width: 54px;height: 54px;border-radius: 50%;background: #e50914;border: none;color: #fff;font-size: 22px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: transform 0.2s, background 0.2s;box-shadow: 0 4px 16px rgba(229, 9, 20, 0.5)}.hero-play-btn-modern:hover{transform: scale(1.1);background: #b12020}.hero-play-label{font-size: 12px;font-weight: 600;color: #fff;letter-spacing: 0.5px}.hero-poster-badges{display: flex;gap: 6px;flex-wrap: wrap;padding: 10px}.hero-badge{display: flex;align-items: center;gap: 4px;background: #25282c;border: 1px solid #3d4248;border-radius: 6px;padding: 4px 8px;font-size: 11px;font-weight: 600;color: #ccc}.hero-badge.imdb-badge{border-color: #f5c518}.hero-badge.imdb-badge .imdb-val{color: #f5c518}.hero-badge.year-badge{color: #aaa;font-size: 16px}.hero-badge.runtime-badge i{font-size: 11px;color: #5b9bd5}.hero-quick-stats{display: flex;align-items: center;gap: 12px;margin-top: 10px;padding: 10px 14px;background: rgba(0, 0, 0, 0.3);border: 1px solid #2d3135;border-radius: 8px;flex-wrap: wrap}.hero-quick-item{display: flex;align-items: center;gap: 6px;font-size: 13px;color: #ccc;font-weight: 500}.hero-quick-item i{color: #888;font-size: 13px}.hero-quick-item.imdb-quick{gap: 8px}.hero-quick-item .imdb-val{color: #f5c518;font-weight: 700;font-size: 14px}.hero-quick-item .imdb-vote{color: #666;font-size: 11px}.hero-quick-divider{width: 1px;height: 18px;background: #2d3135;flex-shrink: 0}.hero-quick-compare-dna{position: relative;display: inline-flex;align-items: center;gap: 8px;padding: 5px 12px 5px 9px;background: linear-gradient(135deg, rgba(245, 197, 24, 0.18) 0%, rgba(229, 9, 20, 0.18) 50%, rgba(184, 29, 36, 0.25) 100%);border: 1px solid rgba(245, 197, 24, 0.55);border-radius: 20px;color: #fff;text-decoration: none;font-size: 12px;font-weight: 700;letter-spacing: 0.2px;margin-left: auto;overflow: hidden;box-shadow: 0 0 14px rgba(245, 197, 24, 0.22), 0 2px 8px rgba(0, 0, 0, 0.5);transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);backdrop-filter: blur(4px);z-index: 1}.hero-quick-compare-dna:hover{background: linear-gradient(135deg, rgba(245, 197, 24, 0.3) 0%, rgba(229, 9, 20, 0.32) 50%, rgba(184, 29, 36, 0.4) 100%);border-color: #ffd700;color: #fff;transform: translateY(-2px) scale(1.03);box-shadow: 0 0 22px rgba(245, 197, 24, 0.5), 0 0 35px rgba(229, 9, 20, 0.3), 0 4px 16px rgba(0, 0, 0, 0.6)}.hero-quick-compare-dna .compare-icon-glow{display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 50%;background: linear-gradient(135deg, rgba(245, 197, 24, 0.4), rgba(229, 9, 20, 0.35));border: 1px solid rgba(245, 197, 24, 0.6);color: #ffd700;font-size: 11.5px;transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;box-shadow: 0 0 10px rgba(245, 197, 24, 0.4)}.hero-quick-compare-dna:hover .compare-icon-glow{transform: rotate(180deg) scale(1.15);background: linear-gradient(135deg, #f5c518 0%, #e50914 100%);color: #000;border-color: #fff;box-shadow: 0 0 16px rgba(245, 197, 24, 0.8)}.hero-quick-compare-dna .compare-title{color: #f8fafc;font-weight: 700;font-size: 12px;transition: color 0.2s ease}.hero-quick-compare-dna:hover .compare-title{color: #ffd700;text-shadow: 0 0 10px rgba(245, 197, 24, 0.5)}.hero-quick-compare-dna .compare-tag-vs{display: inline-flex;align-items: center;justify-content: center;font-size: 9.5px;font-weight: 900;letter-spacing: 0.8px;padding: 1.5px 5.5px;border-radius: 4px;background: linear-gradient(135deg, #e50914 0%, #990000 100%);color: #fff;box-shadow: 0 2px 8px rgba(229, 9, 20, 0.6);line-height: 1.2;border: 1px solid rgba(255, 255, 255, 0.25)}.hero-quick-compare-dna .btn-shimmer{position: absolute;top: 0;left: -120%;width: 60%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transform: skewX(-20deg);animation: btnShimmerSweep 3s infinite;pointer-events: none}.hero-info-col{display: flex;flex-direction: column;padding: 18px 20px 18px 10px;gap: 12px;height: 100%}.hero-title-block{display: flex;flex-direction: column;gap: 8px}.film-main-title{font-size: 20px;font-weight: 700;color: #fff;margin: 0;line-height: 1.3}.film-sub-title{font-size: 12px;color: #666;margin: 0}.hero-genre-pills{display: flex;gap: 6px;flex-wrap: wrap}.hero-genre-pill{background: rgba(229, 9, 20, 0.12);border: 1px solid rgba(229, 9, 20, 0.35);color: #ff9999 !important;font-size: 11.5px;font-weight: 600;padding: 3px 12px;border-radius: 20px;text-decoration: none;transition: all 0.2s ease;display: inline-flex;align-items: center}.hero-genre-pill:hover{background: #e50914 !important;border-color: #ff2a34 !important;color: #ffffff !important;box-shadow: 0 4px 14px rgba(229, 9, 20, 0.5);transform: translateY(-1px)}.film-hero-desc{font-size: 13.5px;color: #b3b3b3;line-height: 1.75;margin: 0 0 12px 0;display: block;overflow: visible;text-align: justify}.hero-meta-modern{display: flex;flex-direction: column;gap: 0;border: 1px solid #2d3135;border-radius: 8px;overflow: hidden;background: rgba(0, 0, 0, 0.3)}.hero-meta-modern-item{display: flex;align-items: baseline;gap: 12px;padding: 8px 14px;border-bottom: 1px solid #1e2124;transition: background 0.2s}.hero-meta-modern-item:last-child{border-bottom: none}.hero-meta-modern-item:hover{background: rgba(255, 255, 255, 0.03)}.hero-meta-modern-key{font-size: 11px;color: #555;min-width: 70px;flex-shrink: 0;text-transform: uppercase;letter-spacing: 0.5px}.hero-meta-modern-val{font-size: 13px;color: #ccc;font-weight: 500}.hero-meta-modern-val a{color: #aaa;text-decoration: none;transition: color 0.2s}.hero-meta-modern-val a:hover{color: #e50914}@media (max-width: 768px){.hero-poster-col{padding: 16px 16px 0 16px}.hero-poster-sticky-wrap{width: 100%;max-width: 260px;margin: 0 auto;gap: 10px}.hero-poster-wrap{width: 100%;max-width: 240px;max-height: 360px;aspect-ratio: 2 / 3;margin: 0 auto}.hero-poster-img{width: 100%;height: 100%}.hero-rating-box{width: 100%;max-width: 260px;padding: 10px 12px}.hero-rating-box .star-rating{padding: 6px 6px}.hero-rating-box .star-rating i{font-size: 16px}.hero-info-col{padding: 16px 16px 20px 16px}}.trailer-popup-overlay{display: none;position: fixed;inset: 0;background: rgba(0, 0, 0, 0.85);z-index: 9999;align-items: center;justify-content: center}.trailer-popup-overlay.active{display: flex}.trailer-popup-box{position: relative;width: 90%;max-width: 900px;aspect-ratio: 16/9;background: #000;border-radius: 10px;overflow: hidden;box-shadow: 0 0 40px rgba(0, 0, 0, 0.8)}.trailer-popup-box iframe{width: 100%;height: 100%}.trailer-popup-close{position: absolute;top: 10px;right: 10px;background: rgba(0, 0, 0, 0.7);color: #fff;border: none;border-radius: 50%;width: 36px;height: 36px;font-size: 16px;cursor: pointer;z-index: 10;display: flex;align-items: center;justify-content: center;transition: background 0.2s}.trailer-popup-close:hover{background: var(--accent)}.profile-banner{position: relative;height: 250px;background-color: #181b20;background-position: center center !important;background-size: cover !important;background-repeat: no-repeat !important;border-radius: 12px 12px 0 0;overflow: visible;margin-bottom: 0}.profile-banner::after{content: '';position: absolute;inset: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(15, 17, 19, 0.85) 100%);pointer-events: none;border-radius: 12px 12px 0 0;z-index: 1}.profile-banner-edit-btn{position: absolute;top: 16px;right: 16px;z-index: 5;background: rgba(15, 17, 19, 0.75);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.2);color: #fff !important;padding: 7px 14px;border-radius: 8px;font-size: 13px;font-weight: 500;display: inline-flex;align-items: center;gap: 6px;text-decoration: none !important;transition: all 0.2s ease;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4)}.profile-banner-edit-btn:hover{background: #e50914 !important;border-color: #e50914 !important;color: #fff !important;transform: translateY(-1px);box-shadow: 0 6px 18px rgba(229, 9, 20, 0.45)}.profile-avatar-wrap{position: absolute;bottom: -45px;left: 24px;z-index: 6}.profile-avatar{width: 96px;height: 96px;border-radius: 50%;object-fit: cover;border: 4px solid var(--surface, #1e2124);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.55)}@media (max-width: 768px){.profile-banner{height: 160px}.profile-banner-edit-btn{top: 10px;right: 10px;padding: 5px 10px;font-size: 11px}.profile-banner-edit-btn span{display: none}.profile-avatar-wrap{bottom: -36px;left: 16px}.profile-avatar{width: 76px;height: 76px;border-width: 3px}.profile-info-bar{padding-left: 105px !important}}.profile-info-bar{background: var(--surface);border: 1px solid var(--border);border-radius: 0 0 8px 8px;border-top: none;padding: 16px 24px 16px 130px;margin-bottom: 16px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 12px;min-height: 60px}.profile-name{font-family: 'Playfair Display', serif;font-size: 20px;font-weight: 700;color: #fff;margin: 0 0 2px 0}.profile-username{font-size: 12px;color: #666;margin: 0}.profile-actions{display: flex;align-items: center;gap: 10px;flex-wrap: wrap}.profile-stat-badge{font-size: 12px;color: #aaa;text-decoration: none;transition: color 0.2s}.profile-stat-badge:hover{color: #fff}.profile-stat-badge strong{color: #fff;font-weight: 700}.profile-follow-btn{background: var(--accent);color: #fff;border: none;border-radius: 6px;padding: 6px 16px;font-size: 13px;font-weight: 600;cursor: pointer;display: flex;align-items: center;gap: 6px;transition: background 0.2s;text-decoration: none}.profile-follow-btn:hover{background: var(--accent-dark);color: #fff}.btn-diary-primary, .btn-primary-admin{background: linear-gradient(135deg, #e50914 0%, #b20710 100%) !important;border: none !important;outline: none !important;color: #fff !important;font-family: inherit;font-size: 13px !important;font-weight: 700 !important;padding: 8px 18px !important;border-radius: 8px !important;cursor: pointer !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 7px !important;text-decoration: none !important;line-height: 1.4 !important;white-space: nowrap !important;box-shadow: 0 4px 14px rgba(229, 9, 20, 0.35) !important;transition: all 0.2s ease !important}.btn-diary-primary:hover, .btn-primary-admin:hover{transform: translateY(-1px);box-shadow: 0 6px 20px rgba(229, 9, 20, 0.55) !important;filter: brightness(1.1);color: #fff !important}.btn-diary-primary:active, .btn-primary-admin:active{transform: translateY(0);box-shadow: 0 2px 8px rgba(229, 9, 20, 0.4) !important}.profile-section-title{font-size: 15px;font-weight: 700;color: #fff;margin: 0 0 12px 0;padding-bottom: 8px;border-bottom: 2px solid var(--accent);display: inline-block}.profile-section-count{color: #888;font-size: 12px;font-weight: 400}.profile-about-box{background: var(--surface);border: 1px solid var(--border);border-radius: 8px;padding: 16px}.profile-about-title{font-size: 15px;font-weight: 700;color: #fff;margin: 0 0 12px 0;padding-bottom: 8px;border-bottom: 2px solid var(--accent);display: inline-block}.profile-about-table{width: 100%;font-size: 13px}.profile-about-table tr{border-bottom: 1px solid #1e2124}.profile-about-table tr:last-child{border-bottom: none}.profile-about-table td{padding: 7px 0;color: #ccc}.profile-about-table td:first-child{color: #666;width: 110px;font-size: 12px}.profile-about-desc{font-size: 12px;color: #888;line-height: 1.65;margin-top: 12px;padding-top: 12px;border-top: 1px solid var(--border)}.fav-film-item{display: flex;align-items: center;gap: 10px;padding: 7px 0;border-bottom: 1px solid #1e2124;text-decoration: none;transition: background 0.2s}.fav-film-item:last-child{border-bottom: none}.fav-film-item:hover{padding-left: 4px}.fav-film-item img{width: 40px;height: 28px;object-fit: cover;border-radius: 4px;flex-shrink: 0}.fav-film-item-info{flex: 1;overflow: hidden}.fav-film-item-title{font-size: 12px;font-weight: 600;color: #ccc;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.fav-film-item:hover .fav-film-item-title{color: var(--accent)}.fav-film-item-meta{font-size: 10px;color: #666}.fav-film-item-meta .fav-rating{color: var(--imdb)}.profile-box{background: var(--surface);border: 1px solid var(--border);border-radius: 8px;padding: 14px;margin-bottom: 16px}.actor-movie-card{display: flex;background-color: #151719;border-radius: 6px;overflow: hidden;border: 1px solid #202326;position: relative;z-index: 1}.profile-box .actor-movie-card{height: 115px}.actor-movies-grid .actor-movie-card{height: auto;min-height: 130px;background-color: var(--surface);border-color: var(--border);border-radius: 8px}.actor-movie-poster-link{width: 80px;min-width: 80px;height: 100%;display: block;position: relative;z-index: 10 !important}.actor-movie-poster-link img{width: 100%;height: 100%;object-fit: cover}.actor-movie-body{flex: 1;padding: 6px 12px;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden}.actor-movie-title-wrapper{text-align: center;line-height: 1.1}.actor-movie-title-tr{font-size: 15px;font-weight: 500;color: #ffffff;text-decoration: none;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.actor-movie-card:hover .actor-movie-title-tr{color: #ffcc00}.actor-movie-title-en{font-size: 11px;color: #8e9296;font-weight: 400;display: block;margin-top: 1px}.actor-movie-divider{height: 1px;background-color: #202326;margin: 1px 0;width: 100%}.actor-movie-meta-row{display: flex;justify-content: space-between;align-items: center;padding: 0 2px;position: relative;z-index: 10 !important}.movie-meta-item{font-size: 14px;font-weight: 600;color: #ffffff;display: flex;align-items: center;gap: 4px}.movie-meta-item.rating i{color: #ffcc00;font-size: 13px}.movie-meta-item.year i{color: #55595e;font-size: 12px}.movie-meta-item.likes i{color: #b30000;font-size: 12px}.actor-movie-info-line{display: flex;align-items: center;gap: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.actor-movie-info-line .info-icon{color: #494e54;font-size: 11px;width: 14px;text-align: center}.actor-movie-info-line .info-text{font-size: 11px;color: #b9bbbd;font-weight: 400}.inner-card-link{color: #b9bbbd !important;text-decoration: none;position: relative;z-index: 15 !important;display: inline-block}.inner-card-link:hover{color: #ffcc00 !important;text-decoration: underline !important}.modern-list-card{display: flex;align-items: center;gap: 12px;background: var(--surface-2);border: 1px solid var(--border);border-radius: 8px;padding: 10px 12px;text-decoration: none;transition: border-color 0.2s, background 0.2s}.modern-list-card:hover{border-color: var(--accent);background: var(--border)}.modern-list-posters{display: flex;position: relative;flex-shrink: 0;width: 100px;height: 52px}.modern-list-posters img{width: 50px;height: 52px;object-fit: cover;border-radius: 4px;border: 2px solid var(--bg);margin-left: -14px;transition: transform 0.2s}.modern-list-posters img:first-child{margin-left: 0}.modern-list-card:hover .modern-list-posters img{transform: scale(1.04)}.modern-list-count-overlay{position: absolute;right: 0;top: 0;bottom: 0;width: 32px;background: rgba(229, 9, 20, 0.85);border-radius: 4px;display: flex;align-items: center;justify-content: center;font-size: 11px;font-weight: 700;color: #fff}.modern-list-info{flex: 1;overflow: hidden;display: flex;flex-direction: column;gap: 4px}.modern-list-title{font-size: 13px;font-weight: 600;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color 0.2s}.modern-list-card:hover .modern-list-title{color: var(--accent)}.modern-list-meta{font-size: 11px;color: #666;display: flex;align-items: center;gap: 8px}.modern-list-meta i{color: #888}.modern-list-arrow{color: #444;font-size: 14px;flex-shrink: 0;transition: color 0.2s, transform 0.2s}.modern-list-card:hover .modern-list-arrow{color: var(--accent);transform: translateX(3px)}.modern-comment-card{background: var(--surface-2);border: 1px solid var(--border);border-radius: 8px;padding: 12px;margin-bottom: 7px;transition: border-color 0.2s}.modern-comment-card:last-child{margin-bottom: 0}.modern-comment-card:hover{border-color: var(--border-light)}.modern-comment-header{display: flex;gap: 10px;margin-bottom: 8px}.modern-comment-film-poster{flex-shrink: 0;display: block}.modern-comment-film-poster img{width: 44px;height: 62px;object-fit: cover;border-radius: 4px;border: 1px solid var(--border);transition: opacity 0.2s}.modern-comment-film-poster:hover img{opacity: 0.8}.modern-comment-film-info{flex: 1;display: flex;flex-direction: column;gap: 3px}.modern-comment-film-title{font-size: 13px;font-weight: 700;color: #fff;text-decoration: none;transition: color 0.2s;line-height: 1.3}.modern-comment-film-title:hover{color: var(--accent)}.modern-comment-film-year{font-size: 11px;color: #666}.modern-comment-stars{display: flex;gap: 2px}.modern-comment-stars i{font-size: 11px;color: var(--imdb)}.modern-comment-stars .bi-star{color: var(--border-light)}.modern-comment-text{font-size: 12px;color: #999;line-height: 1.6;margin: 0 0 8px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;padding-top: 6px;border-top: 1px solid var(--border)}.modern-comment-footer{display: flex;align-items: center;gap: 12px;font-size: 11px;color: #666}.modern-comment-footer span{display: flex;align-items: center;gap: 4px}.modern-comment-footer i{font-size: 12px}.modern-comment-date{margin-left: auto;color: #555;font-size: 10px}.modern-actor-card{display: flex;align-items: center;gap: 10px;padding: 8px 0;border-bottom: 1px solid #1e2124;transition: padding-left 0.2s}.modern-actor-card:last-child{border-bottom: none}.modern-actor-card:hover{padding-left: 4px}.modern-actor-num{font-size: 12px;font-weight: 700;color: var(--accent);min-width: 22px;text-align: center}.modern-actor-poster{display: block;flex-shrink: 0}.modern-actor-poster img{width: 38px;height: 38px;border-radius: 50%;object-fit: cover;border: 2px solid var(--border);transition: border-color 0.2s}.modern-actor-card:hover .modern-actor-poster img{border-color: var(--accent)}.modern-actor-info{flex: 1;overflow: hidden;display: flex;flex-direction: column;gap: 2px}.modern-actor-name{font-size: 13px;font-weight: 600;color: #fff;text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color 0.2s}.modern-actor-name:hover{color: var(--accent)}.modern-actor-meta{font-size: 10px;color: #666}.modern-actor-arrow{color: #444;font-size: 13px;flex-shrink: 0;transition: color 0.2s, transform 0.2s}.modern-actor-card:hover .modern-actor-arrow{color: var(--accent);transform: translateX(3px)}.actor-bio-box{background: #1a1d20;border: 1px solid #2d3135;border-radius: 10px;overflow: hidden}.actor-bio-photo-wrap{position: relative;width: 180px;height: 100%;min-height: 260px}.actor-bio-photo{width: 180px;height: 100%;min-height: 260px;object-fit: cover;display: block}.actor-bio-content{padding: 18px 20px;display: flex;flex-direction: column;gap: 14px;height: 100%}.actor-bio-header{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px}.actor-bio-name{font-family: 'Playfair Display', serif;font-size: 22px;font-weight: 700;color: #fff;margin: 0 0 8px 0}.actor-bio-tags{display: flex;flex-wrap: wrap;gap: 5px}.actor-bio-tag{background: #25282c;border: 1px solid #3d4248;color: #aaa;font-size: 11px;font-weight: 600;padding: 3px 10px;border-radius: 20px}.actor-bio-tag.green{background: rgba(58, 158, 110, 0.15);border-color: #3a9e6e;color: #3a9e6e}.actor-bio-actions{display: flex;flex-direction: column;align-items: center;gap: 6px;flex-shrink: 0}.actor-bio-text{font-size: 13px;color: #999;line-height: 1.75;margin: 0;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden}.actor-bio-stats-row{display: flex;align-items: center;gap: 16px;padding-top: 12px;border-top: 1px solid #2d3135;flex-wrap: wrap}.actor-bio-stat{display: flex;flex-direction: column;align-items: center;gap: 2px}.actor-bio-stat-num{font-size: 20px;font-weight: 700;color: #e50914;line-height: 1}.actor-bio-stat-label{font-size: 10px;color: #666;text-align: center}.actor-bio-stat-divider{width: 1px;height: 30px;background: #2d3135;flex-shrink: 0}@media (max-width: 768px){.actor-bio-photo-wrap, .actor-bio-photo{width: 120px;min-height: 180px}.actor-bio-header{flex-direction: column}.actor-bio-stats-row{gap: 10px}}.photos-section-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px}.photos-see-all{font-size: 12px;color: #888;text-decoration: none;display: flex;align-items: center;gap: 4px;transition: color 0.2s}.photos-see-all:hover{color: #e50914}.photos-grid-modern{display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;gap: 6px;height: 260px}.photo-large{grid-row: 1 / 3}.photo-item-modern{position: relative;overflow: hidden;border-radius: 8px;border: 1px solid #2d3135;cursor: pointer}.photo-item-modern img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease, opacity 0.3s}.photo-item-modern:hover img{transform: scale(1.06);opacity: 0.75}.photo-overlay{position: absolute;inset: 0;background: rgba(0, 0, 0, 0.4);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.2s}.photo-overlay i{font-size: 22px;color: #fff}.photo-item-modern:hover .photo-overlay{opacity: 1}.photo-more{cursor: pointer}.photo-more-overlay{position: absolute;inset: 0;background: rgba(0, 0, 0, 0.65);display: flex;flex-direction: column;align-items: center;justify-content: center;transition: background 0.2s}.photo-more:hover .photo-more-overlay{background: rgba(229, 9, 20, 0.75)}.photo-more-overlay span{font-size: 24px;font-weight: 700;color: #fff;line-height: 1}.photo-more-overlay small{font-size: 11px;color: #ccc;margin-top: 4px}@media (max-width: 768px){.photos-grid-modern{grid-template-columns: 1fr 1fr 1fr;grid-template-rows: auto;height: auto}.photo-large{grid-row: auto}.photo-item-modern{height: 100px}}.actor-films-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 14px;flex-wrap: wrap;gap: 10px}.actor-tabs-nav{display: inline-flex;align-items: center;gap: 4px;background: rgba(255, 255, 255, 0.04);border: 1px solid var(--border, rgba(255, 255, 255, 0.08));border-radius: 10px;padding: 3px}.actor-tab-btn{display: inline-flex;align-items: center;gap: 6px;background: transparent;border: none;color: var(--text-dim, #999);font-size: 12.5px;font-weight: 600;padding: 6px 12px;border-radius: 7px;cursor: pointer;transition: all 0.2s ease;outline: none;line-height: 1.2}.actor-tab-btn i{font-size: 13px;opacity: 0.85}.actor-tab-btn:hover{color: #fff;background: rgba(255, 255, 255, 0.06)}.actor-tab-btn.active{color: #fff;background: #e50914;box-shadow: 0 2px 8px rgba(229, 9, 20, 0.35)}.actor-tab-btn.active i{opacity: 1}.actor-tab-badge{font-size: 10.5px;font-weight: 700;padding: 1px 6px;border-radius: 10px;background: rgba(255, 255, 255, 0.1);color: inherit;transition: background 0.2s}.actor-tab-btn.active .actor-tab-badge{background: rgba(0, 0, 0, 0.28);color: #fff}@media (max-width: 576px){.actor-tabs-nav{width: 100%;display: flex;justify-content: stretch}.actor-tab-btn{flex: 1;justify-content: center;padding: 7px 6px;font-size: 11.5px}.actor-tab-btn i{display: none}}.actor-card-type-badge{position: absolute;top: 5px;left: 5px;font-size: 8.5px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.3px;padding: 2px 5px;border-radius: 4px;color: #fff;line-height: 1.1;z-index: 3;display: inline-flex;align-items: center;gap: 3px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);backdrop-filter: blur(2px);pointer-events: none}.actor-card-type-badge i{font-size: 9px}.actor-card-type-badge.type-film{background: rgba(229, 9, 20, 0.92)}.actor-card-type-badge.type-dizi{background: rgba(13, 110, 253, 0.92)}.actor-poster-year-badge{position: absolute;top: 6px;left: 6px;background: rgba(0, 0, 0, 0.8);color: #fff;font-size: 10px;font-weight: 700;padding: 2px 6px;border-radius: 4px}.actor-movie-card{transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s}.actor-movie-card:hover{border-color: #e50914;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4)}.actor-movie-poster-link{position: relative}.actor-bio-fav-wrap{display: flex;flex-direction: column;align-items: center;gap: 6px}.actor-bio-fav-num{font-size: 18px;font-weight: 700;color: #e50914;line-height: 1}.actor-bio-fav-label{font-size: 10px;color: #666}.actor-bio-fav-btn{background: linear-gradient(135deg, #e50914, #b12020);border: none;color: #fff;font-size: 12px;font-weight: 700;padding: 8px 18px;border-radius: 20px;cursor: pointer;display: flex;align-items: center;gap: 6px;transition: all 0.2s;box-shadow: 0 3px 10px rgba(229, 9, 20, 0.35);white-space: nowrap}.actor-bio-fav-btn:hover{transform: translateY(-2px);box-shadow: 0 6px 16px rgba(229, 9, 20, 0.5)}.actor-bio-fav-btn i{font-size: 13px}.actor-bio-fav-count{display: flex;flex-direction: column;align-items: center;gap: 1px}.actor-header-actions{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;flex-shrink: 0}.actor-action-btn{display: inline-flex;align-items: center;gap: 7px;padding: 8px 18px;border-radius: 30px;font-size: 13px;font-weight: 600;cursor: pointer;transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);text-decoration: none;line-height: 1.2;border: 1px solid transparent}.actor-action-btn.actor-btn-list{background: rgba(255, 255, 255, 0.05);border-color: #3d4248;color: #e2e8f0}.actor-action-btn.actor-btn-list:hover{background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.4);color: #fff;transform: translateY(-2px);box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4)}.actor-action-btn.actor-btn-list.active{background: rgba(245, 197, 24, 0.12);border-color: rgba(245, 197, 24, 0.5);color: #f5c518;box-shadow: 0 2px 10px rgba(245, 197, 24, 0.2)}.actor-action-btn.actor-btn-list.active:hover{background: rgba(245, 197, 24, 0.2);border-color: #f5c518;transform: translateY(-2px)}.actor-action-btn.actor-btn-fav{background: rgba(229, 9, 20, 0.08);border-color: rgba(229, 9, 20, 0.3);color: #ff5252}.actor-action-btn.actor-btn-fav:hover{background: #e50914;border-color: #e50914;color: #fff;transform: translateY(-2px);box-shadow: 0 4px 14px rgba(229, 9, 20, 0.45)}.actor-action-btn.actor-btn-fav.active{background: linear-gradient(135deg, #e50914, #b12020);border-color: #e50914;color: #fff;box-shadow: 0 3px 12px rgba(229, 9, 20, 0.4)}.actor-action-btn.actor-btn-fav.active:hover{background: linear-gradient(135deg, #f01420, #c42727);transform: translateY(-2px);box-shadow: 0 6px 18px rgba(229, 9, 20, 0.55)}.btn-sidebar-add-list{width: 26px;height: 26px;border-radius: 50%;background: rgba(229, 9, 20, 0.12);border: 1px solid rgba(229, 9, 20, 0.3);color: #e50914;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;cursor: pointer;transition: all 0.2s ease;padding: 0}.btn-sidebar-add-list:hover{background: #e50914;color: #fff;transform: scale(1.1);box-shadow: 0 2px 8px rgba(229, 9, 20, 0.4)}.archi-list-modal .modal-content{background: #1e2124;border: 1px solid #3d4248;border-radius: 14px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7);color: #fff;overflow: hidden}.archi-list-modal .modal-header{background: #17191c;border-bottom: 1px solid #2d3135;padding: 16px 20px}.archi-list-modal .modal-body{padding: 20px}.actor-modal-preview{display: flex;align-items: center;gap: 12px;padding: 10px 14px;background: #141618;border: 1px solid #2d3135;border-radius: 10px;margin-bottom: 16px}.actor-modal-preview img{width: 44px;height: 44px;border-radius: 50%;object-fit: cover;border: 2px solid #e50914}.actor-modal-preview-info h6{margin: 0;font-size: 15px;font-weight: 700;color: #fff}.actor-modal-preview-info span{font-size: 11px;color: #888}.user-lists-scroll{max-height: 250px;overflow-y: auto;padding-right: 4px;display: flex;flex-direction: column;gap: 8px}.user-lists-scroll::-webkit-scrollbar{width: 6px}.user-lists-scroll::-webkit-scrollbar-thumb{background: #3d4248;border-radius: 4px}.modal-list-item{display: flex;align-items: center;justify-content: space-between;padding: 10px 14px;background: #25282c;border: 1px solid #33383e;border-radius: 8px;transition: all 0.2s ease}.modal-list-item:hover{background: #2c3036;border-color: #444a52}.modal-list-item.is-in-list{border-color: rgba(46, 204, 113, 0.4);background: rgba(46, 204, 113, 0.05)}.modal-list-item-left{display: flex;align-items: center;gap: 10px;min-width: 0}.modal-list-item-icon{font-size: 18px;color: #e50914;flex-shrink: 0}.modal-list-item.is-in-list .modal-list-item-icon{color: #2ecc71}.modal-list-item-title{font-size: 14px;font-weight: 600;color: #eee;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 220px}.modal-list-item-btn{flex-shrink: 0;padding: 5px 12px;font-size: 12px;font-weight: 600;border-radius: 6px;transition: all 0.2s ease}.modal-list-item-btn.btn-added{background: rgba(46, 204, 113, 0.15);border: 1px solid rgba(46, 204, 113, 0.4);color: #2ecc71}.modal-list-item-btn.btn-added:hover{background: rgba(231, 76, 60, 0.2);border-color: rgba(231, 76, 60, 0.5);color: #e74c3c}.modal-list-item-btn.btn-add{background: #e50914;border: 1px solid #e50914;color: #fff}.modal-list-item-btn.btn-add:hover{background: #ff1e27;border-color: #ff1e27}.create-list-section{margin-top: 16px;padding-top: 14px;border-top: 1px solid #2d3135}.create-list-toggle-btn{background: none;border: none;color: #aaa;font-size: 13px;font-weight: 600;display: inline-flex;align-items: center;gap: 6px;cursor: pointer;padding: 0;transition: color 0.2s}.create-list-toggle-btn:hover{color: #fff}.create-list-form{margin-top: 10px;display: flex;flex-direction: column;gap: 8px}.create-list-input{background: #141618;border: 1px solid #3d4248;color: #fff;border-radius: 6px;padding: 8px 12px;font-size: 13px}.create-list-input:focus{outline: none;border-color: #e50914;background: #141618;color: #fff}.custom-pagination{display: flex !important;justify-content: center !important;align-items: center;gap: 6px;padding-left: 0;list-style: none}.custom-pagination .page-item .page-link{background-color: var(--surface-3);border: 1px solid var(--border);color: var(--text-soft);font-weight: 500;padding: 10px 16px;border-radius: 6px !important;transition: all 0.2s ease-in-out}.custom-pagination .page-item:not(.disabled) .page-link:hover{background-color: var(--surface-2);border-color: var(--border-light);color: #fff}.custom-pagination .page-item.active .page-link{background-color: var(--border-light) !important;border-color: var(--text-dim) !important;color: #fff !important;font-weight: 600;box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05)}.custom-pagination .page-item.disabled .page-link{background-color: var(--surface-3);border-color: var(--border);color: var(--text-dim);opacity: 0.4}.page-item-dots{display: flex;align-items: center;justify-content: center;color: var(--text-dim);padding: 0 6px}.page-main-title{font-family: 'Playfair Display', serif;font-size: 26px;font-weight: 700;color: var(--text)}.modern-lists-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 24px;margin-top: 20px}.popular-list-container{background-color: var(--surface-3);border: 1px solid var(--border);border-radius: 10px;padding: 14px;display: flex;flex-direction: column;justify-content: space-between;transition: transform 0.2s ease, border-color 0.2s ease}.popular-list-container:hover{transform: translateY(-3px);border-color: var(--accent)}.popular-list-item-custom{text-decoration: none;display: block}.list-posters-custom{display: flex;gap: 2px;background: #000;padding: 4px;border-radius: 6px;overflow: hidden;position: relative}.list-posters-custom img{width: 25%;height: 90px;object-fit: cover;border-radius: 2px}.list-count-badge{position: absolute;bottom: 6px;right: 6px;background: rgba(0, 0, 0, 0.8);border: 1px solid rgba(255, 255, 255, 0.1);color: var(--text-soft);font-size: 11px;font-weight: 600;padding: 2px 8px;border-radius: 4px}.list-title-custom{color: var(--text);font-size: 14px;font-weight: 600;margin-top: 12px;margin-bottom: 0;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 40px}.list-footer-meta{margin-top: 14px;padding-top: 12px;border-top: 1px solid var(--border);display: flex;align-items: center;justify-content: space-between}.list-user-link{display: flex;align-items: center;gap: 10px;text-decoration: none;color: var(--text-soft);font-size: 13px;font-weight: 500}.list-user-link:hover .list-user-name{color: #fff}.list-user-avatar{width: 30px;height: 30px;border-radius: 50%;object-fit: cover;border: 1px solid var(--border-light)}.list-user-name{transition: color 0.2s ease}.list-likes{font-size: 12px;color: var(--text-dim);display: flex;align-items: center;gap: 4px}.popular-list-container:hover .list-likes{color: var(--accent);transition: color 0.2s ease}.hero-tagline{font-size: 13px;color: #888;font-style: italic;padding: 8px 12px;border-left: 3px solid #e50914;background: rgba(229, 9, 20, 0.05);border-radius: 0 6px 6px 0;margin-top: 8px;margin-bottom: 5px;display: flex;align-items: center;gap: 6px}.hero-tagline i{color: #e50914;font-size: 16px;flex-shrink: 0}.hero-finance-bar{display: flex;align-items: center;gap: 12px;padding: 10px 14px;background: rgba(0, 0, 0, 0.25);border: 1px solid #2d3135;border-radius: 8px;margin-top: 10px;flex-wrap: wrap}.hero-finance-item{display: flex;flex-direction: column;gap: 2px}.hero-finance-label{font-size: 10px;color: #666;text-transform: uppercase;letter-spacing: 0.5px;display: flex;align-items: center;gap: 4px}.hero-finance-label i{font-size: 11px}.hero-finance-val{font-size: 14px;font-weight: 700;color: #fff}.hero-finance-val.green{color: #3a9e6e}.hero-finance-val.red{color: #e50914}.hero-finance-divider{width: 1px;height: 30px;background: #2d3135;flex-shrink: 0}.gallery-page-title{font-size: 20px;font-weight: 700;color: #fff;margin-bottom: 18px}.gallery-page-count{color: #666;font-weight: 500;font-size: 15px}.gallery-masonry-grid{column-count: 4;column-gap: 10px}.gallery-grid-item{display: block;break-inside: avoid;margin-bottom: 10px;border-radius: 6px;overflow: hidden;position: relative}.gallery-grid-item img{width: 100%;display: block;transition: transform 0.2s ease}.gallery-grid-item:hover img{transform: scale(1.03)}.gallery-loader{display: flex;justify-content: center;padding: 30px 0}.gallery-spinner{width: 32px;height: 32px;border: 3px solid #2d3135;border-top-color: #e50914;border-radius: 50%;animation: gallery-spin 0.8s linear infinite}@keyframes gallery-spin{to{transform: rotate(360deg)}}.gallery-end-msg{text-align: center;color: #555;font-size: 13px;padding: 20px 0}.photo-lightbox{display: none;position: fixed;inset: 0;background: rgba(0, 0, 0, 0.92);z-index: 3000;align-items: center;justify-content: center}.photo-lightbox.show{display: flex}.photo-lightbox img{max-width: 90vw;max-height: 85vh;border-radius: 6px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5)}.lightbox-close{position: absolute;top: 20px;right: 24px;background: rgba(255, 255, 255, 0.12);border: none;color: #fff;width: 40px;height: 40px;border-radius: 50%;font-size: 18px;cursor: pointer}.lightbox-close:hover{background: rgba(255, 255, 255, 0.22)}.lightbox-nav{position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.12);border: none;color: #fff;width: 48px;height: 48px;border-radius: 50%;font-size: 20px;cursor: pointer}.lightbox-nav:hover{background: rgba(255, 255, 255, 0.22)}.lightbox-prev{left: 24px}.lightbox-next{right: 24px}.lightbox-counter{position: absolute;bottom: 24px;left: 50%;transform: translateX(-50%);color: #ccc;font-size: 13px;background: rgba(0, 0, 0, 0.5);padding: 4px 12px;border-radius: 12px}@media (max-width: 992px){.gallery-masonry-grid{column-count: 3}}@media (max-width: 600px){.gallery-masonry-grid{column-count: 2}.lightbox-nav{width: 38px;height: 38px;font-size: 16px}.lightbox-prev{left: 8px}.lightbox-next{right: 8px}.lightbox-close{top: 12px;right: 12px}}.kadro-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: 14px}.kadro-card{display: block;text-decoration: none;background: #1a1d20;border: 1px solid #2d3135;border-radius: 8px;overflow: hidden;transition: border-color 0.15s}.kadro-card:hover{border-color: #e50914}.kadro-card img{width: 100%;aspect-ratio: 2/3;object-fit: cover;display: block}.kadro-card-info{padding: 8px 10px}.kadro-card-name{display: block;color: #fff;font-size: 13px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.kadro-card-role{display: block;color: #777;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 2px}@media (max-width: 600px){.kadro-grid{grid-template-columns: repeat(auto-fill, minmax(110px, 1fr))}}.toast-container{position: fixed;top: 20px;right: 20px;z-index: 2000;display: flex;flex-direction: column;gap: 10px;max-width: 360px}.toast{background: #1a1d20;border: 1px solid #2d3135;border-left: 4px solid #e50914;border-radius: 8px;color: #fff;font-size: 14px;padding: 12px 16px;display: flex;align-items: flex-start;gap: 10px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);opacity: 0;transform: translateX(20px);transition: opacity 0.25s ease, transform 0.25s ease}.toast.show{opacity: 1;transform: translateX(0)}.toast.success{border-left-color: #2ecc71}.toast.info{border-left-color: #3d7fe0}.toast i{font-size: 16px;margin-top: 1px}.toast.error i{color: #e50914}.toast.success i{color: #2ecc71}.toast.info i{color: #3d7fe0}.toast-close{margin-left: auto;background: none;border: none;color: #666;cursor: pointer;font-size: 14px;padding: 0;line-height: 1}.toast-close:hover{color: #aaa}@media (max-width: 480px){.toast-container{left: 12px;right: 12px;max-width: none}}.auth-modal-overlay{display: none;position: fixed;inset: 0;background: rgba(0, 0, 0, 0.75);z-index: 9999;align-items: center;justify-content: center;padding: 20px;backdrop-filter: blur(4px)}.auth-modal-overlay.active{display: flex}.auth-modal-box{background: #181b20;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 16px;padding: 28px;width: 100%;max-width: 440px;position: relative;box-shadow: 0 20px 50px rgba(0,0,0,0.8);animation: modalIn 0.25s ease}.auth-context-banner{display: flex;align-items: center;gap: 14px;background: linear-gradient(135deg, rgba(229, 9, 20, 0.16) 0%, rgba(30, 34, 40, 0.95) 100%);border: 1px solid rgba(229, 9, 20, 0.35);border-radius: 12px;padding: 12px 14px;margin-bottom: 20px;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35)}.context-poster-box{flex-shrink: 0}.context-poster-box img{width: 48px;height: 70px;object-fit: cover;border-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,0.6);border: 1px solid rgba(255,255,255,0.12)}.context-info-col{flex: 1;overflow: hidden}.context-action-pill{display: inline-flex;align-items: center;background: rgba(229, 9, 20, 0.25);color: #ff4d58;border: 1px solid rgba(229, 9, 20, 0.4);font-size: 11px;font-weight: 700;padding: 2px 8px;border-radius: 12px;margin-bottom: 4px}.context-title{font-size: 13.5px;font-weight: 700;color: #fff;line-height: 1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.context-sub{font-size: 11.5px;color: #94a3b8;margin-top: 3px;line-height: 1.35}@keyframes modalIn{from{opacity: 0;transform: translateY(-20px) scale(0.97)}to{opacity: 1;transform: translateY(0) scale(1)}}.auth-modal-close{position: absolute;top: 14px;right: 14px;background: none;border: none;color: #555;font-size: 16px;cursor: pointer;padding: 4px 8px;border-radius: 6px;transition: color 0.2s, background 0.2s}.auth-modal-close:hover{color: #fff;background: #25282c}.auth-tabs{display: flex;gap: 0;background: #25282c;border-radius: 8px;padding: 4px;margin-bottom: 24px}.auth-tab{flex: 1;background: none;border: none;color: #888;font-size: 14px;font-weight: 600;font-family: 'Inter', sans-serif;padding: 8px;border-radius: 6px;cursor: pointer;transition: all 0.2s}.auth-tab.active{background: #e50914;color: #fff}.auth-modal-subtitle{font-size: 13px;color: #666;margin: 0 0 20px 0}.auth-modal-field{margin-bottom: 14px}.auth-modal-field label{display: block;font-size: 12px;font-weight: 600;color: #888;margin-bottom: 6px}.auth-modal-input-wrap{position: relative;display: flex;align-items: center}.auth-modal-input-wrap > i{position: absolute;left: 12px;color: #555;font-size: 14px;pointer-events: none}.auth-modal-input-wrap input{width: 100%;background: #25282c;border: 1px solid #3d4248;border-radius: 8px;color: #fff;font-size: 14px;font-family: 'Inter', sans-serif;padding: 10px 14px 10px 38px;outline: none;transition: border-color 0.2s, box-shadow 0.2s}.auth-modal-input-wrap input::placeholder{color: #555}.auth-modal-input-wrap input:focus{border-color: #e50914;box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.12)}.auth-modal-input-wrap input.valid{border-color: #3a9e6e}.auth-modal-input-wrap input.invalid{border-color: #e50914}.auth-toggle-pass{position: absolute;right: 6px;top: 50%;transform: translateY(-50%);width: 34px;height: 34px;display: inline-flex;align-items: center;justify-content: center;background: none;border: none;border-radius: 6px;color: #777;cursor: pointer;font-size: 15px;padding: 0;z-index: 3;transition: color 0.2s, background 0.2s}.auth-toggle-pass i{position: static !important;pointer-events: none}.auth-toggle-pass:hover{color: #fff;background: rgba(255, 255, 255, 0.06)}.auth-modal-hint{font-size: 11px;color: #555;margin: 4px 0 0 0}.auth-modal-hint.valid{color: #3a9e6e}.auth-modal-hint.invalid{color: #ff6b6b}.auth-modal-btn{width: 100%;background: #e50914;border: none;border-radius: 8px;color: #fff;font-size: 14px;font-weight: 600;font-family: 'Inter', sans-serif;padding: 11px;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 8px;transition: background 0.2s, transform 0.15s;margin-top: 18px}.auth-modal-btn:hover{background: #b12020;transform: translateY(-1px)}.auth-modal-btn:disabled{opacity: 0.6;cursor: not-allowed;transform: none}.auth-modal-error{background: rgba(229, 9, 20, 0.08);border: 1px solid rgba(229, 9, 20, 0.25);border-left: 3px solid #e50914;border-radius: 6px;color: #ff7b7b;font-size: 13px;padding: 10px 14px;margin-bottom: 16px;display: flex;align-items: center;gap: 8px}.auth-modal-agree{display: flex;align-items: center;gap: 8px;font-size: 13px;color: #888;cursor: pointer;margin-top: 12px}.auth-modal-agree input{accent-color: #e50914;cursor: pointer}.auth-strength-bar{height: 4px;border-radius: 2px;background: #25282c;margin-top: 6px;overflow: hidden}.auth-strength-fill{height: 100%;border-radius: 2px;transition: width 0.3s, background 0.3s;width: 0}.auth-divider{display: flex;align-items: center;text-align: center;margin: 18px 0 14px 0;color: var(--text-dim, #71717a);font-size: 12px}.auth-divider::before, .auth-divider::after{content: '';flex: 1;border-bottom: 1px solid var(--border-light, rgba(255, 255, 255, 0.1))}.auth-divider span{padding: 0 12px;text-transform: lowercase;font-weight: 500}.auth-oauth-group{display: flex;flex-direction: column;gap: 10px}.auth-oauth-btn{display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;padding: 10px 16px;border-radius: 8px;font-size: 13.5px;font-weight: 600;text-decoration: none;cursor: pointer;transition: all 0.2s ease;border: 1px solid transparent}.btn-oauth-google{background: #ffffff;color: #1f1f1f !important;border-color: rgba(0, 0, 0, 0.15);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08)}.btn-oauth-google:hover{background: #f4f4f5;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15)}.btn-oauth-discord{background: #5865F2;color: #ffffff !important;box-shadow: 0 2px 6px rgba(88, 101, 242, 0.25)}.btn-oauth-discord:hover{background: #4752C4;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(88, 101, 242, 0.4)}html[data-theme='light'] .btn-oauth-google{background: #ffffff;border-color: #e4e4e7}select, select.form-select, select.form-control, .modern-select, .swal2-select{appearance: none;-webkit-appearance: none;-moz-appearance: none;background-color: var(--surface-2, #1e2124) !important;color: #fff !important;border: 1px solid var(--border, #3d4248) !important;border-radius: 8px !important;padding: 10px 36px 10px 16px !important;font-size: 14px !important;line-height: 1.5 !important;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;background-repeat: no-repeat !important;background-position: right 12px center !important;background-size: 16px 12px !important;transition: border-color 0.2s ease, box-shadow 0.2s ease !important}select:focus, select.form-select:focus, select.form-control:focus, .modern-select:focus, .swal2-select:focus{border-color: #e50914 !important;box-shadow: 0 0 0 0.25rem rgba(229, 9, 20, 0.25) !important;outline: none !important}select option, select.form-select option, select.form-control option, .modern-select option, .swal2-select option{background-color: #25282c;color: #fff;padding: 8px}.pagination{display: flex;gap: 6px;align-items: center;justify-content: center;margin: 32px 0 16px;list-style: none;padding: 0}.pagination .page-item .page-link{display: flex;align-items: center;justify-content: center;min-width: 40px;height: 40px;padding: 0 14px;border-radius: 10px;background: #1a1d22;border: 1px solid rgba(255, 255, 255, 0.08);color: #c9ced6;font-size: 14px;font-weight: 500;text-decoration: none;transition: all 0.2s ease;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2)}.pagination .page-item .page-link:hover{background: #252930;color: #fff;border-color: rgba(229, 9, 20, 0.4);transform: translateY(-1px)}.pagination .page-item.active .page-link{background: linear-gradient(135deg, #e50914, #c40812);border-color: #e50914;color: #fff;font-weight: 700;box-shadow: 0 4px 12px rgba(229, 9, 20, 0.4)}.pagination .page-item.disabled .page-link{background: #141619;color: #555c66;border-color: rgba(255, 255, 255, 0.03);cursor: not-allowed;box-shadow: none;transform: none;pointer-events: none}.actors-pagination-wrap{margin-top: 45px;display: flex;justify-content: center}.actors-pagination{display: flex;align-items: center;gap: 6px;list-style: none;padding: 0;margin: 0;flex-wrap: wrap;justify-content: center}.actors-pagination .page-item{margin: 0}.actors-pagination .page-link{background: #181b1f;border: 1px solid #2d3239;color: #cbd5e1;font-size: 14px;font-weight: 700;min-width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 8px;text-decoration: none;transition: all 0.2s ease;padding: 0 12px}.actors-pagination .page-link:hover{background: #252930;color: #fff;border-color: #444b55;transform: translateY(-2px)}.actors-pagination .page-item.active .page-link{background: #e50914;border-color: #e50914;color: #fff;box-shadow: 0 4px 14px rgba(229, 9, 20, 0.45)}.actors-pagination .page-item.disabled .page-link{opacity: 0.35;pointer-events: none}.sidebar-robot-showcase-box{position: relative;border-radius: 14px;padding: 2px;background: linear-gradient(135deg, rgba(229, 9, 20, 0.6) 0%, rgba(130, 20, 20, 0.2) 50%, rgba(255, 75, 75, 0.4) 100%);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 25px rgba(229, 9, 20, 0.2);overflow: hidden;transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;margin-bottom: 24px}.sidebar-robot-showcase-box:hover{transform: translateY(-4px);box-shadow: 0 14px 40px rgba(0, 0, 0, 0.7), 0 0 35px rgba(229, 9, 20, 0.4)}.robot-bg-glow{position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle at 50% 50%, rgba(229, 9, 20, 0.2), transparent 60%);opacity: 0.6;pointer-events: none;animation: robotPulseGlow 6s ease-in-out infinite alternate}@keyframes robotPulseGlow{0%{transform: scale(0.9) rotate(0deg);opacity: 0.4}100%{transform: scale(1.1) rotate(15deg);opacity: 0.8}}.robot-box-body{position: relative;z-index: 2;background: #111418;background: linear-gradient(180deg, #181b22 0%, #101216 100%);border-radius: 12px;padding: 20px 18px;display: flex;flex-direction: column;gap: 14px}.robot-header-row{display: flex;align-items: center;justify-content: space-between}.robot-icon-container{position: relative;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center}.robot-radar-ring{position: absolute;width: 100%;height: 100%;border-radius: 50%;border: 2px solid rgba(229, 9, 20, 0.7);animation: radarRingPing 2.2s cubic-bezier(0, 0, 0.2, 1) infinite}@keyframes radarRingPing{0%{transform: scale(0.85);opacity: 0.9}70%, 100%{transform: scale(1.55);opacity: 0}}.robot-icon-disc{width: 40px;height: 40px;border-radius: 50%;background: linear-gradient(135deg, #e50914 0%, #850000 100%);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 20px;box-shadow: 0 4px 14px rgba(229, 9, 20, 0.5)}.robot-pill-tag{display: inline-flex;align-items: center;gap: 6px;background: rgba(229, 9, 20, 0.12);border: 1px solid rgba(229, 9, 20, 0.35);color: #ff4d58;padding: 3px 10px;border-radius: 20px;font-size: 11px;font-weight: 700;letter-spacing: 0.5px;text-transform: uppercase}.robot-spark-dot{width: 6px;height: 6px;border-radius: 50%;background: #ff4d58;box-shadow: 0 0 8px #ff4d58;animation: sparkBlink 1.4s ease-in-out infinite alternate}@keyframes sparkBlink{0%{opacity: 0.3;transform: scale(0.8)}100%{opacity: 1;transform: scale(1.2)}}.robot-headline{color: #fff;font-size: 17px;font-weight: 800;margin: 0;letter-spacing: -0.2px}.robot-subheadline{color: #94a3b8;font-size: 12.5px;line-height: 1.45;margin: 4px 0 0 0}.robot-quota-strip{display: flex;align-items: center}.quota-chip{display: inline-flex;align-items: center;gap: 6px;font-size: 11.5px;padding: 4px 10px;border-radius: 6px;font-weight: 600}.quota-chip.active{background: rgba(59, 130, 246, 0.12);border: 1px solid rgba(59, 130, 246, 0.3);color: #60a5fa}.quota-chip.unlimited{background: rgba(16, 185, 129, 0.12);border: 1px solid rgba(16, 185, 129, 0.3);color: #34d399}.quota-chip.exhausted{background: rgba(239, 68, 68, 0.12);border: 1px solid rgba(239, 68, 68, 0.3);color: #f87171}.robot-action-trigger{position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;gap: 8px;background: linear-gradient(135deg, #e50914 0%, #b8050e 100%);color: #ffffff !important;text-decoration: none !important;font-weight: 700;font-size: 13.5px;padding: 10px 16px;border-radius: 8px;box-shadow: 0 4px 16px rgba(229, 9, 20, 0.45);transition: all 0.25s ease}.robot-action-trigger:hover{background: linear-gradient(135deg, #ff1a26 0%, #cf0912 100%);transform: translateY(-1px);box-shadow: 0 6px 22px rgba(229, 9, 20, 0.65)}.robot-action-trigger .btn-icon{font-size: 18px;transition: transform 0.2s ease}.robot-action-trigger:hover .btn-icon{transform: translateX(4px)}.btn-shimmer{position: absolute;top: 0;left: -120%;width: 60%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);transform: skewX(-20deg);animation: btnShimmerSweep 3.5s infinite}@keyframes btnShimmerSweep{0%{left: -120%}30%, 100%{left: 220%}}.sidebar-sinedna-showcase-box{position: relative;border-radius: 14px;padding: 2px;background: linear-gradient(135deg, rgba(245, 197, 24, 0.7) 0%, rgba(229, 9, 20, 0.5) 50%, rgba(184, 29, 36, 0.3) 100%);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 25px rgba(245, 197, 24, 0.15);overflow: hidden;transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;margin-bottom: 24px}.sidebar-sinedna-showcase-box:hover{transform: translateY(-4px);box-shadow: 0 14px 40px rgba(0, 0, 0, 0.7), 0 0 35px rgba(245, 197, 24, 0.35)}.sinedna-bg-glow{position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle at 50% 50%, rgba(245, 197, 24, 0.15), rgba(229, 9, 20, 0.1), transparent 60%);opacity: 0.7;pointer-events: none;animation: dnaPulseGlow 6s ease-in-out infinite alternate}@keyframes dnaPulseGlow{0%{transform: scale(0.9) rotate(0deg);opacity: 0.5}100%{transform: scale(1.1) rotate(15deg);opacity: 0.9}}.sinedna-box-body{position: relative;z-index: 2;background: linear-gradient(180deg, #181b22 0%, #101216 100%);border-radius: 12px;padding: 20px 18px;display: flex;flex-direction: column;gap: 14px}.sinedna-header-row{display: flex;align-items: center;justify-content: space-between}.sinedna-icon-container{position: relative;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center}.sinedna-radar-ring{position: absolute;width: 100%;height: 100%;border-radius: 50%;border: 2px solid rgba(245, 197, 24, 0.7);animation: radarRingPing 2.2s cubic-bezier(0, 0, 0.2, 1) infinite}.sinedna-icon-disc{width: 40px;height: 40px;border-radius: 50%;background: linear-gradient(135deg, #f5c518 0%, #e50914 100%);display: flex;align-items: center;justify-content: center;color: #000;font-size: 20px;box-shadow: 0 4px 14px rgba(245, 197, 24, 0.4)}.sinedna-pill-tag{display: inline-flex;align-items: center;gap: 6px;background: rgba(245, 197, 24, 0.12);border: 1px solid rgba(245, 197, 24, 0.35);color: #f5c518;padding: 3px 10px;border-radius: 20px;font-size: 11px;font-weight: 700;letter-spacing: 0.5px;text-transform: uppercase}.sinedna-spark-dot{width: 6px;height: 6px;border-radius: 50%;background: #f5c518;box-shadow: 0 0 8px #f5c518;animation: sparkBlink 1.4s ease-in-out infinite alternate}.sinedna-headline{color: #fff;font-size: 17px;font-weight: 800;margin: 0;letter-spacing: -0.2px}.sinedna-subheadline{color: #94a3b8;font-size: 12.5px;line-height: 1.45;margin: 4px 0 0 0}.sinedna-quota-strip{display: flex;align-items: center}.sinedna-action-trigger{position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;gap: 8px;background: linear-gradient(135deg, #e50914 0%, #d97706 100%);color: #ffffff !important;text-decoration: none !important;font-weight: 700;font-size: 13.5px;padding: 10px 16px;border-radius: 8px;box-shadow: 0 4px 16px rgba(229, 9, 20, 0.4);transition: all 0.25s ease}.sinedna-action-trigger:hover{background: linear-gradient(135deg, #ff1e2b 0%, #f59e0b 100%);transform: translateY(-1px);box-shadow: 0 6px 20px rgba(245, 158, 11, 0.5);color: #ffffff !important}.sinedna-action-trigger .btn-icon{font-size: 18px;transition: transform 0.2s ease}.sinedna-action-trigger:hover .btn-icon{transform: translateX(4px)}.sidebar-compact-ai-card{position: relative;display: block;text-decoration: none !important;background: #13171f;background: linear-gradient(135deg, rgba(24, 28, 38, 0.95) 0%, rgba(14, 17, 24, 0.98) 100%);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 12px;padding: 9px 12px;margin-bottom: 8px;overflow: hidden;transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4)}.sidebar-compact-ai-card.robot-theme{border-left: 3px solid #e50914}.sidebar-compact-ai-card.robot-theme:hover{transform: translateY(-2px);border-color: rgba(229, 9, 20, 0.5);border-left: 3px solid #ff1e2b;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55), 0 0 20px rgba(229, 9, 20, 0.2);background: linear-gradient(135deg, rgba(32, 22, 26, 0.95) 0%, rgba(16, 18, 24, 0.98) 100%)}.sidebar-compact-ai-card.dna-theme{border-left: 3px solid #f5c518}.sidebar-compact-ai-card.dna-theme:hover{transform: translateY(-2px);border-color: rgba(245, 197, 24, 0.5);border-left: 3px solid #ffd700;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55), 0 0 20px rgba(245, 197, 24, 0.2);background: linear-gradient(135deg, rgba(34, 30, 20, 0.95) 0%, rgba(16, 18, 24, 0.98) 100%)}.ai-card-inner{display: flex;align-items: center;gap: 12px;position: relative;z-index: 2}.ai-card-icon-box{width: 38px;height: 38px;border-radius: 9px;display: flex;align-items: center;justify-content: center;font-size: 18px;flex-shrink: 0;transition: transform 0.25s ease}.ai-card-icon-box.robot{background: linear-gradient(135deg, rgba(229, 9, 20, 0.25) 0%, rgba(160, 10, 20, 0.4) 100%);border: 1px solid rgba(229, 9, 20, 0.4);color: #ff4d58;box-shadow: 0 0 12px rgba(229, 9, 20, 0.3)}.ai-card-icon-box.dna{background: linear-gradient(135deg, rgba(245, 197, 24, 0.2) 0%, rgba(200, 140, 10, 0.35) 100%);border: 1px solid rgba(245, 197, 24, 0.4);color: #f5c518;box-shadow: 0 0 12px rgba(245, 197, 24, 0.3)}.sidebar-compact-ai-card:hover .ai-card-icon-box{transform: scale(1.08) rotate(-4deg)}.ai-card-content{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}.ai-card-header-line{display: flex;align-items: center;justify-content: space-between;gap: 6px}.ai-card-title{color: #ffffff;font-size: 13px;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: -0.2px}.ai-card-desc{color: #94a3b8;font-size: 11px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.3}.ai-card-pill{font-size: 10px;font-weight: 700;padding: 2px 7px;border-radius: 12px;white-space: nowrap;display: inline-flex;align-items: center;gap: 3px;line-height: 1.2}.ai-card-pill.active{background: rgba(229, 9, 20, 0.15);color: #ff6b72;border: 1px solid rgba(229, 9, 20, 0.35)}.ai-card-pill.dna-active{background: rgba(245, 197, 24, 0.15);color: #ffd700;border: 1px solid rgba(245, 197, 24, 0.35)}.ai-card-pill.unlimited, .ai-card-pill.dna-unlimited{background: rgba(16, 185, 129, 0.15);color: #34d399;border: 1px solid rgba(16, 185, 129, 0.35)}.ai-card-pill.zero{background: rgba(239, 68, 68, 0.12);color: #f87171;border: 1px solid rgba(239, 68, 68, 0.3)}.ai-card-arrow-btn{width: 26px;height: 26px;border-radius: 50%;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);color: #94a3b8;display: flex;align-items: center;justify-content: center;font-size: 13px;flex-shrink: 0;transition: all 0.25s ease}.sidebar-compact-ai-card:hover .ai-card-arrow-btn{background: #e50914;border-color: #e50914;color: #ffffff;transform: translateX(3px)}.sidebar-compact-ai-card.dna-theme:hover .ai-card-arrow-btn{background: #f5c518;border-color: #f5c518;color: #000000}.robot-page-container{max-width: 1440px;margin: 0 auto;padding: 24px 16px 60px 16px}.robot-hero-card{position: relative;background: radial-gradient(circle at 10% 20%, rgba(229, 9, 20, 0.2) 0%, rgba(20, 22, 28, 0.95) 70%), #14171d;border: 1px solid rgba(229, 9, 20, 0.25);border-radius: 18px;padding: 36px 32px;margin-bottom: 24px;box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);overflow: hidden}.robot-hero-card::after{content: '';position: absolute;top: -40px;right: -40px;width: 250px;height: 250px;background: radial-gradient(circle, rgba(229, 9, 20, 0.2) 0%, transparent 70%);pointer-events: none}.robot-hero-title{font-size: 32px;font-weight: 800;color: #ffffff;letter-spacing: -0.5px;margin-bottom: 8px;display: flex;align-items: center;gap: 12px}.robot-hero-title i{color: #e50914;text-shadow: 0 0 18px rgba(229, 9, 20, 0.7)}.robot-hero-subtitle{color: #94a3b8;font-size: 15px;max-width: 780px;line-height: 1.6;margin: 0}.robot-quota-dashboard{background: linear-gradient(135deg, rgba(24, 28, 35, 0.9) 0%, rgba(18, 20, 26, 0.95) 100%);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 16px;padding: 22px 26px;margin-bottom: 28px;backdrop-filter: blur(10px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);display: grid;grid-template-columns: 1fr auto;gap: 20px;align-items: center}@media (max-width: 768px){.robot-quota-dashboard{grid-template-columns: 1fr}}.quota-status-col{display: flex;flex-direction: column;gap: 10px}.quota-status-label{display: flex;align-items: center;gap: 10px;font-size: 14px;color: #cbd5e1;font-weight: 600}.quota-count-badge{background: rgba(229, 9, 20, 0.15);border: 1px solid rgba(229, 9, 20, 0.35);color: #ff3b47;padding: 3px 12px;border-radius: 20px;font-weight: 800;font-size: 14px}.quota-count-badge.unlimited{background: rgba(16, 185, 129, 0.15);border-color: rgba(16, 185, 129, 0.35);color: #34d399}.quota-count-badge.zero{background: rgba(239, 68, 68, 0.2);border-color: rgba(239, 68, 68, 0.5);color: #f87171}.quota-bar-track{width: 100%;max-width: 440px;height: 8px;background: #252830;border-radius: 10px;overflow: hidden}.quota-bar-fill{height: 100%;background: linear-gradient(90deg, #e50914, #ff5964);border-radius: 10px;transition: width 0.4s ease}.quota-countdown-col{background: rgba(0, 0, 0, 0.35);border: 1px solid rgba(255, 255, 255, 0.06);border-radius: 12px;padding: 12px 18px;text-align: right;min-width: 220px}@media (max-width: 768px){.quota-countdown-col{text-align: left}}.countdown-title{font-size: 11.5px;color: #94a3b8;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: 4px;display: flex;align-items: center;gap: 6px;justify-content: flex-end}@media (max-width: 768px){.countdown-title{justify-content: flex-start}}.countdown-digits{font-size: 22px;font-weight: 800;font-family: 'Courier New', Courier, monospace;color: #ffffff;letter-spacing: 1px}.countdown-digits span{color: #e50914}.robot-exhausted-alert{background: linear-gradient(135deg, rgba(229, 9, 20, 0.15) 0%, rgba(80, 0, 0, 0.35) 100%);border: 1px solid rgba(229, 9, 20, 0.4);border-radius: 14px;padding: 22px 26px;margin-bottom: 28px;display: flex;align-items: center;justify-content: space-between;gap: 20px;flex-wrap: wrap;box-shadow: 0 6px 20px rgba(229, 9, 20, 0.2)}.exhausted-info{display: flex;align-items: center;gap: 16px}.exhausted-info i{font-size: 34px;color: #e50914}.exhausted-title{color: #fff;font-size: 17px;font-weight: 700;margin: 0}.exhausted-desc{color: #cbd5e1;font-size: 13.5px;margin: 4px 0 0 0}.robot-filters-panel{background: #15181e;border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 18px;padding: 28px;margin-bottom: 34px;box-shadow: 0 10px 35px rgba(0, 0, 0, 0.35)}.filter-group-title{font-size: 14px;font-weight: 700;color: #ffffff;text-transform: uppercase;letter-spacing: 0.6px;margin-bottom: 12px;display: flex;align-items: center;gap: 8px}.filter-group-title i{color: #e50914;font-size: 16px}.mood-matrix-container{display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 10px;margin-bottom: 26px}.mood-chip-btn{background: #1c2028;border: 1px solid #2a303c;border-radius: 10px;padding: 10px 12px;color: #cbd5e1;font-size: 12.5px;font-weight: 600;display: flex;align-items: center;gap: 8px;cursor: pointer;transition: all 0.2s ease;user-select: none}.mood-chip-btn:hover{background: #252a35;border-color: #3b4353;color: #ffffff;transform: translateY(-2px)}.mood-chip-btn.active{background: rgba(229, 9, 20, 0.18);border-color: #e50914;color: #ffffff;box-shadow: 0 4px 14px rgba(229, 9, 20, 0.35)}.mood-chip-btn .mood-emoji{font-size: 18px}.genre-chips-container{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 26px}.genre-filter-chip{background: #1c2028;border: 1px solid #2a303c;border-radius: 20px;padding: 6px 14px;color: #94a3b8;font-size: 12.5px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;user-select: none;display: inline-flex;align-items: center;gap: 6px}.genre-filter-chip:hover{background: #272d38;color: #ffffff;border-color: #3d4657}.genre-filter-chip.active{background: #e50914;border-color: #e50914;color: #ffffff;font-weight: 600;box-shadow: 0 3px 10px rgba(229, 9, 20, 0.4)}.genre-filter-chip input{display: none}.quick-pills-row{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 8px}.quick-pill-btn{background: #1e222b;border: 1px solid #2c323f;border-radius: 6px;color: #94a3b8;font-size: 11.5px;font-weight: 600;padding: 4px 10px;cursor: pointer;transition: all 0.15s ease}.quick-pill-btn:hover{background: #292f3c;color: #ffffff}.quick-pill-btn.active{background: #e50914;border-color: #e50914;color: #ffffff}.robot-form-control, .robot-form-select{background: #181c24 !important;border: 1px solid #333c4d !important;color: #ffffff !important;border-radius: 8px !important;padding: 9px 13px !important;font-size: 13.5px !important;font-weight: 500 !important;transition: border-color 0.2s, box-shadow 0.2s !important}.robot-form-control::placeholder, .robot-form-control::-webkit-input-placeholder, .robot-form-control:-moz-placeholder, .robot-form-control::-moz-placeholder, .robot-form-control:-ms-input-placeholder{color: #cbd5e1 !important;opacity: 0.95 !important;font-weight: 500 !important}.robot-form-select{color: #ffffff !important}.robot-form-select option{background: #181c24 !important;color: #ffffff !important;padding: 8px}.robot-form-control:focus, .robot-form-select:focus{border-color: #e50914 !important;box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.25) !important;outline: none !important}.robot-action-bar{display: flex;align-items: center;justify-content: center;gap: 16px;padding-top: 22px;border-top: 1px solid rgba(255, 255, 255, 0.08);flex-wrap: wrap;margin-top: 10px}.btn-robot-execute{background: linear-gradient(135deg, #a81c23 0%, #7f1218 100%);color: #f1f5f9;border: 1px solid rgba(255, 255, 255, 0.12);font-weight: 600;font-size: 15px;padding: 12px 30px;border-radius: 10px;display: inline-flex;align-items: center;justify-content: center;gap: 10px;cursor: pointer;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);transition: all 0.2s ease}.btn-robot-execute:hover{background: linear-gradient(135deg, #b9222a 0%, #8d161d 100%);transform: translateY(-1px);box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);color: #ffffff;border-color: rgba(255, 255, 255, 0.2)}.btn-robot-execute:disabled{background: #2a2e37;color: #64748b;border-color: #333842;box-shadow: none;cursor: not-allowed;transform: none}.btn-robot-random-pick{background: linear-gradient(135deg, #4f46e5 0%, #3730a3 100%);color: #fff;border: none;font-weight: 700;font-size: 14px;padding: 12px 22px;border-radius: 10px;display: inline-flex;align-items: center;gap: 8px;cursor: pointer;box-shadow: 0 4px 18px rgba(79, 70, 229, 0.35);transition: all 0.25s ease}.btn-robot-random-pick:hover{background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%);transform: translateY(-2px);box-shadow: 0 6px 24px rgba(79, 70, 229, 0.55);color: #fff}.btn-robot-random-pick:disabled{background: #333842;color: #71717a;box-shadow: none;cursor: not-allowed;transform: none}.btn-robot-ai-dna{background: linear-gradient(135deg, #f59e0b 0%, #d97706 45%, #b45309 100%);color: #ffffff !important;border: 1px solid rgba(254, 240, 138, 0.45);font-weight: 700;font-size: 14px;padding: 12px 22px;border-radius: 10px;display: inline-flex;align-items: center;gap: 10px;cursor: pointer;box-shadow: 0 4px 18px rgba(217, 119, 6, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 0 16px rgba(245, 158, 11, 0.25);transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);position: relative;overflow: hidden;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)}.btn-robot-ai-dna i{color: #ffffff !important;background: rgba(0, 0, 0, 0.18);border: 1px solid rgba(255, 255, 255, 0.25);width: 26px;height: 26px;border-radius: 6px;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;flex-shrink: 0;transition: transform 0.25s ease, background 0.25s ease}.btn-robot-ai-dna:hover{background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 45%, #d97706 100%);transform: translateY(-2px);box-shadow: 0 6px 26px rgba(245, 158, 11, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 25px rgba(245, 158, 11, 0.45);border-color: #fef08a;color: #ffffff !important}.btn-robot-ai-dna:hover i{transform: scale(1.1) rotate(6deg);background: rgba(0, 0, 0, 0.28)}.btn-robot-ai-dna:active{transform: translateY(0);box-shadow: 0 2px 10px rgba(217, 119, 6, 0.4)}.btn-robot-ai-dna:disabled{background: #272a32 !important;color: #64748b !important;border: 1px solid #333944 !important;box-shadow: none !important;cursor: not-allowed;transform: none;text-shadow: none}.btn-robot-ai-dna:disabled i{color: #64748b !important;background: transparent !important;border-color: transparent !important;transform: none !important}.btn-robot-clear{background: transparent;border: 1px solid #333a48;color: #94a3b8;font-size: 13.5px;font-weight: 600;padding: 11px 18px;border-radius: 10px;display: inline-flex;align-items: center;gap: 6px;cursor: pointer;transition: all 0.2s ease;text-decoration: none}.btn-robot-clear:hover{background: #212631;color: #fff;border-color: #495467}.robot-spotlight-section{background: linear-gradient(135deg, rgba(79, 70, 229, 0.15) 0%, rgba(17, 24, 39, 0.95) 100%);border: 1px solid rgba(99, 102, 241, 0.35);border-radius: 18px;padding: 26px;margin-bottom: 34px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 25px rgba(99, 102, 241, 0.15);animation: spotlightPopIn 0.4s ease}@keyframes spotlightPopIn{0%{transform: scale(0.97);opacity: 0}100%{transform: scale(1);opacity: 1}}.spotlight-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px}.spotlight-badge{background: linear-gradient(135deg, #4f46e5, #818cf8);color: #fff;font-size: 12px;font-weight: 800;padding: 4px 12px;border-radius: 20px;display: inline-flex;align-items: center;gap: 6px;box-shadow: 0 0 14px rgba(99, 102, 241, 0.6)}.spotlight-grid{display: grid;grid-template-columns: 180px 1fr;gap: 24px;align-items: center}@media (max-width: 600px){.spotlight-grid{grid-template-columns: 1fr;text-align: center}.spotlight-grid img{margin: 0 auto;max-width: 180px}}.spotlight-poster{border-radius: 12px;overflow: hidden;box-shadow: 0 8px 24px rgba(0,0,0,0.6);border: 1px solid rgba(255,255,255,0.1)}.spotlight-poster img{width: 100%;height: auto;display: block;object-fit: cover}.spotlight-title{font-size: 24px;font-weight: 800;color: #fff;margin-bottom: 8px}.spotlight-meta{display: flex;align-items: center;gap: 12px;margin-bottom: 14px;flex-wrap: wrap}.spotlight-desc{color: #94a3b8;font-size: 14px;line-height: 1.6;margin-bottom: 18px;max-width: 700px}.spotlight-action-btn{border-radius: 8px;font-weight: 600;padding: 8px 16px;font-size: 14px;transition: all 0.2s ease;display: inline-flex;align-items: center;gap: 6px;cursor: pointer;text-decoration: none}.btn-watched-outline{background: rgba(16, 185, 129, 0.12) !important;color: #34d399 !important;border: 1px solid rgba(16, 185, 129, 0.4) !important}.btn-watched-outline:hover{background: rgba(16, 185, 129, 0.25) !important;color: #6ee7b7 !important;border-color: rgba(16, 185, 129, 0.7) !important;transform: translateY(-1px)}.btn-watched-active{background: linear-gradient(135deg, #059669, #10b981) !important;color: #ffffff !important;border: 1px solid #10b981 !important;box-shadow: 0 4px 16px rgba(16, 185, 129, 0.45)}.btn-watched-active:hover{background: linear-gradient(135deg, #047857, #059669) !important;color: #ffffff !important}.btn-watchlist-outline{background: rgba(245, 197, 24, 0.12) !important;color: #facc15 !important;border: 1px solid rgba(245, 197, 24, 0.4) !important}.btn-watchlist-outline:hover{background: rgba(245, 197, 24, 0.25) !important;color: #fde047 !important;border-color: rgba(245, 197, 24, 0.7) !important;transform: translateY(-1px)}.btn-watchlist-active{background: linear-gradient(135deg, #d97706, #f59e0b) !important;color: #ffffff !important;border: 1px solid #f59e0b !important;box-shadow: 0 4px 16px rgba(245, 158, 11, 0.45)}.btn-watchlist-active:hover{background: linear-gradient(135deg, #b45309, #d97706) !important;color: #ffffff !important}.dna-movie-actions{display: grid;grid-template-columns: 1fr 1fr;gap: 4px;padding: 6px 8px 8px 8px;background: rgba(0, 0, 0, 0.25);border-top: 1px solid rgba(255, 255, 255, 0.06);border-radius: 0 0 10px 10px}.dna-action-btn{border-radius: 6px;font-weight: 600;padding: 6px 3px;font-size: 11px;transition: all 0.2s ease;display: inline-flex;align-items: center;justify-content: center;gap: 4px;cursor: pointer;text-decoration: none;border: none;line-height: 1.2;white-space: nowrap}.dna-action-btn i{font-size: 12px}.dna-action-btn.btn-watched-outline{background: rgba(16, 185, 129, 0.12) !important;color: #34d399 !important;border: 1px solid rgba(16, 185, 129, 0.35) !important}.dna-action-btn.btn-watched-outline:hover{background: rgba(16, 185, 129, 0.25) !important;color: #6ee7b7 !important;border-color: rgba(16, 185, 129, 0.6) !important;transform: translateY(-1px)}.dna-action-btn.btn-watched-active{background: linear-gradient(135deg, #059669, #10b981) !important;color: #ffffff !important;border: 1px solid #10b981 !important;box-shadow: 0 2px 8px rgba(16, 185, 129, 0.45)}.dna-action-btn.btn-watchlist-outline{background: rgba(245, 197, 24, 0.12) !important;color: #facc15 !important;border: 1px solid rgba(245, 197, 24, 0.35) !important}.dna-action-btn.btn-watchlist-outline:hover{background: rgba(245, 197, 24, 0.25) !important;color: #fde047 !important;border-color: rgba(245, 197, 24, 0.6) !important;transform: translateY(-1px)}.dna-action-btn.btn-watchlist-active{background: linear-gradient(135deg, #d97706, #f59e0b) !important;color: #ffffff !important;border: 1px solid #f59e0b !important;box-shadow: 0 2px 8px rgba(245, 158, 11, 0.45)}.sine-dna-showcase-card{background: radial-gradient(ellipse 65% 55% at 95% 25%, rgba(245, 197, 24, 0.07), transparent 70%), radial-gradient(ellipse 50% 45% at 5% 15%, rgba(229, 9, 20, 0.08), transparent 60%), linear-gradient(145deg, #131722 0%, #0e1219 50%, #0a0d14 100%);border: 1px solid rgba(255, 255, 255, 0.09);border-radius: 22px;padding: 30px;margin-bottom: 34px;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 35px rgba(245, 197, 24, 0.04);position: relative;overflow: hidden;backdrop-filter: blur(16px);animation: dnaSlideDown 0.45s cubic-bezier(0.16, 1, 0.3, 1)}@keyframes dnaSlideDown{0%{opacity: 0;transform: translateY(-16px)}100%{opacity: 1;transform: translateY(0)}}.dna-bg-grid{position: absolute;top: 0;right: 0;width: 420px;height: 100%;background-image: radial-gradient(circle at 85% 20%, rgba(245, 197, 24, 0.05), transparent 70%), linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);background-size: 100% 100%, 32px 32px, 32px 32px;opacity: 0.6;pointer-events: none;mask-image: radial-gradient(circle at 75% 30%, black 30%, transparent 80%);-webkit-mask-image: radial-gradient(circle at 75% 30%, black 30%, transparent 80%)}.dna-showcase-hero-grid{display: grid;grid-template-columns: 1fr 340px;gap: 28px;align-items: start;position: relative;z-index: 2}@media (max-width: 991px){.dna-showcase-hero-grid{grid-template-columns: 1fr;gap: 20px}}.dna-header-badge{display: inline-flex;align-items: center;gap: 8px;background: linear-gradient(135deg, rgba(245, 197, 24, 0.16), rgba(245, 197, 24, 0.08));color: #ffd700;padding: 6px 16px;border-radius: 30px;font-size: 11.5px;font-weight: 800;letter-spacing: 0.6px;text-transform: uppercase;border: 1px solid rgba(245, 197, 24, 0.35);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3)}.dna-header-badge i{color: #f5c518}.dna-title-row{margin-top: 12px;margin-bottom: 8px}.dna-archetype-name{font-size: 26px;font-weight: 800;color: #ffffff;margin: 0;letter-spacing: -0.3px;display: flex;align-items: center;gap: 10px;background: linear-gradient(135deg, #ffffff 40%, #fde047 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.dna-archetype-name i{-webkit-text-fill-color: #f5c518;color: #f5c518 !important}.dna-score-pill{background: rgba(245, 197, 24, 0.12);border: 1px solid rgba(245, 197, 24, 0.35);color: #f5c518;padding: 6px 14px;border-radius: 20px;font-size: 13px;font-weight: 700;display: flex;align-items: center;gap: 6px}.dna-desc-text{color: #cbd5e1;font-size: 14.5px;line-height: 1.65;margin-bottom: 22px}.dna-metrics-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));gap: 12px;background: rgba(0, 0, 0, 0.35);border: 1px solid rgba(255, 255, 255, 0.07);border-radius: 14px;padding: 16px 18px}.dna-metric-box{display: flex;flex-direction: column;gap: 6px}.dna-metric-label{font-size: 11px;text-transform: uppercase;color: #94a3b8;font-weight: 700;letter-spacing: 0.5px;display: flex;align-items: center;gap: 6px}.dna-metric-values{display: flex;flex-wrap: wrap;gap: 6px}.dna-tag-chip{background: rgba(255, 255, 255, 0.06);border: 1px solid rgba(255, 255, 255, 0.12);color: #f1f5f9;padding: 4px 10px;border-radius: 6px;font-size: 12px;font-weight: 600}.dna-tag-chip.accent{background: rgba(245, 197, 24, 0.12);border-color: rgba(245, 197, 24, 0.35);color: #fde047}.dna-identity-holocard{background: linear-gradient(145deg, rgba(22, 28, 40, 0.85) 0%, rgba(14, 18, 26, 0.95) 100%);border: 1px solid rgba(245, 197, 24, 0.25);border-radius: 18px;padding: 22px 14px;text-align: center;position: relative;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1);backdrop-filter: blur(12px);overflow: visible}.dna-identity-holocard::before{content: '';position: absolute;inset: 0;border-radius: 18px;background: radial-gradient(circle at 50% 30%, rgba(245, 197, 24, 0.08), transparent 70%);pointer-events: none}.dna-holo-orb{width: 70px;height: 70px;margin: 0 auto 12px auto;position: relative;display: flex;align-items: center;justify-content: center}.dna-holo-ring{position: absolute;inset: 0;border-radius: 50%;border: 2px dashed rgba(245, 197, 24, 0.45);animation: dnaRingSpin 18s linear infinite}.dna-holo-ring-inner{position: absolute;inset: 6px;border-radius: 50%;background: linear-gradient(135deg, rgba(245, 197, 24, 0.2), rgba(99, 102, 241, 0.12));border: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0 0 18px rgba(245, 197, 24, 0.25)}.dna-holo-icon{font-size: 26px;color: #ffd700;position: relative;z-index: 2;filter: drop-shadow(0 2px 8px rgba(245, 197, 24, 0.5))}@keyframes dnaRingSpin{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.dna-holo-score{font-size: 26px;font-weight: 900;color: #ffffff;line-height: 1;letter-spacing: -0.5px;margin-bottom: 2px}.dna-holo-score span{font-size: 16px;color: #ffd700}.dna-holo-score-label{font-size: 11px;text-transform: uppercase;font-weight: 700;color: #94a3b8;letter-spacing: 0.6px;margin-bottom: 12px}.dna-holo-features{display: flex;flex-direction: column;gap: 7px;border-top: 1px solid rgba(255, 255, 255, 0.08);padding-top: 12px;text-align: left}.dna-holo-feature-item{font-size: 11.5px;color: #cbd5e1;display: flex;align-items: center;gap: 8px}.dna-holo-feature-item i{font-size: 13px;color: #22c55e}.topic-search-box{position: relative;width: 100%}.topic-input-container{position: relative;display: flex;align-items: center}.topic-input-container .topic-search-icon{position: absolute;left: 14px;color: #e50914;font-size: 15px;pointer-events: none;z-index: 2}.topic-input-container .topic-search-field{padding-left: 38px !important;padding-right: 36px !important;background: #151922 !important;border: 1px solid #2d3648 !important;color: #fff !important;height: 44px;border-radius: 10px;font-size: 13.5px;transition: all 0.2s ease}.topic-input-container .topic-search-field:focus{border-color: #e50914 !important;box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.25) !important;background: #181d28 !important}.topic-input-container .topic-search-field::placeholder{color: #cbd5e1 !important;opacity: 0.95;font-weight: 500}.topic-input-container .topic-clear-btn{position: absolute;right: 10px;background: transparent;border: none;color: #94a3b8;cursor: pointer;padding: 4px 8px;font-size: 16px;display: none;z-index: 2}.topic-input-container .topic-clear-btn:hover{color: #ff4d58}.topic-dropdown-menu{position: absolute;top: calc(100% + 6px);left: 0;right: 0;background: #141822;border: 1px solid #323b4e;border-radius: 12px;box-shadow: 0 14px 35px rgba(0, 0, 0, 0.65), 0 0 20px rgba(229, 9, 20, 0.15);max-height: 280px;overflow-y: auto;z-index: 1000;display: none;padding: 6px}.topic-dropdown-item{display: flex;align-items: center;justify-content: space-between;padding: 8px 12px;border-radius: 8px;color: #f1f5f9;font-size: 13.5px;cursor: pointer;transition: background 0.15s ease, color 0.15s ease}.topic-dropdown-item:hover, .topic-dropdown-item.active{background: rgba(229, 9, 20, 0.2);color: #fff}.topic-dropdown-item .topic-name-wrap{display: flex;align-items: center;gap: 8px}.topic-dropdown-item .topic-orig-sub{font-size: 11px;color: #94a3b8;font-style: italic}.topic-dropdown-item .topic-badge{background: #202636;color: #cbd5e1;font-size: 11px;font-weight: 700;padding: 2px 7px;border-radius: 6px;border: 1px solid rgba(255, 255, 255, 0.08)}.topic-dropdown-empty{padding: 14px;text-align: center;color: #94a3b8;font-size: 12.5px}.selected-topic-active-chip{display: inline-flex;align-items: center;gap: 8px;background: linear-gradient(135deg, rgba(229, 9, 20, 0.25) 0%, rgba(184, 29, 36, 0.15) 100%);border: 1px solid #e50914;color: #fff;padding: 6px 12px;border-radius: 8px;font-size: 12.5px;font-weight: 700;margin-bottom: 8px}.selected-topic-active-chip .remove-selected-topic{background: transparent;border: none;color: #ff6b72;cursor: pointer;padding: 0;font-size: 14px;line-height: 1}.selected-topic-active-chip .remove-selected-topic:hover{color: #fff}.selected-topics-container{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-bottom: 10px}.selected-topic-pill{display: inline-flex;align-items: center;gap: 8px;background: linear-gradient(135deg, rgba(229, 9, 20, 0.25) 0%, rgba(184, 29, 36, 0.15) 100%);border: 1px solid #e50914;color: #fff;padding: 5px 10px;border-radius: 8px;font-size: 12.5px;font-weight: 600;transition: all 0.2s ease;animation: fadeInScale 0.2s ease-out}.selected-topic-pill .topic-count{background: rgba(0, 0, 0, 0.45);color: #cbd5e1;font-size: 11px;font-weight: 700;padding: 1px 6px;border-radius: 4px}.selected-topic-pill .remove-single-topic{background: transparent;border: none;color: #ff6b72;cursor: pointer;padding: 0;font-size: 14px;line-height: 1;display: inline-flex;align-items: center;transition: color 0.15s ease, transform 0.15s ease}.selected-topic-pill .remove-single-topic:hover{color: #fff;transform: scale(1.15)}.clear-all-topics-btn{background: rgba(239, 68, 68, 0.12);border: 1px dashed rgba(239, 68, 68, 0.4);color: #f87171;padding: 4px 10px;border-radius: 6px;font-size: 11.5px;font-weight: 600;cursor: pointer;transition: all 0.2s ease;display: inline-flex;align-items: center;gap: 4px}.clear-all-topics-btn:hover{background: rgba(239, 68, 68, 0.25);color: #fff}.ad-container-wrapper{position: relative;max-width: 100%;margin: 20px auto;text-align: center;clear: both}.ad-sponsor-pill{display: inline-flex;align-items: center;gap: 4px;font-size: 10.5px;font-weight: 600;letter-spacing: .4px;text-transform: uppercase;color: #8a94a6;background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.07);padding: 2px 8px;border-radius: 4px;margin-bottom: 6px;user-select: none}.ad-banner-link{display: inline-block;max-width: 100%;text-decoration: none;outline: none}.ad-banner-img{max-width: 100%;height: auto;border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.08);transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease}.ad-banner-link:hover .ad-banner-img{transform: translateY(-2px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);border-color: rgba(229, 9, 20, 0.35)}.ad-native-card{display: flex;align-items: center;gap: 20px;background: linear-gradient(135deg, rgba(26, 29, 34, 0.95), rgba(18, 20, 24, 0.95));border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 14px;padding: 16px 22px;text-align: left;backdrop-filter: blur(12px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);max-width: 970px;margin: 0 auto;transition: border-color 0.25s, transform 0.25s}.ad-native-card:hover{border-color: rgba(229, 9, 20, 0.4);transform: translateY(-2px)}.ad-native-media{flex-shrink: 0;width: 120px;height: 80px;border-radius: 8px;overflow: hidden;background: #111}.ad-native-media img{width: 100%;height: 100%;object-fit: cover}.ad-native-body{flex: 1;min-width: 0}.ad-native-title{color: #fff;font-size: 16px;font-weight: 700;margin: 0 0 4px 0}.ad-native-desc{color: #94a3b8;font-size: 13px;line-height: 1.4;margin: 0 0 10px 0}.ad-native-btn{display: inline-flex;align-items: center;gap: 6px;background: linear-gradient(135deg, #e50914, #ff3b30);color: #fff !important;text-decoration: none !important;font-size: 12.5px;font-weight: 600;padding: 6px 14px;border-radius: 6px;transition: all 0.2s}.ad-native-btn:hover{transform: translateY(-1px);box-shadow: 0 4px 14px rgba(229, 9, 20, 0.4);color: #fff !important}.ad-video-wrapper{position: relative;max-width: 720px;margin: 0 auto;border-radius: 12px;overflow: hidden;background: #000;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6)}.ad-video-element{width: 100%;display: block}.ad-video-overlay{position: absolute;bottom: 12px;right: 12px;display: flex;align-items: center;gap: 10px;z-index: 10}.ad-skip-btn{background: rgba(0, 0, 0, 0.75);backdrop-filter: blur(8px);color: #ccc;border: 1px solid rgba(255, 255, 255, 0.2);padding: 8px 14px;border-radius: 6px;font-size: 12.5px;font-weight: 600;cursor: not-allowed;transition: all 0.2s}.ad-skip-btn.active{background: #e50914;color: #fff;cursor: pointer;border-color: #e50914}.ad-video-cta{background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(8px);color: #fff !important;text-decoration: none;padding: 8px 14px;border-radius: 6px;font-size: 12.5px;font-weight: 600}.ad-floating-footer-bar{position: fixed;bottom: 0;left: 0;width: 100%;background: rgba(13, 16, 21, 0.95);backdrop-filter: blur(16px);border-top: 1px solid rgba(229, 9, 20, 0.3);box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.6);z-index: 1050;padding: 10px 16px;animation: slideUpAd .3s ease-out}@keyframes slideUpAd{from{transform: translateY(100%)}to{transform: translateY(0)}}.ad-floating-inner{max-width: 1200px;margin: 0 auto;position: relative;display: flex;align-items: center;justify-content: center}.ad-floating-badge{position: absolute;left: 0;font-size: 10px;color: #888;background: rgba(255, 255, 255, 0.05);padding: 2px 6px;border-radius: 4px}.ad-floating-close{position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.08);border: none;color: #fff;width: 28px;height: 28px;border-radius: 50%;font-size: 18px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background .2s}.ad-floating-close:hover{background: #e50914}.ad-floating-img{max-height: 70px;width: auto;border-radius: 6px}.ad-popup-modal-overlay{position: fixed;inset: 0;background: rgba(0, 0, 0, 0.85);backdrop-filter: blur(10px);z-index: 1090;display: flex;align-items: center;justify-content: center;padding: 20px;animation: fadeInAd .25s ease-out}@keyframes fadeInAd{from{opacity: 0}to{opacity: 1}}.ad-popup-modal-card{position: relative;background: #1a1d22;border: 1px solid rgba(255, 255, 255, 0.12);border-radius: 18px;max-width: 580px;width: 100%;padding: 24px;box-shadow: 0 25px 50px rgba(0, 0, 0, 0.8);animation: scaleInAd .25s ease-out}@keyframes scaleInAd{from{transform: scale(0.92)}to{transform: scale(1)}}.ad-popup-close-btn{position: absolute;top: 14px;right: 14px;background: rgba(255, 255, 255, 0.08);border: none;color: #fff;width: 32px;height: 32px;border-radius: 50%;font-size: 20px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all .2s}.ad-popup-close-btn:hover{background: #e50914;transform: scale(1.1)}.ad-popup-badge{font-size: 11px;color: #e50914;font-weight: 700;text-transform: uppercase;letter-spacing: .5px;margin-bottom: 12px}@media (max-width: 768px){.ad-native-card{flex-direction: column;text-align: center}.ad-native-media{width: 100%;height: 160px}.ad-floating-badge{display: none}}.watch-providers-card{background: linear-gradient(135deg, rgba(26, 29, 34, 0.95), rgba(18, 20, 24, 0.95));border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 14px;padding: 20px 24px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);backdrop-filter: blur(8px);transition: transform 0.2s ease, border-color 0.2s ease;margin-top: 24px;margin-bottom: 24px}.watch-providers-card:hover{border-color: rgba(229, 9, 20, 0.35)}.watch-providers-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;padding-bottom: 10px;border-bottom: 1px solid rgba(255, 255, 255, 0.06);cursor: pointer;user-select: none;transition: all 0.2s ease}.watch-providers-header:hover .watch-providers-title{color: #fca5a5}.watch-providers-title-wrap{display: flex;align-items: center;gap: 10px}.watch-providers-icon-box{width: 32px;height: 32px;border-radius: 8px;background: linear-gradient(135deg, rgba(229, 9, 20, 0.25), rgba(229, 9, 20, 0.08));border: 1px solid rgba(229, 9, 20, 0.35);color: #e50914;display: flex;align-items: center;justify-content: center;font-size: 15px}.watch-providers-title{font-size: 14px;font-weight: 700;color: #fff;margin: 0;letter-spacing: -0.2px;transition: color 0.2s ease}.watch-providers-subtitle{font-size: 11px;color: #8e95a5;display: block;margin-top: 1px}.watch-region-badge{background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);color: #cbd5e1;font-size: 10.5px;font-weight: 700;padding: 3px 8px;border-radius: 14px;display: inline-flex;align-items: center;gap: 4px}.watch-header-actions{display: inline-flex;align-items: center;gap: 8px}.watch-collapse-btn{width: 28px;height: 28px;border-radius: 50%;background: rgba(255, 255, 255, 0.06);border: 1px solid rgba(255, 255, 255, 0.12);color: #cbd5e1;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;font-size: 12px;padding: 0;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);flex-shrink: 0}.watch-collapse-btn:hover{background: rgba(229, 9, 20, 0.25);border-color: rgba(229, 9, 20, 0.45);color: #fff;transform: scale(1.06)}.watch-country-select-wrap{display: inline-flex;align-items: center}.watch-country-select{background: rgba(255, 255, 255, 0.07);border: 1px solid rgba(255, 255, 255, 0.16);color: #e2e8f0;font-size: 11.5px;font-weight: 600;padding: 4px 10px;border-radius: 20px;outline: none;cursor: pointer;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);max-width: 220px}.watch-country-select:hover, .watch-country-select:focus{background: rgba(255, 255, 255, 0.12);border-color: rgba(229, 9, 20, 0.6);color: #fff;box-shadow: 0 0 0 2px rgba(229, 9, 20, 0.2)}.watch-country-select option{background: #181b20;color: #fff;padding: 6px 10px}.watch-group-heading{display: flex;align-items: center;gap: 6px;font-size: 12px;font-weight: 600;color: #cbd5e1;margin-bottom: 8px}.watch-group-heading .badge-count{background: rgba(255, 255, 255, 0.08);color: #94a3b8;font-size: 10px;padding: 1px 6px;border-radius: 8px;font-weight: 700}.watch-platforms-grid{display: flex;flex-wrap: wrap;gap: 8px}.watch-platform-item{display: inline-flex;align-items: center;gap: 7px;background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 8px;padding: 4px 10px 4px 5px;color: #e2e8f0;text-decoration: none;font-size: 11.5px;font-weight: 600;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.watch-platform-item:hover{background: rgba(255, 255, 255, 0.09);border-color: rgba(229, 9, 20, 0.5);color: #fff;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(229, 9, 20, 0.2)}.watch-platform-item.vod-item:hover{border-color: rgba(245, 197, 24, 0.5);box-shadow: 0 4px 12px rgba(245, 197, 24, 0.18)}.watch-platform-logo{width: 26px;height: 26px;border-radius: 6px;object-fit: cover;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4)}.watch-providers-empty{background: rgba(255, 255, 255, 0.02);border: 1px dashed rgba(255, 255, 255, 0.1);border-radius: 8px;padding: 10px 14px;color: #94a3b8;font-size: 12px;display: flex;align-items: center}.watch-providers-body{max-height: 1200px;opacity: 1;overflow: hidden;transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, margin 0.25s ease, padding 0.25s ease}.watch-providers-card.is-collapsed{padding-bottom: 12px}.watch-providers-card.is-collapsed .watch-providers-header{margin-bottom: 0;padding-bottom: 0;border-bottom: none}.watch-providers-card.is-collapsed .watch-providers-body{max-height: 0;opacity: 0;margin: 0;padding: 0;pointer-events: none}.dna-modes-pill-bar{display: inline-flex;align-items: center;background: rgba(0, 0, 0, 0.4);border: 1px solid rgba(255, 255, 255, 0.09);border-radius: 30px;padding: 4px;gap: 4px;flex-wrap: wrap}.dna-mode-btn{background: transparent;border: none;outline: none;color: #94a3b8;font-size: 12px;font-weight: 700;padding: 6px 14px;border-radius: 20px;display: inline-flex;align-items: center;gap: 6px;transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);cursor: pointer}.dna-mode-btn:hover{color: #ffffff;background: rgba(255, 255, 255, 0.06)}.dna-mode-btn.active{background: linear-gradient(135deg, #e50914 0%, #d97706 100%);color: #ffffff;box-shadow: 0 2px 10px rgba(229, 9, 20, 0.35)}.dna-mode-btn i{font-size: 13px}.dna-card-match-badge{position: absolute;top: 6px;left: 6px;z-index: 5;background: rgba(14, 18, 26, 0.88);backdrop-filter: blur(8px);border: 1px solid rgba(245, 197, 24, 0.45);color: #ffd700;font-size: 10px;font-weight: 800;padding: 3px 8px;border-radius: 4px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);letter-spacing: 0.3px}.dna-card-enhanced{background: rgba(18, 22, 30, 0.85);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 12px;overflow: hidden;transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease}.dna-card-enhanced:hover{transform: translateY(-4px);border-color: rgba(245, 197, 24, 0.45);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6), 0 0 15px rgba(245, 197, 24, 0.15)}.dna-card-enhanced .movie-card-body{background: transparent;padding: 10px 10px 6px 10px;display: flex;align-items: center;justify-content: space-between;gap: 8px}.dna-card-enhanced .movie-title{font-size: 13.5px;font-weight: 700;color: #ffffff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1;margin: 0}.dna-card-enhanced .movie-title a{color: #ffffff;text-decoration: none;transition: color 0.2s ease}.dna-card-enhanced .movie-title a:hover{color: #ffd700}.dna-reason-wrapper{padding: 0 10px 10px 10px;margin-top: 0}.dna-reason-pill{display: flex;align-items: center;gap: 6px;font-size: 11px;font-weight: 600;color: #fde047;background: linear-gradient(135deg, rgba(245, 197, 24, 0.12) 0%, rgba(245, 197, 24, 0.04) 100%);border: 1px solid rgba(245, 197, 24, 0.25);border-radius: 8px;padding: 6px 9px;line-height: 1.35;min-height: 38px;box-sizing: border-box;transition: all 0.2s ease}.dna-reason-pill i{color: #ffd700;font-size: 12px;flex-shrink: 0}.dna-reason-pill span{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis}.dna-reason-pill:hover{background: rgba(245, 197, 24, 0.18);border-color: rgba(245, 197, 24, 0.45);color: #ffffff}.sinedna-radar-container{animation: fadeIn 0.5s ease-out}.sinedna-radar-container svg{filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.5))}.sinedna-profile-card{transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease}.sinedna-profile-card:hover{transform: translateY(-2px);border-color: rgba(245, 197, 24, 0.6) !important;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 18px rgba(245, 197, 24, 0.15)}input:not([type="checkbox"]):not([type="radio"]):not(:disabled), textarea:not(:disabled), select:not(:disabled){-webkit-user-select: text !important;user-select: text !important;pointer-events: auto !important;touch-action: manipulation}input.auth-modal-input-wrap, textarea.auth-modal-input-wrap{display: block !important}.search-wrapper{position: relative}.search-wrapper .search-icon{pointer-events: none}.search-wrapper .search-input{position: relative;z-index: 2}@media (max-width: 768px){input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="url"], textarea, select, .auth-modal-input-wrap input, .search-input{font-size: 16px !important}.comment-form-row{flex-direction: column !important;align-items: stretch !important}.comment-textarea{width: 100% !important;min-height: 90px}.comment-form-side{width: 100% !important;flex-direction: row !important;flex-wrap: wrap;align-items: center !important;justify-content: space-between}}.profile-box .poster-qa-widget, .profile-movies-grid .poster-qa-widget, .actor-movies-grid .poster-qa-widget, .diary-container .poster-qa-widget, .diary-timeline-container .poster-qa-widget, body:has(.profile-banner) .poster-qa-widget, body:has(.profile-info-bar) .poster-qa-widget{display: none !important}.poster-qa-widget{position: absolute;top: 8px;right: 8px;z-index: 16;display: flex;flex-direction: column;align-items: center;gap: 5px;pointer-events: auto}.poster-qa-main{width: 32px;height: 32px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.18);background: rgba(13, 16, 22, 0.76);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);color: rgba(255, 255, 255, 0.72);display: flex;align-items: center;justify-content: center;font-size: 15px;cursor: pointer;padding: 0;transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.45);position: relative}.poster-qa-main:hover{transform: scale(1.1);color: #fff;border-color: rgba(255, 255, 255, 0.4);background: rgba(20, 24, 32, 0.92)}.poster-qa-main.state-watched, .poster-qa-main.state-completed{background: #2ecc71;border-color: rgba(255, 255, 255, 0.35);color: #fff;box-shadow: 0 3px 12px rgba(46, 204, 113, 0.5)}.poster-qa-main.state-watching{background: #3b82f6;border-color: rgba(255, 255, 255, 0.35);color: #fff;box-shadow: 0 3px 12px rgba(59, 130, 246, 0.5)}.poster-qa-main.state-watchlist{background: #f59e0b;border-color: rgba(255, 255, 255, 0.35);color: #fff;box-shadow: 0 3px 12px rgba(245, 158, 11, 0.5)}.poster-qa-main.qa-pop{animation: posterQaPop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes posterQaPop{0%{transform: scale(0.8)}50%{transform: scale(1.24)}100%{transform: scale(1)}}.poster-qa-fav-dot{position: absolute;bottom: -2px;left: -2px;width: 14px;height: 14px;border-radius: 50%;background: #ec4899;color: #fff;font-size: 8px;display: none;align-items: center;justify-content: center;border: 1.5px solid #0d1016;box-shadow: 0 2px 6px rgba(236, 72, 153, 0.6)}.poster-qa-widget.is-favorite .poster-qa-fav-dot{display: flex}.poster-qa-menu{display: flex;flex-direction: column;gap: 4px;background: rgba(13, 16, 22, 0.92);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.14);border-radius: 18px;padding: 4px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.65);opacity: 0;visibility: hidden;transform: translateY(-6px) scale(0.92);transform-origin: top center;transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);pointer-events: none}.poster-qa-widget:hover .poster-qa-menu, .poster-qa-widget.menu-open .poster-qa-menu{opacity: 1;visibility: visible;transform: translateY(0) scale(1);pointer-events: auto}.poster-qa-btn{width: 26px;height: 26px;border-radius: 50%;border: none;background: rgba(255, 255, 255, 0.05);color: #94a3b8;display: flex;align-items: center;justify-content: center;font-size: 12.5px;cursor: pointer;padding: 0;transition: all 0.16s ease;position: relative}.poster-qa-btn:hover{background: rgba(255, 255, 255, 0.15);color: #fff;transform: scale(1.1)}.poster-qa-btn[data-qa-status="watched"].active, .poster-qa-btn[data-qa-status="completed"].active{background: #2ecc71;color: #fff;box-shadow: 0 0 8px rgba(46, 204, 113, 0.5)}.poster-qa-btn[data-qa-status="watching"].active{background: #3b82f6;color: #fff;box-shadow: 0 0 8px rgba(59, 130, 246, 0.5)}.poster-qa-btn[data-qa-status="watchlist"].active{background: #f59e0b;color: #fff;box-shadow: 0 0 8px rgba(245, 158, 11, 0.5)}.poster-qa-btn[data-qa-status="favorite"].active{background: #ec4899;color: #fff;box-shadow: 0 0 8px rgba(236, 72, 153, 0.5)}.poster-qa-btn::before{content: attr(data-qa-label);position: absolute;right: calc(100% + 8px);top: 50%;transform: translateY(-50%) translateX(4px);background: rgba(13, 16, 22, 0.95);color: #f8fafc;font-size: 11px;font-weight: 600;padding: 3px 8px;border-radius: 6px;white-space: nowrap;border: 1px solid rgba(255, 255, 255, 0.12);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transition: all 0.15s ease;pointer-events: none}.poster-qa-btn:hover::before{opacity: 1;visibility: visible;transform: translateY(-50%) translateX(0)}.floating-xp-badge{position: fixed;z-index: 99999;background: linear-gradient(135deg, #f59e0b, #e50914);color: #fff;font-size: 12px;font-weight: 800;padding: 4px 10px;border-radius: 20px;box-shadow: 0 4px 16px rgba(229, 9, 20, 0.55);border: 1px solid rgba(255, 255, 255, 0.35);pointer-events: none;display: inline-flex;align-items: center;gap: 4px;animation: floatXpUp 1.35s cubic-bezier(0.16, 1, 0.3, 1) forwards}@keyframes floatXpUp{0%{opacity: 0;transform: translate(-50%, 0) scale(0.75)}20%{opacity: 1;transform: translate(-50%, -14px) scale(1.06)}80%{opacity: 1;transform: translate(-50%, -34px) scale(1)}100%{opacity: 0;transform: translate(-50%, -48px) scale(0.92)}}.poster-quick-rate-popover{position: fixed;bottom: 22px;right: 22px;z-index: 10050;width: 330px;max-width: calc(100vw - 32px);background: rgba(18, 21, 27, 0.97);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border: 1px solid rgba(255, 255, 255, 0.14);border-radius: 14px;padding: 14px 16px 16px;box-shadow: 0 14px 36px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(46, 204, 113, 0.2);color: #fff;transform: translateY(20px);opacity: 0;transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);overflow: hidden}.poster-quick-rate-popover.show{transform: translateY(0);opacity: 1}.pqr-header{display: flex;align-items: flex-start;justify-content: space-between;gap: 8px;margin-bottom: 8px}.pqr-title-wrap{min-width: 0;flex: 1}.pqr-badge{display: inline-flex;align-items: center;gap: 5px;font-size: 11px;font-weight: 700;color: #4ade80;margin-bottom: 2px}.pqr-item-title{font-size: 13.5px;font-weight: 700;color: #f8fafc;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.pqr-close{background: transparent;border: none;color: #64748b;font-size: 16px;line-height: 1;padding: 2px 4px;cursor: pointer;border-radius: 6px}.pqr-close:hover{color: #fff;background: rgba(255, 255, 255, 0.08)}.pqr-sub{display: flex;align-items: center;justify-content: space-between;font-size: 11.5px;color: #94a3b8;margin-bottom: 8px}.pqr-score-preview{font-weight: 700;color: #f5c518;font-size: 12px}.pqr-stars{display: grid;grid-template-columns: repeat(10, 1fr);gap: 3px}.pqr-star-btn{height: 28px;border-radius: 6px;border: 1px solid rgba(255, 255, 255, 0.08);background: rgba(255, 255, 255, 0.04);color: #94a3b8;font-size: 11.5px;font-weight: 700;cursor: pointer;padding: 0;display: flex;align-items: center;justify-content: center;transition: all 0.14s ease}.pqr-star-btn:hover, .pqr-star-btn.hovered, .pqr-star-btn.selected{background: rgba(245, 197, 24, 0.2);border-color: #f5c518;color: #f5c518;transform: translateY(-1px)}.pqr-timer-bar{position: absolute;bottom: 0;left: 0;height: 3px;background: linear-gradient(90deg, #2ecc71, #f5c518);width: 100%;transform-origin: left center;transition: transform 0.1s linear}[data-total-pages], .infinite-scroll-pagination-meta, .actors-pagination-wrap, .news-pagination, .lists-pagination, .announcements-pagination{display: none !important}.infinite-scroll-wrap{margin: 28px 0 16px;width: 100%}.inf-skeleton-row{display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;margin-bottom: 20px}@media (max-width: 991px){.inf-skeleton-row{grid-template-columns: repeat(3, 1fr)}}@media (max-width: 575px){.inf-skeleton-row{grid-template-columns: repeat(2, 1fr)}}.inf-skeleton-card{background: var(--surface, #16191e);border: 1px solid var(--border, rgba(255, 255, 255, 0.07));border-radius: 12px;padding: 10px;overflow: hidden}.inf-sk-thumb{width: 100%;aspect-ratio: 2 / 3;border-radius: 8px;background: linear-gradient(90deg, rgba(255,255,255,0.04) 25%, rgba(255,255,255,0.10) 50%, rgba(255,255,255,0.04) 75%);background-size: 200% 100%;animation: infShimmer 1.4s infinite linear;margin-bottom: 10px}.inf-sk-line{height: 11px;border-radius: 6px;background: linear-gradient(90deg, rgba(255,255,255,0.04) 25%, rgba(255,255,255,0.10) 50%, rgba(255,255,255,0.04) 75%);background-size: 200% 100%;animation: infShimmer 1.4s infinite linear;margin-bottom: 7px}.inf-sk-line.w75{width: 75%}.inf-sk-line.w50{width: 50%;margin-bottom: 0}html[data-theme="light"] .inf-sk-thumb, html[data-theme="light"] .inf-sk-line{background: linear-gradient(90deg, rgba(0,0,0,0.05) 25%, rgba(0,0,0,0.11) 50%, rgba(0,0,0,0.05) 75%);background-size: 200% 100%}@keyframes infShimmer{0%{background-position: 200% 0}100%{background-position: -200% 0}}.inf-scroll-status{display: flex;align-items: center;justify-content: center;padding: 12px 0;min-height: 44px}.inf-status-hint{font-size: 12.5px;color: var(--text-dim, #64748b);display: inline-flex;align-items: center;gap: 6px;opacity: 0.8}.inf-loading-badge, .inf-finished-badge{display: inline-flex;align-items: center;gap: 9px;padding: 8px 18px;border-radius: 999px;background: var(--surface, #16191e);border: 1px solid var(--border, rgba(255, 255, 255, 0.09));font-size: 13px;font-weight: 600;color: var(--text-muted, #cbd5e1);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25)}.inf-item-enter{animation: infItemFadeUp 0.35s cubic-bezier(0.22, 1, 0.36, 1) both}@keyframes infItemFadeUp{0%{opacity: 0;transform: translateY(16px)}100%{opacity: 1;transform: translateY(0)}}.inf-checkpoint-box{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 14px 0 8px}.inf-load-more-btn{display: inline-flex;align-items: center;gap: 10px;padding: 11px 26px;border-radius: 999px;border: 1px solid rgba(229, 9, 20, 0.45);background: linear-gradient(135deg, rgba(229, 9, 20, 0.18) 0%, rgba(18, 21, 28, 0.95) 100%);color: #fff;font-size: 13.5px;font-weight: 700;cursor: pointer;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 18px rgba(229, 9, 20, 0.15);transition: all 0.22s cubic-bezier(0.22, 1, 0.36, 1)}.inf-load-more-btn:hover{background: linear-gradient(135deg, #e50914 0%, #b91c1c 100%);border-color: #e50914;transform: translateY(-2px);box-shadow: 0 12px 28px rgba(229, 9, 20, 0.4)}.inf-load-more-icon{width: 24px;height: 24px;border-radius: 50%;background: rgba(255, 255, 255, 0.14);display: inline-flex;align-items: center;justify-content: center;font-size: 13px}.inf-scroll-top-fab{position: fixed;right: 24px;bottom: 24px;z-index: 1040;width: 48px;height: 48px;padding: 0;border: none;border-radius: 50%;background: rgba(15, 18, 24, 0.9);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.08);color: #fff;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;opacity: 0;visibility: hidden;transform: translateY(18px) scale(0.9);transition: all 0.28s cubic-bezier(0.22, 1, 0.36, 1)}html[data-theme="light"] .inf-scroll-top-fab{background: rgba(255, 255, 255, 0.95);color: #0f172a;box-shadow: 0 10px 26px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08)}.inf-scroll-top-fab.visible{opacity: 1;visibility: visible;transform: translateY(0) scale(1)}.inf-scroll-top-fab:hover{transform: translateY(-4px) scale(1.05);box-shadow: 0 14px 32px rgba(229, 9, 20, 0.42)}.inf-fab-ring{position: absolute;inset: 0;width: 48px;height: 48px;transform: rotate(-90deg);pointer-events: none}.inf-fab-ring-bg{fill: none;stroke: rgba(255, 255, 255, 0.12);stroke-width: 2.5}html[data-theme="light"] .inf-fab-ring-bg{stroke: rgba(0, 0, 0, 0.1)}.inf-fab-ring-prog{fill: none;stroke: #e50914;stroke-width: 2.8;stroke-linecap: round;transition: stroke-dashoffset 0.12s linear}.inf-fab-arrow{width: 34px;height: 34px;border-radius: 50%;background: linear-gradient(135deg, #e50914 0%, #b91c1c 100%);color: #fff;display: inline-flex;align-items: center;justify-content: center;font-size: 24px;line-height: 1;box-shadow: 0 4px 12px rgba(229, 9, 20, 0.45);transition: transform 0.2s ease}.inf-scroll-top-fab:hover .inf-fab-arrow{transform: translateY(-1px)}.topic-tabs-container{background: var(--surface, #181b20);border: 1px solid var(--border, #2a2f36);border-radius: 12px;padding: 8px 10px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);margin-bottom: 1.5rem;transition: background-color 0.2s ease, border-color 0.2s ease}html[data-theme="light"] .topic-tabs-container{background: #ffffff;border-color: #e2e8f0;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06)}.topic-tabs-nav{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.topic-tab-btn{display: inline-flex;align-items: center;gap: 8px;padding: 8px 16px;border-radius: 8px;font-size: 13.5px;font-weight: 600;color: var(--text-muted, #aaa);background: transparent;border: 1px solid transparent;text-decoration: none;transition: all 0.2s ease;cursor: pointer;user-select: none}html[data-theme="light"] .topic-tab-btn{color: #64748b}.topic-tab-btn:hover{color: var(--text, #fff);background: var(--surface-2, rgba(255, 255, 255, 0.06));border-color: var(--border, rgba(255, 255, 255, 0.1))}html[data-theme="light"] .topic-tab-btn:hover{color: #0f172a;background: #f1f5f9;border-color: #cbd5e1}.topic-tab-btn.active{color: #fff !important;background: #e50914 !important;border-color: #e50914 !important;box-shadow: 0 4px 14px rgba(229, 9, 20, 0.35)}.topic-tab-badge{display: inline-flex;align-items: center;justify-content: center;padding: 2px 8px;border-radius: 10px;font-size: 11px;font-weight: 700;background: var(--surface-2, #262b33);color: var(--text-dim, #888);transition: all 0.2s ease}.topic-tab-btn.active .topic-tab-badge{background: rgba(0, 0, 0, 0.3);color: #fff}.poster-type-badge{pointer-events: none;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)}