:root {--compeller-red: #EE2D41;--compeller-light-red: #F77682;--compeller-dark-red: #e50000;--color-bg-dark: #0a0a0a;--color-bg-darker: #1a1a1a;--color-bg-card: rgba(255, 255, 255, 0.03);--color-bg-section: linear-gradient(145deg, rgba(28, 28, 28, 0.8), rgba(18, 18, 18, 0.95));--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, 0.7);--color-text-muted: rgba(255, 255, 255, 0.5);--color-border: rgba(255, 255, 255, 0.05);--color-border-red: rgba(238, 45, 65, 0.3);--color-overlay-dark: rgba(0, 0, 0, 0.4);--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 12px;--radius-lg: 24px;--radius-xl: 35px;--radius-pill: 50px;--radius-circle: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);--shadow-md: 0 10px 30px rgba(0, 0, 0, 0.2);--shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.25);--shadow-red: 0 8px 20px rgba(238, 45, 65, 0.3);--shadow-red-lg: 0 12px 30px rgba(238, 45, 65, 0.5);--transition-fast: 0.15s ease;--transition-medium: 0.3s ease;--transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 0.5s ease;}body.compel-detail-page {background-color: var(--color-bg-dark);color: var(--color-text-primary);}body.compel-detail-page #wrapper {min-height: 100vh;display: flex;flex-direction: column;}body.compel-detail-page #content-wrapper {flex: 1 0 auto;}body.compel-detail-page .modern-footer {flex-shrink: 0;}.video-page-container {max-width: 1280px;margin: 0 auto;padding: var(--spacing-xl) var(--spacing-lg);animation: fadeInUp 0.6s ease-out;}@media (max-width: 768px) {.video-page-container {padding: var(--spacing-lg) var(--spacing-md);}}.breadcrumb-container {margin-bottom: var(--spacing-xl);}.breadcrumb {background: transparent;padding: var(--spacing-sm) 0;border: none;box-shadow: none;}.breadcrumb-link {display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--radius-sm);color: var(--color-text-secondary);font-size: 0.875rem;text-decoration: none;transition: var(--transition-fast);}.breadcrumb-link:hover {color: var(--compeller-red);background: rgba(238, 45, 65, 0.1);}.breadcrumb-item.active {color: var(--color-text-primary);font-weight: 600;}.breadcrumb-item + .breadcrumb-item::before {content: "›";color: var(--color-text-muted);font-size: 1rem;}.video-container {width: 100%;max-width: 1000px;margin: 0 auto var(--spacing-xl);border-radius: var(--radius-lg);overflow: hidden;background: #000;box-shadow: var(--shadow-lg);position: relative;transition: var(--transition-smooth);}.video-container:hover {box-shadow: 0 25px 70px rgba(0, 0, 0, 0.35);}.video-wrapper {position: relative;width: 100%;aspect-ratio: 16/9;background: #000;}#video_player {width: 100%;height: 100%;display: block;}.plyr--video {--plyr-color-main: var(--compeller-red);}.plyr__control--overlaid {background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red)) !important;box-shadow: 0 8px 24px rgba(238, 45, 65, 0.4);transition: var(--transition-smooth);}.plyr__control--overlaid:hover {background: linear-gradient(135deg, var(--compeller-light-red), var(--compeller-red)) !important;transform: scale(1.1);box-shadow: 0 12px 32px rgba(238, 45, 65, 0.6);}.video-title-section {margin-bottom: var(--spacing-lg);position: relative;}.video-title-section::before {content: '';position: absolute;left: 0;top: -12px;width: 60px;height: 4px;background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));border-radius: 10px;box-shadow: 0 4px 12px rgba(238, 45, 65, 0.3);animation: slideInLeft 0.8s ease-out;}@keyframes slideInLeft {from {width: 0;opacity: 0;}to {width: 60px;opacity: 1;}}.video-title {font-size: 2rem;font-weight: 700;color: var(--color-text-primary);margin: 0;line-height: 1.3;letter-spacing: -0.02em;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);}@media (max-width: 768px) {.video-title {font-size: 1.5rem;}}.video-info-card {background: var(--color-bg-card);backdrop-filter: blur(10px);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: var(--spacing-lg);margin-bottom: var(--spacing-lg);box-shadow: var(--shadow-sm);transition: var(--transition-smooth);animation: fadeInUp 0.8s ease-out;animation-delay: 0.2s;opacity: 0;animation-fill-mode: forwards;}.video-info-card:hover {border-color: var(--color-border-red);box-shadow: var(--shadow-md);transform: translateY(-2px);}.yt-primary-bar {display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-lg);padding-bottom: var(--spacing-md);margin-bottom: var(--spacing-md);}.yt-creator-section {display: flex;align-items: center;gap: var(--spacing-md);flex: 0 1 auto;min-width: 0;}.yt-creator-section .creator-avatar-wrapper {flex-shrink: 0;}.yt-creator-section .avatar-circle {width: 40px;height: 40px;border-radius: var(--radius-circle);display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));overflow: hidden;border: 2px solid rgba(238, 45, 65, 0.2);}.yt-creator-section .avatar-circle img {width: 100%;height: 100%;object-fit: cover;}.yt-creator-section .avatar-text {color: white;font-weight: 700;font-size: 1rem;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}.yt-creator-section .creator-info {display: flex;flex-direction: column;min-width: 0;}.yt-creator-section .creator-name {font-weight: 600;color: var(--color-text-primary);font-size: 1rem;margin: 0;line-height: 1.3;display: flex;align-items: center;}.yt-creator-section .creator-subscribers {font-size: 0.75rem;color: var(--color-text-secondary);margin: 2px 0 0 0;line-height: 1.2;}.yt-actions-section {display: flex;align-items: center;gap: var(--spacing-sm);flex-shrink: 0;}.yt-subscribe-btn {background: rgba(255, 255, 255, 0.9);color: #000;border: none;border-radius: var(--radius-pill);padding: 10px 16px;font-size: 0.875rem;font-weight: 600;cursor: pointer;white-space: nowrap;transition: var(--transition-fast);}.yt-subscribe-btn:hover {background: rgba(255, 255, 255, 1);}.yt-subscribe-btn.subscribed {background: rgba(255, 255, 255, 0.15);color: var(--color-text-primary);}.yt-reactions-pill {display: flex;align-items: center;background: rgba(255, 255, 255, 0.1);border-radius: var(--radius-pill);overflow: hidden;height: 36px;}.yt-action-btn {display: flex;align-items: center;gap: 6px;padding: 0 12px;height: 100%;background: transparent;border: none;color: var(--color-text-primary);font-size: 0.875rem;font-weight: 500;cursor: pointer;transition: var(--transition-fast);}.yt-action-btn:hover {background: rgba(255, 255, 255, 0.15);}.yt-action-btn.active {color: var(--compeller-red);}.yt-action-btn i {font-size: 1.125rem;}.yt-pill-divider {width: 1px;height: 24px;background: rgba(255, 255, 255, 0.2);}.yt-action-btn-single {display: flex;align-items: center;gap: 6px;padding: 0 12px;height: 36px;background: rgba(255, 255, 255, 0.1);border: none;border-radius: var(--radius-pill);color: var(--color-text-primary);font-size: 0.875rem;font-weight: 500;cursor: pointer;transition: var(--transition-fast);}.yt-action-btn-single:hover {background: rgba(255, 255, 255, 0.15);}.yt-action-btn-single i {font-size: 1rem;}.yt-action-btn-icon {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: rgba(255, 255, 255, 0.1);border: none;border-radius: var(--radius-circle);color: var(--color-text-primary);cursor: pointer;transition: var(--transition-fast);}.yt-action-btn-icon:hover {background: rgba(255, 255, 255, 0.15);}.yt-action-btn-icon i {font-size: 1rem;}.yt-stats-bar {display: flex;align-items: center;gap: var(--spacing-sm);font-size: 0.875rem;color: var(--color-text-secondary);padding-top: var(--spacing-md);border-top: 1px solid rgba(255, 255, 255, 0.05);}.yt-view-count {font-weight: 500;}.yt-stats-separator {margin: 0 4px;}.yt-upload-time {font-weight: 400;}.yt-description-section {margin-top: var(--spacing-md);background: rgba(255, 255, 255, 0.08);border-radius: var(--radius-md);padding: var(--spacing-md) var(--spacing-lg);cursor: pointer;transition: var(--transition-fast);}.yt-description-section:hover {background: rgba(255, 255, 255, 0.1);}.yt-description-preview,.yt-description-full {transition: var(--transition-smooth);}.yt-description-text {font-size: 0.875rem;line-height: 1.8;color: rgba(255, 255, 255, 0.95);margin: 0 0 var(--spacing-sm) 0;word-break: break-word;}.yt-description-text br {display: block;content: "";margin-top: 0.5em;}.yt-show-more-btn,.yt-show-less-btn {background: none;border: none;color: rgba(255, 255, 255, 0.9);font-size: 0.875rem;font-weight: 600;cursor: pointer;padding: 0;margin-top: var(--spacing-xs);transition: var(--transition-fast);display: inline-flex;align-items: center;}.yt-show-more-btn:hover,.yt-show-less-btn:hover {color: var(--color-text-primary);}.yt-story-section {margin-top: var(--spacing-lg);padding-top: var(--spacing-lg);border-top: 1px solid rgba(255, 255, 255, 0.1);}.yt-story-title {font-size: 1rem;font-weight: 600;color: var(--color-text-primary);margin: 0 0 var(--spacing-md) 0;}@media (max-width: 768px) {.yt-primary-bar {flex-direction: column;align-items: flex-start;gap: 8px;padding-bottom: var(--spacing-sm);margin-bottom: 0;}.yt-creator-section {width: 100%;display: flex;flex-direction: row;align-items: flex-start;padding: 0;margin: 0;min-height: auto;}.compel-detail-page .yt-creator-section .creator-info,.yt-creator-section .creator-info {display: flex !important;flex-direction: column !important;align-items: flex-start !important;justify-content: flex-start !important;gap: 0;min-width: 0;max-width: calc(100% - 52px);flex: 1 1 auto;overflow: hidden;padding: 0;margin: 0;}.compel-detail-page .yt-creator-section .creator-name,.yt-creator-section .creator-name {font-size: 0.95rem;width: 100%;display: flex !important;flex-direction: row !important;align-items: center !important;margin: 0 !important;padding: 0;line-height: 1.2;flex-wrap: nowrap;}.compel-detail-page .yt-creator-section .creator-subscribers,.yt-creator-section .creator-subscribers {font-size: 0.7rem;margin: 0 !important;padding: 0 !important;width: auto;max-width: 100%;display: block !important;line-height: 1.1;text-align: left !important;align-self: flex-start !important;}.yt-actions-section {width: 100%;display: flex;flex-wrap: wrap;gap: var(--spacing-xs);justify-content: space-between;}.yt-subscribe-btn {width: 100%;justify-content: center;padding: 11px 16px;}.yt-reactions-pill {flex: 1;min-width: 0;justify-content: center;}.yt-action-btn-single {flex: 1;min-width: 0;justify-content: center;}.yt-action-btn {flex: 1;justify-content: center;}.yt-action-btn-single i,.yt-action-btn-single span {display: inline-flex;}}.video-metadata-card {background: var(--color-bg-card);backdrop-filter: blur(10px);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: var(--spacing-lg);margin-bottom: var(--spacing-lg);box-shadow: var(--shadow-sm);transition: var(--transition-smooth);animation: fadeInUp 0.8s ease-out;animation-delay: 0.2s;opacity: 0;animation-fill-mode: forwards;}.video-metadata-card:hover {border-color: var(--color-border-red);box-shadow: var(--shadow-md);transform: translateY(-2px);}.video-info-section {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: var(--spacing-md);}@media (max-width: 768px) {.video-info-section {flex-direction: column;align-items: flex-start;}}.yt-style-stats-container {display: flex;align-items: center;gap: var(--spacing-lg);flex-wrap: wrap;}.yt-style-view-count {font-size: 0.9rem;color: var(--color-text-secondary);font-weight: 500;}.yt-style-reactions {display: flex;align-items: center;background: rgba(255, 255, 255, 0.05);border: 1px solid var(--color-border);border-radius: var(--radius-pill);overflow: hidden;box-shadow: var(--shadow-sm);}.yt-style-reaction-btn {display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-lg);background: transparent;border: none;color: var(--color-text-primary);font-size: 0.875rem;font-weight: 600;cursor: pointer;transition: var(--transition-fast);}.yt-style-reaction-btn:hover {background: rgba(238, 45, 65, 0.15);color: var(--compeller-red);}.yt-style-reaction-btn.active {color: var(--compeller-red);}.yt-style-reaction-btn i {font-size: 1rem;}.yt-style-reaction-separator {width: 1px;height: 24px;background: var(--color-border);}.yt-style-share-buttons {display: flex;align-items: center;gap: var(--spacing-xs);flex-wrap: wrap;margin-top: var(--spacing-md);}.yt-style-share-buttons .yt-style-reaction-btn {border: 1px solid var(--color-border);border-radius: var(--radius-pill);padding: var(--spacing-sm) var(--spacing-md);background: rgba(255, 255, 255, 0.03);}.yt-style-share-buttons .yt-style-reaction-btn:hover {border-color: var(--compeller-red);background: rgba(238, 45, 65, 0.1);}.creator-profile-card {background: var(--color-bg-card);backdrop-filter: blur(10px);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: var(--spacing-lg);margin-bottom: var(--spacing-lg);box-shadow: var(--shadow-sm);transition: var(--transition-smooth);animation: fadeInUp 0.8s ease-out;animation-delay: 0.3s;opacity: 0;animation-fill-mode: forwards;}.creator-profile-card:hover {border-color: var(--color-border-red);box-shadow: var(--shadow-md);transform: translateY(-2px);}.creator-profile {display: flex;align-items: center;gap: var(--spacing-md);}.creator-avatar-wrapper {flex-shrink: 0;}.avatar-circle {width: 48px;height: 48px;border-radius: var(--radius-circle);display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));overflow: hidden;box-shadow: var(--shadow-sm);border: 2px solid rgba(238, 45, 65, 0.2);}.avatar-circle img {width: 100%;height: 100%;object-fit: cover;}.avatar-text {color: white;font-weight: 700;font-size: 1.125rem;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}.creator-info {flex: 1;min-width: 0;}.creator-name {font-weight: 600;color: var(--color-text-primary);font-size: 1rem;margin: 0 0 var(--spacing-xs) 0;line-height: 1.3;}.subscriber-count {font-size: 0.875rem;color: var(--color-text-secondary);margin: 0;}.subscribe-btn {background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));color: var(--color-text-primary);border: none;border-radius: var(--radius-pill);padding: var(--spacing-sm) var(--spacing-lg);font-size: 0.875rem;font-weight: 700;cursor: pointer;white-space: nowrap;flex-shrink: 0;box-shadow: var(--shadow-red);transition: var(--transition-smooth);text-transform: uppercase;}.subscribe-btn:hover {transform: translateY(-2px);box-shadow: var(--shadow-red-lg);}.subscribe-btn:active {transform: translateY(0);}.subscribe-btn.subscribed {background: rgba(255, 255, 255, 0.1);color: var(--color-text-primary);border: 2px solid var(--color-border-red);}.subscribe-btn.subscribed:hover {background: rgba(238, 45, 65, 0.2);}.video-description-card {background: var(--color-bg-card);backdrop-filter: blur(10px);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: var(--spacing-lg);margin-bottom: var(--spacing-lg);box-shadow: var(--shadow-sm);transition: var(--transition-smooth);animation: fadeInUp 0.8s ease-out;animation-delay: 0.4s;opacity: 0;animation-fill-mode: forwards;}.video-description-card:hover {border-color: var(--color-border-red);box-shadow: var(--shadow-md);transform: translateY(-2px);}.video-description {color: var(--color-text-secondary);font-size: 0.95rem;line-height: 1.6;margin: 0;white-space: pre-wrap;word-break: break-word;}.yt-comments-section {margin-top: var(--spacing-3xl);animation: fadeInUp 0.8s ease-out;animation-delay: 0.5s;opacity: 0;animation-fill-mode: forwards;}.yt-comments-header {display: flex;align-items: center;gap: var(--spacing-xl);margin-bottom: var(--spacing-xl);}.yt-comments-count {font-size: 1.25rem;font-weight: 600;color: var(--color-text-primary);margin: 0;}.yt-sort-btn {display: flex;align-items: center;gap: var(--spacing-sm);background: none;border: none;color: var(--color-text-primary);font-size: 0.875rem;font-weight: 500;cursor: pointer;padding: var(--spacing-xs) 0;transition: var(--transition-fast);}.yt-sort-btn:hover {color: var(--compeller-red);}.yt-sort-btn i {font-size: 1rem;}.yt-comment-input-section {margin-bottom: var(--spacing-2xl);}.yt-comment-form {width: 100%;}.yt-comment-input-wrapper {display: flex;gap: var(--spacing-md);align-items: flex-start;}.yt-comment-avatar {width: 40px;height: 40px;border-radius: var(--radius-circle);overflow: hidden;flex-shrink: 0;}.yt-comment-avatar img {width: 100%;height: 100%;object-fit: cover;}.yt-avatar-placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));color: white;font-weight: 700;font-size: 1rem;}.yt-comment-input-container {flex: 1;}.yt-comment-input {width: 100%;background: transparent;border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding: var(--spacing-xs) 0;color: var(--color-text-primary);font-size: 0.875rem;font-family: inherit;transition: var(--transition-fast);}.yt-comment-input::placeholder {color: rgba(255, 255, 255, 0.4);}.yt-comment-input:focus {outline: none;border-bottom-color: var(--color-text-primary);}.yt-comment-input-actions {display: flex;justify-content: flex-end;gap: var(--spacing-sm);margin-top: var(--spacing-md);}.yt-btn-cancel {background: none;border: none;color: var(--color-text-primary);padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-pill);font-size: 0.875rem;font-weight: 500;cursor: pointer;transition: var(--transition-fast);}.yt-btn-cancel:hover {background: rgba(255, 255, 255, 0.1);}.yt-btn-comment {background: rgba(255, 255, 255, 0.15);border: none;color: var(--color-text-primary);padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-pill);font-size: 0.875rem;font-weight: 500;cursor: pointer;transition: var(--transition-fast);}.yt-btn-comment:hover {background: rgba(255, 255, 255, 0.2);}.yt-comment-login-prompt {padding: var(--spacing-md) 0;color: var(--color-text-secondary);font-size: 0.875rem;}.yt-login-link {color: var(--compeller-red);text-decoration: none;font-weight: 600;}.yt-login-link:hover {color: var(--compeller-light-red);}.yt-comments-list {display: flex;flex-direction: column;gap: var(--spacing-xl);}.yt-no-comments {padding: var(--spacing-2xl) 0;text-align: center;color: var(--color-text-secondary);}.yt-comment-item {display: flex;gap: var(--spacing-md);position: relative;}.yt-comment-item .yt-comment-avatar {width: 40px;height: 40px;}.yt-comment-content {flex: 1;min-width: 0;}.yt-comment-header {display: flex;align-items: center;gap: var(--spacing-sm);margin-bottom: 4px;}.yt-comment-author {font-size: 0.8125rem;font-weight: 600;color: var(--color-text-primary);}.yt-comment-time {font-size: 0.75rem;color: var(--color-text-secondary);}.yt-comment-text {color: var(--color-text-primary);font-size: 0.875rem;line-height: 1.6;margin: 0 0 var(--spacing-sm) 0;word-break: break-word;}.yt-comment-actions {display: flex;align-items: center;gap: var(--spacing-xs);}.yt-comment-action-btn {display: flex;align-items: center;gap: 4px;background: none;border: none;color: var(--color-text-primary);font-size: 0.75rem;font-weight: 500;padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--radius-pill);cursor: pointer;transition: var(--transition-fast);}.yt-comment-action-btn:hover {background: rgba(255, 255, 255, 0.1);}.yt-comment-action-btn.active {color: var(--compeller-red);}.yt-comment-action-btn.active i {color: var(--compeller-red);}.yt-comment-action-btn i {font-size: 1rem;}.yt-comment-menu-btn {position: absolute;top: 0;right: 0;background: none;border: none;color: var(--color-text-primary);padding: var(--spacing-xs);cursor: pointer;border-radius: var(--radius-circle);opacity: 0;transition: var(--transition-fast);}.yt-comment-item:hover .yt-comment-menu-btn {opacity: 1;}.yt-comment-menu-btn:hover {background: rgba(255, 255, 255, 0.1);}.yt-comment-dropdown {position: absolute;top: 30px;right: 0;background: var(--color-bg-darker);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-md);box-shadow: var(--shadow-lg);overflow: hidden;z-index: 100;min-width: 150px;}.yt-comment-dropdown-item {display: flex;align-items: center;gap: var(--spacing-sm);background: none;border: none;color: var(--color-text-primary);padding: var(--spacing-sm) var(--spacing-md);width: 100%;text-align: left;font-size: 0.875rem;cursor: pointer;transition: var(--transition-fast);}.yt-comment-dropdown-item:hover {background: rgba(255, 255, 255, 0.1);}.yt-comment-dropdown-item.yt-delete {color: #ff4444;}.yt-comment-dropdown-item i {font-size: 0.875rem;}.yt-comment-edit-form {margin-top: var(--spacing-sm);}.yt-comment-edit-input {width: 100%;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--radius-sm);padding: var(--spacing-sm);color: var(--color-text-primary);font-size: 0.875rem;font-family: inherit;resize: vertical;min-height: 60px;}.yt-comment-edit-input:focus {outline: none;border-color: var(--color-text-primary);background: rgba(255, 255, 255, 0.08);}.yt-comment-edit-actions {display: flex;justify-content: flex-end;gap: var(--spacing-sm);margin-top: var(--spacing-sm);}.share-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: flex;align-items: center;justify-content: center;}.share-modal-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.75);backdrop-filter: blur(4px);}.share-modal-content {position: relative;background: var(--color-bg-darker);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-lg);max-width: 500px;width: 90%;max-height: 90vh;overflow: auto;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);animation: modalSlideIn 0.3s ease-out;}@keyframes modalSlideIn {from {opacity: 0;transform: translateY(-20px) scale(0.95);}to {opacity: 1;transform: translateY(0) scale(1);}}.share-modal-header {display: flex;align-items: center;justify-content: space-between;padding: var(--spacing-lg);border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.share-modal-header h3 {margin: 0;font-size: 1.25rem;font-weight: 600;color: var(--color-text-primary);}.share-modal-close {background: none;border: none;color: var(--color-text-primary);font-size: 1.5rem;cursor: pointer;padding: var(--spacing-xs);border-radius: var(--radius-circle);transition: var(--transition-fast);width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}.share-modal-close:hover {background: rgba(255, 255, 255, 0.1);}.share-modal-body {padding: var(--spacing-lg);}.share-link-section {display: flex;gap: var(--spacing-sm);margin-bottom: var(--spacing-xl);}.share-link-section input {flex: 1;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--radius-md);padding: var(--spacing-sm) var(--spacing-md);color: var(--color-text-primary);font-size: 0.875rem;font-family: monospace;}.share-link-section input:focus {outline: none;border-color: var(--compeller-red);}.copy-link-btn {background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--radius-md);padding: var(--spacing-sm) var(--spacing-lg);color: var(--color-text-primary);font-size: 0.875rem;font-weight: 600;cursor: pointer;transition: var(--transition-fast);display: flex;align-items: center;gap: var(--spacing-xs);white-space: nowrap;}.copy-link-btn:hover {background: rgba(255, 255, 255, 0.15);border-color: var(--compeller-red);}.share-social-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--spacing-md);}.share-social-btn {display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-md);background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-md);color: var(--color-text-primary);font-size: 0.9rem;font-weight: 500;cursor: pointer;transition: var(--transition-fast);}.share-social-btn:hover {background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.2);transform: translateY(-2px);}.share-social-btn i,.share-social-btn svg {font-size: 1.25rem;width: 20px;height: 20px;}.share-social-btn.facebook:hover {background: rgba(24, 119, 242, 0.2);border-color: #1877F2;}.share-social-btn.twitter:hover {background: rgba(255, 255, 255, 0.15);border-color: rgba(255, 255, 255, 0.3);}.share-social-btn.reddit:hover {background: rgba(255, 69, 0, 0.2);border-color: #FF4500;}.share-social-btn.linkedin:hover {background: rgba(0, 119, 181, 0.2);border-color: #0077B5;}.share-social-btn.email:hover {background: rgba(238, 45, 65, 0.2);border-color: var(--compeller-red);}@media (max-width: 768px) {.share-modal-content {width: 95%;max-height: 95vh;}.share-social-grid {grid-template-columns: 1fr;}.share-link-section {flex-direction: column;}.copy-link-btn {width: 100%;justify-content: center;}}.spinner {display: inline-block;width: 20px;height: 20px;border: 3px solid rgba(255, 255, 255, 0.2);border-radius: var(--radius-circle);border-top-color: var(--compeller-red);animation: spin 1s linear infinite;}@keyframes spin {to { transform: rotate(360deg); }}.btn-with-loading {position: relative;}.btn-with-loading .spinner {position: absolute;top: 50%;left: 50%;margin-top: -10px;margin-left: -10px;display: none;}.btn-with-loading.loading {color: transparent !important;}.btn-with-loading.loading .spinner {display: block;}.toast-container {position: fixed;bottom: var(--spacing-xl);right: var(--spacing-xl);z-index: 9999;}.toast {min-width: 300px;margin-bottom: var(--spacing-md);background: var(--color-bg-darker);color: var(--color-text-primary);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: var(--spacing-md) var(--spacing-lg);box-shadow: var(--shadow-lg);display: flex;align-items: center;animation: slideInRight 0.3s ease, slideOutRight 0.3s 2.7s ease;backdrop-filter: blur(10px);}.toast.success {border-left: 4px solid #28a745;}.toast.error {border-left: 4px solid #dc3545;}.toast.info {border-left: 4px solid var(--compeller-red);}@keyframes slideInRight {from {opacity: 0;transform: translateX(100%);}to {opacity: 1;transform: translateX(0);}}@keyframes slideOutRight {from {opacity: 1;transform: translateX(0);}to {opacity: 0;transform: translateX(100%);}}@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}.feature-card {background: rgba(238, 45, 65, 0.05);border-radius: var(--radius-md);border-left: 3px solid var(--compeller-red);padding: var(--spacing-md);margin-bottom: var(--spacing-md);transition: var(--transition-smooth);}.feature-card:hover {transform: translateY(-2px);background: rgba(238, 45, 65, 0.1);box-shadow: 0 5px 15px rgba(238, 45, 65, 0.2);}.user-dropdown-link + .dropdown-menu {background-color: var(--color-bg-darker);border: 1px solid var(--color-border);border-radius: var(--radius-md);box-shadow: var(--shadow-lg);}.user-dropdown-link + .dropdown-menu .dropdown-item {color: var(--color-text-primary);transition: var(--transition-fast);}.user-dropdown-link + .dropdown-menu .dropdown-item:hover,.user-dropdown-link + .dropdown-menu .dropdown-item:focus {background-color: rgba(238, 45, 65, 0.15);color: var(--color-text-primary);}.user-dropdown-link + .dropdown-menu .dropdown-divider {border-top-color: var(--color-border);}.dropdown {position: relative !important;}.dropdown-menu {position: absolute !important;top: 100% !important;right: 0 !important;z-index: 1000 !important;}@media (max-width: 768px) {.video-title-section::before {width: 40px;height: 3px;top: -8px;}.video-metadata-card,.creator-profile-card,.video-description-card {border-radius: var(--radius-md);}.creator-profile {flex-wrap: wrap;justify-content: center;text-align: center;}.creator-info {width: 100%;text-align: center;margin-bottom: var(--spacing-md);}.subscribe-btn {width: 100%;max-width: 200px;}.yt-style-reactions {width: 100%;justify-content: center;}.yt-style-share-buttons {justify-content: center;}.comments-section {padding: var(--spacing-md);}.comments-title {font-size: 1.1rem;}.comment-item {padding: var(--spacing-md);}.comment-avatar {width: 36px;height: 36px;font-size: 0.875rem;}.comment-header {flex-wrap: wrap;gap: var(--spacing-xs);}}@media (max-width: 480px) {.video-title {font-size: 1.25rem;}.yt-style-reaction-btn {padding: var(--spacing-xs) var(--spacing-md);font-size: 0.8rem;}.comment-input {min-height: 60px;font-size: 0.875rem;}}@media (hover: none) and (pointer: coarse) {.yt-style-reaction-btn,.subscribe-btn,.comment-submit {min-height: 44px;padding: var(--spacing-sm) var(--spacing-lg);}.breadcrumb-link {padding: var(--spacing-sm) var(--spacing-md);}.video-metadata-card:hover,.creator-profile-card:hover,.video-description-card:hover,.comments-section:hover {transform: none;}}html {scroll-behavior: smooth;}@media (prefers-reduced-motion: reduce) {*, *::before, *::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;}.video-page-container,.video-metadata-card,.creator-profile-card,.video-description-card,.comments-section,.video-title-section::before {animation: none !important;opacity: 1 !important;}}