:root {--compeller-red: #EE2D41;--compeller-light-red: #F77682;--compeller-burgundy: #8B2635;--compeller-rose: #C73650;--compeller-dark: #0a0a0a;--compeller-dark-card: #1a1a1a;--compeller-dark-hover: #2a2a2a;--compeller-darker: #050505;--compeller-border: rgba(238, 45, 65, 0.1);--compeller-border-active: rgba(238, 45, 65, 0.3);--text-primary: rgba(255, 255, 255, 0.95);--text-secondary: rgba(255, 255, 255, 0.7);--text-muted: rgba(255, 255, 255, 0.5);--text-accent: var(--compeller-light-red);--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--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: 12px;--radius-md: 24px;--radius-lg: 35px;--radius-xl: 50px;--radius-full: 9999px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.3);--shadow-md: 0 10px 30px rgba(0, 0, 0, 0.4);--shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.5);--shadow-xl: 0 30px 80px rgba(0, 0, 0, 0.6);--shadow-glow: 0 0 40px rgba(238, 45, 65, 0.2);--shadow-glow-strong: 0 0 60px rgba(238, 45, 65, 0.4);--transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);--transition-medium: 0.4s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);--transition-bounce: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);}body {background: #0a0a0a;color: var(--text-primary);min-height: 100vh;position: relative;overflow-x: hidden;}body::before {content: '';position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-image:radial-gradient(2px 2px at 20px 30px, rgba(238, 45, 65, 0.2), transparent),radial-gradient(2px 2px at 40px 70px, rgba(247, 118, 130, 0.1), transparent),radial-gradient(1px 1px at 50px 90px, rgba(238, 45, 65, 0.1), transparent),radial-gradient(1px 1px at 130px 80px, rgba(247, 118, 130, 0.15), transparent),radial-gradient(2px 2px at 80px 10px, rgba(238, 45, 65, 0.1), transparent);background-size: 200px 200px;animation: starsMove 200s linear infinite;pointer-events: none;z-index: 0;opacity: 0.5;}body::after {content: '';position: fixed;top: 0;left: 0;right: 0;bottom: 0;background:radial-gradient(ellipse at top left, rgba(238, 45, 65, 0.08) 0%, transparent 40%),radial-gradient(ellipse at bottom right, rgba(247, 118, 130, 0.06) 0%, transparent 40%),radial-gradient(ellipse at center, rgba(238, 45, 65, 0.03) 0%, transparent 50%);animation: meshFloat 30s ease-in-out infinite;pointer-events: none;z-index: 0;}@keyframes starsMove {0% { background-position: 0 0; }100% { background-position: 200px 200px; }}@keyframes meshFloat {0%, 100% { transform: translate(0, 0) rotate(0deg); }33% { transform: translate(-20px, -30px) rotate(1deg); }66% { transform: translate(20px, -20px) rotate(-1deg); }}.container-responsive {width: 100%;max-width: 100%;margin-left: auto;margin-right: auto;padding-left: var(--spacing-lg);padding-right: var(--spacing-lg);position: relative;z-index: 1;}@media (min-width: 768px) {.container-responsive {max-width: 95%;}}@media (min-width: 992px) {.container-responsive {max-width: 90%;}}@media (min-width: 1200px) {.container-responsive {max-width: 85%;}}@media (min-width: 1400px) {.container-responsive {max-width: 1320px;}}.breadcrumb-container {margin-bottom: var(--spacing-xl);animation: slideDown 0.5s ease forwards;}.breadcrumb,ol.breadcrumb {background: linear-gradient(145deg, var(--compeller-dark-card), rgba(26, 26, 26, 0.8)) !important;border: 1px solid var(--compeller-border);border-left: 4px solid var(--compeller-red);border-radius: var(--radius-md);backdrop-filter: blur(10px);padding: 1rem 1.5rem !important;box-shadow: var(--shadow-md);margin-bottom: 0;}.breadcrumb-item {color: var(--text-secondary);font-size: var(--font-size-sm);text-transform: uppercase;letter-spacing: 0.5px;}.breadcrumb-link {color: var(--text-secondary);text-decoration: none;transition: var(--transition-fast);display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.25rem 0.5rem;border-radius: var(--radius-sm);}.breadcrumb-link:hover {color: var(--compeller-light-red);background: rgba(238, 45, 65, 0.05);text-decoration: none;transform: translateX(3px);}.breadcrumb-item.active {color: var(--compeller-red);font-weight: 700;}.video-block {padding: var(--spacing-xl) 0;position: relative;background: #0a0a0a !important;}.single-video-title {position: relative;z-index: 10;background: transparent !important;}.single-video-title.box,.video-block.section-padding {background: transparent !important;}.mb-3, .mt-4, .p-2, .p-3, .rounded {background-color: transparent !important;}.video-container {margin: 0 auto var(--spacing-2xl);max-width: 100%;position: relative;background: linear-gradient(145deg, #000, #0a0a0a);border-radius: var(--radius-lg);overflow: hidden;animation: fadeInUp 0.8s ease forwards;transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);box-shadow:0 30px 90px rgba(0, 0, 0, 0.8),0 0 0 1px rgba(238, 45, 65, 0.1),0 0 120px rgba(238, 45, 65, 0.05),inset 0 0 60px rgba(238, 45, 65, 0.02);}.video-container::before {content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: linear-gradient(45deg,var(--compeller-red),transparent,var(--compeller-light-red),transparent,var(--compeller-red));border-radius: var(--radius-lg);opacity: 0;z-index: -1;transition: opacity 0.5s ease;animation: rotateBorder 4s linear infinite;}@keyframes rotateBorder {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}.video-container:hover::before {opacity: 0.6;}.video-container:hover {transform: translateY(-10px) scale(1.02);box-shadow:0 40px 100px rgba(238, 45, 65, 0.3),0 0 0 2px rgba(238, 45, 65, 0.3),0 0 200px rgba(238, 45, 65, 0.1),inset 0 0 60px rgba(238, 45, 65, 0.05);}.video-wrapper {position: relative;width: 100%;padding-bottom: 56.25%;background: #000;overflow: hidden;border-radius: var(--radius-lg);}#video_player,.video-wrapper video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}video#video_player {display: block !important;visibility: visible !important;opacity: 1 !important;background: #000;object-fit: contain !important;}.video-wrapper > video,.video-wrapper .plyr,.video-container video {opacity: 1 !important;visibility: visible !important;}.plyr {--plyr-color-main: var(--compeller-red);--plyr-video-background: transparent;--plyr-menu-background: var(--compeller-dark-card);--plyr-menu-color: var(--text-primary);--plyr-menu-arrow-color: var(--compeller-red);--plyr-menu-back-border-color: var(--compeller-border);--plyr-menu-back-border-shadow-color: transparent;--plyr-control-icon-size: 18px;--plyr-font-size-base: 15px;width: 100% !important;height: 100% !important;position: absolute !important;top: 0 !important;left: 0 !important;}.plyr--video {background: transparent;border-radius: var(--radius-lg);}.plyr video,.plyr__video-wrapper video {width: 100% !important;height: 100% !important;object-fit: contain !important;}.plyr__controls {background: linear-gradient(0deg, rgba(10, 10, 10, 0.9) 0%, transparent 100%);color: var(--text-primary);}.plyr__control {color: var(--text-primary);}.plyr__control:hover {background: var(--compeller-red);color: white;}.plyr__progress__buffer,.plyr__volume__display {background: rgba(238, 45, 65, 0.2);}.plyr__poster {background-color: #000;z-index: 1;}.plyr__video-wrapper {position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;z-index: 0;background: #000;}.plyr__video-embed,.plyr__video-embed iframe {position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;}.video-wrapper .plyr {position: absolute !important;top: 0;left: 0;width: 100%;height: 100%;}.video-wrapper video,.video-wrapper .plyr video {min-width: 100%;min-height: 100%;width: 100% !important;height: 100% !important;}.video-details {background: linear-gradient(145deg, #0f0f0f, #1a1a1a) !important;border-radius: var(--radius-lg);padding: var(--spacing-xl);margin: var(--spacing-xl) auto;animation: fadeInUp 0.8s ease 0.2s forwards;opacity: 0;backdrop-filter: blur(10px);position: relative;overflow: hidden;border: 1px solid rgba(238, 45, 65, 0.2);box-shadow:0 15px 50px rgba(0, 0, 0, 0.5),0 0 100px rgba(238, 45, 65, 0.05),inset 0 0 60px rgba(238, 45, 65, 0.02);}.video-details::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image:linear-gradient(0deg, transparent 24%, rgba(238, 45, 65, 0.02) 25%, rgba(238, 45, 65, 0.02) 26%, transparent 27%, transparent 74%, rgba(238, 45, 65, 0.02) 75%, rgba(238, 45, 65, 0.02) 76%, transparent 77%, transparent),linear-gradient(90deg, transparent 24%, rgba(238, 45, 65, 0.02) 25%, rgba(238, 45, 65, 0.02) 26%, transparent 27%, transparent 74%, rgba(238, 45, 65, 0.02) 75%, rgba(238, 45, 65, 0.02) 76%, transparent 77%, transparent);background-size: 50px 50px;animation: circuitMove 10s linear infinite;pointer-events: none;}@keyframes circuitMove {0% { transform: translate(0, 0); }100% { transform: translate(50px, 50px); }}.video-details::after {content: '';position: absolute;top: -100%;left: -100%;width: 200%;height: 200%;background: linear-gradient(45deg,transparent 30%,rgba(238, 45, 65, 0.03),transparent 70%);animation: hologramSweep 6s ease-in-out infinite;pointer-events: none;}@keyframes hologramSweep {0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }100% { transform: translateX(100%) translateY(100%) rotate(45deg); }}.video-details h4,.video-title {color: var(--text-primary);font-size: var(--font-size-xl);font-weight: 700;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 0;background: linear-gradient(135deg, var(--text-primary), var(--compeller-light-red));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.video-description {color: var(--text-secondary);line-height: 1.7;margin: var(--spacing-lg) 0;padding: var(--spacing-md);background: linear-gradient(145deg, rgba(42, 42, 42, 0.3), rgba(26, 26, 26, 0.3));border-radius: var(--radius-md);border-left: 3px solid var(--compeller-border);}.video-stats {display: flex;align-items: center;gap: var(--spacing-lg);}.yt-style-stats-container {display: flex;align-items: center;gap: var(--spacing-lg);}.yt-style-view-count {background: linear-gradient(145deg, rgba(238, 45, 65, 0.1), rgba(238, 45, 65, 0.05));padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-full);font-size: var(--font-size-sm);font-weight: 600;color: var(--text-secondary);border: 1px solid var(--compeller-border);transition: var(--transition-fast);}.yt-style-view-count:hover {background: linear-gradient(145deg, rgba(238, 45, 65, 0.2), rgba(238, 45, 65, 0.1));transform: scale(1.05);}.yt-style-view-count b {color: var(--text-primary);margin-right: 0.25rem;}.yt-style-reactions {display: flex;align-items: center;background: linear-gradient(145deg, var(--compeller-dark-hover), var(--compeller-dark-card));border-radius: var(--radius-full);padding: 0.25rem;border: 1px solid var(--compeller-border);box-shadow: var(--shadow-sm);}.yt-style-reaction-btn {background: transparent;border: none;color: rgba(255, 255, 255, 0.7);padding: 0.5rem 0.75rem;border-radius: 20px;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;gap: 0.5rem;font-weight: 500;font-size: 0.9rem;}.yt-style-reaction-btn::after {display: none;}.yt-style-reaction-btn:hover {background: rgba(255, 255, 255, 0.1);color: #fff;}.yt-style-reaction-btn.active,.yt-style-reaction-btn.liked,#likeButton.active {background: #fff !important;color: #000 !important;border: 1px solid rgba(255, 255, 255, 0.2) !important;font-weight: 600;}.yt-style-reaction-btn.active i,#likeButton.active i {color: #EE2D41 !important;}.yt-style-reaction-btn.disliked,#dislikeButton.active {background: #666 !important;color: #fff !important;border: 1px solid rgba(255, 255, 255, 0.2) !important;font-weight: 600;}.yt-style-reaction-btn.disliked i,#dislikeButton.active i {color: #fff !important;}.yt-style-reaction-separator {width: 1px;height: 24px;background: var(--compeller-border);margin: 0 0.25rem;}.creator-profile {display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-lg);background: linear-gradient(145deg, rgba(42, 42, 42, 0.5), rgba(26, 26, 26, 0.5));border-radius: var(--radius-md);border: 1px solid var(--compeller-border);margin: var(--spacing-lg) 0;transition: var(--transition-fast);}.creator-profile:hover {background: linear-gradient(145deg, rgba(42, 42, 42, 0.6), rgba(26, 26, 26, 0.6));border-color: var(--compeller-border-active);transform: translateX(5px);}.creator-avatar {position: relative;}.avatar-circle {width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));overflow: hidden;border: 2px solid var(--compeller-border);box-shadow: 0 0 20px rgba(238, 45, 65, 0.3);}.avatar-circle img {width: 100%;height: 100%;object-fit: cover;}.avatar-text {color: white;font-weight: 700;font-size: var(--font-size-lg);}.creator-info {flex-grow: 1;}.creator-name {color: var(--text-primary);font-weight: 700;font-size: var(--font-size-md);margin-bottom: 0;transition: var(--transition-fast);}.creator-name:hover {color: var(--compeller-light-red);}.subscriber-count {color: var(--text-muted);font-size: var(--font-size-sm);}.subscribe-btn {background: linear-gradient(135deg, rgba(50, 50, 50, 0.9), rgba(30, 30, 30, 1)) !important;color: var(--text-primary) !important;border: 2px solid rgba(238, 45, 65, 0.3) !important;padding: var(--spacing-sm) var(--spacing-lg);border-radius: var(--radius-full);font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);cursor: pointer;position: relative;overflow: hidden;box-shadow:0 4px 15px rgba(0, 0, 0, 0.4),inset 0 1px 0 rgba(255, 255, 255, 0.1);}.subscribe-btn::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));opacity: 0;transition: opacity 0.4s;z-index: 0;}.subscribe-btn:hover::before {opacity: 1;}.subscribe-btn:hover {color: white !important;border-color: var(--compeller-light-red) !important;transform: scale(1.05) translateY(-2px);box-shadow:0 10px 30px rgba(238, 45, 65, 0.4),0 0 60px rgba(238, 45, 65, 0.2);}.subscribe-btn span,.subscribe-btn i {position: relative;z-index: 1;}.subscribe-btn.subscribed {background: linear-gradient(135deg, #fff, #f5f5f5) !important;color: var(--compeller-red) !important;border: 2px solid var(--compeller-red) !important;font-weight: 800;box-shadow:0 0 30px rgba(238, 45, 65, 0.5),inset 0 0 20px rgba(238, 45, 65, 0.05);animation: subscribePulse 2s ease-in-out infinite;}.subscribe-btn.subscribed::before {display: none;}@keyframes subscribePulse {0%, 100% {box-shadow:0 0 30px rgba(238, 45, 65, 0.5),inset 0 0 20px rgba(238, 45, 65, 0.05);}50% {box-shadow:0 0 40px rgba(238, 45, 65, 0.7),inset 0 0 30px rgba(238, 45, 65, 0.1);}}.btn-outline-secondary,.dropdown-toggle,button.btn {background: linear-gradient(145deg, rgba(40, 40, 40, 0.9), rgba(25, 25, 25, 0.9)) !important;border: 1px solid rgba(238, 45, 65, 0.2) !important;color: rgba(255, 255, 255, 0.9) !important;padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-full);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;position: relative;overflow: hidden;box-shadow:0 2px 10px rgba(0, 0, 0, 0.4),inset 0 1px 0 rgba(255, 255, 255, 0.1);}.btn-outline-secondary::before,.dropdown-toggle::before,button.btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255, 255, 255, 0.2),transparent);transition: left 0.5s;}.btn-outline-secondary:hover::before,.dropdown-toggle:hover::before,button.btn:hover::before {left: 100%;}.btn-outline-secondary:hover,.dropdown-toggle:hover,.dropdown-toggle:focus,button.btn:hover {background: linear-gradient(135deg, rgba(238, 45, 65, 0.8), rgba(247, 118, 130, 0.8)) !important;border-color: var(--compeller-red) !important;color: white !important;transform: translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(238, 45, 65, 0.4),0 0 40px rgba(238, 45, 65, 0.2),inset 0 1px 0 rgba(255, 255, 255, 0.2);}.btn-outline-secondary i,button.btn i {margin-right: 0.5rem;transition: transform 0.3s;}.btn-outline-secondary:hover i,button.btn:hover i {transform: rotate(10deg) scale(1.2);}.dropdown-menu {background: linear-gradient(145deg, var(--compeller-dark-card), var(--compeller-dark-hover));border: 1px solid var(--compeller-border);border-radius: var(--radius-md);box-shadow: var(--shadow-lg);backdrop-filter: blur(10px);padding: var(--spacing-sm);margin-top: var(--spacing-sm);}.dropdown-item {color: var(--text-secondary);padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-sm);transition: var(--transition-fast);}.dropdown-item:hover {background: rgba(238, 45, 65, 0.1);color: var(--compeller-light-red);transform: translateX(5px);}@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}@keyframes slideDown {from {opacity: 0;transform: translateY(-20px);}to {opacity: 1;transform: translateY(0);}}@keyframes pulseGlow {0%, 100% {box-shadow: 0 0 20px rgba(238, 45, 65, 0.4);}50% {box-shadow: 0 0 30px rgba(238, 45, 65, 0.6);}}@keyframes shimmer {0% {background-position: -1000px 0;}100% {background-position: 1000px 0;}}.comments-section {background: #141414 !important;border-radius: 16px;padding: 2rem;margin: 2rem auto;border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);position: relative;animation: fadeInUp 0.5s ease forwards;}.comments-section::before,.comments-section::after {display: none;}.comments-section > div,.comments-section .comment-form,.comments-section .comments-list,#commentsSection,#commentsSection.comments-section,.comments-section.mt-4,div.comments-section {background: linear-gradient(145deg, #0f0f0f, #1a1a1a) !important;color: var(--text-primary) !important;}.video-details.container-responsive,.container-responsive .comments-section {background: transparent !important;}.bg-white,.bg-light,.card,.card-body {background: linear-gradient(145deg, #0f0f0f, #1a1a1a) !important;color: var(--text-primary) !important;}.comments-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-xl);padding-bottom: var(--spacing-lg);border-bottom: 2px solid var(--compeller-border);}.comments-title {color: var(--text-primary);font-size: var(--font-size-lg);font-weight: 700;display: flex;align-items: center;gap: var(--spacing-md);}.comment-count {background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));color: white;padding: 0.25rem 0.75rem;border-radius: var(--radius-full);font-size: var(--font-size-sm);}.comment-form {background: #1a1a1a !important;padding: 1.5rem;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.08);margin-bottom: 1.5rem;}.comment-form::before {display: none;}#noCommentsMessage p {color: rgba(255, 255, 255, 0.5) !important;font-style: italic;text-align: center;padding: 2rem;background: linear-gradient(90deg, transparent, rgba(238, 45, 65, 0.1), transparent);border-radius: var(--radius-md);}.comment-input,#commentInput,textarea.comment-input,textarea.form-control {background: #0f0f0f !important;border: 1px solid rgba(255, 255, 255, 0.1) !important;color: #fff !important;border-radius: 8px;padding: 0.75rem 1rem;width: 100%;resize: vertical;transition: border-color 0.2s ease;font-size: 0.95rem;}.comment-input:focus,#commentInput:focus,textarea.comment-input:focus,textarea.form-control:focus {outline: none !important;border-color: rgba(238, 45, 65, 0.5) !important;background: #0a0a0a !important;}.comment-input::placeholder,textarea.form-control::placeholder {color: rgba(255, 255, 255, 0.3);}.comment-form-wrapper {display: flex;flex-direction: column;gap: 1rem;}.comment-form-actions {display: flex;justify-content: flex-end;}.comment-submit-btn {background: linear-gradient(135deg, #EE2D41, #F77682) !important;color: #fff !important;border: none !important;padding: 0.75rem 1.5rem;border-radius: 24px;font-weight: 600;font-size: 0.95rem;transition: all 0.3s ease;cursor: pointer;display: flex;align-items: center;gap: 0.5rem;box-shadow: 0 4px 15px rgba(238, 45, 65, 0.3);text-transform: uppercase;letter-spacing: 0.5px;}.comment-submit-btn:hover {background: linear-gradient(135deg, #F77682, #EE2D41) !important;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(238, 45, 65, 0.4);}.comment-submit-btn:active {transform: translateY(0);box-shadow: 0 2px 10px rgba(238, 45, 65, 0.3);}.comment-submit-btn i {font-size: 1rem;}.comment-submit-btn span {font-weight: 600;}.comment-submit,.btn-with-loading {background: #EE2D41 !important;color: #fff !important;border: none !important;padding: 0.5rem 1rem;border-radius: 8px;font-weight: 500;transition: all 0.2s ease;cursor: pointer;}.comment-submit::before {display: none;}.guest-comment-box {background: linear-gradient(145deg, rgba(42, 42, 42, 0.5), rgba(26, 26, 26, 0.5));padding: var(--spacing-lg);border-radius: var(--radius-md);border: 1px solid var(--compeller-border);text-align: center;}.guest-comment-box .text-muted {color: var(--text-secondary) !important;}.comment-item,.single-comment {background: #1a1a1a !important;padding: 1.25rem;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.08);margin-bottom: 1rem;transition: background-color 0.2s ease;}.comment-item:hover,.single-comment:hover {background: #1f1f1f !important;}.rounded {background-color: transparent !important;}.comment-item.rounded,.comment-item.p-2 {background: #1a1a1a !important;}.comment-header {display: flex;align-items: center;gap: var(--spacing-md);margin-bottom: var(--spacing-sm);}.comment-author,.comment-user {color: var(--compeller-light-red) !important;font-weight: 700;text-decoration: none;transition: var(--transition-fast);}.comment-author:hover,.comment-user:hover {color: var(--compeller-red) !important;text-decoration: none;}.comment-time {color: var(--text-muted);font-size: var(--font-size-sm);}.comment-text {color: var(--text-secondary) !important;line-height: 1.6;margin-top: var(--spacing-sm);}.comment-content {flex-grow: 1;}.comment-content p,.comment-content .comment-text,.comment-item p,.comment-item .comment-text {color: var(--text-secondary) !important;}.comment-content small,.comment-item small,.comment-content .text-muted,.comment-item .text-muted {color: var(--text-muted) !important;}.comments-section p,.comments-section span:not(.comment-count),.comments-section div:not(.comment-count) {color: rgba(255, 255, 255, 0.8) !important;}.comments-section .text-muted,.comments-list .text-muted,#commentsList .text-muted {color: rgba(255, 255, 255, 0.6) !important;}.comment-user,.comment-header b,.comment-header strong {color: var(--compeller-light-red) !important;}.comment-avatar {width: 40px;height: 40px;border-radius: 50%;background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));display: flex;align-items: center;justify-content: center;color: white;font-weight: 700;margin-right: var(--spacing-md);flex-shrink: 0;}.comment-actions {margin-top: var(--spacing-md);display: flex;gap: var(--spacing-md);}.comment-action-btn {background: transparent;border: none;color: var(--text-muted);font-size: var(--font-size-sm);cursor: pointer;transition: var(--transition-fast);padding: 0.25rem 0.5rem;border-radius: var(--radius-sm);}.comment-action-btn:hover {background: rgba(238, 45, 65, 0.1);color: var(--compeller-light-red);}.toast-container {position: fixed;top: 20px;right: 20px;z-index: 9999;pointer-events: none;}.toast {background: linear-gradient(145deg, var(--compeller-dark-card), var(--compeller-dark-hover));border: 1px solid var(--compeller-border);border-radius: var(--radius-md);padding: var(--spacing-md) var(--spacing-lg);margin-bottom: var(--spacing-md);box-shadow: var(--shadow-lg);opacity: 0;transition: var(--transition-fast);pointer-events: auto;animation: slideInRight 0.3s ease forwards;}.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 {transform: translateX(100%);opacity: 0;}to {transform: translateX(0);opacity: 1;}}.modal-content {background: linear-gradient(145deg, var(--compeller-dark-card), var(--compeller-dark-hover));border: 1px solid var(--compeller-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl), var(--shadow-glow);overflow: hidden;}.modal-header {background: linear-gradient(135deg, var(--compeller-burgundy), var(--compeller-rose));border-bottom: 2px solid var(--compeller-border);padding: 1.5rem;position: relative;}.modal-header::before {content: '';position: absolute;top: -50%;right: -20%;width: 200px;height: 200px;background: radial-gradient(circle, rgba(255, 255, 255, 0.1), transparent);border-radius: 50%;}.modal-title {color: white;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;font-size: var(--font-size-lg);}.modal-body {padding: 2rem;color: var(--text-primary);}.modal-body h4 {color: var(--text-primary);font-weight: 700;}.modal-body p {color: var(--text-secondary);}.modal .close {color: white;opacity: 0.8;font-size: 1.5rem;text-shadow: none;transition: var(--transition-fast);}.modal .close:hover {color: white;opacity: 1;transform: rotate(90deg);}.modal-backdrop {background: rgba(10, 10, 10, 0.8);}.modal .btn {background: linear-gradient(135deg, rgba(50, 50, 50, 0.9), rgba(30, 30, 30, 1));color: var(--text-primary);border: 2px solid var(--compeller-border);padding: var(--spacing-sm) var(--spacing-lg);border-radius: var(--radius-full);font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;transition: var(--transition-medium);box-shadow: var(--shadow-sm);}.modal .btn:hover {background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));color: white;border-color: var(--compeller-red);transform: translateY(-3px) scale(1.05);box-shadow: var(--shadow-lg), var(--shadow-glow);}.modal .btn-primary,.modal .signin-btn {background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));color: white;border-color: var(--compeller-red);box-shadow: 0 8px 20px rgba(238, 45, 65, 0.25);}.modal .btn-primary:hover,.modal .signin-btn:hover {background: linear-gradient(135deg, var(--compeller-light-red), var(--compeller-red));transform: translateY(-3px) scale(1.05);box-shadow: 0 12px 30px rgba(238, 45, 65, 0.35);}@media (max-width: 768px) {.container-responsive {padding-left: var(--spacing-md);padding-right: var(--spacing-md);}.video-details {padding: var(--spacing-lg);}.video-stats {flex-direction: column;align-items: flex-start;gap: var(--spacing-md);}.yt-style-stats-container {flex-direction: column;align-items: flex-start;width: 100%;gap: var(--spacing-md);}.yt-style-reactions {width: 100%;justify-content: center;}}@media (max-width: 576px) {.breadcrumb {padding: 0.75rem 1rem !important;font-size: var(--font-size-xs);}.video-details h4 {font-size: var(--font-size-lg);}.comments-section {padding: var(--spacing-lg);}}.loading {position: relative;pointer-events: none;opacity: 0.6;}.loading::after {content: '';position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin: -10px 0 0 -10px;border: 2px solid var(--compeller-red);border-radius: 50%;border-top-color: transparent;animation: spin 0.6s linear infinite;}@keyframes spin {to {transform: rotate(360deg);}}.text-glow {text-shadow: 0 0 20px rgba(238, 45, 65, 0.5);}.text-accent {color: var(--compeller-light-red) !important;text-decoration: none;transition: var(--transition-fast);}.text-accent:hover {color: var(--compeller-red) !important;text-decoration: none;}.hover-lift {transition: var(--transition-fast);}.hover-lift:hover {transform: translateY(-5px);}.hover-scale {transition: var(--transition-fast);}.hover-scale:hover {transform: scale(1.05);}.gradient-text {background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.blur-bg {backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}