{"id":570,"date":"2026-03-31T00:00:54","date_gmt":"2026-03-31T00:00:54","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=570"},"modified":"2026-03-31T08:49:16","modified_gmt":"2026-03-31T08:49:16","slug":"channel-history","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/tools\/youtube\/channel-history\/","title":{"rendered":"YouTube Channel History Viewer &#8211; Track Videos &amp; Activity"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]    <link rel=\"canonical\" href=\"\">\r\n  \r\n      <!-- Favicon -->\r\n     \r\n      \r\n      <!-- Google Fonts - Premium Typography -->\r\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\r\n      <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n      \r\n      <!-- Bootstrap CSS -->\r\n      <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n      <!-- Boxicons -->\r\n      <link href=\"https:\/\/unpkg.com\/boxicons@2.1.4\/css\/boxicons.min.css\" rel=\"stylesheet\">\r\n      <!-- AOS Animation -->\r\n      <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n      <!-- Font Awesome CSS -->\r\n      <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\" rel=\"stylesheet\">\r\n  \r\n  \r\n  <style id=\"vvvebjs-styles\">\r\n      html{\r\n          overflow-x: hidden;\r\n      }\r\n      \r\n      :root {\r\n              --va-purple: #8a6cfc;\r\n              --va-purple-hover: #7355e8;\r\n              --va-black: #000000;\r\n              --va-white: #ffffff;\r\n              --ytchv-primary-color: var(--va-purple);\r\n              --ytchv-secondary-color: #1a1a1a;\r\n              --ytchv-dark-color: var(--va-black);\r\n              --ytchv-light-color: var(--va-white);\r\n              --ytchv-gray-color: #f5f5f7;\r\n              --ytchv-primary-hover: var(--va-purple-hover);\r\n              --ytchv-secondary-hover: #333333;\r\n              --ytchv-section-padding: 100px 0;\r\n          }\r\n          \r\n\/*           body {\r\n              font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n              scroll-behavior: smooth;\r\n              overflow-x: hidden;\r\n              background-color: var(--ytchv-light-color);\r\n              color: var(--ytchv-dark-color);\r\n          }\r\n           \r\n  \r\n      h1, h2, h3, h4, h5, h6 {\r\n          font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\r\n          font-weight: bold; \r\n      } *\/\r\n     \r\n    \/* YouTube-style Hero Section *\/\r\n    .ytchv-hero-section {\r\n              padding: var(--ytchv-section-padding);\r\n              text-align: center;\r\n              background-color: var(--ytchv-light-color);\r\n          }\r\n          \r\n          .ytchv-hero-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .ytchv-hero-section h1 {\r\n              font-size: 3.5rem;\r\n              font-weight: 700;\r\n              margin-bottom: 1.5rem;\r\n              color: var(--ytchv-primary-color);\r\n          }\r\n          \r\n          .ytchv-hero-section p {\r\n              font-size: 1.25rem;\r\n              max-width: 700px;\r\n              margin: 0 auto 2rem;\r\n              opacity: 0.9;\r\n              font-weight: 300;\r\n              color: #333;\r\n          }\r\n          \r\n          \/* Work Process Section with YouTube Colors *\/\r\n          .ytchv-work-process-section {\r\n              padding: var(--ytchv-section-padding);\r\n              background: var(--ytchv-primary-color);\r\n              color: white;\r\n              position: relative;\r\n              overflow: hidden;\r\n          }\r\n          \r\n          .ytchv-work-process-section::before {\r\n              content: '';\r\n              position: absolute;\r\n              top: 0;\r\n              left: 0;\r\n              width: 100%;\r\n              height: 100%;\r\n              background: rgba(0,0,0,0.05);\r\n          }\r\n          \r\n          .ytchv-work-process-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .ytchv-process-step {\r\n              text-align: center;\r\n              padding: 30px 20px;\r\n              position: relative;\r\n              z-index: 1;\r\n              background: rgba(255,255,255,0.1);\r\n              backdrop-filter: blur(10px);\r\n              border-radius: 16px;\r\n              margin: 15px;\r\n              border: 1px solid rgba(255,255,255,0.2);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ytchv-process-step:hover {\r\n              transform: translateY(-10px);\r\n              background: rgba(255,255,255,0.15);\r\n              box-shadow: 0 15px 30px rgba(0,0,0,0.2);\r\n          }\r\n          \r\n          .ytchv-step-number {\r\n              width: 60px;\r\n              height: 60px;\r\n              background: white;\r\n              color: var(--ytchv-primary-color);\r\n              border-radius: 50%;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              font-weight: 700;\r\n              margin: 0 auto 20px;\r\n              font-size: 1.5rem;\r\n              box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n          }\r\n          \r\n          \/* Features Section *\/\r\n          .ytchv-features-section {\r\n              padding: var(--ytchv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .ytchv-feature-card {\r\n              padding: 40px 30px;\r\n              border-radius: 16px;\r\n              background: white;\r\n              box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n              margin-bottom: 30px;\r\n              transition: all 0.3s ease;\r\n              border: 1px solid rgba(0,0,0,0.05);\r\n              height: 100%;\r\n              position: relative;\r\n              overflow: hidden;\r\n          }\r\n          \r\n          .ytchv-feature-card::before {\r\n              content: '';\r\n              position: absolute;\r\n              top: 0;\r\n              left: 0;\r\n              width: 4px;\r\n              height: 100%;\r\n              background: var(--ytchv-primary-color);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ytchv-feature-card:hover {\r\n              transform: translateY(-10px);\r\n              box-shadow: 0 15px 40px rgba(0,0,0,0.1);\r\n          }\r\n          \r\n          .ytchv-feature-card:hover::before {\r\n              width: 100%;\r\n              opacity: 0.1;\r\n          }\r\n          \r\n          .ytchv-feature-icon {\r\n              width: 70px;\r\n              height: 70px;\r\n              border-radius: 20px;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              margin-bottom: 25px;\r\n              background: var(--ytchv-primary-color);\r\n              color: white;\r\n              font-size: 1.8rem;\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ytchv-feature-card:hover .ytchv-feature-icon {\r\n              transform: rotate(15deg) scale(1.1);\r\n              background: var(--ytchv-primary-hover);\r\n          }\r\n          \r\n          \/* Why Choose Section *\/\r\n          .ytchv-why-choose-section {\r\n              padding: var(--ytchv-section-padding);\r\n              background: #f9f9f9;\r\n          }\r\n          \r\n          .ytchv-why-choose-image {\r\n              border-radius: 16px;\r\n              overflow: hidden;\r\n              box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n              transform: perspective(1000px) rotateY(-5deg);\r\n              transition: all 0.5s ease;\r\n          }\r\n          \r\n          .ytchv-why-choose-image:hover {\r\n              transform: perspective(1000px) rotateY(0deg);\r\n          }\r\n          \r\n          .ytchv-benefit-item {\r\n              display: flex;\r\n              align-items: flex-start;\r\n              margin-bottom: 20px;\r\n              padding: 15px;\r\n              border-radius: 12px;\r\n              background: white;\r\n              box-shadow: 0 5px 15px rgba(0,0,0,0.03);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ytchv-benefit-item:hover {\r\n              transform: translateX(10px);\r\n              box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n          }\r\n          \r\n          .ytchv-benefit-icon {\r\n              width: 40px;\r\n              height: 40px;\r\n              border-radius: 12px;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              margin-right: 15px;\r\n              background: var(--ytchv-primary-color);\r\n              color: white;\r\n              font-size: 1.2rem;\r\n              flex-shrink: 0;\r\n          }\r\n          \r\n          \/* FAQ Section *\/\r\n          .ytchv-faq-section {\r\n              padding: var(--ytchv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .ytchv-accordion-item {\r\n              border: none;\r\n              border-radius: 12px !important;\r\n              overflow: hidden;\r\n              margin-bottom: 15px;\r\n              box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n          }\r\n          \r\n          .ytchv-accordion-button {\r\n              font-weight: 600;\r\n              color: var(--ytchv-dark-color);\r\n              padding: 20px 25px;\r\n              background: white;\r\n              box-shadow: none;\r\n              border-radius: 12px 12px 0 0 !important;\r\n          }\r\n          \r\n          .ytchv-accordion-button:not(.collapsed) {\r\n              background: white;\r\n              color: var(--ytchv-primary-color);\r\n              box-shadow: none;\r\n          }\r\n          \r\n          .ytchv-accordion-button:focus {\r\n              box-shadow: none;\r\n              border-color: rgba(138, 108, 252, 0.35);\r\n          }\r\n          \r\n          .ytchv-accordion-button::after {\r\n              background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16' fill='%238a6cfc'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'\/%3e%3c\/svg%3e\");\r\n          }\r\n          \r\n          .ytchv-accordion-body {\r\n              padding: 25px;\r\n              color: #333;\r\n          }\r\n          \r\n          \/* Section Titles *\/\r\n          .ytchv-section-title {\r\n              font-weight: 700;\r\n              color: var(--ytchv-dark-color);\r\n              margin-bottom: 1.5rem;\r\n              position: relative;\r\n              display: inline-block;\r\n          }\r\n          \r\n          .ytchv-section-title::after {\r\n              content: '';\r\n              position: absolute;\r\n              bottom: -10px;\r\n              left: 0;\r\n              width: 60px;\r\n              height: 4px;\r\n              background: var(--ytchv-primary-color);\r\n              border-radius: 2px;\r\n          }\r\n          \r\n          .ytchv-light-title {\r\n              color: white;\r\n          }\r\n          \r\n          .ytchv-light-title::after {\r\n              background: white;\r\n          }\r\n          \r\n          .ytchv-section-subtitle {\r\n              color: #333;\r\n              max-width: 700px;\r\n              margin: 0 auto 3rem;\r\n              font-size: 1.1rem;\r\n          }\r\n          \r\n          .ytchv-light-subtitle {\r\n              color: rgba(255,255,255,0.8);\r\n          }\r\n          \r\n          \/* Responsive Design *\/\r\n          @media (max-width: 991px) {\r\n              :root {\r\n                  --ytchv-section-padding: 80px 0;\r\n              }\r\n              \r\n              .ytchv-hero-section h1 {\r\n                  font-size: 2.8rem;\r\n              }\r\n              \r\n              .ytchv-process-step::before {\r\n                  display: none;\r\n              }\r\n          }\r\n          \r\n          @media (max-width: 767px) {\r\n              :root {\r\n                  --ytchv-section-padding: 70px 0;\r\n              }\r\n              \r\n              .ytchv-hero-section {\r\n                  padding: 100px 0 60px;\r\n              }\r\n              \r\n              .ytchv-hero-section h1 {\r\n                  font-size: 2.2rem;\r\n              }\r\n              \r\n              .ytchv-hero-section p {\r\n                  font-size: 1rem;\r\n              }\r\n              \r\n              .ytchv-section-title {\r\n                  font-size: 1.8rem;\r\n              }\r\n          }\r\n          \r\n          \/* Animation *\/\r\n          @keyframes ytchv-float {\r\n              0% { transform: translateY(0px); }\r\n              50% { transform: translateY(-15px); }\r\n              100% { transform: translateY(0px); }\r\n          }\r\n          \r\n          .ytchv-floating-element {\r\n              animation: ytchv-float 6s ease-in-out infinite;\r\n          }\r\n          \r\n          \/* Custom Scrollbar *\/\r\n          ::-webkit-scrollbar {\r\n              width: 8px;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-track {\r\n              background: #f1f1f1;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-thumb {\r\n              background: var(--ytchv-primary-color);\r\n              border-radius: 10px;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-thumb:hover {\r\n              background: var(--ytchv-primary-hover);\r\n          }\r\n  \r\n  <\/style>\r\n  <!-- tools -->\r\n  <style>\r\n  \r\n      .ytchv-custom-section {\r\n          background: var(--va-white);\r\n          min-height: 100vh;\r\n          color: var(--va-black);\r\n          overflow-x: hidden;\r\n          margin-top: 0;\r\n          padding-top: 3rem;\r\n          padding-bottom: 3rem;\r\n          border-bottom: 1px solid rgba(138, 108, 252, 0.15);\r\n      }\r\n  \r\n      \/* Animated Background Elements *\/\r\n      .ycv-background-effects {\r\n          position: fixed;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          pointer-events: none;\r\n          z-index: 0;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .ycv-floating-orb {\r\n          position: absolute;\r\n          border-radius: 50%;\r\n          blur: 60px;\r\n          animation: ycv-float 8s ease-in-out infinite;\r\n      }\r\n  \r\n      .ycv-orb-1 {\r\n          width: 384px;\r\n          height: 384px;\r\n          background: rgba(138, 108, 252, 0.1);\r\n          top: 25%;\r\n          left: 25%;\r\n          animation-delay: 0s;\r\n      }\r\n  \r\n      .ycv-orb-2 {\r\n          width: 384px;\r\n          height: 384px;\r\n          background: rgba(147, 51, 234, 0.1);\r\n          bottom: 25%;\r\n          right: 25%;\r\n          animation-delay: 1s;\r\n      }\r\n  \r\n      .ycv-orb-3 {\r\n          width: 256px;\r\n          height: 256px;\r\n          background: rgba(59, 130, 246, 0.1);\r\n          top: 75%;\r\n          left: 50%;\r\n          animation-delay: 2s;\r\n      }\r\n  \r\n      @keyframes ycv-float {\r\n  \r\n          0%,\r\n          100% {\r\n              transform: translateY(0px) scale(1);\r\n              opacity: 0.5;\r\n          }\r\n  \r\n          50% {\r\n              transform: translateY(-30px) scale(1.1);\r\n              opacity: 0.8;\r\n          }\r\n      }\r\n  \r\n      .ycv-container {\r\n          position: relative;\r\n          z-index: 1;\r\n          max-width: 1400px;\r\n          margin: 0 auto;\r\n          padding: 2rem 1rem;\r\n      }\r\n  \r\n      \/* Header Styles *\/\r\n      .ycv-header {\r\n          text-align: center;\r\n          margin-bottom: 3rem;\r\n      }\r\n  \r\n     .ycv-header-content {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 1rem;\r\n      margin-bottom: 1.5rem;\r\n      padding: 2rem;\r\n      background: var(--va-white);\r\n      backdrop-filter: blur(20px);\r\n      border-radius: 1.5rem;\r\n      border: 1px solid rgba(138, 108, 252, 0.25);\r\n      box-shadow: 0 12px 40px rgba(138, 108, 252, 0.12);\r\n      flex-direction: column;\r\n      width: 100%;\r\n  }\r\n  \r\n      .ycv-app-icon {\r\n          position: relative;\r\n          width: 4rem;\r\n          height: 4rem;\r\n          background: linear-gradient(135deg, #8a6cfc, #7355e8);\r\n          border-radius: 1rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          box-shadow: 0 10px 30px rgba(138, 108, 252, 0.35);\r\n      }\r\n  \r\n      .ycv-app-icon::before {\r\n          content: '';\r\n          position: absolute;\r\n          inset: -4px;\r\n          background: linear-gradient(135deg, #8a6cfc, #a78bfa);\r\n          border-radius: 1rem;\r\n          blur: 8px;\r\n          opacity: 0.35;\r\n          animation: ycv-pulse 2s ease-in-out infinite;\r\n      }\r\n  \r\n      .ycv-app-icon svg {\r\n          width: 2rem;\r\n          height: 2rem;\r\n          fill: white;\r\n          position: relative;\r\n          z-index: 1;\r\n      }\r\n  \r\n      @keyframes ycv-pulse {\r\n  \r\n          0%,\r\n          100% {\r\n              opacity: 0.3;\r\n          }\r\n  \r\n          50% {\r\n              opacity: 0.6;\r\n          }\r\n      }\r\n  \r\n   .ycv-title {\r\n      font-size: clamp(2rem, 5vw, 3.25rem);\r\n      font-weight: 800;\r\n      color: var(--va-black);\r\n      letter-spacing: -0.02em;\r\n      line-height: 1.15;\r\n      margin: 0;\r\n  }\r\n\r\n      .ycv-title .va-cap {\r\n          color: #8a6cfc;\r\n          font-size: 1.12em;\r\n          font-weight: 900;\r\n      }\r\n  \r\n      .ycv-subtitle {\r\n          font-size: 1.125rem;\r\n          color: #333;\r\n          font-weight: 500;\r\n          margin-bottom: 0;\r\n      }\r\n  \r\n      .ycv-features-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n          gap: 1rem;\r\n          max-width: 800px;\r\n          margin: 0 auto;\r\n      }\r\n  \r\n      .ycv-feature-card {\r\n          padding: 1rem;\r\n          background: #fafafa;\r\n          backdrop-filter: blur(10px);\r\n          border-radius: 0.75rem;\r\n          border: 1px solid rgba(138, 108, 252, 0.2);\r\n          transition: all 0.3s ease;\r\n          text-align: center;\r\n      }\r\n  \r\n      .ycv-feature-card:hover {\r\n          transform: translateY(-5px) scale(1.02);\r\n          border-color: rgba(138, 108, 252, 0.45);\r\n          box-shadow: 0 12px 32px rgba(138, 108, 252, 0.15);\r\n      }\r\n  \r\n      .ycv-feature-icon {\r\n          font-size: 2rem;\r\n          margin-bottom: 0.5rem;\r\n          display: block;\r\n      }\r\n  \r\n      .ycv-feature-text {\r\n          font-size: 0.875rem;\r\n          color: #000;\r\n          font-weight: 600;\r\n      }\r\n  \r\n      \/* Input Section *\/\r\n   .ycv-input-section {\r\n      max-width: 100%;\r\n      margin: 0 auto 3rem;\r\n      padding: 2rem;\r\n      background: var(--va-white);\r\n      backdrop-filter: blur(20px);\r\n      border-radius: 1.5rem;\r\n      border: 1px solid rgba(138, 108, 252, 0.25);\r\n      box-shadow: 0 12px 40px rgba(138, 108, 252, 0.1);\r\n  }\r\n  \r\n      .ycv-input-wrapper {\r\n          display: flex;\r\n          gap: 0.75rem;\r\n          margin-bottom: 1rem;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .ycv-input-field {\r\n          flex: 1 !important;\r\n          min-width: 300px !important;\r\n          padding: 1rem 1.5rem !important;\r\n          background: #fff !important;\r\n          border: 1px solid rgba(0, 0, 0, 0.12) !important;\r\n          border-radius: 0.75rem !important;\r\n          color: #000 !important;\r\n          font-size: 1.125rem !important;\r\n          font-weight: 500 !important;\r\n          transition: all 0.3s ease !important;\r\n          position: relative !important;\r\n      }\r\n  \r\n      .ycv-input-field:focus {\r\n          outline: none !important;\r\n          border-color: #8a6cfc !important;\r\n          box-shadow: 0 0 0 3px rgba(138, 108, 252, 0.2) !important;\r\n          background: #fff !important;\r\n      }\r\n  \r\n      .ycv-input-field::placeholder {\r\n          color: rgba(0, 0, 0, 0.45) !important;\r\n      }\r\n  \r\n      .ycv-btn {\r\n          padding: 1rem 1.5rem;\r\n          border: none;\r\n          border-radius: 0.75rem;\r\n          font-size: 1rem;\r\n          font-weight: 600;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          position: relative;\r\n          overflow: hidden;\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n          white-space: nowrap;\r\n      }\r\n  \r\n      .ycv-btn::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: -100%;\r\n          width: 100%;\r\n          height: 100%;\r\n          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n          transition: left 0.5s;\r\n      }\r\n  \r\n      .ycv-btn:hover::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .ycv-btn-paste {\r\n          background: linear-gradient(135deg, #475569, #334155);\r\n          color: white;\r\n          box-shadow: 0 8px 25px rgba(71, 85, 105, 0.4);\r\n      }\r\n  \r\n      .ycv-btn-paste:hover {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 12px 35px rgba(71, 85, 105, 0.5);\r\n      }\r\n  \r\n    .ycv-btn-search {\r\n      background: linear-gradient(135deg, #8a6cfc, #7355e8);\r\n      color: white;\r\n      width: 100%;\r\n      font-size: 1.125rem;\r\n      padding: 1.25rem;\r\n      box-shadow: 0 8px 25px rgba(138, 108, 252, 0.35);\r\n  }\r\n  \r\n      .ycv-btn-search:hover:not(:disabled) {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 12px 35px rgba(138, 108, 252, 0.45);\r\n      }\r\n  \r\n      .ycv-btn-search:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n      }\r\n  \r\n      \/* Loading Styles *\/\r\n      .ycv-loading {\r\n          display: none;\r\n          text-align: center;\r\n          padding: 3rem 2rem;\r\n          background: #fafafa;\r\n          backdrop-filter: blur(20px);\r\n          border-radius: 1.5rem;\r\n          margin: 2rem 0;\r\n          border: 1px solid rgba(138, 108, 252, 0.2);\r\n          color: #000;\r\n      }\r\n  \r\n      .ycv-spinner {\r\n          width: 3rem;\r\n          height: 3rem;\r\n          border: 3px solid rgba(138, 108, 252, 0.25);\r\n          border-left: 3px solid #8a6cfc;\r\n          border-radius: 50%;\r\n          animation: ycv-spin 1s linear infinite;\r\n          margin: 0 auto 1rem;\r\n      }\r\n  \r\n      @keyframes ycv-spin {\r\n          to {\r\n              transform: rotate(360deg);\r\n          }\r\n      }\r\n  \r\n      \/* Channel Styles *\/\r\n      .ycv-channel-container {\r\n          display: none;\r\n          space-y: 2rem;\r\n      }\r\n  \r\n      .ycv-channel-banner {\r\n          width: 100%;\r\n          height: clamp(200px, 30vw, 320px);\r\n          background-size: cover;\r\n          background-position: center;\r\n          border-radius: 1.5rem;\r\n          margin-bottom: 2rem;\r\n          position: relative;\r\n          overflow: hidden;\r\n          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-channel-banner::after {\r\n          content: '';\r\n          position: absolute;\r\n          bottom: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 120px;\r\n          background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));\r\n      }\r\n  \r\n      .ycv-channel-header {\r\n          background: rgba(0, 0, 0, 0.3);\r\n          backdrop-filter: blur(20px);\r\n          border-radius: 1.5rem;\r\n          padding: 2rem;\r\n          margin-bottom: 2rem;\r\n          border: 1px solid rgba(138, 108, 252, 0.2);\r\n          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-channel-main-info {\r\n          display: flex;\r\n          gap: 1.5rem;\r\n          align-items: flex-start;\r\n          margin-bottom: 2rem;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .ycv-channel-avatar {\r\n          position: relative;\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .ycv-channel-avatar img {\r\n          width: clamp(96px, 15vw, 128px);\r\n          height: clamp(96px, 15vw, 128px);\r\n          border-radius: 50%;\r\n          border: 4px solid rgba(138, 108, 252, 0.5);\r\n          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-channel-avatar::before {\r\n          content: '';\r\n          position: absolute;\r\n          inset: -8px;\r\n          background: linear-gradient(135deg, #8a6cfc, #7355e8);\r\n          border-radius: 50%;\r\n          blur: 8px;\r\n          opacity: 0.3;\r\n      }\r\n  \r\n      .ycv-channel-details {\r\n          flex: 1;\r\n          min-width: 300px;\r\n      }\r\n  \r\n      .ycv-channel-name {\r\n          font-size: clamp(1.5rem, 4vw, 2.5rem);\r\n          font-weight: 800;\r\n          margin-bottom: 0.5rem;\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.75rem;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .ycv-verified-badge {\r\n          width: 2rem;\r\n          height: 2rem;\r\n          background: linear-gradient(135deg, #10b981, #059669);\r\n          border-radius: 50%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          color: white;\r\n          font-size: 1rem;\r\n          font-weight: bold;\r\n          box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4);\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .ycv-channel-handle {\r\n          font-size: clamp(1rem, 2.5vw, 1.25rem);\r\n          color: rgba(255, 255, 255, 0.8);\r\n          margin-bottom: 1rem;\r\n          font-weight: 500;\r\n      }\r\n  \r\n      .ycv-channel-description {\r\n          background: rgba(0, 0, 0, 0.4);\r\n          backdrop-filter: blur(10px);\r\n          border-radius: 0.75rem;\r\n          padding: 1rem;\r\n          margin-bottom: 1.5rem;\r\n          border: 1px solid rgba(255, 255, 255, 0.1);\r\n          line-height: 1.6;\r\n          color: rgba(255, 255, 255, 0.9);\r\n      }\r\n  \r\n      .ycv-channel-links {\r\n          display: flex;\r\n          gap: 0.75rem;\r\n          flex-wrap: wrap;\r\n          margin-bottom: 1.5rem;\r\n      }\r\n  \r\n      .ycv-channel-link {\r\n          background: linear-gradient(135deg, rgba(138, 108, 252, 0.2), rgba(115, 85, 232, 0.2));\r\n          border: 1px solid rgba(138, 108, 252, 0.3);\r\n          color: #8a6cfc;\r\n          text-decoration: none;\r\n          padding: 0.5rem 1rem;\r\n          border-radius: 0.5rem;\r\n          font-weight: 500;\r\n          transition: all 0.3s ease;\r\n          font-size: 0.875rem;\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n      }\r\n  \r\n      .ycv-channel-link:hover {\r\n          background: rgba(138, 108, 252, 0.3);\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 8px 20px rgba(138, 108, 252, 0.2);\r\n      }\r\n  \r\n      \/* Stats Grid *\/\r\n      .ycv-stats-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n          gap: 1rem;\r\n      }\r\n  \r\n      .ycv-stat-card {\r\n          padding: 1.5rem;\r\n          background: rgba(0, 0, 0, 0.4);\r\n          backdrop-filter: blur(10px);\r\n          border-radius: 1rem;\r\n          border: 1px solid rgba(100, 116, 139, 0.5);\r\n          transition: all 0.3s ease;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .ycv-stat-card:hover {\r\n          transform: translateY(-5px) scale(1.05);\r\n          border-color: rgba(138, 108, 252, 0.5);\r\n          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-stat-icon {\r\n          width: 3rem;\r\n          height: 3rem;\r\n          border-radius: 0.5rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          margin-bottom: 1rem;\r\n          transition: transform 0.3s ease;\r\n      }\r\n  \r\n      .ycv-stat-card:hover .ycv-stat-icon {\r\n          transform: scale(1.1);\r\n      }\r\n  \r\n      .ycv-stat-icon.users {\r\n          background: linear-gradient(135deg, #3b82f6, #06b6d4);\r\n      }\r\n  \r\n      .ycv-stat-icon.views {\r\n          background: linear-gradient(135deg, #10b981, #059669);\r\n      }\r\n  \r\n      .ycv-stat-icon.calendar {\r\n          background: linear-gradient(135deg, #8b5cf6, #7c3aed);\r\n      }\r\n  \r\n      .ycv-stat-icon.location {\r\n          background: linear-gradient(135deg, #8a6cfc, #dc2626);\r\n      }\r\n  \r\n      .ycv-stat-value {\r\n          font-size: clamp(1.25rem, 3vw, 2rem);\r\n          font-weight: 800;\r\n          color: #f1f5f9;\r\n          margin-bottom: 0.25rem;\r\n          word-break: break-word;\r\n      }\r\n  \r\n      .ycv-stat-label {\r\n          font-size: 0.875rem;\r\n          color: rgba(255, 255, 255, 0.7);\r\n          font-weight: 600;\r\n          text-transform: uppercase;\r\n          letter-spacing: 1px;\r\n      }\r\n  \r\n      \/* Videos Section *\/\r\n      .ycv-videos-section {\r\n          background: rgba(0, 0, 0, 0.3);\r\n          backdrop-filter: blur(20px);\r\n          border-radius: 1.5rem;\r\n          padding: 2rem;\r\n          border: 1px solid rgba(138, 108, 252, 0.2);\r\n          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-section-header {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.75rem;\r\n          margin-bottom: 2rem;\r\n      }\r\n  \r\n      .ycv-section-icon {\r\n          width: 2rem;\r\n          height: 2rem;\r\n          background: linear-gradient(135deg, #8a6cfc, #7355e8);\r\n          border-radius: 0.5rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n      }\r\n  \r\n      .ycv-section-title {\r\n          font-size: clamp(1.5rem, 4vw, 2rem);\r\n          font-weight: 700;\r\n          color: white;\r\n      }\r\n  \r\n      .ycv-videos-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n          gap: 1.5rem;\r\n      }\r\n  \r\n      .ycv-video-card {\r\n          background: rgba(0, 0, 0, 0.4);\r\n          backdrop-filter: blur(10px);\r\n          border-radius: 1rem;\r\n          overflow: hidden;\r\n          border: 1px solid rgba(100, 116, 139, 0.5);\r\n          transition: all 0.3s ease;\r\n          cursor: pointer;\r\n          group: true;\r\n      }\r\n  \r\n      .ycv-video-card:hover {\r\n          transform: translateY(-8px) scale(1.02);\r\n          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);\r\n          border-color: rgba(138, 108, 252, 0.5);\r\n      }\r\n  \r\n      .ycv-video-thumbnail {\r\n          width: 100%;\r\n          aspect-ratio: 16\/9;\r\n          background-size: cover;\r\n          background-position: center;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .ycv-video-thumbnail::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          background: rgba(0, 0, 0, 0);\r\n          transition: all 0.3s ease;\r\n          z-index: 1;\r\n      }\r\n  \r\n      .ycv-video-card:hover .ycv-video-thumbnail::before {\r\n          background: rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-play-button {\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%) scale(1);\r\n          width: 4rem;\r\n          height: 4rem;\r\n          background: rgba(138, 108, 252, 0.95);\r\n          border-radius: 50%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          opacity: 1;\r\n          transition: all 0.3s ease;\r\n          z-index: 2;\r\n          box-shadow: 0 8px 25px rgba(138, 108, 252, 0.4);\r\n      }\r\n  \r\n      .ycv-video-card:hover .ycv-play-button {\r\n          opacity: 1;\r\n          transform: translate(-50%, -50%) scale(1.1);\r\n      }\r\n  \r\n      .ycv-play-button svg {\r\n          width: 1.5rem;\r\n          height: 1.5rem;\r\n          fill: white;\r\n          margin-left: 2px;\r\n      }\r\n  \r\n      .ycv-video-duration {\r\n          position: absolute;\r\n          bottom: 0.5rem;\r\n          right: 0.5rem;\r\n          background: rgba(0, 0, 0, 0.8);\r\n          color: white;\r\n          padding: 0.25rem 0.5rem;\r\n          border-radius: 0.375rem;\r\n          font-size: 0.75rem;\r\n          font-weight: 600;\r\n          z-index: 3;\r\n      }\r\n  \r\n      .ycv-video-info {\r\n          padding: 1rem;\r\n      }\r\n  \r\n      .ycv-video-title {\r\n          font-size: 0.875rem;\r\n          font-weight: 600;\r\n          line-height: 1.4;\r\n          margin-bottom: 0.5rem;\r\n          color: white;\r\n          display: -webkit-box;\r\n          -webkit-line-clamp: 2;\r\n          -webkit-box-orient: vertical;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .ycv-video-card:hover .ycv-video-title {\r\n          color: #8a6cfc;\r\n      }\r\n  \r\n      .ycv-video-meta {\r\n          color: rgba(255, 255, 255, 0.7);\r\n          font-size: 0.75rem;\r\n          font-weight: 500;\r\n      }\r\n  \r\n      \/* Modal Styles *\/\r\n      .ycv-modal {\r\n          display: none;\r\n          position: fixed;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          background: rgba(0, 0, 0, 0.9);\r\n          backdrop-filter: blur(10px);\r\n          z-index: 1000;\r\n          padding: 1rem;\r\n      }\r\n  \r\n      .ycv-modal-content {\r\n          max-width: 1200px;\r\n          margin: 0 auto;\r\n          position: relative;\r\n          top: 50%;\r\n          transform: translateY(-50%);\r\n      }\r\n  \r\n      .ycv-modal-close {\r\n          position: absolute;\r\n          top: -3rem;\r\n          right: 0;\r\n          background: rgba(255, 255, 255, 0.1);\r\n          border: none;\r\n          color: white;\r\n          font-size: 1.5rem;\r\n          cursor: pointer;\r\n          padding: 0.75rem;\r\n          border-radius: 50%;\r\n          width: 3rem;\r\n          height: 3rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          transition: all 0.3s ease;\r\n      }\r\n  \r\n      .ycv-modal-close:hover {\r\n          background: rgba(255, 255, 255, 0.2);\r\n          transform: scale(1.1);\r\n      }\r\n  \r\n      .ycv-video-player {\r\n          width: 100%;\r\n          aspect-ratio: 16\/9;\r\n          border: none;\r\n          border-radius: 0.75rem;\r\n          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\r\n      }\r\n  \r\n      \/* Error Styles *\/\r\n      .ycv-error {\r\n          background: rgba(239, 68, 68, 0.2);\r\n          border: 1px solid rgba(239, 68, 68, 0.4);\r\n          color: #fca5a5;\r\n          padding: 2rem;\r\n          border-radius: 1rem;\r\n          text-align: center;\r\n          margin: 2rem 0;\r\n          backdrop-filter: blur(10px);\r\n      }\r\n  \r\n      .ycv-error h3 {\r\n          font-weight: 700;\r\n          margin-bottom: 0.5rem;\r\n          font-size: 1.125rem;\r\n      }\r\n  \r\n      \/* Enhanced Download Modal Styles *\/\r\n      .ycv-download-modal-content {\r\n          max-width: 900px;\r\n          max-height: 90vh;\r\n          overflow-y: auto;\r\n          background: rgba(0, 0, 0, 0.4);\r\n          backdrop-filter: blur(20px);\r\n          border-radius: 1.5rem;\r\n          border: 1px solid rgba(138, 108, 252, 0.3);\r\n          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\r\n          padding: 2rem;\r\n          margin: 2rem auto;\r\n          position: relative;\r\n      }\r\n  \r\n      .ycv-download-modal-header {\r\n          text-align: center;\r\n          margin-bottom: 2rem;\r\n          padding-bottom: 1rem;\r\n          border-bottom: 1px solid rgba(138, 108, 252, 0.2);\r\n      }\r\n  \r\n      .ycv-download-modal-title {\r\n          font-size: 1.5rem;\r\n          font-weight: 700;\r\n          color: white;\r\n          margin-bottom: 1rem;\r\n          line-height: 1.4;\r\n      }\r\n  \r\n      .ycv-download-modal-thumbnail {\r\n          width: 200px;\r\n          height: auto;\r\n          border-radius: 1rem;\r\n          margin: 0 auto 1rem;\r\n          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-download-modal-info {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n          gap: 1rem;\r\n          margin-bottom: 2rem;\r\n          padding: 1rem;\r\n          background: rgba(0, 0, 0, 0.3);\r\n          border-radius: 1rem;\r\n          border: 1px solid rgba(255, 255, 255, 0.1);\r\n      }\r\n  \r\n      .ycv-download-info-item {\r\n          text-align: center;\r\n      }\r\n  \r\n      .ycv-download-info-label {\r\n          font-size: 0.875rem;\r\n          color: rgba(255, 255, 255, 0.7);\r\n          font-weight: 600;\r\n          text-transform: uppercase;\r\n          letter-spacing: 1px;\r\n          margin-bottom: 0.5rem;\r\n      }\r\n  \r\n      .ycv-download-info-value {\r\n          font-size: 1rem;\r\n          color: #8a6cfc;\r\n          font-weight: 600;\r\n      }\r\n  \r\n      .ycv-download-formats-section {\r\n          margin-bottom: 2rem;\r\n      }\r\n  \r\n      .ycv-download-section-title {\r\n          font-size: 1.25rem;\r\n          font-weight: 700;\r\n          color: white;\r\n          margin-bottom: 1.5rem;\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n      }\r\n  \r\n      .ycv-download-section-icon {\r\n          width: 1.5rem;\r\n          height: 1.5rem;\r\n          background: linear-gradient(135deg, #8a6cfc, #7355e8);\r\n          border-radius: 0.375rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          color: white;\r\n          font-size: 0.875rem;\r\n      }\r\n  \r\n      .ycv-download-formats-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n          gap: 1rem;\r\n      }\r\n  \r\n      .ycv-download-format-card {\r\n          background: rgba(0, 0, 0, 0.4);\r\n          backdrop-filter: blur(10px);\r\n          border-radius: 1rem;\r\n          padding: 1.5rem;\r\n          border: 1px solid rgba(100, 116, 139, 0.5);\r\n          transition: all 0.3s ease;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .ycv-download-format-card:hover {\r\n          transform: translateY(-3px);\r\n          border-color: rgba(138, 108, 252, 0.5);\r\n          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-download-format-header {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          margin-bottom: 1rem;\r\n      }\r\n  \r\n      .ycv-download-format-type {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n      }\r\n  \r\n      .ycv-download-format-icon {\r\n          width: 2rem;\r\n          height: 2rem;\r\n          border-radius: 0.5rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          color: white;\r\n          font-size: 0.875rem;\r\n          font-weight: bold;\r\n      }\r\n  \r\n      .ycv-download-format-icon.audio {\r\n          background: linear-gradient(135deg, #8b5cf6, #7c3aed);\r\n      }\r\n  \r\n      .ycv-download-format-icon.video {\r\n          background: linear-gradient(135deg, #10b981, #059669);\r\n      }\r\n  \r\n      .ycv-download-format-label {\r\n          font-size: 1rem;\r\n          font-weight: 600;\r\n          color: white;\r\n      }\r\n  \r\n      .ycv-download-format-quality {\r\n          font-size: 0.875rem;\r\n          color: #8a6cfc;\r\n          font-weight: 600;\r\n          background: rgba(138, 108, 252, 0.2);\r\n          padding: 0.25rem 0.75rem;\r\n          border-radius: 1rem;\r\n          border: 1px solid rgba(138, 108, 252, 0.3);\r\n      }\r\n  \r\n      .ycv-btn-download {\r\n          background: linear-gradient(135deg, #8a6cfc, #7355e8);\r\n          color: white;\r\n          border: none;\r\n          padding: 0.75rem 1.5rem;\r\n          border-radius: 0.75rem;\r\n          font-weight: 600;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          width: 100%;\r\n          font-size: 0.875rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 0.5rem;\r\n          box-shadow: 0 8px 25px rgba(138, 108, 252, 0.3);\r\n      }\r\n  \r\n      .ycv-btn-download:hover:not(:disabled) {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 12px 35px rgba(138, 108, 252, 0.4);\r\n      }\r\n  \r\n      .ycv-btn-download:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n      }\r\n  \r\n      \/* Enhanced Loading Animation *\/\r\n      .ycv-download-loading {\r\n          text-align: center;\r\n          padding: 3rem 2rem;\r\n      }\r\n  \r\n      .ycv-download-loading-spinner {\r\n          width: 4rem;\r\n          height: 4rem;\r\n          margin: 0 auto 2rem;\r\n          position: relative;\r\n      }\r\n  \r\n      .ycv-download-loading-spinner::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          border: 4px solid rgba(138, 108, 252, 0.2);\r\n          border-radius: 50%;\r\n      }\r\n  \r\n      .ycv-download-loading-spinner::after {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          border: 4px solid transparent;\r\n          border-top: 4px solid #8a6cfc;\r\n          border-radius: 50%;\r\n          animation: ycv-downloadSpin 1s linear infinite;\r\n      }\r\n  \r\n      @keyframes ycv-downloadSpin {\r\n          to {\r\n              transform: rotate(360deg);\r\n          }\r\n      }\r\n  \r\n      .ycv-download-loading-text {\r\n          font-size: 1.125rem;\r\n          color: white;\r\n          font-weight: 600;\r\n          margin-bottom: 0.5rem;\r\n      }\r\n  \r\n      .ycv-download-loading-subtext {\r\n          font-size: 0.875rem;\r\n          color: rgba(255, 255, 255, 0.7);\r\n      }\r\n  \r\n      .ycv-download-loading-dots {\r\n          display: inline-flex;\r\n          gap: 0.25rem;\r\n          margin-left: 0.5rem;\r\n      }\r\n  \r\n      .ycv-download-loading-dot {\r\n          width: 0.375rem;\r\n          height: 0.375rem;\r\n          background: #8a6cfc;\r\n          border-radius: 50%;\r\n          animation: ycv-downloadDots 1.5s ease-in-out infinite;\r\n      }\r\n  \r\n      .ycv-download-loading-dot:nth-child(2) {\r\n          animation-delay: 0.2s;\r\n      }\r\n  \r\n      .ycv-download-loading-dot:nth-child(3) {\r\n          animation-delay: 0.4s;\r\n      }\r\n  \r\n      @keyframes ycv-downloadDots {\r\n  \r\n          0%,\r\n          60%,\r\n          100% {\r\n              opacity: 0.3;\r\n              transform: scale(0.8);\r\n          }\r\n  \r\n          30% {\r\n              opacity: 1;\r\n              transform: scale(1);\r\n          }\r\n      }\r\n  \r\n      \/* Enhanced Progress Bar *\/\r\n      .ycv-download-progress-container {\r\n          margin-top: 2rem;\r\n          padding: 2rem;\r\n          background: rgba(0, 0, 0, 0.4);\r\n          backdrop-filter: blur(10px);\r\n          border-radius: 1rem;\r\n          border: 1px solid rgba(138, 108, 252, 0.3);\r\n      }\r\n  \r\n      .ycv-download-progress-header {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          margin-bottom: 1rem;\r\n      }\r\n  \r\n      .ycv-download-progress-title {\r\n          font-size: 1rem;\r\n          font-weight: 600;\r\n          color: white;\r\n      }\r\n  \r\n      .ycv-download-progress-percentage {\r\n          font-size: 1rem;\r\n          font-weight: 700;\r\n          color: #8a6cfc;\r\n      }\r\n  \r\n      .ycv-download-progress-bar-container {\r\n          width: 100%;\r\n          height: 0.75rem;\r\n          background: rgba(0, 0, 0, 0.5);\r\n          border-radius: 0.375rem;\r\n          overflow: hidden;\r\n          margin-bottom: 1rem;\r\n          border: 1px solid rgba(255, 255, 255, 0.1);\r\n      }\r\n  \r\n      .ycv-download-progress-bar {\r\n          height: 100%;\r\n          background: linear-gradient(90deg, #8a6cfc, #7355e8);\r\n          border-radius: 0.375rem;\r\n          transition: width 0.3s ease;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .ycv-download-progress-bar::after {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n          animation: ycv-progressShimmer 2s ease-in-out infinite;\r\n      }\r\n  \r\n      @keyframes ycv-progressShimmer {\r\n          0% {\r\n              transform: translateX(-100%);\r\n          }\r\n  \r\n          100% {\r\n              transform: translateX(100%);\r\n          }\r\n      }\r\n  \r\n      .ycv-download-progress-actions {\r\n          display: flex;\r\n          gap: 1rem;\r\n          justify-content: center;\r\n      }\r\n  \r\n      .ycv-btn-cancel {\r\n          background: linear-gradient(135deg, #ef4444, #dc2626);\r\n          color: white;\r\n          border: none;\r\n          padding: 0.75rem 1.5rem;\r\n          border-radius: 0.75rem;\r\n          font-weight: 600;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n          box-shadow: 0 8px 25px rgba(239, 68, 68, 0.3);\r\n      }\r\n  \r\n      .ycv-btn-cancel:hover {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 12px 35px rgba(239, 68, 68, 0.4);\r\n      }\r\n  \r\n      .ycv-download-complete {\r\n          text-align: center;\r\n          padding: 2rem;\r\n          background: rgba(16, 185, 129, 0.2);\r\n          border: 1px solid rgba(16, 185, 129, 0.4);\r\n          border-radius: 1rem;\r\n          margin-top: 1rem;\r\n      }\r\n  \r\n      .ycv-download-complete-icon {\r\n          width: 3rem;\r\n          height: 3rem;\r\n          background: linear-gradient(135deg, #10b981, #059669);\r\n          border-radius: 50%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          margin: 0 auto 1rem;\r\n          color: white;\r\n          font-size: 1.5rem;\r\n      }\r\n  \r\n      .ycv-download-complete-text {\r\n          font-size: 1.125rem;\r\n          font-weight: 600;\r\n          color: #10b981;\r\n      }\r\n  \r\n      \/* Responsive Design *\/\r\n      @media (max-width: 768px) {\r\n          .ycv-container {\r\n              padding: 1rem;\r\n          }\r\n  \r\n          .ycv-header-content {\r\n              flex-direction: column;\r\n              gap: 1rem;\r\n              padding: 1.5rem;\r\n          }\r\n  \r\n          .ycv-features-grid {\r\n              grid-template-columns: repeat(2, 1fr);\r\n              gap: 0.75rem;\r\n          }\r\n  \r\n          .ycv-input-section {\r\n              padding: 1.5rem;\r\n          }\r\n  \r\n          .ycv-input-wrapper {\r\n              flex-direction: column;\r\n              gap: 0.75rem;\r\n          }\r\n  \r\n          .ycv-input-field {\r\n              min-width: unset !important;\r\n          }\r\n  \r\n          .ycv-channel-main-info {\r\n              flex-direction: column;\r\n              align-items: center;\r\n              text-align: center;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .ycv-channel-name {\r\n              justify-content: center;\r\n          }\r\n  \r\n          .ycv-stats-grid {\r\n              grid-template-columns: repeat(2, 1fr);\r\n              gap: 0.75rem;\r\n          }\r\n  \r\n          .ycv-stat-card {\r\n              padding: 1rem;\r\n          }\r\n  \r\n          .ycv-videos-grid {\r\n              grid-template-columns: 1fr;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .ycv-channel-header,\r\n          .ycv-videos-section {\r\n              padding: 1.5rem;\r\n          }\r\n  \r\n          .ycv-download-modal-content {\r\n              margin: 1rem;\r\n              padding: 1.5rem;\r\n          }\r\n  \r\n          .ycv-download-formats-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .ycv-download-modal-info {\r\n              grid-template-columns: 1fr;\r\n          }\r\n      }\r\n  \r\n      @media (max-width: 480px) {\r\n          .ycv-stats-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .ycv-features-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .ycv-app-icon {\r\n              width: 3rem;\r\n              height: 3rem;\r\n          }\r\n  \r\n          .ycv-app-icon svg {\r\n              width: 1.5rem;\r\n              height: 1.5rem;\r\n          }\r\n  \r\n          .ycv-download-modal-content {\r\n              padding: 1rem;\r\n          }\r\n      }\r\n  \r\n      @media (min-width: 1200px) {\r\n          .ycv-videos-grid {\r\n              grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\r\n          }\r\n  \r\n          .ycv-stats-grid {\r\n              grid-template-columns: repeat(4, 1fr);\r\n          }\r\n      }\r\n  \r\n      \/* Utility Classes *\/\r\n      .ycv-hidden {\r\n          display: none;\r\n      }\r\n  \r\n      .ycv-flex {\r\n          display: flex;\r\n      }\r\n  \r\n      .ycv-items-center {\r\n          align-items: center;\r\n      }\r\n  \r\n      .ycv-gap-2 {\r\n          gap: 0.5rem;\r\n      }\r\n  <\/style>\r\n  \r\n  <body data-aos-easing=\"ease-in-out\" data-aos-duration=\"800\" data-aos-delay=\"0\" data-new-gr-c-s-check-loaded=\"14.1249.0\" data-gr-ext-installed=\"\" data-new-gr-c-s-loaded=\"14.1223.0\" class=\"\" style=\"\">\r\n     \r\n       <section class=\"ytchv-custom-section\">\r\n          <div class=\"container\">\r\n              <!-- Animated Background -->\r\n      <div class=\"ycv-background-effects\">\r\n          <div class=\"ycv-floating-orb ycv-orb-1\"><\/div>\r\n          <div class=\"ycv-floating-orb ycv-orb-2\"><\/div>\r\n          <div class=\"ycv-floating-orb ycv-orb-3\"><\/div>\r\n      <\/div>\r\n  \r\n      <div class=\"ycv-container\">\r\n          <!-- Header -->\r\n          <div class=\"ycv-header\">\r\n              <div class=\"ycv-header-content\">\r\n                  <div class=\"ycv-app-icon\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                          <path d=\"M8 5v14l11-7z\"><\/path>\r\n                      <\/svg>\r\n                  <\/div>\r\n                  <div>\r\n                      <h1 class=\"ycv-title\"><span class=\"va-cap\">Y<\/span>outube Channel History <span class=\"va-cap\">V<\/span>iewer<\/h1>\r\n                      <p class=\"ycv-subtitle\">Comprehensive Channel Analytics & Video Streaming<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n  \r\n              <div class=\"ycv-features-grid\">\r\n                  <div class=\"ycv-feature-card\">\r\n                      <span class=\"ycv-feature-icon\">\ud83d\udcca<\/span>\r\n                      <span class=\"ycv-feature-text\">Channel Analytics<\/span>\r\n                  <\/div>\r\n                  <div class=\"ycv-feature-card\">\r\n                      <span class=\"ycv-feature-icon\">\ud83c\udfa5<\/span>\r\n                      <span class=\"ycv-feature-text\">Video Streaming<\/span>\r\n                  <\/div>\r\n                  <div class=\"ycv-feature-card\">\r\n                      <span class=\"ycv-feature-icon\">\u2b07\ufe0f<\/span>\r\n                      <span class=\"ycv-feature-text\">Download Options<\/span>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n  \r\n          <!-- Input Section -->\r\n          <div class=\"ycv-input-section\">\r\n              <div class=\"ycv-input-wrapper\">\r\n                  <input type=\"text\" id=\"ycv-channelInput\" class=\"ycv-input-field\" placeholder=\"Enter channel username (e.g., @username) or channel URL\">\r\n                  <button class=\"ycv-btn ycv-btn-paste\" onclick=\"ycv_pasteFromClipboard()\">\r\n                      <span id=\"ycv-pasteIcon\">\ud83d\udccb<\/span>\r\n                      <span id=\"ycv-pasteText\">Paste<\/span>\r\n                  <\/button>\r\n              <\/div>\r\n              <button class=\"ycv-btn ycv-btn-search\" id=\"ycv-searchBtn\" onclick=\"ycv_findChannel()\">\r\n                  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                      <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"><\/path>\r\n                  <\/svg>\r\n                  <span id=\"ycv-searchText\">Analyze Channel<\/span>\r\n              <\/button>\r\n          <\/div>\r\n  \r\n          <!-- Loading -->\r\n          <div class=\"ycv-loading\" id=\"ycv-loading\">\r\n              <div class=\"ycv-spinner\"><\/div>\r\n              <p>Analyzing channel data...<\/p>\r\n          <\/div>\r\n  \r\n          <!-- Channel Container -->\r\n          <div class=\"ycv-channel-container\" id=\"ycv-channelContainer\">\r\n              <!-- Channel content will be populated here -->\r\n          <\/div>\r\n      <\/div>\r\n  \r\n      <!-- Video Modal -->\r\n      <div class=\"ycv-modal\" id=\"ycv-videoModal\">\r\n          <div class=\"ycv-modal-content\">\r\n              <button class=\"ycv-modal-close\" onclick=\"ycv_closeModal()\">\u00d7<\/button>\r\n              <iframe id=\"ycv-videoPlayer\" class=\"ycv-video-player\" allowfullscreen=\"\"><\/iframe>\r\n          <\/div>\r\n      <\/div>\r\n  \r\n      <!-- Enhanced Download Modal -->\r\n      <div class=\"ycv-modal\" id=\"ycv-downloadModal\">\r\n          <div class=\"ycv-download-modal-content\">\r\n              <button class=\"ycv-modal-close\" onclick=\"ycv_closeDownloadModal()\">\u00d7<\/button>\r\n              <div id=\"ycv-downloadModalBody\">\r\n                  <!-- Dynamic content here -->\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  \r\n          <\/div>\r\n       <\/section>\r\n  \r\n  <!-- Work Process Section --> \r\n  <section class=\"ytchv-work-process-section\" id=\"how-it-works\">\r\n      <div class=\"container ytchv-work-process-content\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"ytchv-section-title ytchv-light-title\">How Our YouTube Channel History Viewer Works<\/h2>\r\n              <p class=\"ytchv-section-subtitle ytchv-light-subtitle\">Explore any public channel\u2019s upload history in 3 simple steps<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"row\">\r\n              <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                  <div class=\"ytchv-process-step\">\r\n                      <div class=\"ytchv-step-number\">1<\/div>\r\n                      <h4 class=\"text-white\">Enter Channel URL<\/h4>\r\n                      <p class=\"ytchv-light-subtitle\">Paste the YouTube channel link whose public history you want to view<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                  <div class=\"ytchv-process-step\">\r\n                      <div class=\"ytchv-step-number\">2<\/div>\r\n                      <h4 class=\"text-white\">Process History<\/h4>\r\n                      <p class=\"ytchv-light-subtitle\">Our system compiles the public upload timeline without touching YouTube tracking<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                  <div class=\"ytchv-process-step\">\r\n                      <div class=\"ytchv-step-number\">3<\/div>\r\n                      <h4 class=\"text-white\">View Timeline<\/h4>\r\n                      <p class=\"ytchv-light-subtitle\">Browse videos, playlists, and past public livestreams by date\u2014anonymously<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- Features Section -->\r\n  <section class=\"ytchv-features-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"ytchv-section-title\">Key Features<\/h2>\r\n              <p class=\"ytchv-section-subtitle\">Our YouTube Channel History Viewer makes public timelines easy to explore<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"row\">\r\n              <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                  <div class=\"ytchv-feature-card\">\r\n                      <div class=\"ytchv-feature-icon\">\r\n                          <i class=\"bx bx-user\"><\/i>\r\n                      <\/div>\r\n                      <h4>Complete Anonymity<\/h4>\r\n                      <p>Review a channel\u2019s public history without revealing your identity or altering stats<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                  <div class=\"ytchv-feature-card\">\r\n                      <div class=\"ytchv-feature-icon\">\r\n                          <i class=\"bx bx-shield\"><\/i>\r\n                      <\/div>\r\n                      <h4>No Tracking<\/h4>\r\n                      <p>YouTube won\u2019t track your visits or influence recommendations while you browse history<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                  <div class=\"ytchv-feature-card\">\r\n                      <div class=\"ytchv-feature-icon\">\r\n                          <i class=\"bx bx-line-chart\"><\/i>\r\n                      <\/div>\r\n                      <h4>Timeline Analytics<\/h4>\r\n                      <p>See upload cadence, streaks, and activity windows without logging in<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                  <div class=\"ytchv-feature-card\">\r\n                      <div class=\"ytchv-feature-icon\">\r\n                          <i class=\"bx bx-video\"><\/i>\r\n                      <\/div>\r\n                      <h4>Video Insights<\/h4>\r\n                      <p>Open any public video from the timeline without affecting its view count<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                  <div class=\"ytchv-feature-card\">\r\n                      <div class=\"ytchv-feature-icon\">\r\n                          <i class=\"bx bx-group\"><\/i>\r\n                      <\/div>\r\n                      <h4>Milestone Highlights<\/h4>\r\n                      <p>Spot notable history points like first uploads, spikes, and series launches<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                  <div class=\"ytchv-feature-card\">\r\n                      <div class=\"ytchv-feature-icon\">\r\n                          <i class=\"bx bx-devices\"><\/i>\r\n                      <\/div>\r\n                      <h4>Cross-Platform<\/h4>\r\n                      <p>Works smoothly on desktop, tablet, and mobile devices<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- Why Choose Section -->\r\n  <section class=\"ytchv-why-choose-section\">\r\n      <div class=\"container\">\r\n          <div class=\"row align-items-center\">\r\n              <div class=\"col-lg-6 mb-5 mb-lg-0\" data-aos=\"fade-right\">\r\n                  <div class=\"ytchv-why-choose-image ytchv-floating-element\">\r\n                      <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Youtube_Channel_History_Viewer.webp\" alt=\"YouTube Channel History Viewer\" class=\"img-fluid rounded-3\">\r\n                  <\/div>\r\n              <\/div>\r\n              <div class=\"col-lg-6\" data-aos=\"fade-left\">\r\n                  <h2 class=\"ytchv-section-title mb-4\">Why Choose Our YouTube Channel History Viewer?<\/h2>\r\n                  <p class=\"mb-4\">Research upload patterns, discover content phases, and explore past public activity\u2014privately. Our viewer keeps you off the radar while delivering clear, reliable history views.<\/p>\r\n                  \r\n                  <div class=\"ytchv-benefit-item\">\r\n                      <div class=\"ytchv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">No account needed<\/h5>\r\n                          <p class=\"mb-0\">Check channel history without logging in or using the YouTube app<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ytchv-benefit-item\">\r\n                      <div class=\"ytchv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Competitor research<\/h5>\r\n                          <p class=\"mb-0\">Analyze posting cadence and series rollouts without impacting stats<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ytchv-benefit-item\">\r\n                      <div class=\"ytchv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Fast and reliable<\/h5>\r\n                          <p class=\"mb-0\">Get timeline data instantly with our optimized system<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ytchv-benefit-item\">\r\n                      <div class=\"ytchv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Privacy focused<\/h5>\r\n                          <p class=\"mb-0\">No cookies, no tracking, no viewing history stored<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- FAQ Section -->\r\n  <section class=\"ytchv-faq-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"ytchv-section-title\">Frequently Asked Questions<\/h2>\r\n              <p class=\"ytchv-section-subtitle\">Everything about our YouTube Channel History Viewer<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"row justify-content-center\">\r\n              <div class=\"col-lg-8\">\r\n                  <div class=\"accordion\" id=\"ytchv-faqAccordion\">\r\n                      <div class=\"ytchv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                          <h3 class=\"accordion-header\" id=\"ytchv-heading1\">\r\n                              <button class=\"ytchv-accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ytchv-collapse1\" aria-expanded=\"true\" aria-controls=\"ytchv-collapse1\">\r\n                                  Is viewing a channel\u2019s history anonymously legal?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ytchv-collapse1\" class=\"accordion-collapse collapse show\" aria-labelledby=\"ytchv-heading1\" data-bs-parent=\"#ytchv-faqAccordion\">\r\n                              <div class=\"ytchv-accordion-body\">\r\n                                  Yes. We only display publicly available channel information and timelines. We don\u2019t bypass privacy controls or access private data.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ytchv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                          <h3 class=\"accordion-header\" id=\"ytchv-heading2\">\r\n                              <button class=\"ytchv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ytchv-collapse2\" aria-expanded=\"false\" aria-controls=\"ytchv-collapse2\">\r\n                                  Can I see deleted or private videos in the history?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ytchv-collapse2\" class=\"accordion-collapse collapse\" aria-labelledby=\"ytchv-heading2\" data-bs-parent=\"#ytchv-faqAccordion\">\r\n                              <div class=\"ytchv-accordion-body\">\r\n                                  No. The viewer respects YouTube privacy settings. Only currently public items (videos, lives, playlists) appear in the timeline.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ytchv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                          <h3 class=\"accordion-header\" id=\"ytchv-heading3\">\r\n                              <button class=\"ytchv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ytchv-collapse3\" aria-expanded=\"false\" aria-controls=\"ytchv-collapse3\">\r\n                                  Will the channel owner know I viewed their history?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ytchv-collapse3\" class=\"accordion-collapse collapse\" aria-labelledby=\"ytchv-heading3\" data-bs-parent=\"#ytchv-faqAccordion\">\r\n                              <div class=\"ytchv-accordion-body\">\r\n                                  No. Your visit isn\u2019t counted in YouTube\u2019s analytics, and the owner won\u2019t be notified.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ytchv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                          <h3 class=\"accordion-header\" id=\"ytchv-heading4\">\r\n                              <button class=\"ytchv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ytchv-collapse4\" aria-expanded=\"false\" aria-controls=\"ytchv-collapse4\">\r\n                                  Do I need to install any software?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ytchv-collapse4\" class=\"accordion-collapse collapse\" aria-labelledby=\"ytchv-heading4\" data-bs-parent=\"#ytchv-faqAccordion\">\r\n                              <div class=\"ytchv-accordion-body\">\r\n                                  No. It\u2019s fully web-based. Enter a channel URL and browse the public history directly in your browser.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ytchv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                          <h3 class=\"accordion-header\" id=\"ytchv-heading5\">\r\n                              <button class=\"ytchv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ytchv-collapse5\" aria-expanded=\"false\" aria-controls=\"ytchv-collapse5\">\r\n                                  What timeline data can I view?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ytchv-collapse5\" class=\"accordion-collapse collapse\" aria-labelledby=\"ytchv-heading5\" data-bs-parent=\"#ytchv-faqAccordion\">\r\n                              <div class=\"ytchv-accordion-body\">\r\n                                  Upload dates, public videos, public livestream replays, and public playlists organized chronologically. We don\u2019t expose private analytics or non-public items.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n    \r\n    <!-- Footer -->\r\n    \r\n  \r\n  <!-- Copyright Section -->\r\n  \r\n  \r\n  \r\n  \r\n   <!-- YouTub Channel Viewer js -->\r\n    <script src=\"https:\/\/tools.xrespond.com\/api\/rate-limit-handler.js\"><\/script>\r\n    <script src=\"https:\/\/tools.xrespond.com\/api\/js\/client-ip-detector.js\"><\/script>\r\n   <script>\r\n      let ycv_isProcessing = false;\r\n  \r\n      async function ycv_pasteFromClipboard() {\r\n          try {\r\n              const text = await navigator.clipboard.readText();\r\n              document.getElementById('ycv-channelInput').value = text;\r\n  \r\n              \/\/ Visual feedback\r\n              const icon = document.getElementById('ycv-pasteIcon');\r\n              const text_el = document.getElementById('ycv-pasteText');\r\n              icon.textContent = '\u2713';\r\n              text_el.textContent = 'Copied!';\r\n  \r\n              setTimeout(() => {\r\n                  icon.textContent = '\ud83d\udccb';\r\n                  text_el.textContent = 'Paste';\r\n              }, 2000);\r\n          } catch (err) {\r\n              console.error('Failed to read clipboard contents: ', err);\r\n              alert('Unable to access clipboard. Please paste manually.');\r\n          }\r\n      }\r\n  \r\n      function ycv_cleanSubscriberCount(subscriberText) {\r\n          if (!subscriberText) return 'N\/A';\r\n          return subscriberText.replace(\/\\s*subscribers?\\s*\/i, '').trim();\r\n      }\r\n  \r\n      async function ycv_findChannel() {\r\n          if (ycv_isProcessing) return;\r\n  \r\n          const input = document.getElementById('ycv-channelInput').value.trim();\r\n          if (!input) {\r\n              alert('Please enter a YouTube channel username or channel URL');\r\n              return;\r\n          }\r\n          const channelName = input;\r\n  \r\n          ycv_isProcessing = true;\r\n          const loading = document.getElementById('ycv-loading');\r\n          const channelContainer = document.getElementById('ycv-channelContainer');\r\n          const searchBtn = document.getElementById('ycv-searchBtn');\r\n          const searchText = document.getElementById('ycv-searchText');\r\n  \r\n          searchBtn.disabled = true;\r\n          searchText.textContent = 'Analyzing...';\r\n          loading.style.display = 'block';\r\n          channelContainer.style.display = 'none';\r\n  \r\n          try {\r\n              const formData = new FormData();\r\n              formData.append('channel_name', channelName);\r\n              const response = await fetch('https:\/\/tools.xrespond.com\/api\/youtube\/channel-viewer', {\r\n                  method: 'POST',\r\n                  body: formData\r\n              });\r\n  \r\n              if (!response.ok) {\r\n                  const errorText = await response.text();\r\n                  throw new Error(`API Error ${response.status}: ${errorText}`);\r\n              }\r\n  \r\n              const data = await response.json();\r\n  \r\n              if (data && data.status === 'success' && data.data && data.data.channel_info && data.data.channel_info.data) {\r\n                  ycv_displayChannel(data.data);\r\n                  document.getElementById('ycv-channelInput').value = '';\r\n              } else {\r\n                  throw new Error('Invalid response format from API');\r\n              }\r\n  \r\n          } catch (error) {\r\n              console.error('Error:', error);\r\n              channelContainer.innerHTML = `\r\n                  <div class=\"ycv-error\">\r\n                      <h3>\u274c Error loading channel<\/h3>\r\n                      <p><strong>Error:<\/strong> ${error.message}<\/p>\r\n                      <p>Please check the channel name and try again.<\/p>\r\n                  <\/div>\r\n              `;\r\n              channelContainer.style.display = 'block';\r\n          } finally {\r\n              ycv_isProcessing = false;\r\n              searchBtn.disabled = false;\r\n              searchText.textContent = 'Analyze Channel';\r\n              loading.style.display = 'none';\r\n          }\r\n      }\r\n  \r\n      function ycv_displayChannel(data) {\r\n          const channelInfo = (data.channel_info && data.channel_info.data) ? data.channel_info.data : {};\r\n          const videos = (data.channel_videos && Array.isArray(data.channel_videos.videos)) ? data.channel_videos.videos : [];\r\n          const container = document.getElementById('ycv-channelContainer');\r\n  \r\n          container.innerHTML = `\r\n              ${channelInfo.banner ? `<div class=\"ycv-channel-banner\" style=\"background-image: url('${channelInfo.banner}')\"><\/div>` : ''}\r\n              \r\n              <div class=\"ycv-channel-header\">\r\n                  <div class=\"ycv-channel-main-info\">\r\n                      ${channelInfo.avatar ? `\r\n                      <div class=\"ycv-channel-avatar\">\r\n                          <img decoding=\"async\" src=\"${channelInfo.avatar}\" alt=\"Channel Avatar\" \/>\r\n                      <\/div>\r\n                      ` : ''}\r\n                      \r\n                      <div class=\"ycv-channel-details\">\r\n                          ${channelInfo.name ? `\r\n                          <div class=\"ycv-channel-name\">\r\n                              ${channelInfo.name}\r\n                              <div class=\"ycv-verified-badge\">\u2713<\/div>\r\n                          <\/div>\r\n                          ` : ''}\r\n                          \r\n                          ${channelInfo.canonicalUrl ? `<div class=\"ycv-channel-handle\">${channelInfo.canonicalUrl}<\/div>` : ''}\r\n                          \r\n                          ${channelInfo.description ? `<div class=\"ycv-channel-description\">${channelInfo.description}<\/div>` : ''}\r\n                          \r\n                          ${channelInfo.links && channelInfo.links.length > 0 ? `\r\n                          <div class=\"ycv-channel-links\">\r\n                              ${channelInfo.links.map(link => `\r\n                                  <a href=\"https:\/\/${link.url}\" target=\"_blank\" class=\"ycv-channel-link\">\r\n                                      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                          <path d=\"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z\"\/>\r\n                                      <\/svg>\r\n                                      ${link.title}\r\n                                  <\/a>\r\n                              `).join('')}\r\n                          <\/div>\r\n                          ` : ''}\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ycv-stats-grid\">\r\n                      ${channelInfo.subscriberCount ? `\r\n                      <div class=\"ycv-stat-card\">\r\n                          <div class=\"ycv-stat-icon users\">\r\n                              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\r\n                                  <path d=\"M16 7c0-2.21-1.79-4-4-4S8 4.79 8 7s1.79 4 4 4 4-1.79 4-4zm-4 6c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z\"\/>\r\n                              <\/svg>\r\n                          <\/div>\r\n                          <div class=\"ycv-stat-value\">${ycv_cleanSubscriberCount(channelInfo.subscriberCount)}<\/div>\r\n                          <div class=\"ycv-stat-label\">Subscribers<\/div>\r\n                      <\/div>\r\n                      ` : ''}\r\n                      \r\n                      ${channelInfo.viewCount ? `\r\n                      <div class=\"ycv-stat-card\">\r\n                          <div class=\"ycv-stat-icon views\">\r\n                              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\r\n                                  <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/>\r\n                              <\/svg>\r\n                          <\/div>\r\n                          <div class=\"ycv-stat-value\">${channelInfo.viewCount}<\/div>\r\n                          <div class=\"ycv-stat-label\">Total Views<\/div>\r\n                      <\/div>\r\n                      ` : ''}\r\n                      \r\n                      ${channelInfo.joinedDate ? `\r\n                      <div class=\"ycv-stat-card\">\r\n                          <div class=\"ycv-stat-icon calendar\">\r\n                              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\r\n                                  <path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"\/>\r\n                              <\/svg>\r\n                          <\/div>\r\n                          <div class=\"ycv-stat-value\">${channelInfo.joinedDate}<\/div>\r\n                          <div class=\"ycv-stat-label\">Joined<\/div>\r\n                      <\/div>\r\n                      ` : ''}\r\n                      \r\n                      ${channelInfo.country ? `\r\n                      <div class=\"ycv-stat-card\">\r\n                          <div class=\"ycv-stat-icon location\">\r\n                              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\r\n                                  <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n                              <\/svg>\r\n                          <\/div>\r\n                          <div class=\"ycv-stat-value\">${channelInfo.country}<\/div>\r\n                          <div class=\"ycv-stat-label\">Country<\/div>\r\n                      <\/div>\r\n                      ` : ''}\r\n                  <\/div>\r\n              <\/div>\r\n  \r\n              ${videos && videos.length > 0 ? `\r\n              <div class=\"ycv-videos-section\">\r\n                  <div class=\"ycv-section-header\">\r\n                      <div class=\"ycv-section-icon\">\r\n                          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\">\r\n                              <path d=\"M8 5v14l11-7z\"\/>\r\n                          <\/svg>\r\n                      <\/div>\r\n                      <div class=\"ycv-section-title\">Latest Videos<\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ycv-videos-grid\">\r\n                      ${videos.map(video => `\r\n                          <div class=\"ycv-video-card\">\r\n                              <div onclick=\"ycv_playVideo('${video.videoId}', '${video.title.replace(\/'\/g, \"\\\\'\")}')\" style=\"cursor:pointer;\">\r\n                                  <div class=\"ycv-video-thumbnail\" style=\"background-image: url('${ycv_getBestThumbnail(video.thumbnails)}')\">\r\n                                      <div class=\"ycv-play-button\" onclick=\"event.stopPropagation(); ycv_playVideo('${video.videoId}', '${video.title.replace(\/'\/g, \"\\\\'\")}')\">\r\n                                          <svg viewBox=\"0 0 24 24\">\r\n                                              <path d=\"M8 5v14l11-7z\"\/>\r\n                                          <\/svg>\r\n                                      <\/div>\r\n                                      ${video.length ? `<div class=\"ycv-video-duration\">${video.length}<\/div>` : ''}\r\n                                  <\/div>\r\n                                  <div class=\"ycv-video-info\">\r\n                                      <div class=\"ycv-video-title\">${video.title}<\/div>\r\n                                      <div class=\"ycv-video-meta\">\r\n                                          ${video.viewCount ? `${video.viewCount}` : ''}\r\n                                      <\/div>\r\n                                  <\/div>\r\n                              <\/div>\r\n                              <div style=\"display: flex; gap: 0.5rem;\">\r\n                                  <button class=\"ycv-btn ycv-btn-download\" onclick=\"event.stopPropagation(); ycv_openDownloadModal('${video.videoId}', '${video.title.replace(\/'\/g, \"\\\\'\")}')\">\r\n                                      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                          <path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\/>\r\n                                      <\/svg>\r\n                                      Download\r\n                                  <\/button>\r\n                                  <button class=\"ycv-btn ycv-btn-search\" style=\"padding: 0.75rem 1.5rem; font-size: 0.875rem;\" onclick=\"event.stopPropagation(); ycv_playVideo('${video.videoId}', '${video.title.replace(\/'\/g, \"\\\\'\")}')\">\r\n                                      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                          <path d=\"M8 5v14l11-7z\"\/>\r\n                                      <\/svg>\r\n                                      Stream\r\n                                  <\/button>\r\n                              <\/div>\r\n                          <\/div>\r\n                      `).join('')}\r\n                  <\/div>\r\n              <\/div>\r\n              ` : ''}\r\n          `;\r\n  \r\n          container.style.display = 'block';\r\n      }\r\n  \r\n      function ycv_getBestThumbnail(thumbnails) {\r\n          if (!thumbnails || thumbnails.length === 0) return '';\r\n  \r\n          const qualities = ['hq720', 'sddefault', 'hqdefault', 'mqdefault', 'default'];\r\n  \r\n          for (const quality of qualities) {\r\n              const thumbnail = thumbnails.find(t => t.url && t.url.includes(quality));\r\n              if (thumbnail) return thumbnail.url;\r\n          }\r\n  \r\n          return thumbnails[thumbnails.length - 1].url;\r\n      }\r\n  \r\n      function ycv_playVideo(videoId, title) {\r\n          const modal = document.getElementById('ycv-videoModal');\r\n          const player = document.getElementById('ycv-videoPlayer');\r\n  \r\n          player.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&rel=0`;\r\n          modal.style.display = 'block';\r\n  \r\n          document.body.style.overflow = 'hidden';\r\n      }\r\n  \r\n      function ycv_closeModal() {\r\n          const modal = document.getElementById('ycv-videoModal');\r\n          const player = document.getElementById('ycv-videoPlayer');\r\n  \r\n          player.src = '';\r\n          modal.style.display = 'none';\r\n  \r\n          document.body.style.overflow = 'auto';\r\n      }\r\n  \r\n      \/\/ Event Listeners\r\n      document.getElementById('ycv-videoModal').addEventListener('click', function (e) {\r\n          if (e.target === this) {\r\n              ycv_closeModal();\r\n          }\r\n      });\r\n  \r\n      document.addEventListener('keydown', function (e) {\r\n          if (e.key === 'Escape') {\r\n              ycv_closeModal();\r\n          }\r\n      });\r\n  \r\n      document.getElementById('ycv-channelInput').addEventListener('keypress', function (e) {\r\n          if (e.key === 'Enter' && !ycv_isProcessing) {\r\n              ycv_findChannel();\r\n          }\r\n      });\r\n  \r\n      function ycv_openDownloadModal(videoId, title) {\r\n          const modal = document.getElementById('ycv-downloadModal');\r\n          const body = document.getElementById('ycv-downloadModalBody');\r\n  \r\n          \/\/ Enhanced loading animation\r\n          body.innerHTML = `\r\n              <div class=\"ycv-download-loading\">\r\n                  <div class=\"ycv-download-loading-spinner\"><\/div>\r\n                  <div class=\"ycv-download-loading-text\">Finding download formats<\/div>\r\n                  <div class=\"ycv-download-loading-subtext\">\r\n                      Analyzing video: <strong>${title}<\/strong>\r\n                      <div class=\"ycv-download-loading-dots\">\r\n                          <div class=\"ycv-download-loading-dot\"><\/div>\r\n                          <div class=\"ycv-download-loading-dot\"><\/div>\r\n                          <div class=\"ycv-download-loading-dot\"><\/div>\r\n                      <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          `;\r\n  \r\n          modal.style.display = 'block';\r\n          document.body.style.overflow = 'hidden';\r\n  \r\n          \/\/ Call the API\r\n          const formData = new FormData();\r\n          formData.append('url', `https:\/\/www.youtube.com\/watch?v=${videoId}`);\r\n  \r\n          fetch('https:\/\/tools.xrespond.com\/api\/youtube\/video\/downloader', {\r\n              method: 'POST',\r\n              body: formData\r\n          })\r\n              .then(async res => {\r\n                  if (!res.ok) throw new Error('API Error');\r\n                  const data = await res.json();\r\n                  if (!data.success || !data.data || !data.data.data) throw new Error('No data');\r\n                  ycv_showDownloadOptions(data.data.data, videoId, title);\r\n              })\r\n              .catch(err => {\r\n                  body.innerHTML = `\r\n                  <div class=\"ycv-error\">\r\n                      <h3>\u274c Error fetching download options<\/h3>\r\n                      <p>${err.message}<\/p>\r\n                      <p>Please try again later.<\/p>\r\n                  <\/div>\r\n              `;\r\n              });\r\n      }\r\n  \r\n      function ycv_closeDownloadModal() {\r\n          document.getElementById('ycv-downloadModal').style.display = 'none';\r\n          document.body.style.overflow = 'auto';\r\n      }\r\n  \r\n      function ycv_showDownloadOptions(info, videoId, title) {\r\n          const body = document.getElementById('ycv-downloadModalBody');\r\n  \r\n          \/\/ Separate audio and video formats, filter out 360p\r\n          const audioFormats = info.links.filter(link => link.type === 'audio');\r\n          const videoFormats = info.links.filter(link => link.type === 'video' && !link.resolution?.includes('360p'));\r\n  \r\n          let html = `\r\n              <div class=\"ycv-download-modal-header\">\r\n                  <button class=\"ycv-modal-close\" onclick=\"ycv_closeDownloadModal()\" style=\"position: absolute; top: 1.5rem; right: 1.5rem; background: rgba(255,255,255,0.1); border: none; color: white; font-size: 1.5rem; cursor: pointer; padding: 0.75rem; border-radius: 50%; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;\">\u00d7<\/button>\r\n                  <div class=\"ycv-download-modal-title\">${info.title || title}<\/div>\r\n                  <img decoding=\"async\" src=\"${info.thumbnail}\" class=\"ycv-download-modal-thumbnail\" alt=\"Video thumbnail\" \/>\r\n                  \r\n                  <div class=\"ycv-download-modal-info\">\r\n                      <div class=\"ycv-download-info-item\">\r\n                          <div class=\"ycv-download-info-label\">Duration<\/div>\r\n                          <div class=\"ycv-download-info-value\">${info.duration || 'N\/A'}<\/div>\r\n                      <\/div>\r\n                      <div class=\"ycv-download-info-item\">\r\n                          <div class=\"ycv-download-info-label\">Uploader<\/div>\r\n                          <div class=\"ycv-download-info-value\">${info.uploader || 'N\/A'}<\/div>\r\n                      <\/div>\r\n                      <div class=\"ycv-download-info-item\">\r\n                          <div class=\"ycv-download-info-label\">Formats<\/div>\r\n                          <div class=\"ycv-download-info-value\">${audioFormats.length + videoFormats.length} Available<\/div>\r\n                      <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          `;\r\n  \r\n          \/\/ Audio formats section\r\n          if (audioFormats.length > 0) {\r\n              html += `\r\n                  <div class=\"ycv-download-formats-section\">\r\n                      <div class=\"ycv-download-section-title\">\r\n                          <div class=\"ycv-download-section-icon\">\ud83c\udfb5<\/div>\r\n                          Audio Formats\r\n                      <\/div>\r\n                      <div class=\"ycv-download-formats-grid\">\r\n              `;\r\n  \r\n              audioFormats.forEach((link, idx) => {\r\n                  html += `\r\n                      <div class=\"ycv-download-format-card\">\r\n                          <div class=\"ycv-download-format-header\">\r\n                              <div class=\"ycv-download-format-type\">\r\n                                  <div class=\"ycv-download-format-icon audio\">\u266a<\/div>\r\n                                  <div class=\"ycv-download-format-label\">Audio Only<\/div>\r\n                              <\/div>\r\n                              <div class=\"ycv-download-format-quality\">MP3<\/div>\r\n                          <\/div>\r\n                          <button class=\"ycv-btn-download\" onclick=\"ycv_startDownload('${link.download_url}', 'audio_${videoId}_${idx}.mp3', this)\">\r\n                              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                  <path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\/>\r\n                              <\/svg>\r\n                              Download Audio\r\n                          <\/button>\r\n                      <\/div>\r\n                  `;\r\n              });\r\n  \r\n              html += `\r\n                      <\/div>\r\n                  <\/div>\r\n              `;\r\n          }\r\n  \r\n          \/\/ Video formats section\r\n          if (videoFormats.length > 0) {\r\n              html += `\r\n                  <div class=\"ycv-download-formats-section\">\r\n                      <div class=\"ycv-download-section-title\">\r\n                          <div class=\"ycv-download-section-icon\">\ud83c\udfa5<\/div>\r\n                          Video Formats\r\n                      <\/div>\r\n                      <div class=\"ycv-download-formats-grid\">\r\n              `;\r\n  \r\n              videoFormats.forEach((link, idx) => {\r\n                  html += `\r\n                      <div class=\"ycv-download-format-card\">\r\n                          <div class=\"ycv-download-format-header\">\r\n                              <div class=\"ycv-download-format-type\">\r\n                                  <div class=\"ycv-download-format-icon video\">\u25b6<\/div>\r\n                                  <div class=\"ycv-download-format-label\">Video<\/div>\r\n                              <\/div>\r\n                              <div class=\"ycv-download-format-quality\">${link.resolution || 'Standard'}<\/div>\r\n                          <\/div>\r\n                          <button class=\"ycv-btn-download\" onclick=\"ycv_startDownload('${link.download_url}', 'video_${videoId}_${link.resolution || idx}.mp4', this)\">\r\n                              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                  <path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\/>\r\n                              <\/svg>\r\n                              Download ${link.resolution || 'Video'}\r\n                          <\/button>\r\n                      <\/div>\r\n                  `;\r\n              });\r\n  \r\n              html += `\r\n                      <\/div>\r\n                  <\/div>\r\n              `;\r\n          }\r\n  \r\n          html += `<div id=\"ycv-downloadProgress\"><\/div>`;\r\n          body.innerHTML = html;\r\n      }\r\n  \r\n      \/\/ Download with enhanced progress and cancel\r\n      let ycv_currentDownloadController = null;\r\n  \r\n      function ycv_startDownload(url, filename, btn) {\r\n          if (ycv_currentDownloadController) {\r\n              alert('A download is already in progress. Please wait or cancel.');\r\n              return;\r\n          }\r\n  \r\n          btn.disabled = true;\r\n          btn.innerHTML = `\r\n              <div class=\"ycv-spinner\" style=\"width: 16px; height: 16px; border-width: 2px; margin: 0;\"><\/div>\r\n              Downloading...\r\n          `;\r\n  \r\n          const progressDiv = document.getElementById('ycv-downloadProgress');\r\n          progressDiv.innerHTML = `\r\n              <div class=\"ycv-download-progress-container\">\r\n                  <div class=\"ycv-download-progress-header\">\r\n                      <div class=\"ycv-download-progress-title\">Downloading: ${filename}<\/div>\r\n                      <div class=\"ycv-download-progress-percentage\">0%<\/div>\r\n                  <\/div>\r\n                  <div class=\"ycv-download-progress-bar-container\">\r\n                      <div class=\"ycv-download-progress-bar\" id=\"ycv-progressBar\" style=\"width: 0%\"><\/div>\r\n                  <\/div>\r\n                  <div class=\"ycv-download-progress-actions\">\r\n                      <button class=\"ycv-btn-cancel\" onclick=\"ycv_cancelDownload()\">\r\n                          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                              <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>\r\n                          <\/svg>\r\n                          Cancel Download\r\n                      <\/button>\r\n                  <\/div>\r\n              <\/div>\r\n          `;\r\n  \r\n          ycv_currentDownloadController = new AbortController();\r\n  \r\n          fetch(url, { signal: ycv_currentDownloadController.signal })\r\n              .then(response => {\r\n                  if (!response.ok) throw new Error('Network error');\r\n                  const contentLength = response.headers.get('content-length');\r\n                  if (!contentLength) throw new Error('No content length');\r\n  \r\n                  const total = parseInt(contentLength, 10);\r\n                  let loaded = 0;\r\n                  const reader = response.body.getReader();\r\n                  const chunks = [];\r\n  \r\n                  function read() {\r\n                      return reader.read().then(({ done, value }) => {\r\n                          if (done) return;\r\n  \r\n                          chunks.push(value);\r\n                          loaded += value.length;\r\n                          const percentage = Math.round((loaded \/ total) * 100);\r\n  \r\n                          document.getElementById('ycv-progressBar').style.width = percentage + '%';\r\n                          document.querySelector('.ycv-download-progress-percentage').textContent = percentage + '%';\r\n  \r\n                          return read();\r\n                      });\r\n                  }\r\n  \r\n                  return read().then(() => {\r\n                      const blob = new Blob(chunks);\r\n                      const a = document.createElement('a');\r\n                      a.href = URL.createObjectURL(blob);\r\n                      a.download = filename;\r\n                      document.body.appendChild(a);\r\n                      a.click();\r\n                      a.remove();\r\n  \r\n                      progressDiv.innerHTML = `\r\n                          <div class=\"ycv-download-complete\">\r\n                              <div class=\"ycv-download-complete-icon\">\u2713<\/div>\r\n                              <div class=\"ycv-download-complete-text\">Download completed successfully!<\/div>\r\n                          <\/div>\r\n                      `;\r\n  \r\n                      ycv_currentDownloadController = null;\r\n                      btn.disabled = false;\r\n                      btn.innerHTML = `\r\n                          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                              <path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\/>\r\n                          <\/svg>\r\n                          Download\r\n                      `;\r\n                  });\r\n              })\r\n              .catch(err => {\r\n                  if (err.name === 'AbortError') {\r\n                      progressDiv.innerHTML = `\r\n                          <div class=\"ycv-error\">\r\n                              <h3>\u26a0\ufe0f Download Cancelled<\/h3>\r\n                              <p>The download was cancelled by the user.<\/p>\r\n                          <\/div>\r\n                      `;\r\n                  } else {\r\n                      progressDiv.innerHTML = `\r\n                          <div class=\"ycv-error\">\r\n                              <h3>\u274c Download Failed<\/h3>\r\n                              <p><strong>Error:<\/strong> ${err.message}<\/p>\r\n                          <\/div>\r\n                      `;\r\n                  }\r\n  \r\n                  ycv_currentDownloadController = null;\r\n                  btn.disabled = false;\r\n                  btn.innerHTML = `\r\n                      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                          <path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\/>\r\n                      <\/svg>\r\n                      Download\r\n                  `;\r\n              });\r\n      }\r\n  \r\n      function ycv_cancelDownload() {\r\n          if (ycv_currentDownloadController) {\r\n              ycv_currentDownloadController.abort();\r\n              ycv_currentDownloadController = null;\r\n          }\r\n      }\r\n  \r\n      \/\/ Close modal on outside click or ESC\r\n      document.getElementById('ycv-downloadModal').addEventListener('click', function (e) {\r\n          if (e.target === this) ycv_closeDownloadModal();\r\n      });\r\n  \r\n      document.addEventListener('keydown', function (e) {\r\n          if (e.key === 'Escape') {\r\n              ycv_closeDownloadModal();\r\n              ycv_closeModal();\r\n          }\r\n      });\r\n  <\/script>\r\n  \r\n  \r\n    <noscript>\r\n      <style type=\"text\/css\">\r\n        [data-aos] {\r\n          opacity: 1 !important;\r\n          transform: translate(0) scale(1) !important;\r\n        }\r\n      <\/style>\r\n    <\/noscript>\r\n\r\n    <!-- Bootstrap (accordion, collapse) then AOS \u2014 order matters: AOS CSS hides [data-aos] until JS runs -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n    <script>\r\n          if (typeof AOS !== 'undefined') {\r\n              AOS.init({\r\n                  duration: 800,\r\n                  easing: 'ease-in-out',\r\n                  once: true\r\n              });\r\n          } else {\r\n              document.querySelectorAll('[data-aos]').forEach(function (el) {\r\n                  el.removeAttribute('data-aos');\r\n              });\r\n          }\r\n\r\n          document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n              anchor.addEventListener('click', function (e) {\r\n                  const id = this.getAttribute('href');\r\n                  if (!id || id === '#') return;\r\n                  const target = document.querySelector(id);\r\n                  if (target) {\r\n                      e.preventDefault();\r\n                      target.scrollIntoView({ behavior: 'smooth' });\r\n                  }\r\n              });\r\n          });\r\n    <\/script>\r\n  \r\n  \r\n  <grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration><grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration>\r\n  <grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration><script defer=\"\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/vcd15cbe7772f49c399c6a5babf22c1241717689176015\" integrity=\"sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==\" data-cf-beacon=\"{\"version\":\"2024.11.0\",\"token\":\"786b797d7952407aac48ed2776a3a826\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\" crossorigin=\"anonymous\"><\/script>\r\n  <script defer=\"\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/v8c78df7c7c0f484497ecbca7046644da1771523124516\" integrity=\"sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==\" data-cf-beacon=\"{\"version\":\"2024.11.0\",\"token\":\"786b797d7952407aac48ed2776a3a826\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\" crossorigin=\"anonymous\"><\/script>\r\n [\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"    <link rel=\"canonical\" href=\"\">\r\n  \r\n      <!-- Favicon -->\r\n     \r\n      \r\n      <!-- Google Fonts - Premium Typography -->\r\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\r\n      <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n      \r\n      <!-- Bootstrap CSS -->\r\n      <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n      <!-- Boxicons -->\r\n      <link href=\"https:\/\/unpkg.com\/boxicons@2.1.4\/css\/boxicons.min.css\" rel=\"stylesheet\">\r\n      <!-- AOS Animation -->\r\n      <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n      <!-- Font Awesome CSS -->\r\n      <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\" rel=\"stylesheet\">\r\n  \r\n  \r\n  <style id=\"vvvebjs-styles\">\r\n      html{\r\n          overflow-x: hidden;\r\n      }\r\n      \r\n      :root {\r\n              --va-purple: #8a6cfc;\r\n              --va-purple-hover: #7355e8;\r\n              --va-black: #000000;\r\n              --va-white: #ffffff;\r\n              --ytchv-primary-color: var(--va-purple);\r\n              --ytchv-secondary-color: #1a1a1a;\r\n              --ytchv-dark-color: var(--va-black);\r\n              --ytchv-light-color: var(--va-white);\r\n              --ytchv-gray-color: #f5f5f7;\r\n              --ytchv-primary-hover: var(--va-purple-hover);\r\n              --ytchv-secondary-hover: #333333;\r\n              --ytchv-section-padding: 100px 0;\r\n          }\r\n          \r\n\/*           body {\r\n              font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n              scroll-behavior: smooth;\r\n              overflow-x: hidden;\r\n              background-color: var(--ytchv-light-color);\r\n              color: var(--ytchv-dark-color);\r\n          }\r\n           \r\n  \r\n      h1, h2, h3, h4, h5, h6 {\r\n          font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\r\n          font-weight: bold; \r\n      } *\/\r\n     \r\n    \/* YouTube-style Hero Section *\/\r\n    .ytchv-hero-section {\r\n              padding: var(--ytchv-section-padding);\r\n              text-align: center;\r\n              background-color: var(--ytchv-light-color);\r\n          }\r\n          \r\n          .ytchv-hero-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .ytchv-hero-section h1 {\r\n              font-size: 3.5rem;\r\n              font-weight: 700;\r\n              margin-bottom: 1.5rem;\r\n              color: var(--ytchv-primary-color);\r\n          }\r\n          \r\n          .ytchv-hero-section p {\r\n              font-size: 1.25rem;\r\n              max-width: 700px;\r\n              margin: 0 auto 2rem;\r\n              opacity: 0.9;\r\n              font-weight: 300;\r\n              color: #333;\r\n          }\r\n          \r\n          \/* Work Process Section with YouTube Colors *\/\r\n          .ytchv-work-process-section {\r\n              padding: var(--ytchv-section-padding);\r\n              background: var(--ytchv-primary-color);\r\n              color: white;\r\n              position: relative;\r\n              overflow: hidden;\r\n          }\r\n          \r\n          .ytchv-work-process-section::before {\r\n              content: '';\r\n              position: absolute;\r\n              top: 0;\r\n              left: 0;\r\n              width: 100%;\r\n              height: 100%;\r\n              background: rgba(0,0,0,0.05);\r\n          }\r\n          \r\n          .ytchv-work-process-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .ytchv-process-step {\r\n              text-align: center;\r\n              padding: 30px 20px;\r\n              position: relative;\r\n              z-index: 1;\r\n              background: rgba(255,255,255,0.1);\r\n              backdrop-filter: blur(10px);\r\n              border-radius: 16px;\r\n              margin: 15px;\r\n              border: 1px solid rgba(255,255,255,0.2);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ytchv-process-step:hover {\r\n              transform: translateY(-10px);\r\n              background: rgba(255,255,255,0.15);\r\n              box-shadow: 0 15px 30px rgba(0,0,0,0.2);\r\n          }\r\n          \r\n          .ytchv-step-number {\r\n              width: 60px;\r\n              height: 60px;\r\n              background: white;\r\n              color: var(--ytchv-primary-color);\r\n              border-radius: 50%;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              font-weight: 700;\r\n              margin: 0 auto 20px;\r\n              font-size: 1.5rem;\r\n              box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n          }\r\n          \r\n          \/* Features Section *\/\r\n          .ytchv-features-section {\r\n              padding: var(--ytchv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .ytchv-feature-card {\r\n              padding: 40px 30px;\r\n              border-radius: 16px;\r\n              background: white;\r\n              box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n              margin-bottom: 30px;\r\n              transition: all 0.3s ease;\r\n              border: 1px solid rgba(0,0,0,0.05);\r\n              height: 100%;\r\n              position: relative;\r\n              overflow: hidden;\r\n          }\r\n          \r\n          .ytchv-feature-card::before {\r\n              content: '';\r\n              position: absolute;\r\n              top: 0;\r\n              left: 0;\r\n              width: 4px;\r\n              height: 100%;\r\n              background: var(--ytchv-primary-color);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ytchv-feature-card:hover {\r\n              transform: translateY(-10px);\r\n              box-shadow: 0 15px 40px rgba(0,0,0,0.1);\r\n          }\r\n          \r\n          .ytchv-feature-card:hover::before {\r\n              width: 100%;\r\n              opacity: 0.1;\r\n          }\r\n          \r\n          .ytchv-feature-icon {\r\n              width: 70px;\r\n              height: 70px;\r\n              border-radius: 20px;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              margin-bottom: 25px;\r\n              background: var(--ytchv-primary-color);\r\n              color: white;\r\n              font-size: 1.8rem;\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ytchv-feature-card:hover .ytchv-feature-icon {\r\n              transform: rotate(15deg) scale(1.1);\r\n              background: var(--ytchv-primary-hover);\r\n          }\r\n          \r\n          \/* Why Choose Section *\/\r\n          .ytchv-why-choose-section {\r\n              padding: var(--ytchv-section-padding);\r\n              background: #f9f9f9;\r\n          }\r\n          \r\n          .ytchv-why-choose-image {\r\n              border-radius: 16px;\r\n              overflow: hidden;\r\n              box-shadow: 0 20px 40px rgba(0,0,0,0.1);\r\n              transform: perspective(1000px) rotateY(-5deg);\r\n              transition: all 0.5s ease;\r\n          }\r\n          \r\n          .ytchv-why-choose-image:hover {\r\n              transform: perspective(1000px) rotateY(0deg);\r\n          }\r\n          \r\n          .ytchv-benefit-item {\r\n              display: flex;\r\n              align-items: flex-start;\r\n              margin-bottom: 20px;\r\n              padding: 15px;\r\n              border-radius: 12px;\r\n              background: white;\r\n              box-shadow: 0 5px 15px rgba(0,0,0,0.03);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ytchv-benefit-item:hover {\r\n              transform: translateX(10px);\r\n              box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n          }\r\n          \r\n          .ytchv-benefit-icon {\r\n              width: 40px;\r\n              height: 40px;\r\n              border-radius: 12px;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              margin-right: 15px;\r\n              background: var(--ytchv-primary-color);\r\n              color: white;\r\n              font-size: 1.2rem;\r\n              flex-shrink: 0;\r\n          }\r\n          \r\n          \/* FAQ Section *\/\r\n          .ytchv-faq-section {\r\n              padding: var(--ytchv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .ytchv-accordion-item {\r\n              border: none;\r\n              border-radius: 12px !important;\r\n              overflow: hidden;\r\n              margin-bottom: 15px;\r\n              box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n          }\r\n          \r\n          .ytchv-accordion-button {\r\n              font-weight: 600;\r\n              color: var(--ytchv-dark-color);\r\n              padding: 20px 25px;\r\n              background: white;\r\n              box-shadow: none;\r\n              border-radius: 12px 12px 0 0 !important;\r\n          }\r\n          \r\n          .ytchv-accordion-button:not(.collapsed) {\r\n              background: white;\r\n              color: var(--ytchv-primary-color);\r\n              box-shadow: none;\r\n          }\r\n          \r\n          .ytchv-accordion-button:focus {\r\n              box-shadow: none;\r\n              border-color: rgba(138, 108, 252, 0.35);\r\n          }\r\n          \r\n          .ytchv-accordion-button::after {\r\n              background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16' fill='%238a6cfc'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'\/%3e%3c\/svg%3e\");\r\n          }\r\n          \r\n          .ytchv-accordion-body {\r\n              padding: 25px;\r\n              color: #333;\r\n          }\r\n          \r\n          \/* Section Titles *\/\r\n          .ytchv-section-title {\r\n              font-weight: 700;\r\n              color: var(--ytchv-dark-color);\r\n              margin-bottom: 1.5rem;\r\n              position: relative;\r\n              display: inline-block;\r\n          }\r\n          \r\n          .ytchv-section-title::after {\r\n              content: '';\r\n              position: absolute;\r\n              bottom: -10px;\r\n              left: 0;\r\n              width: 60px;\r\n              height: 4px;\r\n              background: var(--ytchv-primary-color);\r\n              border-radius: 2px;\r\n          }\r\n          \r\n          .ytchv-light-title {\r\n              color: white;\r\n          }\r\n          \r\n          .ytchv-light-title::after {\r\n              background: white;\r\n          }\r\n          \r\n          .ytchv-section-subtitle {\r\n              color: #333;\r\n              max-width: 700px;\r\n              margin: 0 auto 3rem;\r\n              font-size: 1.1rem;\r\n          }\r\n          \r\n          .ytchv-light-subtitle {\r\n              color: rgba(255,255,255,0.8);\r\n          }\r\n          \r\n          \/* Responsive Design *\/\r\n          @media (max-width: 991px) {\r\n              :root {\r\n                  --ytchv-section-padding: 80px 0;\r\n              }\r\n              \r\n              .ytchv-hero-section h1 {\r\n                  font-size: 2.8rem;\r\n              }\r\n              \r\n              .ytchv-process-step::before {\r\n                  display: none;\r\n              }\r\n          }\r\n          \r\n          @media (max-width: 767px) {\r\n              :root {\r\n                  --ytchv-section-padding: 70px 0;\r\n              }\r\n              \r\n              .ytchv-hero-section {\r\n                  padding: 100px 0 60px;\r\n              }\r\n              \r\n              .ytchv-hero-section h1 {\r\n                  font-size: 2.2rem;\r\n              }\r\n              \r\n              .ytchv-hero-section p {\r\n                  font-size: 1rem;\r\n              }\r\n              \r\n              .ytchv-section-title {\r\n                  font-size: 1.8rem;\r\n              }\r\n          }\r\n          \r\n          \/* Animation *\/\r\n          @keyframes ytchv-float {\r\n              0% { transform: translateY(0px); }\r\n              50% { transform: translateY(-15px); }\r\n              100% { transform: translateY(0px); }\r\n          }\r\n          \r\n          .ytchv-floating-element {\r\n              animation: ytchv-float 6s ease-in-out infinite;\r\n          }\r\n          \r\n          \/* Custom Scrollbar *\/\r\n          ::-webkit-scrollbar {\r\n              width: 8px;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-track {\r\n              background: #f1f1f1;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-thumb {\r\n              background: var(--ytchv-primary-color);\r\n              border-radius: 10px;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-thumb:hover {\r\n              background: var(--ytchv-primary-hover);\r\n          }\r\n  \r\n  <\/style>\r\n  <!-- tools -->\r\n  <style>\r\n  \r\n      .ytchv-custom-section {\r\n          background: var(--va-white);\r\n          min-height: 100vh;\r\n          color: var(--va-black);\r\n          overflow-x: hidden;\r\n          margin-top: 0;\r\n          padding-top: 3rem;\r\n          padding-bottom: 3rem;\r\n          border-bottom: 1px solid rgba(138, 108, 252, 0.15);\r\n      }\r\n  \r\n      \/* Animated Background Elements *\/\r\n      .ycv-background-effects {\r\n          position: fixed;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          pointer-events: none;\r\n          z-index: 0;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .ycv-floating-orb {\r\n          position: absolute;\r\n          border-radius: 50%;\r\n          blur: 60px;\r\n          animation: ycv-float 8s ease-in-out infinite;\r\n      }\r\n  \r\n      .ycv-orb-1 {\r\n          width: 384px;\r\n          height: 384px;\r\n          background: rgba(138, 108, 252, 0.1);\r\n          top: 25%;\r\n          left: 25%;\r\n          animation-delay: 0s;\r\n      }\r\n  \r\n      .ycv-orb-2 {\r\n          width: 384px;\r\n          height: 384px;\r\n          background: rgba(147, 51, 234, 0.1);\r\n          bottom: 25%;\r\n          right: 25%;\r\n          animation-delay: 1s;\r\n      }\r\n  \r\n      .ycv-orb-3 {\r\n          width: 256px;\r\n          height: 256px;\r\n          background: rgba(59, 130, 246, 0.1);\r\n          top: 75%;\r\n          left: 50%;\r\n          animation-delay: 2s;\r\n      }\r\n  \r\n      @keyframes ycv-float {\r\n  \r\n          0%,\r\n          100% {\r\n              transform: translateY(0px) scale(1);\r\n              opacity: 0.5;\r\n          }\r\n  \r\n          50% {\r\n              transform: translateY(-30px) scale(1.1);\r\n              opacity: 0.8;\r\n          }\r\n      }\r\n  \r\n      .ycv-container {\r\n          position: relative;\r\n          z-index: 1;\r\n          max-width: 1400px;\r\n          margin: 0 auto;\r\n          padding: 2rem 1rem;\r\n      }\r\n  \r\n      \/* Header Styles *\/\r\n      .ycv-header {\r\n          text-align: center;\r\n          margin-bottom: 3rem;\r\n      }\r\n  \r\n     .ycv-header-content {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 1rem;\r\n      margin-bottom: 1.5rem;\r\n      padding: 2rem;\r\n      background: var(--va-white);\r\n      backdrop-filter: blur(20px);\r\n      border-radius: 1.5rem;\r\n      border: 1px solid rgba(138, 108, 252, 0.25);\r\n      box-shadow: 0 12px 40px rgba(138, 108, 252, 0.12);\r\n      flex-direction: column;\r\n      width: 100%;\r\n  }\r\n  \r\n      .ycv-app-icon {\r\n          position: relative;\r\n          width: 4rem;\r\n          height: 4rem;\r\n          background: linear-gradient(135deg, #8a6cfc, #7355e8);\r\n          border-radius: 1rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          box-shadow: 0 10px 30px rgba(138, 108, 252, 0.35);\r\n      }\r\n  \r\n      .ycv-app-icon::before {\r\n          content: '';\r\n          position: absolute;\r\n          inset: -4px;\r\n          background: linear-gradient(135deg, #8a6cfc, #a78bfa);\r\n          border-radius: 1rem;\r\n          blur: 8px;\r\n          opacity: 0.35;\r\n          animation: ycv-pulse 2s ease-in-out infinite;\r\n      }\r\n  \r\n      .ycv-app-icon svg {\r\n          width: 2rem;\r\n          height: 2rem;\r\n          fill: white;\r\n          position: relative;\r\n          z-index: 1;\r\n      }\r\n  \r\n      @keyframes ycv-pulse {\r\n  \r\n          0%,\r\n          100% {\r\n              opacity: 0.3;\r\n          }\r\n  \r\n          50% {\r\n              opacity: 0.6;\r\n          }\r\n      }\r\n  \r\n   .ycv-title {\r\n      font-size: clamp(2rem, 5vw, 3.25rem);\r\n      font-weight: 800;\r\n      color: var(--va-black);\r\n      letter-spacing: -0.02em;\r\n      line-height: 1.15;\r\n      margin: 0;\r\n  }\r\n\r\n      .ycv-title .va-cap {\r\n          color: #8a6cfc;\r\n          font-size: 1.12em;\r\n          font-weight: 900;\r\n      }\r\n  \r\n      .ycv-subtitle {\r\n          font-size: 1.125rem;\r\n          color: #333;\r\n          font-weight: 500;\r\n          margin-bottom: 0;\r\n      }\r\n  \r\n      .ycv-features-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n          gap: 1rem;\r\n          max-width: 800px;\r\n          margin: 0 auto;\r\n      }\r\n  \r\n      .ycv-feature-card {\r\n          padding: 1rem;\r\n          background: #fafafa;\r\n          backdrop-filter: blur(10px);\r\n          border-radius: 0.75rem;\r\n          border: 1px solid rgba(138, 108, 252, 0.2);\r\n          transition: all 0.3s ease;\r\n          text-align: center;\r\n      }\r\n  \r\n      .ycv-feature-card:hover {\r\n          transform: translateY(-5px) scale(1.02);\r\n          border-color: rgba(138, 108, 252, 0.45);\r\n          box-shadow: 0 12px 32px rgba(138, 108, 252, 0.15);\r\n      }\r\n  \r\n      .ycv-feature-icon {\r\n          font-size: 2rem;\r\n          margin-bottom: 0.5rem;\r\n          display: block;\r\n      }\r\n  \r\n      .ycv-feature-text {\r\n          font-size: 0.875rem;\r\n          color: #000;\r\n          font-weight: 600;\r\n      }\r\n  \r\n      \/* Input Section *\/\r\n   .ycv-input-section {\r\n      max-width: 100%;\r\n      margin: 0 auto 3rem;\r\n      padding: 2rem;\r\n      background: var(--va-white);\r\n      backdrop-filter: blur(20px);\r\n      border-radius: 1.5rem;\r\n      border: 1px solid rgba(138, 108, 252, 0.25);\r\n      box-shadow: 0 12px 40px rgba(138, 108, 252, 0.1);\r\n  }\r\n  \r\n      .ycv-input-wrapper {\r\n          display: flex;\r\n          gap: 0.75rem;\r\n          margin-bottom: 1rem;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .ycv-input-field {\r\n          flex: 1 !important;\r\n          min-width: 300px !important;\r\n          padding: 1rem 1.5rem !important;\r\n          background: #fff !important;\r\n          border: 1px solid rgba(0, 0, 0, 0.12) !important;\r\n          border-radius: 0.75rem !important;\r\n          color: #000 !important;\r\n          font-size: 1.125rem !important;\r\n          font-weight: 500 !important;\r\n          transition: all 0.3s ease !important;\r\n          position: relative !important;\r\n      }\r\n  \r\n      .ycv-input-field:focus {\r\n          outline: none !important;\r\n          border-color: #8a6cfc !important;\r\n          box-shadow: 0 0 0 3px rgba(138, 108, 252, 0.2) !important;\r\n          background: #fff !important;\r\n      }\r\n  \r\n      .ycv-input-field::placeholder {\r\n          color: rgba(0, 0, 0, 0.45) !important;\r\n      }\r\n  \r\n      .ycv-btn {\r\n          padding: 1rem 1.5rem;\r\n          border: none;\r\n          border-radius: 0.75rem;\r\n          font-size: 1rem;\r\n          font-weight: 600;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          position: relative;\r\n          overflow: hidden;\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n          white-space: nowrap;\r\n      }\r\n  \r\n      .ycv-btn::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: -100%;\r\n          width: 100%;\r\n          height: 100%;\r\n          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n          transition: left 0.5s;\r\n      }\r\n  \r\n      .ycv-btn:hover::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .ycv-btn-paste {\r\n          background: linear-gradient(135deg, #475569, #334155);\r\n          color: white;\r\n          box-shadow: 0 8px 25px rgba(71, 85, 105, 0.4);\r\n      }\r\n  \r\n      .ycv-btn-paste:hover {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 12px 35px rgba(71, 85, 105, 0.5);\r\n      }\r\n  \r\n    .ycv-btn-search {\r\n      background: linear-gradient(135deg, #8a6cfc, #7355e8);\r\n      color: white;\r\n      width: 100%;\r\n      font-size: 1.125rem;\r\n      padding: 1.25rem;\r\n      box-shadow: 0 8px 25px rgba(138, 108, 252, 0.35);\r\n  }\r\n  \r\n      .ycv-btn-search:hover:not(:disabled) {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 12px 35px rgba(138, 108, 252, 0.45);\r\n      }\r\n  \r\n      .ycv-btn-search:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n      }\r\n  \r\n      \/* Loading Styles *\/\r\n      .ycv-loading {\r\n          display: none;\r\n          text-align: center;\r\n          padding: 3rem 2rem;\r\n          background: #fafafa;\r\n          backdrop-filter: blur(20px);\r\n          border-radius: 1.5rem;\r\n          margin: 2rem 0;\r\n          border: 1px solid rgba(138, 108, 252, 0.2);\r\n          color: #000;\r\n      }\r\n  \r\n      .ycv-spinner {\r\n          width: 3rem;\r\n          height: 3rem;\r\n          border: 3px solid rgba(138, 108, 252, 0.25);\r\n          border-left: 3px solid #8a6cfc;\r\n          border-radius: 50%;\r\n          animation: ycv-spin 1s linear infinite;\r\n          margin: 0 auto 1rem;\r\n      }\r\n  \r\n      @keyframes ycv-spin {\r\n          to {\r\n              transform: rotate(360deg);\r\n          }\r\n      }\r\n  \r\n      \/* Channel Styles *\/\r\n      .ycv-channel-container {\r\n          display: none;\r\n          space-y: 2rem;\r\n      }\r\n  \r\n      .ycv-channel-banner {\r\n          width: 100%;\r\n          height: clamp(200px, 30vw, 320px);\r\n          background-size: cover;\r\n          background-position: center;\r\n          border-radius: 1.5rem;\r\n          margin-bottom: 2rem;\r\n          position: relative;\r\n          overflow: hidden;\r\n          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-channel-banner::after {\r\n          content: '';\r\n          position: absolute;\r\n          bottom: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 120px;\r\n          background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));\r\n      }\r\n  \r\n      .ycv-channel-header {\r\n          background: rgba(0, 0, 0, 0.3);\r\n          backdrop-filter: blur(20px);\r\n          border-radius: 1.5rem;\r\n          padding: 2rem;\r\n          margin-bottom: 2rem;\r\n          border: 1px solid rgba(138, 108, 252, 0.2);\r\n          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-channel-main-info {\r\n          display: flex;\r\n          gap: 1.5rem;\r\n          align-items: flex-start;\r\n          margin-bottom: 2rem;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .ycv-channel-avatar {\r\n          position: relative;\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .ycv-channel-avatar img {\r\n          width: clamp(96px, 15vw, 128px);\r\n          height: clamp(96px, 15vw, 128px);\r\n          border-radius: 50%;\r\n          border: 4px solid rgba(138, 108, 252, 0.5);\r\n          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-channel-avatar::before {\r\n          content: '';\r\n          position: absolute;\r\n          inset: -8px;\r\n          background: linear-gradient(135deg, #8a6cfc, #7355e8);\r\n          border-radius: 50%;\r\n          blur: 8px;\r\n          opacity: 0.3;\r\n      }\r\n  \r\n      .ycv-channel-details {\r\n          flex: 1;\r\n          min-width: 300px;\r\n      }\r\n  \r\n      .ycv-channel-name {\r\n          font-size: clamp(1.5rem, 4vw, 2.5rem);\r\n          font-weight: 800;\r\n          margin-bottom: 0.5rem;\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.75rem;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .ycv-verified-badge {\r\n          width: 2rem;\r\n          height: 2rem;\r\n          background: linear-gradient(135deg, #10b981, #059669);\r\n          border-radius: 50%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          color: white;\r\n          font-size: 1rem;\r\n          font-weight: bold;\r\n          box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4);\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .ycv-channel-handle {\r\n          font-size: clamp(1rem, 2.5vw, 1.25rem);\r\n          color: rgba(255, 255, 255, 0.8);\r\n          margin-bottom: 1rem;\r\n          font-weight: 500;\r\n      }\r\n  \r\n      .ycv-channel-description {\r\n          background: rgba(0, 0, 0, 0.4);\r\n          backdrop-filter: blur(10px);\r\n          border-radius: 0.75rem;\r\n          padding: 1rem;\r\n          margin-bottom: 1.5rem;\r\n          border: 1px solid rgba(255, 255, 255, 0.1);\r\n          line-height: 1.6;\r\n          color: rgba(255, 255, 255, 0.9);\r\n      }\r\n  \r\n      .ycv-channel-links {\r\n          display: flex;\r\n          gap: 0.75rem;\r\n          flex-wrap: wrap;\r\n          margin-bottom: 1.5rem;\r\n      }\r\n  \r\n      .ycv-channel-link {\r\n          background: linear-gradient(135deg, rgba(138, 108, 252, 0.2), rgba(115, 85, 232, 0.2));\r\n          border: 1px solid rgba(138, 108, 252, 0.3);\r\n          color: #8a6cfc;\r\n          text-decoration: none;\r\n          padding: 0.5rem 1rem;\r\n          border-radius: 0.5rem;\r\n          font-weight: 500;\r\n          transition: all 0.3s ease;\r\n          font-size: 0.875rem;\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n      }\r\n  \r\n      .ycv-channel-link:hover {\r\n          background: rgba(138, 108, 252, 0.3);\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 8px 20px rgba(138, 108, 252, 0.2);\r\n      }\r\n  \r\n      \/* Stats Grid *\/\r\n      .ycv-stats-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n          gap: 1rem;\r\n      }\r\n  \r\n      .ycv-stat-card {\r\n          padding: 1.5rem;\r\n          background: rgba(0, 0, 0, 0.4);\r\n          backdrop-filter: blur(10px);\r\n          border-radius: 1rem;\r\n          border: 1px solid rgba(100, 116, 139, 0.5);\r\n          transition: all 0.3s ease;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .ycv-stat-card:hover {\r\n          transform: translateY(-5px) scale(1.05);\r\n          border-color: rgba(138, 108, 252, 0.5);\r\n          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-stat-icon {\r\n          width: 3rem;\r\n          height: 3rem;\r\n          border-radius: 0.5rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          margin-bottom: 1rem;\r\n          transition: transform 0.3s ease;\r\n      }\r\n  \r\n      .ycv-stat-card:hover .ycv-stat-icon {\r\n          transform: scale(1.1);\r\n      }\r\n  \r\n      .ycv-stat-icon.users {\r\n          background: linear-gradient(135deg, #3b82f6, #06b6d4);\r\n      }\r\n  \r\n      .ycv-stat-icon.views {\r\n          background: linear-gradient(135deg, #10b981, #059669);\r\n      }\r\n  \r\n      .ycv-stat-icon.calendar {\r\n          background: linear-gradient(135deg, #8b5cf6, #7c3aed);\r\n      }\r\n  \r\n      .ycv-stat-icon.location {\r\n          background: linear-gradient(135deg, #8a6cfc, #dc2626);\r\n      }\r\n  \r\n      .ycv-stat-value {\r\n          font-size: clamp(1.25rem, 3vw, 2rem);\r\n          font-weight: 800;\r\n          color: #f1f5f9;\r\n          margin-bottom: 0.25rem;\r\n          word-break: break-word;\r\n      }\r\n  \r\n      .ycv-stat-label {\r\n          font-size: 0.875rem;\r\n          color: rgba(255, 255, 255, 0.7);\r\n          font-weight: 600;\r\n          text-transform: uppercase;\r\n          letter-spacing: 1px;\r\n      }\r\n  \r\n      \/* Videos Section *\/\r\n      .ycv-videos-section {\r\n          background: rgba(0, 0, 0, 0.3);\r\n          backdrop-filter: blur(20px);\r\n          border-radius: 1.5rem;\r\n          padding: 2rem;\r\n          border: 1px solid rgba(138, 108, 252, 0.2);\r\n          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-section-header {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.75rem;\r\n          margin-bottom: 2rem;\r\n      }\r\n  \r\n      .ycv-section-icon {\r\n          width: 2rem;\r\n          height: 2rem;\r\n          background: linear-gradient(135deg, #8a6cfc, #7355e8);\r\n          border-radius: 0.5rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n      }\r\n  \r\n      .ycv-section-title {\r\n          font-size: clamp(1.5rem, 4vw, 2rem);\r\n          font-weight: 700;\r\n          color: white;\r\n      }\r\n  \r\n      .ycv-videos-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n          gap: 1.5rem;\r\n      }\r\n  \r\n      .ycv-video-card {\r\n          background: rgba(0, 0, 0, 0.4);\r\n          backdrop-filter: blur(10px);\r\n          border-radius: 1rem;\r\n          overflow: hidden;\r\n          border: 1px solid rgba(100, 116, 139, 0.5);\r\n          transition: all 0.3s ease;\r\n          cursor: pointer;\r\n          group: true;\r\n      }\r\n  \r\n      .ycv-video-card:hover {\r\n          transform: translateY(-8px) scale(1.02);\r\n          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);\r\n          border-color: rgba(138, 108, 252, 0.5);\r\n      }\r\n  \r\n      .ycv-video-thumbnail {\r\n          width: 100%;\r\n          aspect-ratio: 16\/9;\r\n          background-size: cover;\r\n          background-position: center;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .ycv-video-thumbnail::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          background: rgba(0, 0, 0, 0);\r\n          transition: all 0.3s ease;\r\n          z-index: 1;\r\n      }\r\n  \r\n      .ycv-video-card:hover .ycv-video-thumbnail::before {\r\n          background: rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-play-button {\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%) scale(1);\r\n          width: 4rem;\r\n          height: 4rem;\r\n          background: rgba(138, 108, 252, 0.95);\r\n          border-radius: 50%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          opacity: 1;\r\n          transition: all 0.3s ease;\r\n          z-index: 2;\r\n          box-shadow: 0 8px 25px rgba(138, 108, 252, 0.4);\r\n      }\r\n  \r\n      .ycv-video-card:hover .ycv-play-button {\r\n          opacity: 1;\r\n          transform: translate(-50%, -50%) scale(1.1);\r\n      }\r\n  \r\n      .ycv-play-button svg {\r\n          width: 1.5rem;\r\n          height: 1.5rem;\r\n          fill: white;\r\n          margin-left: 2px;\r\n      }\r\n  \r\n      .ycv-video-duration {\r\n          position: absolute;\r\n          bottom: 0.5rem;\r\n          right: 0.5rem;\r\n          background: rgba(0, 0, 0, 0.8);\r\n          color: white;\r\n          padding: 0.25rem 0.5rem;\r\n          border-radius: 0.375rem;\r\n          font-size: 0.75rem;\r\n          font-weight: 600;\r\n          z-index: 3;\r\n      }\r\n  \r\n      .ycv-video-info {\r\n          padding: 1rem;\r\n      }\r\n  \r\n      .ycv-video-title {\r\n          font-size: 0.875rem;\r\n          font-weight: 600;\r\n          line-height: 1.4;\r\n          margin-bottom: 0.5rem;\r\n          color: white;\r\n          display: -webkit-box;\r\n          -webkit-line-clamp: 2;\r\n          -webkit-box-orient: vertical;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .ycv-video-card:hover .ycv-video-title {\r\n          color: #8a6cfc;\r\n      }\r\n  \r\n      .ycv-video-meta {\r\n          color: rgba(255, 255, 255, 0.7);\r\n          font-size: 0.75rem;\r\n          font-weight: 500;\r\n      }\r\n  \r\n      \/* Modal Styles *\/\r\n      .ycv-modal {\r\n          display: none;\r\n          position: fixed;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          background: rgba(0, 0, 0, 0.9);\r\n          backdrop-filter: blur(10px);\r\n          z-index: 1000;\r\n          padding: 1rem;\r\n      }\r\n  \r\n      .ycv-modal-content {\r\n          max-width: 1200px;\r\n          margin: 0 auto;\r\n          position: relative;\r\n          top: 50%;\r\n          transform: translateY(-50%);\r\n      }\r\n  \r\n      .ycv-modal-close {\r\n          position: absolute;\r\n          top: -3rem;\r\n          right: 0;\r\n          background: rgba(255, 255, 255, 0.1);\r\n          border: none;\r\n          color: white;\r\n          font-size: 1.5rem;\r\n          cursor: pointer;\r\n          padding: 0.75rem;\r\n          border-radius: 50%;\r\n          width: 3rem;\r\n          height: 3rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          transition: all 0.3s ease;\r\n      }\r\n  \r\n      .ycv-modal-close:hover {\r\n          background: rgba(255, 255, 255, 0.2);\r\n          transform: scale(1.1);\r\n      }\r\n  \r\n      .ycv-video-player {\r\n          width: 100%;\r\n          aspect-ratio: 16\/9;\r\n          border: none;\r\n          border-radius: 0.75rem;\r\n          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\r\n      }\r\n  \r\n      \/* Error Styles *\/\r\n      .ycv-error {\r\n          background: rgba(239, 68, 68, 0.2);\r\n          border: 1px solid rgba(239, 68, 68, 0.4);\r\n          color: #fca5a5;\r\n          padding: 2rem;\r\n          border-radius: 1rem;\r\n          text-align: center;\r\n          margin: 2rem 0;\r\n          backdrop-filter: blur(10px);\r\n      }\r\n  \r\n      .ycv-error h3 {\r\n          font-weight: 700;\r\n          margin-bottom: 0.5rem;\r\n          font-size: 1.125rem;\r\n      }\r\n  \r\n      \/* Enhanced Download Modal Styles *\/\r\n      .ycv-download-modal-content {\r\n          max-width: 900px;\r\n          max-height: 90vh;\r\n          overflow-y: auto;\r\n          background: rgba(0, 0, 0, 0.4);\r\n          backdrop-filter: blur(20px);\r\n          border-radius: 1.5rem;\r\n          border: 1px solid rgba(138, 108, 252, 0.3);\r\n          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\r\n          padding: 2rem;\r\n          margin: 2rem auto;\r\n          position: relative;\r\n      }\r\n  \r\n      .ycv-download-modal-header {\r\n          text-align: center;\r\n          margin-bottom: 2rem;\r\n          padding-bottom: 1rem;\r\n          border-bottom: 1px solid rgba(138, 108, 252, 0.2);\r\n      }\r\n  \r\n      .ycv-download-modal-title {\r\n          font-size: 1.5rem;\r\n          font-weight: 700;\r\n          color: white;\r\n          margin-bottom: 1rem;\r\n          line-height: 1.4;\r\n      }\r\n  \r\n      .ycv-download-modal-thumbnail {\r\n          width: 200px;\r\n          height: auto;\r\n          border-radius: 1rem;\r\n          margin: 0 auto 1rem;\r\n          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-download-modal-info {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n          gap: 1rem;\r\n          margin-bottom: 2rem;\r\n          padding: 1rem;\r\n          background: rgba(0, 0, 0, 0.3);\r\n          border-radius: 1rem;\r\n          border: 1px solid rgba(255, 255, 255, 0.1);\r\n      }\r\n  \r\n      .ycv-download-info-item {\r\n          text-align: center;\r\n      }\r\n  \r\n      .ycv-download-info-label {\r\n          font-size: 0.875rem;\r\n          color: rgba(255, 255, 255, 0.7);\r\n          font-weight: 600;\r\n          text-transform: uppercase;\r\n          letter-spacing: 1px;\r\n          margin-bottom: 0.5rem;\r\n      }\r\n  \r\n      .ycv-download-info-value {\r\n          font-size: 1rem;\r\n          color: #8a6cfc;\r\n          font-weight: 600;\r\n      }\r\n  \r\n      .ycv-download-formats-section {\r\n          margin-bottom: 2rem;\r\n      }\r\n  \r\n      .ycv-download-section-title {\r\n          font-size: 1.25rem;\r\n          font-weight: 700;\r\n          color: white;\r\n          margin-bottom: 1.5rem;\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n      }\r\n  \r\n      .ycv-download-section-icon {\r\n          width: 1.5rem;\r\n          height: 1.5rem;\r\n          background: linear-gradient(135deg, #8a6cfc, #7355e8);\r\n          border-radius: 0.375rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          color: white;\r\n          font-size: 0.875rem;\r\n      }\r\n  \r\n      .ycv-download-formats-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n          gap: 1rem;\r\n      }\r\n  \r\n      .ycv-download-format-card {\r\n          background: rgba(0, 0, 0, 0.4);\r\n          backdrop-filter: blur(10px);\r\n          border-radius: 1rem;\r\n          padding: 1.5rem;\r\n          border: 1px solid rgba(100, 116, 139, 0.5);\r\n          transition: all 0.3s ease;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .ycv-download-format-card:hover {\r\n          transform: translateY(-3px);\r\n          border-color: rgba(138, 108, 252, 0.5);\r\n          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n      }\r\n  \r\n      .ycv-download-format-header {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          margin-bottom: 1rem;\r\n      }\r\n  \r\n      .ycv-download-format-type {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n      }\r\n  \r\n      .ycv-download-format-icon {\r\n          width: 2rem;\r\n          height: 2rem;\r\n          border-radius: 0.5rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          color: white;\r\n          font-size: 0.875rem;\r\n          font-weight: bold;\r\n      }\r\n  \r\n      .ycv-download-format-icon.audio {\r\n          background: linear-gradient(135deg, #8b5cf6, #7c3aed);\r\n      }\r\n  \r\n      .ycv-download-format-icon.video {\r\n          background: linear-gradient(135deg, #10b981, #059669);\r\n      }\r\n  \r\n      .ycv-download-format-label {\r\n          font-size: 1rem;\r\n          font-weight: 600;\r\n          color: white;\r\n      }\r\n  \r\n      .ycv-download-format-quality {\r\n          font-size: 0.875rem;\r\n          color: #8a6cfc;\r\n          font-weight: 600;\r\n          background: rgba(138, 108, 252, 0.2);\r\n          padding: 0.25rem 0.75rem;\r\n          border-radius: 1rem;\r\n          border: 1px solid rgba(138, 108, 252, 0.3);\r\n      }\r\n  \r\n      .ycv-btn-download {\r\n          background: linear-gradient(135deg, #8a6cfc, #7355e8);\r\n          color: white;\r\n          border: none;\r\n          padding: 0.75rem 1.5rem;\r\n          border-radius: 0.75rem;\r\n          font-weight: 600;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          width: 100%;\r\n          font-size: 0.875rem;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 0.5rem;\r\n          box-shadow: 0 8px 25px rgba(138, 108, 252, 0.3);\r\n      }\r\n  \r\n      .ycv-btn-download:hover:not(:disabled) {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 12px 35px rgba(138, 108, 252, 0.4);\r\n      }\r\n  \r\n      .ycv-btn-download:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n      }\r\n  \r\n      \/* Enhanced Loading Animation *\/\r\n      .ycv-download-loading {\r\n          text-align: center;\r\n          padding: 3rem 2rem;\r\n      }\r\n  \r\n      .ycv-download-loading-spinner {\r\n          width: 4rem;\r\n          height: 4rem;\r\n          margin: 0 auto 2rem;\r\n          position: relative;\r\n      }\r\n  \r\n      .ycv-download-loading-spinner::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          border: 4px solid rgba(138, 108, 252, 0.2);\r\n          border-radius: 50%;\r\n      }\r\n  \r\n      .ycv-download-loading-spinner::after {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          border: 4px solid transparent;\r\n          border-top: 4px solid #8a6cfc;\r\n          border-radius: 50%;\r\n          animation: ycv-downloadSpin 1s linear infinite;\r\n      }\r\n  \r\n      @keyframes ycv-downloadSpin {\r\n          to {\r\n              transform: rotate(360deg);\r\n          }\r\n      }\r\n  \r\n      .ycv-download-loading-text {\r\n          font-size: 1.125rem;\r\n          color: white;\r\n          font-weight: 600;\r\n          margin-bottom: 0.5rem;\r\n      }\r\n  \r\n      .ycv-download-loading-subtext {\r\n          font-size: 0.875rem;\r\n          color: rgba(255, 255, 255, 0.7);\r\n      }\r\n  \r\n      .ycv-download-loading-dots {\r\n          display: inline-flex;\r\n          gap: 0.25rem;\r\n          margin-left: 0.5rem;\r\n      }\r\n  \r\n      .ycv-download-loading-dot {\r\n          width: 0.375rem;\r\n          height: 0.375rem;\r\n          background: #8a6cfc;\r\n          border-radius: 50%;\r\n          animation: ycv-downloadDots 1.5s ease-in-out infinite;\r\n      }\r\n  \r\n      .ycv-download-loading-dot:nth-child(2) {\r\n          animation-delay: 0.2s;\r\n      }\r\n  \r\n      .ycv-download-loading-dot:nth-child(3) {\r\n          animation-delay: 0.4s;\r\n      }\r\n  \r\n      @keyframes ycv-downloadDots {\r\n  \r\n          0%,\r\n          60%,\r\n          100% {\r\n              opacity: 0.3;\r\n              transform: scale(0.8);\r\n          }\r\n  \r\n          30% {\r\n              opacity: 1;\r\n              transform: scale(1);\r\n          }\r\n      }\r\n  \r\n      \/* Enhanced Progress Bar *\/\r\n      .ycv-download-progress-container {\r\n          margin-top: 2rem;\r\n          padding: 2rem;\r\n          background: rgba(0, 0, 0, 0.4);\r\n          backdrop-filter: blur(10px);\r\n          border-radius: 1rem;\r\n          border: 1px solid rgba(138, 108, 252, 0.3);\r\n      }\r\n  \r\n      .ycv-download-progress-header {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          margin-bottom: 1rem;\r\n      }\r\n  \r\n      .ycv-download-progress-title {\r\n          font-size: 1rem;\r\n          font-weight: 600;\r\n          color: white;\r\n      }\r\n  \r\n      .ycv-download-progress-percentage {\r\n          font-size: 1rem;\r\n          font-weight: 700;\r\n          color: #8a6cfc;\r\n      }\r\n  \r\n      .ycv-download-progress-bar-container {\r\n          width: 100%;\r\n          height: 0.75rem;\r\n          background: rgba(0, 0, 0, 0.5);\r\n          border-radius: 0.375rem;\r\n          overflow: hidden;\r\n          margin-bottom: 1rem;\r\n          border: 1px solid rgba(255, 255, 255, 0.1);\r\n      }\r\n  \r\n      .ycv-download-progress-bar {\r\n          height: 100%;\r\n          background: linear-gradient(90deg, #8a6cfc, #7355e8);\r\n          border-radius: 0.375rem;\r\n          transition: width 0.3s ease;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .ycv-download-progress-bar::after {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n          animation: ycv-progressShimmer 2s ease-in-out infinite;\r\n      }\r\n  \r\n      @keyframes ycv-progressShimmer {\r\n          0% {\r\n              transform: translateX(-100%);\r\n          }\r\n  \r\n          100% {\r\n              transform: translateX(100%);\r\n          }\r\n      }\r\n  \r\n      .ycv-download-progress-actions {\r\n          display: flex;\r\n          gap: 1rem;\r\n          justify-content: center;\r\n      }\r\n  \r\n      .ycv-btn-cancel {\r\n          background: linear-gradient(135deg, #ef4444, #dc2626);\r\n          color: white;\r\n          border: none;\r\n          padding: 0.75rem 1.5rem;\r\n          border-radius: 0.75rem;\r\n          font-weight: 600;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n          box-shadow: 0 8px 25px rgba(239, 68, 68, 0.3);\r\n      }\r\n  \r\n      .ycv-btn-cancel:hover {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 12px 35px rgba(239, 68, 68, 0.4);\r\n      }\r\n  \r\n      .ycv-download-complete {\r\n          text-align: center;\r\n          padding: 2rem;\r\n          background: rgba(16, 185, 129, 0.2);\r\n          border: 1px solid rgba(16, 185, 129, 0.4);\r\n          border-radius: 1rem;\r\n          margin-top: 1rem;\r\n      }\r\n  \r\n      .ycv-download-complete-icon {\r\n          width: 3rem;\r\n          height: 3rem;\r\n          background: linear-gradient(135deg, #10b981, #059669);\r\n          border-radius: 50%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          margin: 0 auto 1rem;\r\n          color: white;\r\n          font-size: 1.5rem;\r\n      }\r\n  \r\n      .ycv-download-complete-text {\r\n          font-size: 1.125rem;\r\n          font-weight: 600;\r\n          color: #10b981;\r\n      }\r\n  \r\n      \/* Responsive Design *\/\r\n      @media (max-width: 768px) {\r\n          .ycv-container {\r\n              padding: 1rem;\r\n          }\r\n  \r\n          .ycv-header-content {\r\n              flex-direction: column;\r\n              gap: 1rem;\r\n              padding: 1.5rem;\r\n          }\r\n  \r\n          .ycv-features-grid {\r\n              grid-template-columns: repeat(2, 1fr);\r\n              gap: 0.75rem;\r\n          }\r\n  \r\n          .ycv-input-section {\r\n              padding: 1.5rem;\r\n          }\r\n  \r\n          .ycv-input-wrapper {\r\n              flex-direction: column;\r\n              gap: 0.75rem;\r\n          }\r\n  \r\n          .ycv-input-field {\r\n              min-width: unset !important;\r\n          }\r\n  \r\n          .ycv-channel-main-info {\r\n              flex-direction: column;\r\n              align-items: center;\r\n              text-align: center;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .ycv-channel-name {\r\n              justify-content: center;\r\n          }\r\n  \r\n          .ycv-stats-grid {\r\n              grid-template-columns: repeat(2, 1fr);\r\n              gap: 0.75rem;\r\n          }\r\n  \r\n          .ycv-stat-card {\r\n              padding: 1rem;\r\n          }\r\n  \r\n          .ycv-videos-grid {\r\n              grid-template-columns: 1fr;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .ycv-channel-header,\r\n          .ycv-videos-section {\r\n              padding: 1.5rem;\r\n          }\r\n  \r\n          .ycv-download-modal-content {\r\n              margin: 1rem;\r\n              padding: 1.5rem;\r\n          }\r\n  \r\n          .ycv-download-formats-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .ycv-download-modal-info {\r\n              grid-template-columns: 1fr;\r\n          }\r\n      }\r\n  \r\n      @media (max-width: 480px) {\r\n          .ycv-stats-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .ycv-features-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .ycv-app-icon {\r\n              width: 3rem;\r\n              height: 3rem;\r\n          }\r\n  \r\n          .ycv-app-icon svg {\r\n              width: 1.5rem;\r\n              height: 1.5rem;\r\n          }\r\n  \r\n          .ycv-download-modal-content {\r\n              padding: 1rem;\r\n          }\r\n      }\r\n  \r\n      @media (min-width: 1200px) {\r\n          .ycv-videos-grid {\r\n              grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\r\n          }\r\n  \r\n          .ycv-stats-grid {\r\n              grid-template-columns: repeat(4, 1fr);\r\n          }\r\n      }\r\n  \r\n      \/* Utility Classes *\/\r\n      .ycv-hidden {\r\n          display: none;\r\n      }\r\n  \r\n      .ycv-flex {\r\n          display: flex;\r\n      }\r\n  \r\n      .ycv-items-center {\r\n          align-items: center;\r\n      }\r\n  \r\n      .ycv-gap-2 {\r\n          gap: 0.5rem;\r\n      }\r\n  <\/style>\r\n  \r\n  <body data-aos-easing=\"ease-in-out\" data-aos-duration=\"800\" data-aos-delay=\"0\" data-new-gr-c-s-check-loaded=\"14.1249.0\" data-gr-ext-installed=\"\" data-new-gr-c-s-loaded=\"14.1223.0\" class=\"\" style=\"\">\r\n     \r\n       <section class=\"ytchv-custom-section\">\r\n          <div class=\"container\">\r\n              <!-- Animated Background -->\r\n      <div class=\"ycv-background-effects\">\r\n          <div class=\"ycv-floating-orb ycv-orb-1\"><\/div>\r\n          <div class=\"ycv-floating-orb ycv-orb-2\"><\/div>\r\n          <div class=\"ycv-floating-orb ycv-orb-3\"><\/div>\r\n      <\/div>\r\n  \r\n      <div class=\"ycv-container\">\r\n          <!-- Header -->\r\n          <div class=\"ycv-header\">\r\n              <div class=\"ycv-header-content\">\r\n                  <div class=\"ycv-app-icon\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                          <path d=\"M8 5v14l11-7z\"><\/path>\r\n                      <\/svg>\r\n                  <\/div>\r\n                  <div>\r\n                      <h1 class=\"ycv-title\"><span class=\"va-cap\">Y<\/span>outube Channel History <span class=\"va-cap\">V<\/span>iewer<\/h1>\r\n                      <p class=\"ycv-subtitle\">Comprehensive Channel Analytics & Video Streaming<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n  \r\n              <div class=\"ycv-features-grid\">\r\n                  <div class=\"ycv-feature-card\">\r\n                      <span class=\"ycv-feature-icon\">\ud83d\udcca<\/span>\r\n                      <span class=\"ycv-feature-text\">Channel Analytics<\/span>\r\n                  <\/div>\r\n                  <div class=\"ycv-feature-card\">\r\n                      <span class=\"ycv-feature-icon\">\ud83c\udfa5<\/span>\r\n                      <span class=\"ycv-feature-text\">Video Streaming<\/span>\r\n                  <\/div>\r\n                  <div class=\"ycv-feature-card\">\r\n                      <span class=\"ycv-feature-icon\">\u2b07\ufe0f<\/span>\r\n                      <span class=\"ycv-feature-text\">Download Options<\/span>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n  \r\n          <!-- Input Section -->\r\n          <div class=\"ycv-input-section\">\r\n              <div class=\"ycv-input-wrapper\">\r\n                  <input type=\"text\" id=\"ycv-channelInput\" class=\"ycv-input-field\" placeholder=\"Enter channel username (e.g., @username) or channel URL\">\r\n                  <button class=\"ycv-btn ycv-btn-paste\" onclick=\"ycv_pasteFromClipboard()\">\r\n                      <span id=\"ycv-pasteIcon\">\ud83d\udccb<\/span>\r\n                      <span id=\"ycv-pasteText\">Paste<\/span>\r\n                  <\/button>\r\n              <\/div>\r\n              <button class=\"ycv-btn ycv-btn-search\" id=\"ycv-searchBtn\" onclick=\"ycv_findChannel()\">\r\n                  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                      <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"><\/path>\r\n                  <\/svg>\r\n                  <span id=\"ycv-searchText\">Analyze Channel<\/span>\r\n              <\/button>\r\n          <\/div>\r\n  \r\n          <!-- Loading -->\r\n          <div class=\"ycv-loading\" id=\"ycv-loading\">\r\n              <div class=\"ycv-spinner\"><\/div>\r\n              <p>Analyzing channel data...<\/p>\r\n          <\/div>\r\n  \r\n          <!-- Channel Container -->\r\n          <div class=\"ycv-channel-container\" id=\"ycv-channelContainer\">\r\n              <!-- Channel content will be populated here -->\r\n          <\/div>\r\n      <\/div>\r\n  \r\n      <!-- Video Modal -->\r\n      <div class=\"ycv-modal\" id=\"ycv-videoModal\">\r\n          <div class=\"ycv-modal-content\">\r\n              <button class=\"ycv-modal-close\" onclick=\"ycv_closeModal()\">\u00d7<\/button>\r\n              <iframe id=\"ycv-videoPlayer\" class=\"ycv-video-player\" allowfullscreen=\"\"><\/iframe>\r\n          <\/div>\r\n      <\/div>\r\n  \r\n      <!-- Enhanced Download Modal -->\r\n      <div class=\"ycv-modal\" id=\"ycv-downloadModal\">\r\n          <div class=\"ycv-download-modal-content\">\r\n              <button class=\"ycv-modal-close\" onclick=\"ycv_closeDownloadModal()\">\u00d7<\/button>\r\n              <div id=\"ycv-downloadModalBody\">\r\n                  <!-- Dynamic content here -->\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  \r\n          <\/div>\r\n       <\/section>\r\n  \r\n  <!-- Work Process Section --> \r\n  <section class=\"ytchv-work-process-section\" id=\"how-it-works\">\r\n      <div class=\"container ytchv-work-process-content\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"ytchv-section-title ytchv-light-title\">How Our YouTube Channel History Viewer Works<\/h2>\r\n              <p class=\"ytchv-section-subtitle ytchv-light-subtitle\">Explore any public channel\u2019s upload history in 3 simple steps<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"row\">\r\n              <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                  <div class=\"ytchv-process-step\">\r\n                      <div class=\"ytchv-step-number\">1<\/div>\r\n                      <h4 class=\"text-white\">Enter Channel URL<\/h4>\r\n                      <p class=\"ytchv-light-subtitle\">Paste the YouTube channel link whose public history you want to view<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                  <div class=\"ytchv-process-step\">\r\n                      <div class=\"ytchv-step-number\">2<\/div>\r\n                      <h4 class=\"text-white\">Process History<\/h4>\r\n                      <p class=\"ytchv-light-subtitle\">Our system compiles the public upload timeline without touching YouTube tracking<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                  <div class=\"ytchv-process-step\">\r\n                      <div class=\"ytchv-step-number\">3<\/div>\r\n                      <h4 class=\"text-white\">View Timeline<\/h4>\r\n                      <p class=\"ytchv-light-subtitle\">Browse videos, playlists, and past public livestreams by date\u2014anonymously<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- Features Section -->\r\n  <section class=\"ytchv-features-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"ytchv-section-title\">Key Features<\/h2>\r\n              <p class=\"ytchv-section-subtitle\">Our YouTube Channel History Viewer makes public timelines easy to explore<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"row\">\r\n              <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                  <div class=\"ytchv-feature-card\">\r\n                      <div class=\"ytchv-feature-icon\">\r\n                          <i class=\"bx bx-user\"><\/i>\r\n                      <\/div>\r\n                      <h4>Complete Anonymity<\/h4>\r\n                      <p>Review a channel\u2019s public history without revealing your identity or altering stats<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                  <div class=\"ytchv-feature-card\">\r\n                      <div class=\"ytchv-feature-icon\">\r\n                          <i class=\"bx bx-shield\"><\/i>\r\n                      <\/div>\r\n                      <h4>No Tracking<\/h4>\r\n                      <p>YouTube won\u2019t track your visits or influence recommendations while you browse history<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                  <div class=\"ytchv-feature-card\">\r\n                      <div class=\"ytchv-feature-icon\">\r\n                          <i class=\"bx bx-line-chart\"><\/i>\r\n                      <\/div>\r\n                      <h4>Timeline Analytics<\/h4>\r\n                      <p>See upload cadence, streaks, and activity windows without logging in<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                  <div class=\"ytchv-feature-card\">\r\n                      <div class=\"ytchv-feature-icon\">\r\n                          <i class=\"bx bx-video\"><\/i>\r\n                      <\/div>\r\n                      <h4>Video Insights<\/h4>\r\n                      <p>Open any public video from the timeline without affecting its view count<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                  <div class=\"ytchv-feature-card\">\r\n                      <div class=\"ytchv-feature-icon\">\r\n                          <i class=\"bx bx-group\"><\/i>\r\n                      <\/div>\r\n                      <h4>Milestone Highlights<\/h4>\r\n                      <p>Spot notable history points like first uploads, spikes, and series launches<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                  <div class=\"ytchv-feature-card\">\r\n                      <div class=\"ytchv-feature-icon\">\r\n                          <i class=\"bx bx-devices\"><\/i>\r\n                      <\/div>\r\n                      <h4>Cross-Platform<\/h4>\r\n                      <p>Works smoothly on desktop, tablet, and mobile devices<\/p>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- Why Choose Section -->\r\n  <section class=\"ytchv-why-choose-section\">\r\n      <div class=\"container\">\r\n          <div class=\"row align-items-center\">\r\n              <div class=\"col-lg-6 mb-5 mb-lg-0\" data-aos=\"fade-right\">\r\n                  <div class=\"ytchv-why-choose-image ytchv-floating-element\">\r\n                      <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Youtube_Channel_History_Viewer.webp\" alt=\"YouTube Channel History Viewer\" class=\"img-fluid rounded-3\">\r\n                  <\/div>\r\n              <\/div>\r\n              <div class=\"col-lg-6\" data-aos=\"fade-left\">\r\n                  <h2 class=\"ytchv-section-title mb-4\">Why Choose Our YouTube Channel History Viewer?<\/h2>\r\n                  <p class=\"mb-4\">Research upload patterns, discover content phases, and explore past public activity\u2014privately. Our viewer keeps you off the radar while delivering clear, reliable history views.<\/p>\r\n                  \r\n                  <div class=\"ytchv-benefit-item\">\r\n                      <div class=\"ytchv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">No account needed<\/h5>\r\n                          <p class=\"mb-0\">Check channel history without logging in or using the YouTube app<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ytchv-benefit-item\">\r\n                      <div class=\"ytchv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Competitor research<\/h5>\r\n                          <p class=\"mb-0\">Analyze posting cadence and series rollouts without impacting stats<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ytchv-benefit-item\">\r\n                      <div class=\"ytchv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Fast and reliable<\/h5>\r\n                          <p class=\"mb-0\">Get timeline data instantly with our optimized system<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ytchv-benefit-item\">\r\n                      <div class=\"ytchv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Privacy focused<\/h5>\r\n                          <p class=\"mb-0\">No cookies, no tracking, no viewing history stored<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- FAQ Section -->\r\n  <section class=\"ytchv-faq-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"ytchv-section-title\">Frequently Asked Questions<\/h2>\r\n              <p class=\"ytchv-section-subtitle\">Everything about our YouTube Channel History Viewer<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"row justify-content-center\">\r\n              <div class=\"col-lg-8\">\r\n                  <div class=\"accordion\" id=\"ytchv-faqAccordion\">\r\n                      <div class=\"ytchv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                          <h3 class=\"accordion-header\" id=\"ytchv-heading1\">\r\n                              <button class=\"ytchv-accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ytchv-collapse1\" aria-expanded=\"true\" aria-controls=\"ytchv-collapse1\">\r\n                                  Is viewing a channel\u2019s history anonymously legal?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ytchv-collapse1\" class=\"accordion-collapse collapse show\" aria-labelledby=\"ytchv-heading1\" data-bs-parent=\"#ytchv-faqAccordion\">\r\n                              <div class=\"ytchv-accordion-body\">\r\n                                  Yes. We only display publicly available channel information and timelines. We don\u2019t bypass privacy controls or access private data.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ytchv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                          <h3 class=\"accordion-header\" id=\"ytchv-heading2\">\r\n                              <button class=\"ytchv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ytchv-collapse2\" aria-expanded=\"false\" aria-controls=\"ytchv-collapse2\">\r\n                                  Can I see deleted or private videos in the history?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ytchv-collapse2\" class=\"accordion-collapse collapse\" aria-labelledby=\"ytchv-heading2\" data-bs-parent=\"#ytchv-faqAccordion\">\r\n                              <div class=\"ytchv-accordion-body\">\r\n                                  No. The viewer respects YouTube privacy settings. Only currently public items (videos, lives, playlists) appear in the timeline.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ytchv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                          <h3 class=\"accordion-header\" id=\"ytchv-heading3\">\r\n                              <button class=\"ytchv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ytchv-collapse3\" aria-expanded=\"false\" aria-controls=\"ytchv-collapse3\">\r\n                                  Will the channel owner know I viewed their history?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ytchv-collapse3\" class=\"accordion-collapse collapse\" aria-labelledby=\"ytchv-heading3\" data-bs-parent=\"#ytchv-faqAccordion\">\r\n                              <div class=\"ytchv-accordion-body\">\r\n                                  No. Your visit isn\u2019t counted in YouTube\u2019s analytics, and the owner won\u2019t be notified.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ytchv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                          <h3 class=\"accordion-header\" id=\"ytchv-heading4\">\r\n                              <button class=\"ytchv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ytchv-collapse4\" aria-expanded=\"false\" aria-controls=\"ytchv-collapse4\">\r\n                                  Do I need to install any software?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ytchv-collapse4\" class=\"accordion-collapse collapse\" aria-labelledby=\"ytchv-heading4\" data-bs-parent=\"#ytchv-faqAccordion\">\r\n                              <div class=\"ytchv-accordion-body\">\r\n                                  No. It\u2019s fully web-based. Enter a channel URL and browse the public history directly in your browser.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ytchv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                          <h3 class=\"accordion-header\" id=\"ytchv-heading5\">\r\n                              <button class=\"ytchv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ytchv-collapse5\" aria-expanded=\"false\" aria-controls=\"ytchv-collapse5\">\r\n                                  What timeline data can I view?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ytchv-collapse5\" class=\"accordion-collapse collapse\" aria-labelledby=\"ytchv-heading5\" data-bs-parent=\"#ytchv-faqAccordion\">\r\n                              <div class=\"ytchv-accordion-body\">\r\n                                  Upload dates, public videos, public livestream replays, and public playlists organized chronologically. We don\u2019t expose private analytics or non-public items.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n    \r\n    <!-- Footer -->\r\n    \r\n  \r\n  <!-- Copyright Section -->\r\n  \r\n  \r\n  \r\n  \r\n   <!-- YouTub Channel Viewer js -->\r\n    <script src=\"https:\/\/tools.xrespond.com\/api\/rate-limit-handler.js\"><\/script>\r\n    <script src=\"https:\/\/tools.xrespond.com\/api\/js\/client-ip-detector.js\"><\/script>\r\n   <script>\r\n      let ycv_isProcessing = false;\r\n  \r\n      async function ycv_pasteFromClipboard() {\r\n          try {\r\n              const text = await navigator.clipboard.readText();\r\n              document.getElementById('ycv-channelInput').value = text;\r\n  \r\n              \/\/ Visual feedback\r\n              const icon = document.getElementById('ycv-pasteIcon');\r\n              const text_el = document.getElementById('ycv-pasteText');\r\n              icon.textContent = '\u2713';\r\n              text_el.textContent = 'Copied!';\r\n  \r\n              setTimeout(() => {\r\n                  icon.textContent = '\ud83d\udccb';\r\n                  text_el.textContent = 'Paste';\r\n              }, 2000);\r\n          } catch (err) {\r\n              console.error('Failed to read clipboard contents: ', err);\r\n              alert('Unable to access clipboard. Please paste manually.');\r\n          }\r\n      }\r\n  \r\n      function ycv_cleanSubscriberCount(subscriberText) {\r\n          if (!subscriberText) return 'N\/A';\r\n          return subscriberText.replace(\/\\s*subscribers?\\s*\/i, '').trim();\r\n      }\r\n  \r\n      async function ycv_findChannel() {\r\n          if (ycv_isProcessing) return;\r\n  \r\n          const input = document.getElementById('ycv-channelInput').value.trim();\r\n          if (!input) {\r\n              alert('Please enter a YouTube channel username or channel URL');\r\n              return;\r\n          }\r\n          const channelName = input;\r\n  \r\n          ycv_isProcessing = true;\r\n          const loading = document.getElementById('ycv-loading');\r\n          const channelContainer = document.getElementById('ycv-channelContainer');\r\n          const searchBtn = document.getElementById('ycv-searchBtn');\r\n          const searchText = document.getElementById('ycv-searchText');\r\n  \r\n          searchBtn.disabled = true;\r\n          searchText.textContent = 'Analyzing...';\r\n          loading.style.display = 'block';\r\n          channelContainer.style.display = 'none';\r\n  \r\n          try {\r\n              const formData = new FormData();\r\n              formData.append('channel_name', channelName);\r\n              const response = await fetch('https:\/\/tools.xrespond.com\/api\/youtube\/channel-viewer', {\r\n                  method: 'POST',\r\n                  body: formData\r\n              });\r\n  \r\n              if (!response.ok) {\r\n                  const errorText = await response.text();\r\n                  throw new Error(`API Error ${response.status}: ${errorText}`);\r\n              }\r\n  \r\n              const data = await response.json();\r\n  \r\n              if (data && data.status === 'success' && data.data && data.data.channel_info && data.data.channel_info.data) {\r\n                  ycv_displayChannel(data.data);\r\n                  document.getElementById('ycv-channelInput').value = '';\r\n              } else {\r\n                  throw new Error('Invalid response format from API');\r\n              }\r\n  \r\n          } catch (error) {\r\n              console.error('Error:', error);\r\n              channelContainer.innerHTML = `\r\n                  <div class=\"ycv-error\">\r\n                      <h3>\u274c Error loading channel<\/h3>\r\n                      <p><strong>Error:<\/strong> ${error.message}<\/p>\r\n                      <p>Please check the channel name and try again.<\/p>\r\n                  <\/div>\r\n              `;\r\n              channelContainer.style.display = 'block';\r\n          } finally {\r\n              ycv_isProcessing = false;\r\n              searchBtn.disabled = false;\r\n              searchText.textContent = 'Analyze Channel';\r\n              loading.style.display = 'none';\r\n          }\r\n      }\r\n  \r\n      function ycv_displayChannel(data) {\r\n          const channelInfo = (data.channel_info && data.channel_info.data) ? data.channel_info.data : {};\r\n          const videos = (data.channel_videos && Array.isArray(data.channel_videos.videos)) ? data.channel_videos.videos : [];\r\n          const container = document.getElementById('ycv-channelContainer');\r\n  \r\n          container.innerHTML = `\r\n              ${channelInfo.banner ? `<div class=\"ycv-channel-banner\" style=\"background-image: url('${channelInfo.banner}')\"><\/div>` : ''}\r\n              \r\n              <div class=\"ycv-channel-header\">\r\n                  <div class=\"ycv-channel-main-info\">\r\n                      ${channelInfo.avatar ? `\r\n                      <div class=\"ycv-channel-avatar\">\r\n                          <img decoding=\"async\" src=\"${channelInfo.avatar}\" alt=\"Channel Avatar\" \/>\r\n                      <\/div>\r\n                      ` : ''}\r\n                      \r\n                      <div class=\"ycv-channel-details\">\r\n                          ${channelInfo.name ? `\r\n                          <div class=\"ycv-channel-name\">\r\n                              ${channelInfo.name}\r\n                              <div class=\"ycv-verified-badge\">\u2713<\/div>\r\n                          <\/div>\r\n                          ` : ''}\r\n                          \r\n                          ${channelInfo.canonicalUrl ? `<div class=\"ycv-channel-handle\">${channelInfo.canonicalUrl}<\/div>` : ''}\r\n                          \r\n                          ${channelInfo.description ? `<div class=\"ycv-channel-description\">${channelInfo.description}<\/div>` : ''}\r\n                          \r\n                          ${channelInfo.links && channelInfo.links.length > 0 ? `\r\n                          <div class=\"ycv-channel-links\">\r\n                              ${channelInfo.links.map(link => `\r\n                                  <a href=\"https:\/\/${link.url}\" target=\"_blank\" class=\"ycv-channel-link\">\r\n                                      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                          <path d=\"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z\"\/>\r\n                                      <\/svg>\r\n                                      ${link.title}\r\n                                  <\/a>\r\n                              `).join('')}\r\n                          <\/div>\r\n                          ` : ''}\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ycv-stats-grid\">\r\n                      ${channelInfo.subscriberCount ? `\r\n                      <div class=\"ycv-stat-card\">\r\n                          <div class=\"ycv-stat-icon users\">\r\n                              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\r\n                                  <path d=\"M16 7c0-2.21-1.79-4-4-4S8 4.79 8 7s1.79 4 4 4 4-1.79 4-4zm-4 6c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z\"\/>\r\n                              <\/svg>\r\n                          <\/div>\r\n                          <div class=\"ycv-stat-value\">${ycv_cleanSubscriberCount(channelInfo.subscriberCount)}<\/div>\r\n                          <div class=\"ycv-stat-label\">Subscribers<\/div>\r\n                      <\/div>\r\n                      ` : ''}\r\n                      \r\n                      ${channelInfo.viewCount ? `\r\n                      <div class=\"ycv-stat-card\">\r\n                          <div class=\"ycv-stat-icon views\">\r\n                              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\r\n                                  <path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/>\r\n                              <\/svg>\r\n                          <\/div>\r\n                          <div class=\"ycv-stat-value\">${channelInfo.viewCount}<\/div>\r\n                          <div class=\"ycv-stat-label\">Total Views<\/div>\r\n                      <\/div>\r\n                      ` : ''}\r\n                      \r\n                      ${channelInfo.joinedDate ? `\r\n                      <div class=\"ycv-stat-card\">\r\n                          <div class=\"ycv-stat-icon calendar\">\r\n                              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\r\n                                  <path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"\/>\r\n                              <\/svg>\r\n                          <\/div>\r\n                          <div class=\"ycv-stat-value\">${channelInfo.joinedDate}<\/div>\r\n                          <div class=\"ycv-stat-label\">Joined<\/div>\r\n                      <\/div>\r\n                      ` : ''}\r\n                      \r\n                      ${channelInfo.country ? `\r\n                      <div class=\"ycv-stat-card\">\r\n                          <div class=\"ycv-stat-icon location\">\r\n                              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\r\n                                  <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n                              <\/svg>\r\n                          <\/div>\r\n                          <div class=\"ycv-stat-value\">${channelInfo.country}<\/div>\r\n                          <div class=\"ycv-stat-label\">Country<\/div>\r\n                      <\/div>\r\n                      ` : ''}\r\n                  <\/div>\r\n              <\/div>\r\n  \r\n              ${videos && videos.length > 0 ? `\r\n              <div class=\"ycv-videos-section\">\r\n                  <div class=\"ycv-section-header\">\r\n                      <div class=\"ycv-section-icon\">\r\n                          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\">\r\n                              <path d=\"M8 5v14l11-7z\"\/>\r\n                          <\/svg>\r\n                      <\/div>\r\n                      <div class=\"ycv-section-title\">Latest Videos<\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ycv-videos-grid\">\r\n                      ${videos.map(video => `\r\n                          <div class=\"ycv-video-card\">\r\n                              <div onclick=\"ycv_playVideo('${video.videoId}', '${video.title.replace(\/'\/g, \"\\\\'\")}')\" style=\"cursor:pointer;\">\r\n                                  <div class=\"ycv-video-thumbnail\" style=\"background-image: url('${ycv_getBestThumbnail(video.thumbnails)}')\">\r\n                                      <div class=\"ycv-play-button\" onclick=\"event.stopPropagation(); ycv_playVideo('${video.videoId}', '${video.title.replace(\/'\/g, \"\\\\'\")}')\">\r\n                                          <svg viewBox=\"0 0 24 24\">\r\n                                              <path d=\"M8 5v14l11-7z\"\/>\r\n                                          <\/svg>\r\n                                      <\/div>\r\n                                      ${video.length ? `<div class=\"ycv-video-duration\">${video.length}<\/div>` : ''}\r\n                                  <\/div>\r\n                                  <div class=\"ycv-video-info\">\r\n                                      <div class=\"ycv-video-title\">${video.title}<\/div>\r\n                                      <div class=\"ycv-video-meta\">\r\n                                          ${video.viewCount ? `${video.viewCount}` : ''}\r\n                                      <\/div>\r\n                                  <\/div>\r\n                              <\/div>\r\n                              <div style=\"display: flex; gap: 0.5rem;\">\r\n                                  <button class=\"ycv-btn ycv-btn-download\" onclick=\"event.stopPropagation(); ycv_openDownloadModal('${video.videoId}', '${video.title.replace(\/'\/g, \"\\\\'\")}')\">\r\n                                      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                          <path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\/>\r\n                                      <\/svg>\r\n                                      Download\r\n                                  <\/button>\r\n                                  <button class=\"ycv-btn ycv-btn-search\" style=\"padding: 0.75rem 1.5rem; font-size: 0.875rem;\" onclick=\"event.stopPropagation(); ycv_playVideo('${video.videoId}', '${video.title.replace(\/'\/g, \"\\\\'\")}')\">\r\n                                      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                          <path d=\"M8 5v14l11-7z\"\/>\r\n                                      <\/svg>\r\n                                      Stream\r\n                                  <\/button>\r\n                              <\/div>\r\n                          <\/div>\r\n                      `).join('')}\r\n                  <\/div>\r\n              <\/div>\r\n              ` : ''}\r\n          `;\r\n  \r\n          container.style.display = 'block';\r\n      }\r\n  \r\n      function ycv_getBestThumbnail(thumbnails) {\r\n          if (!thumbnails || thumbnails.length === 0) return '';\r\n  \r\n          const qualities = ['hq720', 'sddefault', 'hqdefault', 'mqdefault', 'default'];\r\n  \r\n          for (const quality of qualities) {\r\n              const thumbnail = thumbnails.find(t => t.url && t.url.includes(quality));\r\n              if (thumbnail) return thumbnail.url;\r\n          }\r\n  \r\n          return thumbnails[thumbnails.length - 1].url;\r\n      }\r\n  \r\n      function ycv_playVideo(videoId, title) {\r\n          const modal = document.getElementById('ycv-videoModal');\r\n          const player = document.getElementById('ycv-videoPlayer');\r\n  \r\n          player.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&rel=0`;\r\n          modal.style.display = 'block';\r\n  \r\n          document.body.style.overflow = 'hidden';\r\n      }\r\n  \r\n      function ycv_closeModal() {\r\n          const modal = document.getElementById('ycv-videoModal');\r\n          const player = document.getElementById('ycv-videoPlayer');\r\n  \r\n          player.src = '';\r\n          modal.style.display = 'none';\r\n  \r\n          document.body.style.overflow = 'auto';\r\n      }\r\n  \r\n      \/\/ Event Listeners\r\n      document.getElementById('ycv-videoModal').addEventListener('click', function (e) {\r\n          if (e.target === this) {\r\n              ycv_closeModal();\r\n          }\r\n      });\r\n  \r\n      document.addEventListener('keydown', function (e) {\r\n          if (e.key === 'Escape') {\r\n              ycv_closeModal();\r\n          }\r\n      });\r\n  \r\n      document.getElementById('ycv-channelInput').addEventListener('keypress', function (e) {\r\n          if (e.key === 'Enter' && !ycv_isProcessing) {\r\n              ycv_findChannel();\r\n          }\r\n      });\r\n  \r\n      function ycv_openDownloadModal(videoId, title) {\r\n          const modal = document.getElementById('ycv-downloadModal');\r\n          const body = document.getElementById('ycv-downloadModalBody');\r\n  \r\n          \/\/ Enhanced loading animation\r\n          body.innerHTML = `\r\n              <div class=\"ycv-download-loading\">\r\n                  <div class=\"ycv-download-loading-spinner\"><\/div>\r\n                  <div class=\"ycv-download-loading-text\">Finding download formats<\/div>\r\n                  <div class=\"ycv-download-loading-subtext\">\r\n                      Analyzing video: <strong>${title}<\/strong>\r\n                      <div class=\"ycv-download-loading-dots\">\r\n                          <div class=\"ycv-download-loading-dot\"><\/div>\r\n                          <div class=\"ycv-download-loading-dot\"><\/div>\r\n                          <div class=\"ycv-download-loading-dot\"><\/div>\r\n                      <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          `;\r\n  \r\n          modal.style.display = 'block';\r\n          document.body.style.overflow = 'hidden';\r\n  \r\n          \/\/ Call the API\r\n          const formData = new FormData();\r\n          formData.append('url', `https:\/\/www.youtube.com\/watch?v=${videoId}`);\r\n  \r\n          fetch('https:\/\/tools.xrespond.com\/api\/youtube\/video\/downloader', {\r\n              method: 'POST',\r\n              body: formData\r\n          })\r\n              .then(async res => {\r\n                  if (!res.ok) throw new Error('API Error');\r\n                  const data = await res.json();\r\n                  if (!data.success || !data.data || !data.data.data) throw new Error('No data');\r\n                  ycv_showDownloadOptions(data.data.data, videoId, title);\r\n              })\r\n              .catch(err => {\r\n                  body.innerHTML = `\r\n                  <div class=\"ycv-error\">\r\n                      <h3>\u274c Error fetching download options<\/h3>\r\n                      <p>${err.message}<\/p>\r\n                      <p>Please try again later.<\/p>\r\n                  <\/div>\r\n              `;\r\n              });\r\n      }\r\n  \r\n      function ycv_closeDownloadModal() {\r\n          document.getElementById('ycv-downloadModal').style.display = 'none';\r\n          document.body.style.overflow = 'auto';\r\n      }\r\n  \r\n      function ycv_showDownloadOptions(info, videoId, title) {\r\n          const body = document.getElementById('ycv-downloadModalBody');\r\n  \r\n          \/\/ Separate audio and video formats, filter out 360p\r\n          const audioFormats = info.links.filter(link => link.type === 'audio');\r\n          const videoFormats = info.links.filter(link => link.type === 'video' && !link.resolution?.includes('360p'));\r\n  \r\n          let html = `\r\n              <div class=\"ycv-download-modal-header\">\r\n                  <button class=\"ycv-modal-close\" onclick=\"ycv_closeDownloadModal()\" style=\"position: absolute; top: 1.5rem; right: 1.5rem; background: rgba(255,255,255,0.1); border: none; color: white; font-size: 1.5rem; cursor: pointer; padding: 0.75rem; border-radius: 50%; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;\">\u00d7<\/button>\r\n                  <div class=\"ycv-download-modal-title\">${info.title || title}<\/div>\r\n                  <img decoding=\"async\" src=\"${info.thumbnail}\" class=\"ycv-download-modal-thumbnail\" alt=\"Video thumbnail\" \/>\r\n                  \r\n                  <div class=\"ycv-download-modal-info\">\r\n                      <div class=\"ycv-download-info-item\">\r\n                          <div class=\"ycv-download-info-label\">Duration<\/div>\r\n                          <div class=\"ycv-download-info-value\">${info.duration || 'N\/A'}<\/div>\r\n                      <\/div>\r\n                      <div class=\"ycv-download-info-item\">\r\n                          <div class=\"ycv-download-info-label\">Uploader<\/div>\r\n                          <div class=\"ycv-download-info-value\">${info.uploader || 'N\/A'}<\/div>\r\n                      <\/div>\r\n                      <div class=\"ycv-download-info-item\">\r\n                          <div class=\"ycv-download-info-label\">Formats<\/div>\r\n                          <div class=\"ycv-download-info-value\">${audioFormats.length + videoFormats.length} Available<\/div>\r\n                      <\/div>\r\n                  <\/div>\r\n              <\/div>\r\n          `;\r\n  \r\n          \/\/ Audio formats section\r\n          if (audioFormats.length > 0) {\r\n              html += `\r\n                  <div class=\"ycv-download-formats-section\">\r\n                      <div class=\"ycv-download-section-title\">\r\n                          <div class=\"ycv-download-section-icon\">\ud83c\udfb5<\/div>\r\n                          Audio Formats\r\n                      <\/div>\r\n                      <div class=\"ycv-download-formats-grid\">\r\n              `;\r\n  \r\n              audioFormats.forEach((link, idx) => {\r\n                  html += `\r\n                      <div class=\"ycv-download-format-card\">\r\n                          <div class=\"ycv-download-format-header\">\r\n                              <div class=\"ycv-download-format-type\">\r\n                                  <div class=\"ycv-download-format-icon audio\">\u266a<\/div>\r\n                                  <div class=\"ycv-download-format-label\">Audio Only<\/div>\r\n                              <\/div>\r\n                              <div class=\"ycv-download-format-quality\">MP3<\/div>\r\n                          <\/div>\r\n                          <button class=\"ycv-btn-download\" onclick=\"ycv_startDownload('${link.download_url}', 'audio_${videoId}_${idx}.mp3', this)\">\r\n                              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                  <path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\/>\r\n                              <\/svg>\r\n                              Download Audio\r\n                          <\/button>\r\n                      <\/div>\r\n                  `;\r\n              });\r\n  \r\n              html += `\r\n                      <\/div>\r\n                  <\/div>\r\n              `;\r\n          }\r\n  \r\n          \/\/ Video formats section\r\n          if (videoFormats.length > 0) {\r\n              html += `\r\n                  <div class=\"ycv-download-formats-section\">\r\n                      <div class=\"ycv-download-section-title\">\r\n                          <div class=\"ycv-download-section-icon\">\ud83c\udfa5<\/div>\r\n                          Video Formats\r\n                      <\/div>\r\n                      <div class=\"ycv-download-formats-grid\">\r\n              `;\r\n  \r\n              videoFormats.forEach((link, idx) => {\r\n                  html += `\r\n                      <div class=\"ycv-download-format-card\">\r\n                          <div class=\"ycv-download-format-header\">\r\n                              <div class=\"ycv-download-format-type\">\r\n                                  <div class=\"ycv-download-format-icon video\">\u25b6<\/div>\r\n                                  <div class=\"ycv-download-format-label\">Video<\/div>\r\n                              <\/div>\r\n                              <div class=\"ycv-download-format-quality\">${link.resolution || 'Standard'}<\/div>\r\n                          <\/div>\r\n                          <button class=\"ycv-btn-download\" onclick=\"ycv_startDownload('${link.download_url}', 'video_${videoId}_${link.resolution || idx}.mp4', this)\">\r\n                              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                  <path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\/>\r\n                              <\/svg>\r\n                              Download ${link.resolution || 'Video'}\r\n                          <\/button>\r\n                      <\/div>\r\n                  `;\r\n              });\r\n  \r\n              html += `\r\n                      <\/div>\r\n                  <\/div>\r\n              `;\r\n          }\r\n  \r\n          html += `<div id=\"ycv-downloadProgress\"><\/div>`;\r\n          body.innerHTML = html;\r\n      }\r\n  \r\n      \/\/ Download with enhanced progress and cancel\r\n      let ycv_currentDownloadController = null;\r\n  \r\n      function ycv_startDownload(url, filename, btn) {\r\n          if (ycv_currentDownloadController) {\r\n              alert('A download is already in progress. Please wait or cancel.');\r\n              return;\r\n          }\r\n  \r\n          btn.disabled = true;\r\n          btn.innerHTML = `\r\n              <div class=\"ycv-spinner\" style=\"width: 16px; height: 16px; border-width: 2px; margin: 0;\"><\/div>\r\n              Downloading...\r\n          `;\r\n  \r\n          const progressDiv = document.getElementById('ycv-downloadProgress');\r\n          progressDiv.innerHTML = `\r\n              <div class=\"ycv-download-progress-container\">\r\n                  <div class=\"ycv-download-progress-header\">\r\n                      <div class=\"ycv-download-progress-title\">Downloading: ${filename}<\/div>\r\n                      <div class=\"ycv-download-progress-percentage\">0%<\/div>\r\n                  <\/div>\r\n                  <div class=\"ycv-download-progress-bar-container\">\r\n                      <div class=\"ycv-download-progress-bar\" id=\"ycv-progressBar\" style=\"width: 0%\"><\/div>\r\n                  <\/div>\r\n                  <div class=\"ycv-download-progress-actions\">\r\n                      <button class=\"ycv-btn-cancel\" onclick=\"ycv_cancelDownload()\">\r\n                          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                              <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>\r\n                          <\/svg>\r\n                          Cancel Download\r\n                      <\/button>\r\n                  <\/div>\r\n              <\/div>\r\n          `;\r\n  \r\n          ycv_currentDownloadController = new AbortController();\r\n  \r\n          fetch(url, { signal: ycv_currentDownloadController.signal })\r\n              .then(response => {\r\n                  if (!response.ok) throw new Error('Network error');\r\n                  const contentLength = response.headers.get('content-length');\r\n                  if (!contentLength) throw new Error('No content length');\r\n  \r\n                  const total = parseInt(contentLength, 10);\r\n                  let loaded = 0;\r\n                  const reader = response.body.getReader();\r\n                  const chunks = [];\r\n  \r\n                  function read() {\r\n                      return reader.read().then(({ done, value }) => {\r\n                          if (done) return;\r\n  \r\n                          chunks.push(value);\r\n                          loaded += value.length;\r\n                          const percentage = Math.round((loaded \/ total) * 100);\r\n  \r\n                          document.getElementById('ycv-progressBar').style.width = percentage + '%';\r\n                          document.querySelector('.ycv-download-progress-percentage').textContent = percentage + '%';\r\n  \r\n                          return read();\r\n                      });\r\n                  }\r\n  \r\n                  return read().then(() => {\r\n                      const blob = new Blob(chunks);\r\n                      const a = document.createElement('a');\r\n                      a.href = URL.createObjectURL(blob);\r\n                      a.download = filename;\r\n                      document.body.appendChild(a);\r\n                      a.click();\r\n                      a.remove();\r\n  \r\n                      progressDiv.innerHTML = `\r\n                          <div class=\"ycv-download-complete\">\r\n                              <div class=\"ycv-download-complete-icon\">\u2713<\/div>\r\n                              <div class=\"ycv-download-complete-text\">Download completed successfully!<\/div>\r\n                          <\/div>\r\n                      `;\r\n  \r\n                      ycv_currentDownloadController = null;\r\n                      btn.disabled = false;\r\n                      btn.innerHTML = `\r\n                          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                              <path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\/>\r\n                          <\/svg>\r\n                          Download\r\n                      `;\r\n                  });\r\n              })\r\n              .catch(err => {\r\n                  if (err.name === 'AbortError') {\r\n                      progressDiv.innerHTML = `\r\n                          <div class=\"ycv-error\">\r\n                              <h3>\u26a0\ufe0f Download Cancelled<\/h3>\r\n                              <p>The download was cancelled by the user.<\/p>\r\n                          <\/div>\r\n                      `;\r\n                  } else {\r\n                      progressDiv.innerHTML = `\r\n                          <div class=\"ycv-error\">\r\n                              <h3>\u274c Download Failed<\/h3>\r\n                              <p><strong>Error:<\/strong> ${err.message}<\/p>\r\n                          <\/div>\r\n                      `;\r\n                  }\r\n  \r\n                  ycv_currentDownloadController = null;\r\n                  btn.disabled = false;\r\n                  btn.innerHTML = `\r\n                      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                          <path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"\/>\r\n                      <\/svg>\r\n                      Download\r\n                  `;\r\n              });\r\n      }\r\n  \r\n      function ycv_cancelDownload() {\r\n          if (ycv_currentDownloadController) {\r\n              ycv_currentDownloadController.abort();\r\n              ycv_currentDownloadController = null;\r\n          }\r\n      }\r\n  \r\n      \/\/ Close modal on outside click or ESC\r\n      document.getElementById('ycv-downloadModal').addEventListener('click', function (e) {\r\n          if (e.target === this) ycv_closeDownloadModal();\r\n      });\r\n  \r\n      document.addEventListener('keydown', function (e) {\r\n          if (e.key === 'Escape') {\r\n              ycv_closeDownloadModal();\r\n              ycv_closeModal();\r\n          }\r\n      });\r\n  <\/script>\r\n  \r\n  \r\n    <noscript>\r\n      <style type=\"text\/css\">\r\n        [data-aos] {\r\n          opacity: 1 !important;\r\n          transform: translate(0) scale(1) !important;\r\n        }\r\n      <\/style>\r\n    <\/noscript>\r\n\r\n    <!-- Bootstrap (accordion, collapse) then AOS \u2014 order matters: AOS CSS hides [data-aos] until JS runs -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n    <script>\r\n          if (typeof AOS !== 'undefined') {\r\n              AOS.init({\r\n                  duration: 800,\r\n                  easing: 'ease-in-out',\r\n                  once: true\r\n              });\r\n          } else {\r\n              document.querySelectorAll('[data-aos]').forEach(function (el) {\r\n                  el.removeAttribute('data-aos');\r\n              });\r\n          }\r\n\r\n          document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n              anchor.addEventListener('click', function (e) {\r\n                  const id = this.getAttribute('href');\r\n                  if (!id || id === '#') return;\r\n                  const target = document.querySelector(id);\r\n                  if (target) {\r\n                      e.preventDefault();\r\n                      target.scrollIntoView({ behavior: 'smooth' });\r\n                  }\r\n              });\r\n          });\r\n    <\/script>\r\n  \r\n  \r\n  <grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration><grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration>\r\n  <grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration><script defer=\"\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/vcd15cbe7772f49c399c6a5babf22c1241717689176015\" integrity=\"sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==\" data-cf-beacon=\"{\"version\":\"2024.11.0\",\"token\":\"786b797d7952407aac48ed2776a3a826\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\" crossorigin=\"anonymous\"><\/script>\r\n  <script defer=\"\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/v8c78df7c7c0f484497ecbca7046644da1771523124516\" integrity=\"sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==\" data-cf-beacon=\"{\"version\":\"2024.11.0\",\"token\":\"786b797d7952407aac48ed2776a3a826\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\" crossorigin=\"anonymous\"><\/script>\r\n \n","protected":false},"author":1,"featured_media":0,"parent":243,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-570","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/comments?post=570"}],"version-history":[{"count":5,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/570\/revisions"}],"predecessor-version":[{"id":793,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/570\/revisions\/793"}],"up":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/243"}],"wp:attachment":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/media?parent=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}