{"id":497,"date":"2026-03-29T00:00:44","date_gmt":"2026-03-29T00:00:44","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=497"},"modified":"2026-03-31T08:38:52","modified_gmt":"2026-03-31T08:38:52","slug":"age-restricted","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/tools\/youtube\/age-restricted\/","title":{"rendered":"Youtube Age Restricted Viewer &#8211; Age Restricted YouTube"},"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&family=Varela+Round:wght@400;500;600;700&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              --ytchv-primary-color: #9170ff;\r\n              --ytchv-secondary-color: #b99cff;\r\n              --ytchv-dark-color: #111111;\r\n              --ytchv-light-color: #FFFFFF;\r\n              --ytchv-gray-color: #f3efff;\r\n              --ytchv-primary-hover: #7d5af0;\r\n              --ytchv-secondary-hover: #a884ff;\r\n              --ytchv-section-padding: 100px 0;\r\n          }\r\n          \r\n\/*           body {\r\n              font-family: 'Varela Round', '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-dark-color);\r\n          }\r\n\r\n          .ytchv-hero-section h1 .logo-purple {\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: #666;\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: linear-gradient(135deg, #9170ff 0%, #6b4fd6 55%, #5b43c9 100%);\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: #faf8ff;\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(145, 112, 255, 0.45);\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='%239170ff'%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: #666;\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: #666;\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  \r\n  <\/style>\r\n  <!-- tools -->\r\n  <style>\r\n  \r\n      .ytchv-custom-section {\r\n          background: #ffffff;\r\n          min-height: 100vh;\r\n          color: #111111;\r\n          overflow-x: hidden;\r\n          margin-top: 3rem;\r\n          position: relative;\r\n          font-family: 'Varela Round', 'Inter', sans-serif;\r\n      }\r\n\r\n      .ytchv-custom-section::before {\r\n          content: '';\r\n          position: fixed;\r\n          inset: 0;\r\n          background:\r\n              radial-gradient(circle at 18% 22%, rgba(145, 112, 255, 0.1) 0%, transparent 45%),\r\n              radial-gradient(circle at 82% 78%, rgba(145, 112, 255, 0.07) 0%, transparent 48%);\r\n          pointer-events: none;\r\n          z-index: 0;\r\n      }\r\n\r\n      .ytchv-custom-section > .container {\r\n          position: relative;\r\n          z-index: 1;\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(145, 112, 255, 0.12);\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(185, 156, 255, 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(107, 79, 214, 0.08);\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: #ffffff;\r\n      border-radius: 1.5rem;\r\n      border: 2px solid rgba(145, 112, 255, 0.28);\r\n      box-shadow: 0 12px 40px rgba(145, 112, 255, 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, #9170ff, #6b4fd6);\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(145, 112, 255, 0.35);\r\n          border: 2px solid rgba(145, 112, 255, 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, #9170ff, #6b4fd6);\r\n          border-radius: 1rem;\r\n          blur: 8px;\r\n          opacity: 0.25;\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, 4rem);\r\n      font-weight: 800;\r\n      color: #111111;\r\n      -webkit-text-fill-color: #111111;\r\n  }\r\n\r\n      .ycv-title .logo-purple {\r\n          color: #9170ff;\r\n          -webkit-text-fill-color: #9170ff;\r\n      }\r\n  \r\n      .ycv-subtitle {\r\n          font-size: 1.25rem;\r\n          color: #555555;\r\n          font-weight: 500;\r\n          margin-bottom: 2rem;\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: #faf8ff;\r\n          border-radius: 0.75rem;\r\n          border: 1px solid rgba(145, 112, 255, 0.22);\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.05);\r\n          border-color: rgba(145, 112, 255, 0.4);\r\n          box-shadow: 0 12px 32px rgba(145, 112, 255, 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: #161414;\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: #ffffff;\r\n      border-radius: 1.5rem;\r\n      border: 2px solid rgba(145, 112, 255, 0.28);\r\n      box-shadow: 0 12px 40px rgba(145, 112, 255, 0.12);\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: #ffffff !important;\r\n          border: 2px solid rgba(145, 112, 255, 0.35) !important;\r\n          border-radius: 0.75rem !important;\r\n          color: #111111 !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: #9170ff !important;\r\n          box-shadow: 0 0 0 4px rgba(145, 112, 255, 0.15) !important;\r\n          background: #ffffff !important;\r\n      }\r\n  \r\n      .ycv-input-field::placeholder {\r\n          color: #666666 !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, #9170ff, #6b4fd6);\r\n          color: white;\r\n          box-shadow: 0 8px 25px rgba(145, 112, 255, 0.35);\r\n      }\r\n  \r\n      .ycv-btn-paste:hover {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 12px 35px rgba(145, 112, 255, 0.4);\r\n      }\r\n  \r\n  .ycv-btn-search {\r\n      background: linear-gradient(135deg, #9170ff, #6b4fd6);\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(145, 112, 255, 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(145, 112, 255, 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: #ffffff;\r\n          border-radius: 1.5rem;\r\n          margin: 2rem 0;\r\n          border: 2px solid rgba(145, 112, 255, 0.22);\r\n          box-shadow: 0 8px 28px rgba(145, 112, 255, 0.1);\r\n      }\r\n\r\n      .ycv-loading p {\r\n          color: #111111;\r\n          font-weight: 600;\r\n      }\r\n  \r\n      .ycv-spinner {\r\n          width: 3rem;\r\n          height: 3rem;\r\n          border: 3px solid rgba(145, 112, 255, 0.2);\r\n          border-left: 3px solid #9170ff;\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(145, 112, 255, 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(145, 112, 255, 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, #9170ff, #6b4fd6);\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(145, 112, 255, 0.2), rgba(107, 79, 214, 0.2));\r\n          border: 1px solid rgba(145, 112, 255, 0.3);\r\n          color: #fbbf24;\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(145, 112, 255, 0.3);\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 8px 20px rgba(145, 112, 255, 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(145, 112, 255, 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, #9170ff, #5b43c9);\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(145, 112, 255, 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, #9170ff, #6b4fd6);\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(145, 112, 255, 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(145, 112, 255, 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(145, 112, 255, 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: #fbbf24;\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(145, 112, 255, 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(145, 112, 255, 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: #fbbf24;\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, #9170ff, #6b4fd6);\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(145, 112, 255, 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: #fbbf24;\r\n          font-weight: 600;\r\n          background: rgba(145, 112, 255, 0.2);\r\n          padding: 0.25rem 0.75rem;\r\n          border-radius: 1rem;\r\n          border: 1px solid rgba(145, 112, 255, 0.3);\r\n      }\r\n  \r\n      .ycv-btn-download {\r\n          background: linear-gradient(135deg, #9170ff, #6b4fd6);\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(145, 112, 255, 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(145, 112, 255, 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(145, 112, 255, 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 #9170ff;\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: #9170ff;\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(145, 112, 255, 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: #fbbf24;\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, #9170ff, #6b4fd6);\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, #5b43c9);\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;\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=\"logo-purple\">YouTube<\/span> Age Restricted Viewer<\/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 Age Restricted Viewer Works<\/h2>\r\n              <p class=\"ytchv-section-subtitle ytchv-light-subtitle\">Access age-restricted YouTube content anonymously 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 Video URL<\/h4>\r\n                      <p class=\"ytchv-light-subtitle\">Paste the URL of the age-restricted YouTube video 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\">Bypass Age Verification<\/h4>\r\n                      <p class=\"ytchv-light-subtitle\">Our system processes the video without requiring YouTube account login<\/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\">Watch Anonymously<\/h4>\r\n                      <p class=\"ytchv-light-subtitle\">View the age-restricted video without tracking or affecting view counts<\/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 Age Restricted Viewer offers secure and private access to restricted content<\/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>Anonymous Viewing<\/h4>\r\n                      <p>Watch age-restricted videos without revealing your identity or logging in<\/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>Your viewing activity is not tracked by YouTube or stored in recommendations<\/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-lock\"><\/i>\r\n                      <\/div>\r\n                      <h4>Secure Access<\/h4>\r\n                      <p>View restricted content safely without compromising your privacy<\/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>Instant Playback<\/h4>\r\n                      <p>Access age-restricted videos instantly without account verification<\/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-mobile\"><\/i>\r\n                      <\/div>\r\n                      <h4>Mobile Compatibility<\/h4>\r\n                      <p>Works seamlessly on mobile devices, tablets, and desktops<\/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-time\"><\/i>\r\n                      <\/div>\r\n                      <h4>Fast Processing<\/h4>\r\n                      <p>Quickly bypass restrictions for a smooth viewing experience<\/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_Age_Restricted_Viewer.webp\" alt=\"YouTube Age Restricted 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 Age Restricted Viewer?<\/h2>\r\n                  <p class=\"mb-4\">Our tool provides a private and secure way to access age-restricted YouTube videos without needing an account or leaving a trace. Perfect for users prioritizing privacy and convenience.<\/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 required<\/h5>\r\n                          <p class=\"mb-0\">View restricted videos without a YouTube account or login<\/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 first<\/h5>\r\n                          <p class=\"mb-0\">No cookies, no tracking, and no stored viewing history<\/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\">Instant access<\/h5>\r\n                          <p class=\"mb-0\">Bypass age restrictions quickly and efficiently<\/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\">User-friendly<\/h5>\r\n                          <p class=\"mb-0\">Simple interface for seamless video access<\/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\">Find answers to common questions about our YouTube Age Restricted 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 it legal to view age-restricted videos anonymously?\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, our tool is legal and only allows access to publicly available YouTube videos. We do not bypass any security measures or access private content.\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 view private or unlisted videos?\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, our viewer only works with publicly available, age-restricted videos. Private or unlisted videos cannot be accessed.\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 my viewing activity be tracked?\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, our viewer ensures your activity is not tracked by YouTube or recorded in their analytics.\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 download 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, our viewer is entirely web-based. Just visit our site, enter the video URL, and watch anonymously.\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 types of videos 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                                  You can view any publicly available, age-restricted YouTube video. This includes videos requiring age verification but does not include private or unlisted content.\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    <!-- 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_videos) {\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;\r\n          const 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.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    <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    <script>\r\n        (function () {\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            }\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(function (anchor) {\r\n                anchor.addEventListener('click', function (e) {\r\n                    var sel = this.getAttribute('href');\r\n                    if (!sel || sel === '#') return;\r\n                    var target = document.querySelector(sel);\r\n                    if (target) {\r\n                        e.preventDefault();\r\n                        target.scrollIntoView({ behavior: 'smooth' });\r\n                    }\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\/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&family=Varela+Round:wght@400;500;600;700&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              --ytchv-primary-color: #9170ff;\r\n              --ytchv-secondary-color: #b99cff;\r\n              --ytchv-dark-color: #111111;\r\n              --ytchv-light-color: #FFFFFF;\r\n              --ytchv-gray-color: #f3efff;\r\n              --ytchv-primary-hover: #7d5af0;\r\n              --ytchv-secondary-hover: #a884ff;\r\n              --ytchv-section-padding: 100px 0;\r\n          }\r\n          \r\n\/*           body {\r\n              font-family: 'Varela Round', '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-dark-color);\r\n          }\r\n\r\n          .ytchv-hero-section h1 .logo-purple {\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: #666;\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: linear-gradient(135deg, #9170ff 0%, #6b4fd6 55%, #5b43c9 100%);\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: #faf8ff;\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(145, 112, 255, 0.45);\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='%239170ff'%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: #666;\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: #666;\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  \r\n  <\/style>\r\n  <!-- tools -->\r\n  <style>\r\n  \r\n      .ytchv-custom-section {\r\n          background: #ffffff;\r\n          min-height: 100vh;\r\n          color: #111111;\r\n          overflow-x: hidden;\r\n          margin-top: 3rem;\r\n          position: relative;\r\n          font-family: 'Varela Round', 'Inter', sans-serif;\r\n      }\r\n\r\n      .ytchv-custom-section::before {\r\n          content: '';\r\n          position: fixed;\r\n          inset: 0;\r\n          background:\r\n              radial-gradient(circle at 18% 22%, rgba(145, 112, 255, 0.1) 0%, transparent 45%),\r\n              radial-gradient(circle at 82% 78%, rgba(145, 112, 255, 0.07) 0%, transparent 48%);\r\n          pointer-events: none;\r\n          z-index: 0;\r\n      }\r\n\r\n      .ytchv-custom-section > .container {\r\n          position: relative;\r\n          z-index: 1;\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(145, 112, 255, 0.12);\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(185, 156, 255, 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(107, 79, 214, 0.08);\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: #ffffff;\r\n      border-radius: 1.5rem;\r\n      border: 2px solid rgba(145, 112, 255, 0.28);\r\n      box-shadow: 0 12px 40px rgba(145, 112, 255, 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, #9170ff, #6b4fd6);\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(145, 112, 255, 0.35);\r\n          border: 2px solid rgba(145, 112, 255, 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, #9170ff, #6b4fd6);\r\n          border-radius: 1rem;\r\n          blur: 8px;\r\n          opacity: 0.25;\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, 4rem);\r\n      font-weight: 800;\r\n      color: #111111;\r\n      -webkit-text-fill-color: #111111;\r\n  }\r\n\r\n      .ycv-title .logo-purple {\r\n          color: #9170ff;\r\n          -webkit-text-fill-color: #9170ff;\r\n      }\r\n  \r\n      .ycv-subtitle {\r\n          font-size: 1.25rem;\r\n          color: #555555;\r\n          font-weight: 500;\r\n          margin-bottom: 2rem;\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: #faf8ff;\r\n          border-radius: 0.75rem;\r\n          border: 1px solid rgba(145, 112, 255, 0.22);\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.05);\r\n          border-color: rgba(145, 112, 255, 0.4);\r\n          box-shadow: 0 12px 32px rgba(145, 112, 255, 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: #161414;\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: #ffffff;\r\n      border-radius: 1.5rem;\r\n      border: 2px solid rgba(145, 112, 255, 0.28);\r\n      box-shadow: 0 12px 40px rgba(145, 112, 255, 0.12);\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: #ffffff !important;\r\n          border: 2px solid rgba(145, 112, 255, 0.35) !important;\r\n          border-radius: 0.75rem !important;\r\n          color: #111111 !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: #9170ff !important;\r\n          box-shadow: 0 0 0 4px rgba(145, 112, 255, 0.15) !important;\r\n          background: #ffffff !important;\r\n      }\r\n  \r\n      .ycv-input-field::placeholder {\r\n          color: #666666 !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, #9170ff, #6b4fd6);\r\n          color: white;\r\n          box-shadow: 0 8px 25px rgba(145, 112, 255, 0.35);\r\n      }\r\n  \r\n      .ycv-btn-paste:hover {\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 12px 35px rgba(145, 112, 255, 0.4);\r\n      }\r\n  \r\n  .ycv-btn-search {\r\n      background: linear-gradient(135deg, #9170ff, #6b4fd6);\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(145, 112, 255, 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(145, 112, 255, 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: #ffffff;\r\n          border-radius: 1.5rem;\r\n          margin: 2rem 0;\r\n          border: 2px solid rgba(145, 112, 255, 0.22);\r\n          box-shadow: 0 8px 28px rgba(145, 112, 255, 0.1);\r\n      }\r\n\r\n      .ycv-loading p {\r\n          color: #111111;\r\n          font-weight: 600;\r\n      }\r\n  \r\n      .ycv-spinner {\r\n          width: 3rem;\r\n          height: 3rem;\r\n          border: 3px solid rgba(145, 112, 255, 0.2);\r\n          border-left: 3px solid #9170ff;\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(145, 112, 255, 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(145, 112, 255, 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, #9170ff, #6b4fd6);\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(145, 112, 255, 0.2), rgba(107, 79, 214, 0.2));\r\n          border: 1px solid rgba(145, 112, 255, 0.3);\r\n          color: #fbbf24;\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(145, 112, 255, 0.3);\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 8px 20px rgba(145, 112, 255, 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(145, 112, 255, 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, #9170ff, #5b43c9);\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(145, 112, 255, 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, #9170ff, #6b4fd6);\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(145, 112, 255, 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(145, 112, 255, 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(145, 112, 255, 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: #fbbf24;\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(145, 112, 255, 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(145, 112, 255, 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: #fbbf24;\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, #9170ff, #6b4fd6);\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(145, 112, 255, 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: #fbbf24;\r\n          font-weight: 600;\r\n          background: rgba(145, 112, 255, 0.2);\r\n          padding: 0.25rem 0.75rem;\r\n          border-radius: 1rem;\r\n          border: 1px solid rgba(145, 112, 255, 0.3);\r\n      }\r\n  \r\n      .ycv-btn-download {\r\n          background: linear-gradient(135deg, #9170ff, #6b4fd6);\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(145, 112, 255, 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(145, 112, 255, 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(145, 112, 255, 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 #9170ff;\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: #9170ff;\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(145, 112, 255, 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: #fbbf24;\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, #9170ff, #6b4fd6);\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, #5b43c9);\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;\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=\"logo-purple\">YouTube<\/span> Age Restricted Viewer<\/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 Age Restricted Viewer Works<\/h2>\r\n              <p class=\"ytchv-section-subtitle ytchv-light-subtitle\">Access age-restricted YouTube content anonymously 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 Video URL<\/h4>\r\n                      <p class=\"ytchv-light-subtitle\">Paste the URL of the age-restricted YouTube video 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\">Bypass Age Verification<\/h4>\r\n                      <p class=\"ytchv-light-subtitle\">Our system processes the video without requiring YouTube account login<\/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\">Watch Anonymously<\/h4>\r\n                      <p class=\"ytchv-light-subtitle\">View the age-restricted video without tracking or affecting view counts<\/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 Age Restricted Viewer offers secure and private access to restricted content<\/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>Anonymous Viewing<\/h4>\r\n                      <p>Watch age-restricted videos without revealing your identity or logging in<\/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>Your viewing activity is not tracked by YouTube or stored in recommendations<\/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-lock\"><\/i>\r\n                      <\/div>\r\n                      <h4>Secure Access<\/h4>\r\n                      <p>View restricted content safely without compromising your privacy<\/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>Instant Playback<\/h4>\r\n                      <p>Access age-restricted videos instantly without account verification<\/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-mobile\"><\/i>\r\n                      <\/div>\r\n                      <h4>Mobile Compatibility<\/h4>\r\n                      <p>Works seamlessly on mobile devices, tablets, and desktops<\/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-time\"><\/i>\r\n                      <\/div>\r\n                      <h4>Fast Processing<\/h4>\r\n                      <p>Quickly bypass restrictions for a smooth viewing experience<\/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_Age_Restricted_Viewer.webp\" alt=\"YouTube Age Restricted 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 Age Restricted Viewer?<\/h2>\r\n                  <p class=\"mb-4\">Our tool provides a private and secure way to access age-restricted YouTube videos without needing an account or leaving a trace. Perfect for users prioritizing privacy and convenience.<\/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 required<\/h5>\r\n                          <p class=\"mb-0\">View restricted videos without a YouTube account or login<\/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 first<\/h5>\r\n                          <p class=\"mb-0\">No cookies, no tracking, and no stored viewing history<\/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\">Instant access<\/h5>\r\n                          <p class=\"mb-0\">Bypass age restrictions quickly and efficiently<\/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\">User-friendly<\/h5>\r\n                          <p class=\"mb-0\">Simple interface for seamless video access<\/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\">Find answers to common questions about our YouTube Age Restricted 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 it legal to view age-restricted videos anonymously?\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, our tool is legal and only allows access to publicly available YouTube videos. We do not bypass any security measures or access private content.\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 view private or unlisted videos?\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, our viewer only works with publicly available, age-restricted videos. Private or unlisted videos cannot be accessed.\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 my viewing activity be tracked?\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, our viewer ensures your activity is not tracked by YouTube or recorded in their analytics.\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 download 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, our viewer is entirely web-based. Just visit our site, enter the video URL, and watch anonymously.\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 types of videos 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                                  You can view any publicly available, age-restricted YouTube video. This includes videos requiring age verification but does not include private or unlisted content.\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    <!-- 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_videos) {\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;\r\n          const 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.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    <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    <script>\r\n        (function () {\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            }\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(function (anchor) {\r\n                anchor.addEventListener('click', function (e) {\r\n                    var sel = this.getAttribute('href');\r\n                    if (!sel || sel === '#') return;\r\n                    var target = document.querySelector(sel);\r\n                    if (target) {\r\n                        e.preventDefault();\r\n                        target.scrollIntoView({ behavior: 'smooth' });\r\n                    }\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\/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-497","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/497","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=497"}],"version-history":[{"count":6,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/497\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/497\/revisions\/541"}],"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=497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}