{"id":385,"date":"2026-03-19T00:00:08","date_gmt":"2026-03-19T00:00:08","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=385"},"modified":"2026-03-31T06:26:37","modified_gmt":"2026-03-31T06:26:37","slug":"stats","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/tools\/tiktok\/stats\/","title":{"rendered":"TikTok Stats Viewer \u2013 Track Analytics &amp; Performance"},"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      \r\n      \r\n      <!-- Google Fonts - Premium Typography -->\r\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\r\n      <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n      \r\n      <!-- Bootstrap CSS -->\r\n      <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n      <!-- Boxicons -->\r\n      <link href=\"https:\/\/unpkg.com\/boxicons@2.1.4\/css\/boxicons.min.css\" rel=\"stylesheet\">\r\n      <!-- AOS Animation -->\r\n      <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n      <!-- Font Awesome CSS -->\r\n          <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\" rel=\"stylesheet\">\r\n  \r\n  \r\n  <style id=\"vvvebjs-styles\">\r\n      html{\r\n          overflow-x: hidden;\r\n      }\r\n    \r\n      :root {\r\n              --brand-purple: #8A7CFF;\r\n              --tfv-primary-color: #8A7CFF;\r\n              --tfv-secondary-color: #7568E6;\r\n              --tfv-dark-color: #000000;\r\n              --tfv-light-color: #FFFFFF;\r\n              --tfv-gray-color: #F9FAFB;\r\n              --tfv-primary-hover: #7A6EE8;\r\n              --tfv-secondary-hover: #6859D4;\r\n              --tfv-section-padding: 100px 0;\r\n          }\r\n      \r\n\/*           body {            \r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n              scroll-behavior: smooth;\r\n              overflow-x: hidden;\r\n              background-color: var(--tfv-light-color);\r\n              color: var(--tfv-dark-color);\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      \/* TikTok-style Hero Section *\/\r\n      .tfv-hero-section {\r\n              padding: var(--tfv-section-padding);\r\n              text-align: center;\r\n              background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFF 45%, #F3F0FF 100%);\r\n              color: var(--tfv-dark-color);\r\n              position: relative;\r\n              margin-top: 3rem;\r\n          }\r\n\r\n      .tfv-hero-section .container {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .tfv-hero-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n       .tfv-hero-section h1 {\r\n      font-size: 3.5rem;\r\n      font-weight: 700;\r\n      margin-bottom: 1.5rem;\r\n      color: var(--tfv-dark-color);\r\n  }\r\n\r\n      .tfv-hero-section h1 .logo-accent {\r\n      color: var(--brand-purple);\r\n  }\r\n          \r\n       .tfv-hero-section p {\r\n      font-size: 1.25rem;\r\n      max-width: 70%;\r\n      margin: 0 auto 2rem;\r\n      font-weight: 400;\r\n      color: #4B5563;\r\n  }\r\n          \r\n          \/* Work Process Section with TikTok Colors *\/\r\n          .tfv-work-process-section {\r\n              padding: var(--tfv-section-padding);\r\n              background: var(--tfv-primary-color);\r\n              color: white;\r\n              position: relative;\r\n              overflow: hidden;\r\n          }\r\n          \r\n          .tfv-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          .tfv-work-process-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .tfv-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          .tfv-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          .tfv-step-number {\r\n              width: 60px;\r\n              height: 60px;\r\n              background: white;\r\n              color: var(--tfv-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          .tfv-features-section {\r\n              padding: var(--tfv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .tfv-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          .tfv-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(--tfv-primary-color);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .tfv-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          .tfv-feature-card:hover::before {\r\n              width: 100%;\r\n              opacity: 0.1;\r\n          }\r\n          \r\n          .tfv-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(--tfv-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          .tfv-feature-card:hover .tfv-feature-icon {\r\n              transform: rotate(15deg) scale(1.1);\r\n              background: var(--tfv-primary-hover);\r\n          }\r\n          \r\n          \/* Why Choose Section *\/\r\n          .tfv-why-choose-section {\r\n              padding: var(--tfv-section-padding);\r\n              background: var(--tfv-gray-color);\r\n          }\r\n          \r\n          .tfv-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          .tfv-why-choose-image:hover {\r\n              transform: perspective(1000px) rotateY(0deg);\r\n          }\r\n          \r\n          .tfv-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          .tfv-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          .tfv-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(--tfv-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          .tfv-faq-section {\r\n              padding: var(--tfv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .tfv-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          .tfv-accordion-button {\r\n              font-weight: 600;\r\n              color: var(--tfv-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          .tfv-accordion-button:not(.collapsed) {\r\n              background: white;\r\n              color: var(--tfv-primary-color);\r\n              box-shadow: none;\r\n          }\r\n          \r\n          .tfv-accordion-button:focus {\r\n              box-shadow: none;\r\n              border-color: rgba(138, 124, 255, 0.35);\r\n          }\r\n          \r\n          .tfv-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='%238A7CFF'%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          .tfv-accordion-body {\r\n              padding: 25px;\r\n              color: #666;\r\n          }\r\n          \r\n          \/* Section Titles *\/\r\n          .tfv-section-title {\r\n              font-weight: 700;\r\n              color: var(--tfv-dark-color);\r\n              margin-bottom: 1.5rem;\r\n              position: relative;\r\n              display: inline-block;\r\n          }\r\n          \r\n          .tfv-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(--tfv-primary-color);\r\n              border-radius: 2px;\r\n          }\r\n          \r\n          .tfv-light-title {\r\n              color: white;\r\n          }\r\n          \r\n          .tfv-light-title::after {\r\n              background: white;\r\n          }\r\n          \r\n          .tfv-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          .tfv-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                  --tfv-section-padding: 80px 0;\r\n              }\r\n              \r\n              .tfv-hero-section h1 {\r\n                  font-size: 2.8rem;\r\n              }\r\n              \r\n              .tfv-process-step::before {\r\n                  display: none;\r\n              }\r\n          }\r\n          \r\n          @media (max-width: 767px) {\r\n              :root {\r\n                  --tfv-section-padding: 70px 0;\r\n              }\r\n              \r\n              .tfv-hero-section {\r\n                  padding: 100px 0 60px;\r\n              }\r\n              \r\n              .tfv-hero-section h1 {\r\n                  font-size: 2.2rem;\r\n              }\r\n              \r\n              .tfv-hero-section p {\r\n                  font-size: 1rem;\r\n              }\r\n              \r\n              .tfv-section-title {\r\n                  font-size: 1.8rem;\r\n              }\r\n          }\r\n          \r\n          \/* Animation *\/\r\n          @keyframes tfv-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          .tfv-floating-element {\r\n              animation: tfv-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(--tfv-primary-color);\r\n              border-radius: 10px;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-thumb:hover {\r\n              background: var(--tfv-primary-hover);\r\n          }   \r\n  \r\n  \r\n  <\/style>\r\n  <!-- tools -->\r\n  <style>\r\n\r\n      html.aos-fallback [data-aos] {\r\n          opacity: 1 !important;\r\n          transform: none !important;\r\n          transition: none !important;\r\n      }\r\n  \r\n      :root {\r\n          --brand-purple: #8A7CFF;\r\n          --primary-color: #8A7CFF;\r\n          --primary-light: #A69EFF;\r\n          --secondary-color: #7568E6;\r\n          --tertiary-color: #6859D4;\r\n          --quaternary-color: #5a4fcf;\r\n          --text-dark: #000000;\r\n          --text-light: #4B5563;\r\n          --white: #ffffff;\r\n          --white-transparent: rgba(255, 255, 255, 0.97);\r\n          --shadow-light: rgba(0, 0, 0, 0.05);\r\n          --shadow-medium: rgba(138, 124, 255, 0.12);\r\n          --shadow-heavy: rgba(0, 0, 0, 0.08);\r\n          --border-light: rgba(0, 0, 0, 0.12);\r\n          --border-hover: rgba(138, 124, 255, 0.28);\r\n          --success-bg: #c6f6d5;\r\n          --success-color: #2f855a;\r\n          --error-bg: #fed7d7;\r\n          --error-color: #c53030;\r\n      }\r\n  \r\n  \r\n      \/* .container {\r\n          max-width: min(1400px, 95vw);\r\n          margin: 0 auto;\r\n          padding: clamp(15px, 3vw, 30px);\r\n      } *\/\r\n  \r\n      .header {\r\n          text-align: center;\r\n          margin-bottom: clamp(30px, 5vw, 50px);\r\n      }\r\n  \r\n      .logo {\r\n          font-size: clamp(2rem, 6vw, 3.5rem);\r\n          font-weight: 800;\r\n          color: var(--text-dark);\r\n          margin-bottom: clamp(10px, 2vw, 15px);\r\n          text-shadow: none;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: clamp(8px, 2vw, 15px);\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .logo-icon {\r\n          font-size: clamp(2.5rem, 7vw, 4rem);\r\n          animation: followerBounce 2s ease-in-out infinite;\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      @keyframes followerBounce {\r\n  \r\n          0%,\r\n          20%,\r\n          50%,\r\n          80%,\r\n          100% {\r\n              transform: translateY(0) rotate(0deg);\r\n          }\r\n  \r\n          40% {\r\n              transform: translateY(-10px) rotate(-5deg);\r\n          }\r\n  \r\n          60% {\r\n              transform: translateY(-5px) rotate(5deg);\r\n          }\r\n      }\r\n  \r\n      .subtitle {\r\n          font-size: clamp(0.9rem, 2.5vw, 1.2rem);\r\n          color: var(--text-light);\r\n          font-weight: 400;\r\n          letter-spacing: 0.5px;\r\n          text-shadow: none;\r\n          max-width: 600px;\r\n          margin: 0 auto;\r\n      }\r\n  \r\n      .search-section {\r\n          background: var(--white-transparent);\r\n          border-radius: clamp(15px, 3vw, 25px);\r\n          padding: clamp(25px, 5vw, 45px);\r\n          margin-bottom: clamp(25px, 4vw, 40px);\r\n          box-shadow: 0 25px 80px var(--shadow-heavy), 0 0 0 1px rgba(255, 255, 255, 0.1);\r\n          backdrop-filter: blur(20px);\r\n          -webkit-backdrop-filter: blur(20px);\r\n          border: 1px solid rgba(255, 255, 255, 0.2);\r\n      }\r\n  \r\n      .input-group {\r\n          display: flex;\r\n          gap: clamp(10px, 2vw, 20px);\r\n          margin-bottom: clamp(20px, 3vw, 30px);\r\n          flex-wrap: wrap;\r\n          align-items: center;\r\n          width: 100%;\r\n      }\r\n  \r\n      .input-field {\r\n          flex: 1 !important;\r\n          min-width: min(300px, 100%) !important;\r\n          padding: clamp(12px, 2.5vw, 18px) clamp(16px, 3vw, 28px) !important;\r\n          border: 2px solid var(--border-light) !important;\r\n          border-radius: clamp(10px, 2vw, 15px) !important;\r\n          font-size: clamp(14px, 2.5vw, 16px) !important;\r\n          outline: none !important;\r\n          background: var(--white) !important;\r\n          transition: all 0.3s ease !important;\r\n          font-weight: 500 !important;\r\n          box-shadow: 0 4px 15px var(--shadow-light) !important;\r\n          -webkit-appearance: none !important;\r\n          -moz-appearance: none !important;\r\n          appearance: none !important;\r\n          width: 100% !important;\r\n      }\r\n  \r\n      .input-field:focus {\r\n          border-color: var(--primary-color) !important;\r\n          background: var(--white) !important;\r\n          box-shadow: none !important;\r\n          transform: translateY(-2px) !important;\r\n          outline: none !important;\r\n      }\r\n  \r\n      .btn {\r\n          padding: clamp(12px, 2.5vw, 18px) clamp(20px, 4vw, 35px);\r\n          background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);\r\n          color: var(--white);\r\n          border: none;\r\n          border-radius: clamp(10px, 2vw, 15px);\r\n          font-size: clamp(14px, 2.5vw, 16px);\r\n          font-weight: 700;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          min-width: min(200px, 100%);\r\n          width: 100%;\r\n          box-shadow: 0 8px 25px rgba(138, 124, 255, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);\r\n          position: relative;\r\n          overflow: hidden;\r\n          -webkit-appearance: none;\r\n          -moz-appearance: none;\r\n          appearance: none;\r\n          white-space: nowrap;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          min-height: 52px;\r\n      }\r\n  \r\n      .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      .btn:hover::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .btn:hover {\r\n          transform: translateY(-3px);\r\n          box-shadow: 0 15px 40px rgba(138, 124, 255, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.2);\r\n      }\r\n  \r\n      .btn:active {\r\n          transform: translateY(-1px);\r\n      }\r\n  \r\n      .btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n      }\r\n  \r\n      .loading {\r\n          display: none;\r\n          text-align: center;\r\n          padding: clamp(20px, 4vw, 30px);\r\n          color: var(--primary-color);\r\n      }\r\n  \r\n      .spinner {\r\n          width: clamp(40px, 8vw, 60px);\r\n          height: clamp(40px, 8vw, 60px);\r\n          border: 5px solid rgba(138, 124, 255, 0.1);\r\n          border-top: 5px solid var(--primary-color);\r\n          border-radius: 50%;\r\n          animation: spin 1s linear infinite;\r\n          margin: 0 auto clamp(15px, 3vw, 20px);\r\n          box-shadow: 0 0 20px rgba(138, 124, 255, 0.2);\r\n      }\r\n  \r\n      @keyframes spin {\r\n          0% {\r\n              transform: rotate(0deg);\r\n          }\r\n  \r\n          100% {\r\n              transform: rotate(360deg);\r\n          }\r\n      }\r\n  \r\n      .loading-text {\r\n          font-size: clamp(0.9rem, 2.5vw, 1.1rem);\r\n          font-weight: 600;\r\n      }\r\n  \r\n      .profile-section {\r\n          display: none;\r\n          background: var(--white-transparent);\r\n          border-radius: clamp(15px, 3vw, 25px);\r\n          padding: clamp(25px, 5vw, 45px);\r\n          margin-bottom: clamp(25px, 4vw, 40px);\r\n          box-shadow: 0 25px 80px var(--shadow-heavy), 0 0 0 1px rgba(255, 255, 255, 0.1);\r\n          backdrop-filter: blur(20px);\r\n          -webkit-backdrop-filter: blur(20px);\r\n          border: 1px solid rgba(255, 255, 255, 0.2);\r\n      }\r\n  \r\n      .profile-header {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(15px, 3vw, 30px);\r\n          margin-bottom: clamp(20px, 4vw, 35px);\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .profile-avatar {\r\n          width: clamp(80px, 15vw, 120px);\r\n          height: clamp(80px, 15vw, 120px);\r\n          border-radius: 50%;\r\n          border: 5px solid var(--primary-color);\r\n          box-shadow: 0 0 30px rgba(138, 124, 255, 0.3), 0 10px 30px var(--shadow-medium);\r\n          object-fit: cover;\r\n          transition: transform 0.3s ease;\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .profile-avatar:hover {\r\n          transform: scale(1.05);\r\n      }\r\n  \r\n      .profile-info {\r\n          flex: 1;\r\n          min-width: 0;\r\n      }\r\n  \r\n      .profile-info h2 {\r\n          color: var(--text-dark);\r\n          margin-bottom: clamp(5px, 1vw, 8px);\r\n          font-size: clamp(1.5rem, 4vw, 2.2rem);\r\n          font-weight: 800;\r\n          word-wrap: break-word;\r\n          overflow-wrap: break-word;\r\n      }\r\n  \r\n      .profile-info p {\r\n          color: var(--text-light);\r\n          margin-bottom: clamp(5px, 1vw, 8px);\r\n          font-weight: 500;\r\n          font-size: clamp(0.9rem, 2.5vw, 1.1rem);\r\n          word-wrap: break-word;\r\n          overflow-wrap: break-word;\r\n      }\r\n  \r\n      .stats-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));\r\n          gap: clamp(15px, 3vw, 25px);\r\n          margin-top: clamp(20px, 4vw, 35px);\r\n      }\r\n  \r\n      .stat-card {\r\n          background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);\r\n          color: var(--white);\r\n          padding: clamp(20px, 4vw, 30px);\r\n          border-radius: clamp(12px, 2.5vw, 20px);\r\n          text-align: center;\r\n          transition: all 0.3s ease;\r\n          box-shadow: 0 15px 40px rgba(138, 124, 255, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.1);\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .stat-card::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.1), transparent);\r\n          transition: left 0.5s;\r\n      }\r\n  \r\n      .stat-card:hover::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .stat-card:hover {\r\n          transform: translateY(-8px) scale(1.02);\r\n          box-shadow: 0 25px 60px rgba(138, 124, 255, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.2);\r\n      }\r\n  \r\n      .stat-number {\r\n          font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n          font-weight: 900;\r\n          display: block;\r\n          margin-bottom: clamp(5px, 1vw, 8px);\r\n          text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n      }\r\n  \r\n      .stat-label {\r\n          font-size: clamp(0.8rem, 2vw, 1rem);\r\n          opacity: 0.95;\r\n          font-weight: 600;\r\n          text-transform: uppercase;\r\n          letter-spacing: 1px;\r\n      }\r\n  \r\n      .followers-section {\r\n          display: none;\r\n          background: var(--white-transparent);\r\n          border-radius: clamp(15px, 3vw, 25px);\r\n          padding: clamp(25px, 5vw, 45px);\r\n          box-shadow: 0 25px 80px var(--shadow-heavy), 0 0 0 1px rgba(255, 255, 255, 0.1);\r\n          backdrop-filter: blur(20px);\r\n          -webkit-backdrop-filter: blur(20px);\r\n          border: 1px solid rgba(255, 255, 255, 0.2);\r\n      }\r\n  \r\n      .section-title {\r\n          font-size: clamp(1.5rem, 4vw, 2.2rem);\r\n          color: var(--text-dark);\r\n          margin-bottom: clamp(20px, 4vw, 35px);\r\n          text-align: center;\r\n          font-weight: 800;\r\n      }\r\n  \r\n      .followers-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));\r\n          gap: clamp(10px, 2vw, 15px);\r\n          margin-top: clamp(15px, 3vw, 25px);\r\n      }\r\n  \r\n      .follower-card {\r\n          background: var(--white);\r\n          border: 1px solid #f1f5f9;\r\n          border-radius: clamp(10px, 2vw, 15px);\r\n          padding: clamp(10px, 2vw, 15px);\r\n          box-shadow: 0 5px 15px var(--shadow-light), 0 0 0 1px rgba(255, 255, 255, 0.5);\r\n          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n          position: relative;\r\n          overflow: hidden;\r\n          animation: tikTokSlideIn 0.6s ease-out;\r\n      }\r\n  \r\n      @keyframes tikTokSlideIn {\r\n          from {\r\n              opacity: 0;\r\n              transform: translateY(20px) scale(0.95);\r\n          }\r\n  \r\n          to {\r\n              opacity: 1;\r\n              transform: translateY(0) scale(1);\r\n          }\r\n      }\r\n  \r\n      .follower-card::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 3px;\r\n          background: linear-gradient(90deg, var(--primary-color), var(--primary-light), var(--secondary-color));\r\n      }\r\n  \r\n      .follower-card:hover {\r\n          transform: translateY(-5px);\r\n          box-shadow: 0 12px 30px var(--shadow-medium), 0 0 0 1px rgba(138, 124, 255, 0.1);\r\n          border-color: var(--border-hover);\r\n      }\r\n  \r\n      .follower-header {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(8px, 1.5vw, 10px);\r\n          margin-bottom: clamp(8px, 1.5vw, 12px);\r\n      }\r\n  \r\n      .follower-avatar {\r\n          width: clamp(30px, 6vw, 40px);\r\n          height: clamp(30px, 6vw, 40px);\r\n          border-radius: 50%;\r\n          border: 2px solid var(--primary-color);\r\n          object-fit: cover;\r\n          transition: all 0.3s ease;\r\n          box-shadow: 0 3px 10px rgba(138, 124, 255, 0.15);\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .follower-card:hover .follower-avatar {\r\n          transform: scale(1.1);\r\n          border-color: var(--primary-light);\r\n          box-shadow: 0 5px 15px rgba(138, 124, 255, 0.25);\r\n      }\r\n  \r\n      .follower-info {\r\n          flex: 1;\r\n          min-width: 0;\r\n      }\r\n  \r\n      .follower-name {\r\n          color: var(--text-dark);\r\n          font-size: clamp(0.7rem, 2vw, 0.9rem);\r\n          margin-bottom: 2px;\r\n          font-weight: 700;\r\n          line-height: 1.2;\r\n          word-wrap: break-word;\r\n          overflow-wrap: break-word;\r\n      }\r\n  \r\n      .follower-username {\r\n          color: var(--text-light);\r\n          font-size: clamp(0.6rem, 1.8vw, 0.75rem);\r\n          font-weight: 500;\r\n          word-wrap: break-word;\r\n          overflow-wrap: break-word;\r\n      }\r\n  \r\n      .follower-stats {\r\n          display: grid;\r\n          grid-template-columns: repeat(2, 1fr);\r\n          gap: clamp(5px, 1vw, 8px);\r\n          padding-top: clamp(8px, 1.5vw, 10px);\r\n          border-top: 1px solid #f1f5f9;\r\n      }\r\n  \r\n      .follower-stat {\r\n          text-align: center;\r\n          padding: clamp(4px, 1vw, 6px) clamp(3px, 0.8vw, 4px);\r\n          background: #f8fafc;\r\n          border-radius: clamp(5px, 1.5vw, 8px);\r\n          transition: all 0.3s ease;\r\n      }\r\n  \r\n      .follower-stat:hover {\r\n          background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);\r\n          color: var(--white);\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 5px 15px rgba(138, 124, 255, 0.15);\r\n      }\r\n  \r\n      .follower-stat-number {\r\n          font-weight: 700;\r\n          color: var(--primary-color);\r\n          display: block;\r\n          font-size: clamp(0.6rem, 1.8vw, 0.8rem);\r\n          line-height: 1;\r\n          margin-bottom: clamp(2px, 0.5vw, 3px);\r\n          transition: color 0.3s ease;\r\n      }\r\n  \r\n      .follower-stat:hover .follower-stat-number {\r\n          color: var(--white);\r\n      }\r\n  \r\n      .follower-stat-label {\r\n          font-size: clamp(0.5rem, 1.5vw, 0.6rem);\r\n          color: var(--text-light);\r\n          font-weight: 600;\r\n          text-transform: uppercase;\r\n          letter-spacing: 0.5px;\r\n          transition: color 0.3s ease;\r\n      }\r\n  \r\n      .follower-stat:hover .follower-stat-label {\r\n          color: rgba(255, 255, 255, 0.9);\r\n      }\r\n  \r\n      .verified-badge {\r\n          display: inline-flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          width: clamp(10px, 2.5vw, 14px);\r\n          height: clamp(10px, 2.5vw, 14px);\r\n          background: linear-gradient(135deg, #1da1f2 0%, #0d8ecf 100%);\r\n          border-radius: 50%;\r\n          margin-left: clamp(3px, 1vw, 5px);\r\n          color: var(--white);\r\n          font-size: clamp(6px, 1.5vw, 8px);\r\n          font-weight: bold;\r\n          box-shadow: 0 2px 5px rgba(29, 161, 242, 0.3);\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .error-message {\r\n          background: linear-gradient(135deg, var(--error-bg) 0%, #feb2b2 100%);\r\n          color: var(--error-color);\r\n          padding: clamp(12px, 2.5vw, 18px);\r\n          border-radius: clamp(10px, 2vw, 15px);\r\n          margin: clamp(15px, 3vw, 20px) 0;\r\n          border-left: 5px solid #e53e3e;\r\n          display: none;\r\n          font-weight: 600;\r\n          box-shadow: 0 8px 25px rgba(197, 48, 48, 0.1);\r\n      }\r\n  \r\n      .success-message {\r\n          background: linear-gradient(135deg, var(--success-bg) 0%, #9ae6b4 100%);\r\n          color: var(--success-color);\r\n          padding: clamp(12px, 2.5vw, 18px);\r\n          border-radius: clamp(10px, 2vw, 15px);\r\n          margin: clamp(15px, 3vw, 20px) 0;\r\n          border-left: 5px solid #38a169;\r\n          display: none;\r\n          font-weight: 600;\r\n          box-shadow: 0 8px 25px rgba(47, 133, 90, 0.1);\r\n      }\r\n  \r\n      .empty-state {\r\n          text-align: center;\r\n          padding: clamp(50px, 10vw, 80px) clamp(15px, 3vw, 20px);\r\n          color: var(--text-light);\r\n      }\r\n  \r\n      .empty-state-icon {\r\n          font-size: clamp(3rem, 8vw, 5rem);\r\n          margin-bottom: clamp(15px, 3vw, 25px);\r\n          opacity: 0.6;\r\n          animation: followerBounce 2s ease-in-out infinite;\r\n      }\r\n  \r\n      .empty-state-text {\r\n          font-size: clamp(0.9rem, 2.5vw, 1.2rem);\r\n          font-weight: 600;\r\n      }\r\n  \r\n      .floating-hearts {\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      }\r\n  \r\n      .heart {\r\n          position: absolute;\r\n          color: var(--primary-color);\r\n          font-size: clamp(12px, 3vw, 20px);\r\n          animation: floatHeart 4s ease-in-out infinite;\r\n          opacity: 0;\r\n          pointer-events: none;\r\n      }\r\n  \r\n      @keyframes floatHeart {\r\n          0% {\r\n              opacity: 0;\r\n              transform: translateY(100vh) scale(0);\r\n          }\r\n  \r\n          10% {\r\n              opacity: 1;\r\n              transform: translateY(90vh) scale(1);\r\n          }\r\n  \r\n          90% {\r\n              opacity: 1;\r\n              transform: translateY(10vh) scale(1);\r\n          }\r\n  \r\n          100% {\r\n              opacity: 0;\r\n              transform: translateY(0vh) scale(0);\r\n          }\r\n      }\r\n\t\t\r\n\t\t.tfv-hero-section h1 {\r\n\tfont-size: 3.5rem;\r\n\tfont-weight: 700;\r\n\tmargin-bottom: 1.5rem;\r\n\tcolor: var(--tfv-dark-color);\r\n\ttext-align: center;\r\n}\r\n  \r\n      \/* Extra Small Devices (phones, 320px and down) *\/\r\n      @media (max-width: 320px) {\r\n          .container {\r\n              padding: 10px;\r\n          }\r\n  \r\n          .logo {\r\n              font-size: 1.8rem;\r\n              flex-direction: column;\r\n          }\r\n  \r\n          .logo-icon {\r\n              font-size: 2rem;\r\n          }\r\n  \r\n          .input-group {\r\n              flex-direction: column;\r\n              gap: 10px;\r\n              width: 100%;\r\n          }\r\n  \r\n          .input-field {\r\n              width: 100% !important;\r\n              min-width: 100% !important;\r\n              flex: none !important;\r\n          }\r\n  \r\n          .btn {\r\n              width: 100%;\r\n              min-width: 100%;\r\n              flex: none;\r\n          }\r\n  \r\n          .profile-header {\r\n              flex-direction: column;\r\n              text-align: center;\r\n          }\r\n  \r\n          .stats-grid {\r\n              grid-template-columns: 1fr;\r\n              gap: 10px;\r\n          }\r\n  \r\n          .followers-grid {\r\n              grid-template-columns: 1fr;\r\n              gap: 8px;\r\n          }\r\n  \r\n          .follower-stats {\r\n              grid-template-columns: 1fr;\r\n          }\r\n      }\r\n  \r\n      \/* Small Devices (phones, 321px to 480px) *\/\r\n      @media (min-width: 321px) and (max-width: 480px) {\r\n  \r\n          .search-section,\r\n          .profile-section,\r\n          .followers-section {\r\n              padding: clamp(20px, 4vw, 30px);\r\n          }\r\n  \r\n          .input-group {\r\n              flex-direction: column;\r\n              gap: 15px;\r\n              width: 100%;\r\n          }\r\n  \r\n          .input-field {\r\n              width: 100% !important;\r\n              min-width: 100% !important;\r\n              flex: none !important;\r\n          }\r\n  \r\n          .btn {\r\n              width: 100%;\r\n              min-width: 100%;\r\n              flex: none;\r\n          }\r\n  \r\n          .stats-grid {\r\n              grid-template-columns: repeat(2, 1fr);\r\n              gap: 12px;\r\n          }\r\n  \r\n          .followers-grid {\r\n              grid-template-columns: repeat(2, 1fr);\r\n              gap: 10px;\r\n          }\r\n  \r\n          .follower-stats {\r\n              grid-template-columns: repeat(2, 1fr);\r\n          }\r\n      }\r\n  \r\n      \/* Medium Devices (tablets, 481px to 768px) *\/\r\n      @media (min-width: 481px) and (max-width: 768px) {\r\n          .container {\r\n              padding: clamp(15px, 3vw, 25px);\r\n          }\r\n  \r\n          .input-group {\r\n              flex-direction: column;\r\n              gap: 15px;\r\n              width: 100%;\r\n          }\r\n  \r\n          .input-field {\r\n              width: 100% !important;\r\n              min-width: 100% !important;\r\n              flex: none !important;\r\n          }\r\n  \r\n          .btn {\r\n              width: 100%;\r\n              min-width: 100%;\r\n              flex: none;\r\n          }\r\n  \r\n          .profile-header {\r\n              flex-direction: column;\r\n              text-align: center;\r\n          }\r\n  \r\n          .stats-grid {\r\n              grid-template-columns: repeat(2, 1fr);\r\n          }\r\n  \r\n          .followers-grid {\r\n              grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n          }\r\n      }\r\n  \r\n      \/* Large Devices (desktops, 769px to 1024px) *\/\r\n      @media (min-width: 769px) and (max-width: 1024px) {\r\n          .input-group {\r\n              flex-direction: row;\r\n              gap: clamp(10px, 2vw, 20px);\r\n          }\r\n  \r\n          .input-field {\r\n              flex: 1 !important;\r\n              min-width: min(300px, 100%) !important;\r\n              width: auto !important;\r\n          }\r\n  \r\n          .btn {\r\n              min-width: min(200px, 100%);\r\n              width: auto;\r\n              flex-shrink: 0;\r\n          }\r\n  \r\n          .followers-grid {\r\n              grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n          }\r\n      }\r\n  \r\n      \/* Extra Large Devices (large desktops, 1025px and up) *\/\r\n      @media (min-width: 1025px) {\r\n          .input-group {\r\n              flex-direction: row;\r\n              gap: clamp(10px, 2vw, 20px);\r\n          }\r\n  \r\n          .input-field {\r\n              flex: 1 !important;\r\n              min-width: min(300px, 100%) !important;\r\n              width: auto !important;\r\n          }\r\n  \r\n          .btn {\r\n              min-width: min(200px, 100%);\r\n              width: auto;\r\n              flex-shrink: 0;\r\n          }\r\n  \r\n          .followers-grid {\r\n              grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n          }\r\n      }\r\n  \r\n      \/* Landscape orientation adjustments *\/\r\n      @media (orientation: landscape) and (max-height: 600px) {\r\n          .header {\r\n              margin-bottom: 20px;\r\n          }\r\n  \r\n          .logo {\r\n              font-size: 2rem;\r\n          }\r\n  \r\n          .logo-icon {\r\n              font-size: 2.5rem;\r\n          }\r\n  \r\n          .subtitle {\r\n              font-size: 0.9rem;\r\n          }\r\n  \r\n          .search-section,\r\n          .profile-section,\r\n          .followers-section {\r\n              padding: 20px;\r\n              margin-bottom: 20px;\r\n          }\r\n      }\r\n  \r\n      \/* High DPI displays *\/\r\n      @media (-webkit-min-device-pixel-ratio: 2),\r\n      (min-resolution: 192dpi) {\r\n  \r\n          .profile-avatar,\r\n          .follower-avatar {\r\n              image-rendering: -webkit-optimize-contrast;\r\n              image-rendering: crisp-edges;\r\n          }\r\n      }\r\n  \r\n      \/* Reduced motion preferences *\/\r\n      @media (prefers-reduced-motion: reduce) {\r\n  \r\n          *,\r\n          *::before,\r\n          *::after {\r\n              animation-duration: 0.01ms !important;\r\n              animation-iteration-count: 1 !important;\r\n              transition-duration: 0.01ms !important;\r\n          }\r\n  \r\n          .floating-hearts {\r\n              display: none;\r\n          }\r\n      }\r\n  \r\n      \/* Dark mode support (keeping light theme consistent) *\/\r\n      @media (prefers-color-scheme: dark) {\r\n  \r\n          \/* Force light theme colors *\/\r\n          body {\r\n              background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 25%, var(--secondary-color) 50%, var(--tertiary-color) 75%, var(--quaternary-color) 100%);\r\n              color: var(--text-dark);\r\n          }\r\n  \r\n          .search-section,\r\n          .profile-section,\r\n          .followers-section {\r\n              background: var(--white-transparent);\r\n              color: var(--text-dark);\r\n          }\r\n  \r\n          .follower-card {\r\n              background: var(--white);\r\n              color: var(--text-dark);\r\n          }\r\n      }\r\n  \r\n      \/* Print styles *\/\r\n      @media print {\r\n  \r\n          .floating-hearts,\r\n          .btn,\r\n          .loading {\r\n              display: none !important;\r\n          }\r\n  \r\n          body {\r\n              background: white !important;\r\n              color: black !important;\r\n          }\r\n  \r\n          .search-section,\r\n          .profile-section,\r\n          .followers-section {\r\n              background: white !important;\r\n              box-shadow: none !important;\r\n              border: 1px solid #ccc !important;\r\n          }\r\n      }\r\n  \r\n      \/* Focus styles for accessibility *\/\r\n      .btn:focus {\r\n          outline: none;\r\n      }\r\n\r\n      .input-field:focus {\r\n          outline: none !important;\r\n      }\r\n  \r\n      .btn:focus-visible {\r\n          outline: 2px solid var(--primary-color);\r\n          outline-offset: 2px;\r\n      }\r\n\r\n      .input-field:focus-visible {\r\n          outline: 2px solid var(--primary-color) !important;\r\n          outline-offset: 2px !important;\r\n      }\r\n  \r\n      \/* Touch device optimizations *\/\r\n      @media (hover: none) and (pointer: coarse) {\r\n  \r\n          .btn:hover,\r\n          .stat-card:hover,\r\n          .follower-card:hover,\r\n          .follower-stat:hover {\r\n              transform: none;\r\n          }\r\n  \r\n          .btn:active,\r\n          .stat-card:active,\r\n          .follower-card:active,\r\n          .follower-stat:active {\r\n              transform: scale(0.98);\r\n          }\r\n      }\r\n  <\/style>\r\n  <\/head><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     <!-- Hero Section -->\r\n     <section class=\"tfv-hero-section\">\r\n      <div class=\"container\">\r\n          <div class=\"tfv-hero-content\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\r\n              <h1><span class=\"logo-accent\">T<\/span>iktok <span class=\"logo-accent\">S<\/span>tats Viewer<\/h1>\r\n              <p>Easily explore TikTok follower insights without logging in. Our tool helps you anonymously view follower counts and profiles with a user-friendly and secure experience.<\/p>\r\n          <\/div>\r\n          <div class=\"row\">\r\n              <div class=\"floating-hearts\" id=\"floatingHearts\"><div class=\"heart\" style=\"left: 6.88441%; animation-delay: 1.70276s; animation-duration: 4.87078s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 87.2117%; animation-delay: 0.171252s; animation-duration: 3.56934s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 7.50157%; animation-delay: 0.179107s; animation-duration: 4.511s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 99.3876%; animation-delay: 1.00107s; animation-duration: 3.0233s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 8.66326%; animation-delay: 1.51105s; animation-duration: 3.35339s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 98.4345%; animation-delay: 1.18044s; animation-duration: 3.4973s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 6.88323%; animation-delay: 0.804471s; animation-duration: 3.28108s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 98.8958%; animation-delay: 1.6528s; animation-duration: 4.03194s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 13.7587%; animation-delay: 0.209s; animation-duration: 3.93379s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 99.1245%; animation-delay: 1.62572s; animation-duration: 4.73829s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 4.85108%; animation-delay: 0.335024s; animation-duration: 3.15727s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 97.8203%; animation-delay: 0.764178s; animation-duration: 4.27547s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 2.39583%; animation-delay: 0.669436s; animation-duration: 3.02792s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 88.2357%; animation-delay: 0.824893s; animation-duration: 4.35726s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 7.06277%; animation-delay: 1.61919s; animation-duration: 4.61556s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 86.7212%; animation-delay: 1.84268s; animation-duration: 4.19617s;\">\u2764\ufe0f<\/div><\/div>\r\n     \r\n          <!-- <div class=\"header\">\r\n              <div class=\"logo\">\r\n                  <span class=\"logo-icon\">\ud83d\udc65<\/span>\r\n                  <span>Tiktok Followers Viewer<\/span>\r\n              <\/div>\r\n              <div class=\"subtitle\">Professional TikTok Profile & Follower Analysis Platform<\/div>\r\n          <\/div> -->\r\n  \r\n          <div class=\"search-section\">\r\n              <div class=\"input-group\">\r\n                  <input type=\"text\" id=\"profileInput\" class=\"input-field\" placeholder=\"Enter TikTok profile URL or username (e.g., https:\/\/www.tiktok.com\/@username or @username)\">\r\n                  <button onclick=\"searchProfile()\" class=\"btn\" id=\"searchBtn\">\r\n                      \ud83d\udd0d Analyze Profile\r\n                  <\/button>\r\n                  <button id=\"searchAnotherBtn\" class=\"btn\" style=\"display:none;gap:8px;align-items:center;justify-content:center;\" onclick=\"resetSearch()\">\r\n                      <span style=\"font-size:1.2em;\">\ud83d\udd04<\/span> Search Another\r\n                  <\/button>\r\n              <\/div>\r\n  \r\n              <div class=\"loading\" id=\"loading\">\r\n                  <div class=\"spinner\"><\/div>\r\n                  <div class=\"loading-text\" id=\"loadingText\">Fetching profile data...<\/div>\r\n              <\/div>\r\n  \r\n              <div class=\"error-message\" id=\"errorMessage\"><\/div>\r\n              <div class=\"success-message\" id=\"successMessage\"><\/div>\r\n          <\/div>\r\n  \r\n          <div class=\"profile-section\" id=\"profileSection\">\r\n              <div class=\"profile-header\">\r\n                  <img decoding=\"async\" id=\"profileAvatar\" class=\"profile-avatar\" src=\"\/placeholder.svg\" alt=\"Profile Avatar\">\r\n                  <div class=\"profile-info\">\r\n                      <h2 id=\"profileName\"><\/h2>\r\n                      <p id=\"profileUsername\"><\/p>\r\n                      <p id=\"profileBio\"><\/p>\r\n                  <\/div>\r\n              <\/div>\r\n  \r\n              <div class=\"stats-grid\">\r\n                  <div class=\"stat-card\">\r\n                      <span class=\"stat-number\" id=\"followersCount\">0<\/span>\r\n                      <span class=\"stat-label\">Followers<\/span>\r\n                  <\/div>\r\n                  <div class=\"stat-card\">\r\n                      <span class=\"stat-number\" id=\"followingCount\">0<\/span>\r\n                      <span class=\"stat-label\">Following<\/span>\r\n                  <\/div>\r\n                  <div class=\"stat-card\">\r\n                      <span class=\"stat-number\" id=\"heartsCount\">0<\/span>\r\n                      <span class=\"stat-label\">Hearts<\/span>\r\n                  <\/div>\r\n                  <div class=\"stat-card\">\r\n                      <span class=\"stat-number\" id=\"videosCount\">0<\/span>\r\n                      <span class=\"stat-label\">Videos<\/span>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n  \r\n          <div class=\"followers-section\" id=\"followersSection\">\r\n              <h2 class=\"section-title\">\ud83d\udc65 Followers Analysis<\/h2>\r\n              <div class=\"loading\" id=\"followersLoading\">\r\n                  <div class=\"spinner\"><\/div>\r\n                  <div class=\"loading-text\">Loading followers data...<\/div>\r\n              <\/div>\r\n              <div class=\"followers-grid\" id=\"followersGrid\"><\/div>\r\n          <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- Work Process Section -->\r\n  <section class=\"tfv-work-process-section\" id=\"how-it-works\">\r\n      <div class=\"container tfv-work-process-content\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"tfv-section-title tfv-light-title\">How Our TikTok Stats Viewer Works<\/h2>\r\n              <p class=\"tfv-section-subtitle tfv-light-subtitle\">View TikTok statistics anonymously in just 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=\"tfv-process-step\">\r\n                      <div class=\"tfv-step-number\">1<\/div>\r\n                      <h4 class=\"text-white\">Enter Username or URL<\/h4>\r\n                      <p class=\"tfv-light-subtitle\">Enter the TikTok username or content URL to view its stats<\/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=\"tfv-process-step\">\r\n                      <div class=\"tfv-step-number\">2<\/div>\r\n                      <h4 class=\"text-white\">Process Request<\/h4>\r\n                      <p class=\"tfv-light-subtitle\">Our system retrieves stats data without revealing your identity<\/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=\"tfv-process-step\">\r\n                      <div class=\"tfv-step-number\">3<\/div>\r\n                      <h4 class=\"text-white\">View Statistics<\/h4>\r\n                      <p class=\"tfv-light-subtitle\">See detailed analytics without leaving any trace<\/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=\"tfv-features-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"tfv-section-title\">Key Features<\/h2>\r\n              <p class=\"tfv-section-subtitle\">Our TikTok Stats Viewer offers powerful features for anonymous analytics<\/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=\"tfv-feature-card\">\r\n                      <div class=\"tfv-feature-icon\">\r\n                          <i class=\"bx bx-user-check\"><\/i>\r\n                      <\/div>\r\n                      <h4>100% Anonymous<\/h4>\r\n                      <p>View stats without leaving any trace or alerting the account owner<\/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=\"tfv-feature-card\">\r\n                      <div class=\"tfv-feature-icon\">\r\n                          <i class=\"bx bx-line-chart\"><\/i>\r\n                      <\/div>\r\n                      <h4>Comprehensive Stats<\/h4>\r\n                      <p>Access detailed analytics on followers, engagement, and video performance<\/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=\"tfv-feature-card\">\r\n                      <div class=\"tfv-feature-icon\">\r\n                          <i class=\"bx bx-timer\"><\/i>\r\n                      <\/div>\r\n                      <h4>Real-time Data<\/h4>\r\n                      <p>Get the most up-to-date statistics for profiles and videos<\/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=\"tfv-feature-card\">\r\n                      <div class=\"tfv-feature-icon\">\r\n                          <i class=\"bx bx-devices\"><\/i>\r\n                      <\/div>\r\n                      <h4>Works on All Devices<\/h4>\r\n                      <p>Use our TikTok Stats Viewer on desktop, tablet, or mobile without issues<\/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=\"tfv-feature-card\">\r\n                      <div class=\"tfv-feature-icon\">\r\n                          <i class=\"bx bx-shield\"><\/i>\r\n                      <\/div>\r\n                      <h4>No Login Required<\/h4>\r\n                      <p>Access public TikTok stats without an account<\/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=\"tfv-feature-card\">\r\n                      <div class=\"tfv-feature-icon\">\r\n                          <i class=\"bx bx-time-five\"><\/i>\r\n                      <\/div>\r\n                      <h4>Instant Processing<\/h4>\r\n                      <p>Get access to stats data immediately without waiting<\/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=\"tfv-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=\"tfv-why-choose-image tfv-floating-element\">\r\n                      <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Tiktok_Stats_Viewer.webp\" alt=\"TikTok Stats 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=\"tfv-section-title mb-4\">Why Choose Our TikTok Stats Viewer?<\/h2>\r\n                  <p class=\"mb-4\">Our tool provides a reliable and secure way to view TikTok statistics anonymously, prioritizing your privacy with comprehensive access to analytics data.<\/p>\r\n                  \r\n                  <div class=\"tfv-benefit-item\">\r\n                      <div class=\"tfv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Completely undetectable<\/h5>\r\n                          <p class=\"mb-0\">No traces left when viewing stats<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"tfv-benefit-item\">\r\n                      <div class=\"tfv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">No registration needed<\/h5>\r\n                          <p class=\"mb-0\">Start viewing stats immediately<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"tfv-benefit-item\">\r\n                      <div class=\"tfv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Detailed analytics<\/h5>\r\n                          <p class=\"mb-0\">Get insights into profile and video performance<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"tfv-benefit-item\">\r\n                      <div class=\"tfv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Fast processing<\/h5>\r\n                          <p class=\"mb-0\">Get instant access to public stats<\/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=\"tfv-faq-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"tfv-section-title\">Frequently Asked Questions<\/h2>\r\n              <p class=\"tfv-section-subtitle\">Find answers to common questions about our TikTok Stats 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=\"tfv-faqAccordion\">\r\n                      <div class=\"tfv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                          <h3 class=\"accordion-header\" id=\"tfv-heading1\">\r\n                              <button class=\"tfv-accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#tfv-collapse1\" aria-expanded=\"true\" aria-controls=\"tfv-collapse1\">\r\n                                  Is it legal to use this TikTok Stats Viewer?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"tfv-collapse1\" class=\"accordion-collapse collapse show\" aria-labelledby=\"tfv-heading1\" data-bs-parent=\"#tfv-faqAccordion\">\r\n                              <div class=\"tfv-accordion-body\">\r\n                                  Yes, our tool is completely legal to use. It only allows you to view publicly available TikTok statistics. We don't access private accounts or bypass any security measures - we simply display data that is already publicly accessible on TikTok.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"tfv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                          <h3 class=\"accordion-header\" id=\"tfv-heading2\">\r\n                              <button class=\"tfv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#tfv-collapse2\" aria-expanded=\"false\" aria-controls=\"tfv-collapse2\">\r\n                                  Can I view private TikTok account stats?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"tfv-collapse2\" class=\"accordion-collapse collapse\" aria-labelledby=\"tfv-heading2\" data-bs-parent=\"#tfv-faqAccordion\">\r\n                              <div class=\"tfv-accordion-body\">\r\n                                  No, our TikTok Stats Viewer respects TikTok's privacy settings. We can only display statistics from accounts or content that are set to public. Private data cannot be accessed.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"tfv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                          <h3 class=\"accordion-header\" id=\"tfv-heading3\">\r\n                              <button class=\"tfv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#tfv-collapse3\" aria-expanded=\"false\" aria-controls=\"tfv-collapse3\">\r\n                                  Will TikTok know I viewed the stats?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"tfv-collapse3\" class=\"accordion-collapse collapse\" aria-labelledby=\"tfv-heading3\" data-bs-parent=\"#tfv-faqAccordion\">\r\n                              <div class=\"tfv-accordion-body\">\r\n                                  No, all viewing is completely anonymous. When you use our TikTok Stats Viewer, TikTok doesn't register that you've viewed the stats. The account owner won't know you accessed their data.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"tfv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                          <h3 class=\"accordion-header\" id=\"tfv-heading4\">\r\n                              <button class=\"tfv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#tfv-collapse4\" aria-expanded=\"false\" aria-controls=\"tfv-collapse4\">\r\n                                  Do I need to install software to use this?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"tfv-collapse4\" class=\"accordion-collapse collapse\" aria-labelledby=\"tfv-heading4\" data-bs-parent=\"#tfv-faqAccordion\">\r\n                              <div class=\"tfv-accordion-body\">\r\n                                  No, our TikTok Stats Viewer is completely web-based. You don't need to download or install any software. Simply visit our website, enter the username or URL, and view the stats directly in your browser.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"tfv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                          <h3 class=\"accordion-header\" id=\"tfv-heading5\">\r\n                              <button class=\"tfv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#tfv-collapse5\" aria-expanded=\"false\" aria-controls=\"tfv-collapse5\">\r\n                                  What kind of stats can I view with this tool?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"tfv-collapse5\" class=\"accordion-collapse collapse\" aria-labelledby=\"tfv-heading5\" data-bs-parent=\"#tfv-faqAccordion\">\r\n                              <div class=\"tfv-accordion-body\">\r\n                                  Our TikTok Stats Viewer shows all publicly available statistics, including follower counts, engagement rates, video views, likes, comments, and shares. Private information is not accessible.\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   <!-- Tiktak follower 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 currentUserId = null;\r\n      let currentProfile = null;\r\n  \r\n      \/\/ Create floating hearts animation only on sides\r\n      function createFloatingHearts() {\r\n          const heartsContainer = document.getElementById('floatingHearts');\r\n  \r\n          setInterval(() => {\r\n              \/\/ Create heart on left side\r\n              const heartLeft = document.createElement('div');\r\n              heartLeft.className = 'heart';\r\n              heartLeft.innerHTML = '\u2764\ufe0f';\r\n              heartLeft.style.left = Math.random() * 15 + '%';\r\n              heartLeft.style.animationDelay = Math.random() * 2 + 's';\r\n              heartLeft.style.animationDuration = (Math.random() * 2 + 3) + 's';\r\n              heartsContainer.appendChild(heartLeft);\r\n  \r\n              \/\/ Create heart on right side\r\n              const heartRight = document.createElement('div');\r\n              heartRight.className = 'heart';\r\n              heartRight.innerHTML = '\u2764\ufe0f';\r\n              heartRight.style.left = (85 + Math.random() * 15) + '%';\r\n              heartRight.style.animationDelay = Math.random() * 2 + 's';\r\n              heartRight.style.animationDuration = (Math.random() * 2 + 3) + 's';\r\n              heartsContainer.appendChild(heartRight);\r\n  \r\n              setTimeout(() => {\r\n                  heartLeft.remove();\r\n                  heartRight.remove();\r\n              }, 5000);\r\n          }, 4000);\r\n      }\r\n  \r\n      function showError(message) {\r\n          const errorDiv = document.getElementById('errorMessage');\r\n          errorDiv.textContent = message;\r\n          errorDiv.style.display = 'block';\r\n          setTimeout(() => {\r\n              errorDiv.style.display = 'none';\r\n          }, 5000);\r\n      }\r\n  \r\n      function showSuccess(message) {\r\n          const successDiv = document.getElementById('successMessage');\r\n          successDiv.textContent = message;\r\n          successDiv.style.display = 'block';\r\n          setTimeout(() => {\r\n              successDiv.style.display = 'none';\r\n          }, 3000);\r\n      }\r\n  \r\n      function formatNumber(num) {\r\n          if (num >= 1000000) {\r\n              return (num \/ 1000000).toFixed(1) + 'M';\r\n          } else if (num >= 1000) {\r\n              return (num \/ 1000).toFixed(1) + 'K';\r\n          }\r\n          return num.toString();\r\n      }\r\n  \r\n      async function searchProfile() {\r\n          const profileInput = document.getElementById('profileInput').value.trim();\r\n  \r\n          if (!profileInput) {\r\n              showError('Please enter a TikTok username or profile URL');\r\n              return;\r\n          }\r\n  \r\n          \/\/ Handle TikTok URLs and extract username\r\n          let username = profileInput;\r\n  \r\n          \/\/ Check if it's a TikTok URL\r\n          if (profileInput.includes('tiktok.com')) {\r\n              \/\/ Extract username from URL\r\n              const urlMatch = profileInput.match(\/tiktok\\.com\\\/@([^\\\/\\?]+)\/);\r\n              if (urlMatch) {\r\n                  username = '@' + urlMatch[1];\r\n              } else {\r\n                  showError('Invalid TikTok URL format');\r\n                  return;\r\n              }\r\n          } else {\r\n              \/\/ If it's not a URL, ensure it has @ prefix\r\n              if (!username.startsWith('@')) {\r\n                  username = '@' + username;\r\n              }\r\n          }\r\n  \r\n          \/\/ Remove @ symbol for API call\r\n          username = username.replace('@', '');\r\n  \r\n          \/\/ Show loading\r\n          document.getElementById('loading').style.display = 'block';\r\n          document.getElementById('loadingText').textContent = 'Fetching profile data...';\r\n          document.getElementById('searchBtn').disabled = true;\r\n          document.getElementById('profileSection').style.display = 'none';\r\n          document.getElementById('followersSection').style.display = 'none';\r\n  \r\n          try {\r\n              \/\/ First, fetch profile details\r\n              const profileResponse = await fetch('https:\/\/tools.xrespond.com\/api\/tiktok\/profile\/details', {\r\n                  method: 'POST',\r\n                  headers: {\r\n                      'Content-Type': 'application\/json',\r\n                  },\r\n                  body: JSON.stringify({\r\n                      profile: username\r\n                  })\r\n              });\r\n  \r\n              const profileData = await profileResponse.json();\r\n  \r\n              if (profileData.status === 'success' && profileData.data.code === 0) {\r\n                  currentProfile = profileData.data.data;\r\n                  currentUserId = profileData.data.data.user.id;\r\n                  displayProfile(profileData.data.data);\r\n                  showSuccess('Profile loaded successfully!');\r\n  \r\n                  \/\/ Automatically fetch followers using the user ID\r\n                  await fetchFollowers();\r\n              } else {\r\n                  showError('Profile not found or API error occurred');\r\n              }\r\n          } catch (error) {\r\n              console.error('Error:', error);\r\n              showError('Failed to fetch profile. Please try again.');\r\n          } finally {\r\n              document.getElementById('loading').style.display = 'none';\r\n              document.getElementById('searchBtn').disabled = false;\r\n          }\r\n      }\r\n  \r\n      function displayProfile(profileData) {\r\n          const user = profileData.user;\r\n          const stats = profileData.stats;\r\n  \r\n          document.getElementById('profileAvatar').src = user.avatarLarger || user.avatarMedium || user.avatarThumb || '\/placeholder.svg?height=120&width=120';\r\n          document.getElementById('profileName').textContent = user.nickname;\r\n          document.getElementById('profileUsername').textContent = '@' + user.uniqueId;\r\n          document.getElementById('profileBio').textContent = user.signature || 'No bio available';\r\n  \r\n          document.getElementById('followersCount').textContent = formatNumber(stats.followerCount);\r\n          document.getElementById('followingCount').textContent = formatNumber(stats.followingCount);\r\n          document.getElementById('heartsCount').textContent = formatNumber(stats.heartCount);\r\n          document.getElementById('videosCount').textContent = formatNumber(stats.videoCount);\r\n  \r\n          document.getElementById('profileSection').style.display = 'block';\r\n          document.getElementById('searchAnotherBtn').style.display = 'flex';\r\n      }\r\n  \r\n      function resetSearch() {\r\n          \/\/ Reset all state\r\n          currentUserId = null;\r\n          currentProfile = null;\r\n          \/\/ Hide sections\r\n          document.getElementById('profileSection').style.display = 'none';\r\n          document.getElementById('followersSection').style.display = 'none';\r\n          \/\/ Clear input\r\n          document.getElementById('profileInput').value = '';\r\n          \/\/ Hide messages\r\n          document.getElementById('errorMessage').style.display = 'none';\r\n          document.getElementById('successMessage').style.display = 'none';\r\n          \/\/ Hide search another button\r\n          document.getElementById('searchAnotherBtn').style.display = 'none';\r\n          \/\/ Focus input\r\n          document.getElementById('profileInput').focus();\r\n      }\r\n  \r\n      async function fetchFollowers() {\r\n          if (!currentUserId) {\r\n              showError('No profile selected');\r\n              return;\r\n          }\r\n  \r\n          document.getElementById('loadingText').textContent = 'Loading followers data...';\r\n          document.getElementById('followersLoading').style.display = 'block';\r\n          document.getElementById('followersGrid').innerHTML = '';\r\n          document.getElementById('followersSection').style.display = 'block';\r\n  \r\n          try {\r\n              const response = await fetch('https:\/\/tools.xrespond.com\/api\/tiktok\/profile\/followers', {\r\n                  method: 'POST',\r\n                  headers: {\r\n                      'Content-Type': 'application\/json',\r\n                  },\r\n                  body: JSON.stringify({\r\n                      profile: currentUserId\r\n                  })\r\n              });\r\n  \r\n              const data = await response.json();\r\n  \r\n              if (data.status === 'success' && data.data.code === 0) {\r\n                  displayFollowers(data.data.data.followers || []);\r\n                  showSuccess(`Loaded ${data.data.data.followers?.length || 0} followers!`);\r\n              } else {\r\n                  showError('Failed to fetch followers or no followers found');\r\n              }\r\n          } catch (error) {\r\n              console.error('Error:', error);\r\n              showError('Failed to fetch followers. Please try again.');\r\n          } finally {\r\n              document.getElementById('followersLoading').style.display = 'none';\r\n          }\r\n      }\r\n  \r\n      function displayFollowers(followers) {\r\n          const followersGrid = document.getElementById('followersGrid');\r\n  \r\n          if (!followers || followers.length === 0) {\r\n              followersGrid.innerHTML = `\r\n                  <div class=\"empty-state\" style=\"grid-column: 1\/-1;\">\r\n                      <div class=\"empty-state-icon\">\ud83d\udc65<\/div>\r\n                      <div class=\"empty-state-text\">No followers found or followers list is private<\/div>\r\n                  <\/div>\r\n              `;\r\n              return;\r\n          }\r\n  \r\n          followersGrid.innerHTML = followers.map((follower, index) => {\r\n              const avatarUrl = follower.avatar || follower.avatarThumb || follower.avatarMedium || '\/placeholder.svg?height=40&width=40';\r\n              const nickname = follower.nickname || 'Unknown User';\r\n              const uniqueId = follower.uniqueId || follower.unique_id || 'unknown';\r\n  \r\n              const followerCount = follower.follower_count || 0;\r\n              const followingCount = follower.following_count || 0;\r\n              const heartCount = follower.total_favorited || 0;\r\n              const videosCount = follower.aweme_count || 0;\r\n              const verified = follower.verified || false;\r\n  \r\n              return `\r\n                  <div class=\"follower-card\" style=\"animation-delay: ${index * 0.05}s\">\r\n                      <div class=\"follower-header\">\r\n                          <img decoding=\"async\" src=\"${avatarUrl}\" \r\n                               alt=\"${nickname}\" \r\n                               class=\"follower-avatar\" \r\n                               onerror=\"this.src='\/placeholder.svg?height=40&width=40'\" \/>\r\n                          <div class=\"follower-info\">\r\n                              <div class=\"follower-name\">\r\n                                  ${nickname}\r\n                                  ${verified ? '<span class=\"verified-badge\">\u2713<\/span>' : ''}\r\n                              <\/div>\r\n                              <div class=\"follower-username\">@${uniqueId}<\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      <div class=\"follower-stats\">\r\n                          <div class=\"follower-stat\">\r\n                              <span class=\"follower-stat-number\">${formatNumber(followerCount)}<\/span>\r\n                              <span class=\"follower-stat-label\">Followers<\/span>\r\n                          <\/div>\r\n                          <div class=\"follower-stat\">\r\n                              <span class=\"follower-stat-number\">${formatNumber(followingCount)}<\/span>\r\n                              <span class=\"follower-stat-label\">Following<\/span>\r\n                          <\/div>\r\n                          <div class=\"follower-stat\">\r\n                              <span class=\"follower-stat-number\">${formatNumber(heartCount)}<\/span>\r\n                              <span class=\"follower-stat-label\">Hearts<\/span>\r\n                          <\/div>\r\n                          <div class=\"follower-stat\">\r\n                              <span class=\"follower-stat-number\">${formatNumber(videosCount)}<\/span>\r\n                              <span class=\"follower-stat-label\">Videos<\/span>\r\n                          <\/div>\r\n                      <\/div>\r\n                  <\/div>\r\n              `;\r\n          }).join('');\r\n      }\r\n  \r\n      \/\/ Allow Enter key to trigger search\r\n      document.getElementById('profileInput').addEventListener('keypress', function (e) {\r\n          if (e.key === 'Enter') {\r\n              searchProfile();\r\n          }\r\n      });\r\n  \r\n      \/\/ Initialize floating hearts\r\n      document.addEventListener('DOMContentLoaded', function () {\r\n          createFloatingHearts();\r\n      });\r\n  <\/script>\r\n    <!-- Vvveb Common Js -->\r\n    <script id=\"popper-js\" src=\"..\/js\/popper.min.js\"><\/script>\r\n  \r\n    <!-- Vvveb Ajax Common Js -->\r\n    <script id=\"app-js\" src=\"..\/js\/app.js\"><\/script>\r\n  \r\n    <noscript>\r\n      <style type=\"text\/css\">\r\n        [data-aos] {\r\n          opacity: 1 !important;\r\n          transform: translate(0) scale(1) !important;\r\n        }\r\n      <\/style>\r\n    <\/noscript>\r\n\r\n    <!-- CDN AOS + Bootstrap before init (..\/js\/aos.js often missing \u2192 [data-aos] stays hidden) -->\r\n      <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n      <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n    <script>\r\n      if (typeof AOS !== 'undefined') {\r\n          AOS.init({\r\n              duration: 800,\r\n              easing: 'ease-in-out',\r\n              once: true\r\n          });\r\n      } else {\r\n          document.documentElement.classList.add('aos-fallback');\r\n      }\r\n\r\n      document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n          anchor.addEventListener('click', function (e) {\r\n              const id = this.getAttribute('href');\r\n              if (!id || id === '#') return;\r\n              const target = document.querySelector(id);\r\n              if (!target) return;\r\n              e.preventDefault();\r\n              target.scrollIntoView({ behavior: 'smooth' });\r\n          });\r\n      });\r\n  <\/script>\r\n    <script src=\"..\/js\/theme.js\"><\/script>\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      \r\n      \r\n      <!-- Google Fonts - Premium Typography -->\r\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n      <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\r\n      <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n      \r\n      <!-- Bootstrap CSS -->\r\n      <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n      <!-- Boxicons -->\r\n      <link href=\"https:\/\/unpkg.com\/boxicons@2.1.4\/css\/boxicons.min.css\" rel=\"stylesheet\">\r\n      <!-- AOS Animation -->\r\n      <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n      <!-- Font Awesome CSS -->\r\n          <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\" rel=\"stylesheet\">\r\n  \r\n  \r\n  <style id=\"vvvebjs-styles\">\r\n      html{\r\n          overflow-x: hidden;\r\n      }\r\n    \r\n      :root {\r\n              --brand-purple: #8A7CFF;\r\n              --tfv-primary-color: #8A7CFF;\r\n              --tfv-secondary-color: #7568E6;\r\n              --tfv-dark-color: #000000;\r\n              --tfv-light-color: #FFFFFF;\r\n              --tfv-gray-color: #F9FAFB;\r\n              --tfv-primary-hover: #7A6EE8;\r\n              --tfv-secondary-hover: #6859D4;\r\n              --tfv-section-padding: 100px 0;\r\n          }\r\n      \r\n\/*           body {            \r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n              scroll-behavior: smooth;\r\n              overflow-x: hidden;\r\n              background-color: var(--tfv-light-color);\r\n              color: var(--tfv-dark-color);\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      \/* TikTok-style Hero Section *\/\r\n      .tfv-hero-section {\r\n              padding: var(--tfv-section-padding);\r\n              text-align: center;\r\n              background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFF 45%, #F3F0FF 100%);\r\n              color: var(--tfv-dark-color);\r\n              position: relative;\r\n              margin-top: 3rem;\r\n          }\r\n\r\n      .tfv-hero-section .container {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .tfv-hero-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n       .tfv-hero-section h1 {\r\n      font-size: 3.5rem;\r\n      font-weight: 700;\r\n      margin-bottom: 1.5rem;\r\n      color: var(--tfv-dark-color);\r\n  }\r\n\r\n      .tfv-hero-section h1 .logo-accent {\r\n      color: var(--brand-purple);\r\n  }\r\n          \r\n       .tfv-hero-section p {\r\n      font-size: 1.25rem;\r\n      max-width: 70%;\r\n      margin: 0 auto 2rem;\r\n      font-weight: 400;\r\n      color: #4B5563;\r\n  }\r\n          \r\n          \/* Work Process Section with TikTok Colors *\/\r\n          .tfv-work-process-section {\r\n              padding: var(--tfv-section-padding);\r\n              background: var(--tfv-primary-color);\r\n              color: white;\r\n              position: relative;\r\n              overflow: hidden;\r\n          }\r\n          \r\n          .tfv-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          .tfv-work-process-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .tfv-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          .tfv-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          .tfv-step-number {\r\n              width: 60px;\r\n              height: 60px;\r\n              background: white;\r\n              color: var(--tfv-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          .tfv-features-section {\r\n              padding: var(--tfv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .tfv-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          .tfv-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(--tfv-primary-color);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .tfv-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          .tfv-feature-card:hover::before {\r\n              width: 100%;\r\n              opacity: 0.1;\r\n          }\r\n          \r\n          .tfv-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(--tfv-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          .tfv-feature-card:hover .tfv-feature-icon {\r\n              transform: rotate(15deg) scale(1.1);\r\n              background: var(--tfv-primary-hover);\r\n          }\r\n          \r\n          \/* Why Choose Section *\/\r\n          .tfv-why-choose-section {\r\n              padding: var(--tfv-section-padding);\r\n              background: var(--tfv-gray-color);\r\n          }\r\n          \r\n          .tfv-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          .tfv-why-choose-image:hover {\r\n              transform: perspective(1000px) rotateY(0deg);\r\n          }\r\n          \r\n          .tfv-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          .tfv-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          .tfv-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(--tfv-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          .tfv-faq-section {\r\n              padding: var(--tfv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .tfv-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          .tfv-accordion-button {\r\n              font-weight: 600;\r\n              color: var(--tfv-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          .tfv-accordion-button:not(.collapsed) {\r\n              background: white;\r\n              color: var(--tfv-primary-color);\r\n              box-shadow: none;\r\n          }\r\n          \r\n          .tfv-accordion-button:focus {\r\n              box-shadow: none;\r\n              border-color: rgba(138, 124, 255, 0.35);\r\n          }\r\n          \r\n          .tfv-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='%238A7CFF'%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          .tfv-accordion-body {\r\n              padding: 25px;\r\n              color: #666;\r\n          }\r\n          \r\n          \/* Section Titles *\/\r\n          .tfv-section-title {\r\n              font-weight: 700;\r\n              color: var(--tfv-dark-color);\r\n              margin-bottom: 1.5rem;\r\n              position: relative;\r\n              display: inline-block;\r\n          }\r\n          \r\n          .tfv-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(--tfv-primary-color);\r\n              border-radius: 2px;\r\n          }\r\n          \r\n          .tfv-light-title {\r\n              color: white;\r\n          }\r\n          \r\n          .tfv-light-title::after {\r\n              background: white;\r\n          }\r\n          \r\n          .tfv-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          .tfv-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                  --tfv-section-padding: 80px 0;\r\n              }\r\n              \r\n              .tfv-hero-section h1 {\r\n                  font-size: 2.8rem;\r\n              }\r\n              \r\n              .tfv-process-step::before {\r\n                  display: none;\r\n              }\r\n          }\r\n          \r\n          @media (max-width: 767px) {\r\n              :root {\r\n                  --tfv-section-padding: 70px 0;\r\n              }\r\n              \r\n              .tfv-hero-section {\r\n                  padding: 100px 0 60px;\r\n              }\r\n              \r\n              .tfv-hero-section h1 {\r\n                  font-size: 2.2rem;\r\n              }\r\n              \r\n              .tfv-hero-section p {\r\n                  font-size: 1rem;\r\n              }\r\n              \r\n              .tfv-section-title {\r\n                  font-size: 1.8rem;\r\n              }\r\n          }\r\n          \r\n          \/* Animation *\/\r\n          @keyframes tfv-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          .tfv-floating-element {\r\n              animation: tfv-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(--tfv-primary-color);\r\n              border-radius: 10px;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-thumb:hover {\r\n              background: var(--tfv-primary-hover);\r\n          }   \r\n  \r\n  \r\n  <\/style>\r\n  <!-- tools -->\r\n  <style>\r\n\r\n      html.aos-fallback [data-aos] {\r\n          opacity: 1 !important;\r\n          transform: none !important;\r\n          transition: none !important;\r\n      }\r\n  \r\n      :root {\r\n          --brand-purple: #8A7CFF;\r\n          --primary-color: #8A7CFF;\r\n          --primary-light: #A69EFF;\r\n          --secondary-color: #7568E6;\r\n          --tertiary-color: #6859D4;\r\n          --quaternary-color: #5a4fcf;\r\n          --text-dark: #000000;\r\n          --text-light: #4B5563;\r\n          --white: #ffffff;\r\n          --white-transparent: rgba(255, 255, 255, 0.97);\r\n          --shadow-light: rgba(0, 0, 0, 0.05);\r\n          --shadow-medium: rgba(138, 124, 255, 0.12);\r\n          --shadow-heavy: rgba(0, 0, 0, 0.08);\r\n          --border-light: rgba(0, 0, 0, 0.12);\r\n          --border-hover: rgba(138, 124, 255, 0.28);\r\n          --success-bg: #c6f6d5;\r\n          --success-color: #2f855a;\r\n          --error-bg: #fed7d7;\r\n          --error-color: #c53030;\r\n      }\r\n  \r\n  \r\n      \/* .container {\r\n          max-width: min(1400px, 95vw);\r\n          margin: 0 auto;\r\n          padding: clamp(15px, 3vw, 30px);\r\n      } *\/\r\n  \r\n      .header {\r\n          text-align: center;\r\n          margin-bottom: clamp(30px, 5vw, 50px);\r\n      }\r\n  \r\n      .logo {\r\n          font-size: clamp(2rem, 6vw, 3.5rem);\r\n          font-weight: 800;\r\n          color: var(--text-dark);\r\n          margin-bottom: clamp(10px, 2vw, 15px);\r\n          text-shadow: none;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: clamp(8px, 2vw, 15px);\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .logo-icon {\r\n          font-size: clamp(2.5rem, 7vw, 4rem);\r\n          animation: followerBounce 2s ease-in-out infinite;\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      @keyframes followerBounce {\r\n  \r\n          0%,\r\n          20%,\r\n          50%,\r\n          80%,\r\n          100% {\r\n              transform: translateY(0) rotate(0deg);\r\n          }\r\n  \r\n          40% {\r\n              transform: translateY(-10px) rotate(-5deg);\r\n          }\r\n  \r\n          60% {\r\n              transform: translateY(-5px) rotate(5deg);\r\n          }\r\n      }\r\n  \r\n      .subtitle {\r\n          font-size: clamp(0.9rem, 2.5vw, 1.2rem);\r\n          color: var(--text-light);\r\n          font-weight: 400;\r\n          letter-spacing: 0.5px;\r\n          text-shadow: none;\r\n          max-width: 600px;\r\n          margin: 0 auto;\r\n      }\r\n  \r\n      .search-section {\r\n          background: var(--white-transparent);\r\n          border-radius: clamp(15px, 3vw, 25px);\r\n          padding: clamp(25px, 5vw, 45px);\r\n          margin-bottom: clamp(25px, 4vw, 40px);\r\n          box-shadow: 0 25px 80px var(--shadow-heavy), 0 0 0 1px rgba(255, 255, 255, 0.1);\r\n          backdrop-filter: blur(20px);\r\n          -webkit-backdrop-filter: blur(20px);\r\n          border: 1px solid rgba(255, 255, 255, 0.2);\r\n      }\r\n  \r\n      .input-group {\r\n          display: flex;\r\n          gap: clamp(10px, 2vw, 20px);\r\n          margin-bottom: clamp(20px, 3vw, 30px);\r\n          flex-wrap: wrap;\r\n          align-items: center;\r\n          width: 100%;\r\n      }\r\n  \r\n      .input-field {\r\n          flex: 1 !important;\r\n          min-width: min(300px, 100%) !important;\r\n          padding: clamp(12px, 2.5vw, 18px) clamp(16px, 3vw, 28px) !important;\r\n          border: 2px solid var(--border-light) !important;\r\n          border-radius: clamp(10px, 2vw, 15px) !important;\r\n          font-size: clamp(14px, 2.5vw, 16px) !important;\r\n          outline: none !important;\r\n          background: var(--white) !important;\r\n          transition: all 0.3s ease !important;\r\n          font-weight: 500 !important;\r\n          box-shadow: 0 4px 15px var(--shadow-light) !important;\r\n          -webkit-appearance: none !important;\r\n          -moz-appearance: none !important;\r\n          appearance: none !important;\r\n          width: 100% !important;\r\n      }\r\n  \r\n      .input-field:focus {\r\n          border-color: var(--primary-color) !important;\r\n          background: var(--white) !important;\r\n          box-shadow: none !important;\r\n          transform: translateY(-2px) !important;\r\n          outline: none !important;\r\n      }\r\n  \r\n      .btn {\r\n          padding: clamp(12px, 2.5vw, 18px) clamp(20px, 4vw, 35px);\r\n          background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);\r\n          color: var(--white);\r\n          border: none;\r\n          border-radius: clamp(10px, 2vw, 15px);\r\n          font-size: clamp(14px, 2.5vw, 16px);\r\n          font-weight: 700;\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          min-width: min(200px, 100%);\r\n          width: 100%;\r\n          box-shadow: 0 8px 25px rgba(138, 124, 255, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);\r\n          position: relative;\r\n          overflow: hidden;\r\n          -webkit-appearance: none;\r\n          -moz-appearance: none;\r\n          appearance: none;\r\n          white-space: nowrap;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          min-height: 52px;\r\n      }\r\n  \r\n      .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      .btn:hover::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .btn:hover {\r\n          transform: translateY(-3px);\r\n          box-shadow: 0 15px 40px rgba(138, 124, 255, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.2);\r\n      }\r\n  \r\n      .btn:active {\r\n          transform: translateY(-1px);\r\n      }\r\n  \r\n      .btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n      }\r\n  \r\n      .loading {\r\n          display: none;\r\n          text-align: center;\r\n          padding: clamp(20px, 4vw, 30px);\r\n          color: var(--primary-color);\r\n      }\r\n  \r\n      .spinner {\r\n          width: clamp(40px, 8vw, 60px);\r\n          height: clamp(40px, 8vw, 60px);\r\n          border: 5px solid rgba(138, 124, 255, 0.1);\r\n          border-top: 5px solid var(--primary-color);\r\n          border-radius: 50%;\r\n          animation: spin 1s linear infinite;\r\n          margin: 0 auto clamp(15px, 3vw, 20px);\r\n          box-shadow: 0 0 20px rgba(138, 124, 255, 0.2);\r\n      }\r\n  \r\n      @keyframes spin {\r\n          0% {\r\n              transform: rotate(0deg);\r\n          }\r\n  \r\n          100% {\r\n              transform: rotate(360deg);\r\n          }\r\n      }\r\n  \r\n      .loading-text {\r\n          font-size: clamp(0.9rem, 2.5vw, 1.1rem);\r\n          font-weight: 600;\r\n      }\r\n  \r\n      .profile-section {\r\n          display: none;\r\n          background: var(--white-transparent);\r\n          border-radius: clamp(15px, 3vw, 25px);\r\n          padding: clamp(25px, 5vw, 45px);\r\n          margin-bottom: clamp(25px, 4vw, 40px);\r\n          box-shadow: 0 25px 80px var(--shadow-heavy), 0 0 0 1px rgba(255, 255, 255, 0.1);\r\n          backdrop-filter: blur(20px);\r\n          -webkit-backdrop-filter: blur(20px);\r\n          border: 1px solid rgba(255, 255, 255, 0.2);\r\n      }\r\n  \r\n      .profile-header {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(15px, 3vw, 30px);\r\n          margin-bottom: clamp(20px, 4vw, 35px);\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .profile-avatar {\r\n          width: clamp(80px, 15vw, 120px);\r\n          height: clamp(80px, 15vw, 120px);\r\n          border-radius: 50%;\r\n          border: 5px solid var(--primary-color);\r\n          box-shadow: 0 0 30px rgba(138, 124, 255, 0.3), 0 10px 30px var(--shadow-medium);\r\n          object-fit: cover;\r\n          transition: transform 0.3s ease;\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .profile-avatar:hover {\r\n          transform: scale(1.05);\r\n      }\r\n  \r\n      .profile-info {\r\n          flex: 1;\r\n          min-width: 0;\r\n      }\r\n  \r\n      .profile-info h2 {\r\n          color: var(--text-dark);\r\n          margin-bottom: clamp(5px, 1vw, 8px);\r\n          font-size: clamp(1.5rem, 4vw, 2.2rem);\r\n          font-weight: 800;\r\n          word-wrap: break-word;\r\n          overflow-wrap: break-word;\r\n      }\r\n  \r\n      .profile-info p {\r\n          color: var(--text-light);\r\n          margin-bottom: clamp(5px, 1vw, 8px);\r\n          font-weight: 500;\r\n          font-size: clamp(0.9rem, 2.5vw, 1.1rem);\r\n          word-wrap: break-word;\r\n          overflow-wrap: break-word;\r\n      }\r\n  \r\n      .stats-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));\r\n          gap: clamp(15px, 3vw, 25px);\r\n          margin-top: clamp(20px, 4vw, 35px);\r\n      }\r\n  \r\n      .stat-card {\r\n          background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);\r\n          color: var(--white);\r\n          padding: clamp(20px, 4vw, 30px);\r\n          border-radius: clamp(12px, 2.5vw, 20px);\r\n          text-align: center;\r\n          transition: all 0.3s ease;\r\n          box-shadow: 0 15px 40px rgba(138, 124, 255, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.1);\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .stat-card::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.1), transparent);\r\n          transition: left 0.5s;\r\n      }\r\n  \r\n      .stat-card:hover::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .stat-card:hover {\r\n          transform: translateY(-8px) scale(1.02);\r\n          box-shadow: 0 25px 60px rgba(138, 124, 255, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.2);\r\n      }\r\n  \r\n      .stat-number {\r\n          font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n          font-weight: 900;\r\n          display: block;\r\n          margin-bottom: clamp(5px, 1vw, 8px);\r\n          text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n      }\r\n  \r\n      .stat-label {\r\n          font-size: clamp(0.8rem, 2vw, 1rem);\r\n          opacity: 0.95;\r\n          font-weight: 600;\r\n          text-transform: uppercase;\r\n          letter-spacing: 1px;\r\n      }\r\n  \r\n      .followers-section {\r\n          display: none;\r\n          background: var(--white-transparent);\r\n          border-radius: clamp(15px, 3vw, 25px);\r\n          padding: clamp(25px, 5vw, 45px);\r\n          box-shadow: 0 25px 80px var(--shadow-heavy), 0 0 0 1px rgba(255, 255, 255, 0.1);\r\n          backdrop-filter: blur(20px);\r\n          -webkit-backdrop-filter: blur(20px);\r\n          border: 1px solid rgba(255, 255, 255, 0.2);\r\n      }\r\n  \r\n      .section-title {\r\n          font-size: clamp(1.5rem, 4vw, 2.2rem);\r\n          color: var(--text-dark);\r\n          margin-bottom: clamp(20px, 4vw, 35px);\r\n          text-align: center;\r\n          font-weight: 800;\r\n      }\r\n  \r\n      .followers-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));\r\n          gap: clamp(10px, 2vw, 15px);\r\n          margin-top: clamp(15px, 3vw, 25px);\r\n      }\r\n  \r\n      .follower-card {\r\n          background: var(--white);\r\n          border: 1px solid #f1f5f9;\r\n          border-radius: clamp(10px, 2vw, 15px);\r\n          padding: clamp(10px, 2vw, 15px);\r\n          box-shadow: 0 5px 15px var(--shadow-light), 0 0 0 1px rgba(255, 255, 255, 0.5);\r\n          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n          position: relative;\r\n          overflow: hidden;\r\n          animation: tikTokSlideIn 0.6s ease-out;\r\n      }\r\n  \r\n      @keyframes tikTokSlideIn {\r\n          from {\r\n              opacity: 0;\r\n              transform: translateY(20px) scale(0.95);\r\n          }\r\n  \r\n          to {\r\n              opacity: 1;\r\n              transform: translateY(0) scale(1);\r\n          }\r\n      }\r\n  \r\n      .follower-card::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 3px;\r\n          background: linear-gradient(90deg, var(--primary-color), var(--primary-light), var(--secondary-color));\r\n      }\r\n  \r\n      .follower-card:hover {\r\n          transform: translateY(-5px);\r\n          box-shadow: 0 12px 30px var(--shadow-medium), 0 0 0 1px rgba(138, 124, 255, 0.1);\r\n          border-color: var(--border-hover);\r\n      }\r\n  \r\n      .follower-header {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(8px, 1.5vw, 10px);\r\n          margin-bottom: clamp(8px, 1.5vw, 12px);\r\n      }\r\n  \r\n      .follower-avatar {\r\n          width: clamp(30px, 6vw, 40px);\r\n          height: clamp(30px, 6vw, 40px);\r\n          border-radius: 50%;\r\n          border: 2px solid var(--primary-color);\r\n          object-fit: cover;\r\n          transition: all 0.3s ease;\r\n          box-shadow: 0 3px 10px rgba(138, 124, 255, 0.15);\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .follower-card:hover .follower-avatar {\r\n          transform: scale(1.1);\r\n          border-color: var(--primary-light);\r\n          box-shadow: 0 5px 15px rgba(138, 124, 255, 0.25);\r\n      }\r\n  \r\n      .follower-info {\r\n          flex: 1;\r\n          min-width: 0;\r\n      }\r\n  \r\n      .follower-name {\r\n          color: var(--text-dark);\r\n          font-size: clamp(0.7rem, 2vw, 0.9rem);\r\n          margin-bottom: 2px;\r\n          font-weight: 700;\r\n          line-height: 1.2;\r\n          word-wrap: break-word;\r\n          overflow-wrap: break-word;\r\n      }\r\n  \r\n      .follower-username {\r\n          color: var(--text-light);\r\n          font-size: clamp(0.6rem, 1.8vw, 0.75rem);\r\n          font-weight: 500;\r\n          word-wrap: break-word;\r\n          overflow-wrap: break-word;\r\n      }\r\n  \r\n      .follower-stats {\r\n          display: grid;\r\n          grid-template-columns: repeat(2, 1fr);\r\n          gap: clamp(5px, 1vw, 8px);\r\n          padding-top: clamp(8px, 1.5vw, 10px);\r\n          border-top: 1px solid #f1f5f9;\r\n      }\r\n  \r\n      .follower-stat {\r\n          text-align: center;\r\n          padding: clamp(4px, 1vw, 6px) clamp(3px, 0.8vw, 4px);\r\n          background: #f8fafc;\r\n          border-radius: clamp(5px, 1.5vw, 8px);\r\n          transition: all 0.3s ease;\r\n      }\r\n  \r\n      .follower-stat:hover {\r\n          background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);\r\n          color: var(--white);\r\n          transform: translateY(-2px);\r\n          box-shadow: 0 5px 15px rgba(138, 124, 255, 0.15);\r\n      }\r\n  \r\n      .follower-stat-number {\r\n          font-weight: 700;\r\n          color: var(--primary-color);\r\n          display: block;\r\n          font-size: clamp(0.6rem, 1.8vw, 0.8rem);\r\n          line-height: 1;\r\n          margin-bottom: clamp(2px, 0.5vw, 3px);\r\n          transition: color 0.3s ease;\r\n      }\r\n  \r\n      .follower-stat:hover .follower-stat-number {\r\n          color: var(--white);\r\n      }\r\n  \r\n      .follower-stat-label {\r\n          font-size: clamp(0.5rem, 1.5vw, 0.6rem);\r\n          color: var(--text-light);\r\n          font-weight: 600;\r\n          text-transform: uppercase;\r\n          letter-spacing: 0.5px;\r\n          transition: color 0.3s ease;\r\n      }\r\n  \r\n      .follower-stat:hover .follower-stat-label {\r\n          color: rgba(255, 255, 255, 0.9);\r\n      }\r\n  \r\n      .verified-badge {\r\n          display: inline-flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          width: clamp(10px, 2.5vw, 14px);\r\n          height: clamp(10px, 2.5vw, 14px);\r\n          background: linear-gradient(135deg, #1da1f2 0%, #0d8ecf 100%);\r\n          border-radius: 50%;\r\n          margin-left: clamp(3px, 1vw, 5px);\r\n          color: var(--white);\r\n          font-size: clamp(6px, 1.5vw, 8px);\r\n          font-weight: bold;\r\n          box-shadow: 0 2px 5px rgba(29, 161, 242, 0.3);\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .error-message {\r\n          background: linear-gradient(135deg, var(--error-bg) 0%, #feb2b2 100%);\r\n          color: var(--error-color);\r\n          padding: clamp(12px, 2.5vw, 18px);\r\n          border-radius: clamp(10px, 2vw, 15px);\r\n          margin: clamp(15px, 3vw, 20px) 0;\r\n          border-left: 5px solid #e53e3e;\r\n          display: none;\r\n          font-weight: 600;\r\n          box-shadow: 0 8px 25px rgba(197, 48, 48, 0.1);\r\n      }\r\n  \r\n      .success-message {\r\n          background: linear-gradient(135deg, var(--success-bg) 0%, #9ae6b4 100%);\r\n          color: var(--success-color);\r\n          padding: clamp(12px, 2.5vw, 18px);\r\n          border-radius: clamp(10px, 2vw, 15px);\r\n          margin: clamp(15px, 3vw, 20px) 0;\r\n          border-left: 5px solid #38a169;\r\n          display: none;\r\n          font-weight: 600;\r\n          box-shadow: 0 8px 25px rgba(47, 133, 90, 0.1);\r\n      }\r\n  \r\n      .empty-state {\r\n          text-align: center;\r\n          padding: clamp(50px, 10vw, 80px) clamp(15px, 3vw, 20px);\r\n          color: var(--text-light);\r\n      }\r\n  \r\n      .empty-state-icon {\r\n          font-size: clamp(3rem, 8vw, 5rem);\r\n          margin-bottom: clamp(15px, 3vw, 25px);\r\n          opacity: 0.6;\r\n          animation: followerBounce 2s ease-in-out infinite;\r\n      }\r\n  \r\n      .empty-state-text {\r\n          font-size: clamp(0.9rem, 2.5vw, 1.2rem);\r\n          font-weight: 600;\r\n      }\r\n  \r\n      .floating-hearts {\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      }\r\n  \r\n      .heart {\r\n          position: absolute;\r\n          color: var(--primary-color);\r\n          font-size: clamp(12px, 3vw, 20px);\r\n          animation: floatHeart 4s ease-in-out infinite;\r\n          opacity: 0;\r\n          pointer-events: none;\r\n      }\r\n  \r\n      @keyframes floatHeart {\r\n          0% {\r\n              opacity: 0;\r\n              transform: translateY(100vh) scale(0);\r\n          }\r\n  \r\n          10% {\r\n              opacity: 1;\r\n              transform: translateY(90vh) scale(1);\r\n          }\r\n  \r\n          90% {\r\n              opacity: 1;\r\n              transform: translateY(10vh) scale(1);\r\n          }\r\n  \r\n          100% {\r\n              opacity: 0;\r\n              transform: translateY(0vh) scale(0);\r\n          }\r\n      }\r\n\t\t\r\n\t\t.tfv-hero-section h1 {\r\n\tfont-size: 3.5rem;\r\n\tfont-weight: 700;\r\n\tmargin-bottom: 1.5rem;\r\n\tcolor: var(--tfv-dark-color);\r\n\ttext-align: center;\r\n}\r\n  \r\n      \/* Extra Small Devices (phones, 320px and down) *\/\r\n      @media (max-width: 320px) {\r\n          .container {\r\n              padding: 10px;\r\n          }\r\n  \r\n          .logo {\r\n              font-size: 1.8rem;\r\n              flex-direction: column;\r\n          }\r\n  \r\n          .logo-icon {\r\n              font-size: 2rem;\r\n          }\r\n  \r\n          .input-group {\r\n              flex-direction: column;\r\n              gap: 10px;\r\n              width: 100%;\r\n          }\r\n  \r\n          .input-field {\r\n              width: 100% !important;\r\n              min-width: 100% !important;\r\n              flex: none !important;\r\n          }\r\n  \r\n          .btn {\r\n              width: 100%;\r\n              min-width: 100%;\r\n              flex: none;\r\n          }\r\n  \r\n          .profile-header {\r\n              flex-direction: column;\r\n              text-align: center;\r\n          }\r\n  \r\n          .stats-grid {\r\n              grid-template-columns: 1fr;\r\n              gap: 10px;\r\n          }\r\n  \r\n          .followers-grid {\r\n              grid-template-columns: 1fr;\r\n              gap: 8px;\r\n          }\r\n  \r\n          .follower-stats {\r\n              grid-template-columns: 1fr;\r\n          }\r\n      }\r\n  \r\n      \/* Small Devices (phones, 321px to 480px) *\/\r\n      @media (min-width: 321px) and (max-width: 480px) {\r\n  \r\n          .search-section,\r\n          .profile-section,\r\n          .followers-section {\r\n              padding: clamp(20px, 4vw, 30px);\r\n          }\r\n  \r\n          .input-group {\r\n              flex-direction: column;\r\n              gap: 15px;\r\n              width: 100%;\r\n          }\r\n  \r\n          .input-field {\r\n              width: 100% !important;\r\n              min-width: 100% !important;\r\n              flex: none !important;\r\n          }\r\n  \r\n          .btn {\r\n              width: 100%;\r\n              min-width: 100%;\r\n              flex: none;\r\n          }\r\n  \r\n          .stats-grid {\r\n              grid-template-columns: repeat(2, 1fr);\r\n              gap: 12px;\r\n          }\r\n  \r\n          .followers-grid {\r\n              grid-template-columns: repeat(2, 1fr);\r\n              gap: 10px;\r\n          }\r\n  \r\n          .follower-stats {\r\n              grid-template-columns: repeat(2, 1fr);\r\n          }\r\n      }\r\n  \r\n      \/* Medium Devices (tablets, 481px to 768px) *\/\r\n      @media (min-width: 481px) and (max-width: 768px) {\r\n          .container {\r\n              padding: clamp(15px, 3vw, 25px);\r\n          }\r\n  \r\n          .input-group {\r\n              flex-direction: column;\r\n              gap: 15px;\r\n              width: 100%;\r\n          }\r\n  \r\n          .input-field {\r\n              width: 100% !important;\r\n              min-width: 100% !important;\r\n              flex: none !important;\r\n          }\r\n  \r\n          .btn {\r\n              width: 100%;\r\n              min-width: 100%;\r\n              flex: none;\r\n          }\r\n  \r\n          .profile-header {\r\n              flex-direction: column;\r\n              text-align: center;\r\n          }\r\n  \r\n          .stats-grid {\r\n              grid-template-columns: repeat(2, 1fr);\r\n          }\r\n  \r\n          .followers-grid {\r\n              grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n          }\r\n      }\r\n  \r\n      \/* Large Devices (desktops, 769px to 1024px) *\/\r\n      @media (min-width: 769px) and (max-width: 1024px) {\r\n          .input-group {\r\n              flex-direction: row;\r\n              gap: clamp(10px, 2vw, 20px);\r\n          }\r\n  \r\n          .input-field {\r\n              flex: 1 !important;\r\n              min-width: min(300px, 100%) !important;\r\n              width: auto !important;\r\n          }\r\n  \r\n          .btn {\r\n              min-width: min(200px, 100%);\r\n              width: auto;\r\n              flex-shrink: 0;\r\n          }\r\n  \r\n          .followers-grid {\r\n              grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n          }\r\n      }\r\n  \r\n      \/* Extra Large Devices (large desktops, 1025px and up) *\/\r\n      @media (min-width: 1025px) {\r\n          .input-group {\r\n              flex-direction: row;\r\n              gap: clamp(10px, 2vw, 20px);\r\n          }\r\n  \r\n          .input-field {\r\n              flex: 1 !important;\r\n              min-width: min(300px, 100%) !important;\r\n              width: auto !important;\r\n          }\r\n  \r\n          .btn {\r\n              min-width: min(200px, 100%);\r\n              width: auto;\r\n              flex-shrink: 0;\r\n          }\r\n  \r\n          .followers-grid {\r\n              grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n          }\r\n      }\r\n  \r\n      \/* Landscape orientation adjustments *\/\r\n      @media (orientation: landscape) and (max-height: 600px) {\r\n          .header {\r\n              margin-bottom: 20px;\r\n          }\r\n  \r\n          .logo {\r\n              font-size: 2rem;\r\n          }\r\n  \r\n          .logo-icon {\r\n              font-size: 2.5rem;\r\n          }\r\n  \r\n          .subtitle {\r\n              font-size: 0.9rem;\r\n          }\r\n  \r\n          .search-section,\r\n          .profile-section,\r\n          .followers-section {\r\n              padding: 20px;\r\n              margin-bottom: 20px;\r\n          }\r\n      }\r\n  \r\n      \/* High DPI displays *\/\r\n      @media (-webkit-min-device-pixel-ratio: 2),\r\n      (min-resolution: 192dpi) {\r\n  \r\n          .profile-avatar,\r\n          .follower-avatar {\r\n              image-rendering: -webkit-optimize-contrast;\r\n              image-rendering: crisp-edges;\r\n          }\r\n      }\r\n  \r\n      \/* Reduced motion preferences *\/\r\n      @media (prefers-reduced-motion: reduce) {\r\n  \r\n          *,\r\n          *::before,\r\n          *::after {\r\n              animation-duration: 0.01ms !important;\r\n              animation-iteration-count: 1 !important;\r\n              transition-duration: 0.01ms !important;\r\n          }\r\n  \r\n          .floating-hearts {\r\n              display: none;\r\n          }\r\n      }\r\n  \r\n      \/* Dark mode support (keeping light theme consistent) *\/\r\n      @media (prefers-color-scheme: dark) {\r\n  \r\n          \/* Force light theme colors *\/\r\n          body {\r\n              background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 25%, var(--secondary-color) 50%, var(--tertiary-color) 75%, var(--quaternary-color) 100%);\r\n              color: var(--text-dark);\r\n          }\r\n  \r\n          .search-section,\r\n          .profile-section,\r\n          .followers-section {\r\n              background: var(--white-transparent);\r\n              color: var(--text-dark);\r\n          }\r\n  \r\n          .follower-card {\r\n              background: var(--white);\r\n              color: var(--text-dark);\r\n          }\r\n      }\r\n  \r\n      \/* Print styles *\/\r\n      @media print {\r\n  \r\n          .floating-hearts,\r\n          .btn,\r\n          .loading {\r\n              display: none !important;\r\n          }\r\n  \r\n          body {\r\n              background: white !important;\r\n              color: black !important;\r\n          }\r\n  \r\n          .search-section,\r\n          .profile-section,\r\n          .followers-section {\r\n              background: white !important;\r\n              box-shadow: none !important;\r\n              border: 1px solid #ccc !important;\r\n          }\r\n      }\r\n  \r\n      \/* Focus styles for accessibility *\/\r\n      .btn:focus {\r\n          outline: none;\r\n      }\r\n\r\n      .input-field:focus {\r\n          outline: none !important;\r\n      }\r\n  \r\n      .btn:focus-visible {\r\n          outline: 2px solid var(--primary-color);\r\n          outline-offset: 2px;\r\n      }\r\n\r\n      .input-field:focus-visible {\r\n          outline: 2px solid var(--primary-color) !important;\r\n          outline-offset: 2px !important;\r\n      }\r\n  \r\n      \/* Touch device optimizations *\/\r\n      @media (hover: none) and (pointer: coarse) {\r\n  \r\n          .btn:hover,\r\n          .stat-card:hover,\r\n          .follower-card:hover,\r\n          .follower-stat:hover {\r\n              transform: none;\r\n          }\r\n  \r\n          .btn:active,\r\n          .stat-card:active,\r\n          .follower-card:active,\r\n          .follower-stat:active {\r\n              transform: scale(0.98);\r\n          }\r\n      }\r\n  <\/style>\r\n  <\/head><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     <!-- Hero Section -->\r\n     <section class=\"tfv-hero-section\">\r\n      <div class=\"container\">\r\n          <div class=\"tfv-hero-content\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\r\n              <h1><span class=\"logo-accent\">T<\/span>iktok <span class=\"logo-accent\">S<\/span>tats Viewer<\/h1>\r\n              <p>Easily explore TikTok follower insights without logging in. Our tool helps you anonymously view follower counts and profiles with a user-friendly and secure experience.<\/p>\r\n          <\/div>\r\n          <div class=\"row\">\r\n              <div class=\"floating-hearts\" id=\"floatingHearts\"><div class=\"heart\" style=\"left: 6.88441%; animation-delay: 1.70276s; animation-duration: 4.87078s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 87.2117%; animation-delay: 0.171252s; animation-duration: 3.56934s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 7.50157%; animation-delay: 0.179107s; animation-duration: 4.511s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 99.3876%; animation-delay: 1.00107s; animation-duration: 3.0233s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 8.66326%; animation-delay: 1.51105s; animation-duration: 3.35339s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 98.4345%; animation-delay: 1.18044s; animation-duration: 3.4973s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 6.88323%; animation-delay: 0.804471s; animation-duration: 3.28108s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 98.8958%; animation-delay: 1.6528s; animation-duration: 4.03194s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 13.7587%; animation-delay: 0.209s; animation-duration: 3.93379s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 99.1245%; animation-delay: 1.62572s; animation-duration: 4.73829s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 4.85108%; animation-delay: 0.335024s; animation-duration: 3.15727s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 97.8203%; animation-delay: 0.764178s; animation-duration: 4.27547s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 2.39583%; animation-delay: 0.669436s; animation-duration: 3.02792s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 88.2357%; animation-delay: 0.824893s; animation-duration: 4.35726s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 7.06277%; animation-delay: 1.61919s; animation-duration: 4.61556s;\">\u2764\ufe0f<\/div><div class=\"heart\" style=\"left: 86.7212%; animation-delay: 1.84268s; animation-duration: 4.19617s;\">\u2764\ufe0f<\/div><\/div>\r\n     \r\n          <!-- <div class=\"header\">\r\n              <div class=\"logo\">\r\n                  <span class=\"logo-icon\">\ud83d\udc65<\/span>\r\n                  <span>Tiktok Followers Viewer<\/span>\r\n              <\/div>\r\n              <div class=\"subtitle\">Professional TikTok Profile & Follower Analysis Platform<\/div>\r\n          <\/div> -->\r\n  \r\n          <div class=\"search-section\">\r\n              <div class=\"input-group\">\r\n                  <input type=\"text\" id=\"profileInput\" class=\"input-field\" placeholder=\"Enter TikTok profile URL or username (e.g., https:\/\/www.tiktok.com\/@username or @username)\">\r\n                  <button onclick=\"searchProfile()\" class=\"btn\" id=\"searchBtn\">\r\n                      \ud83d\udd0d Analyze Profile\r\n                  <\/button>\r\n                  <button id=\"searchAnotherBtn\" class=\"btn\" style=\"display:none;gap:8px;align-items:center;justify-content:center;\" onclick=\"resetSearch()\">\r\n                      <span style=\"font-size:1.2em;\">\ud83d\udd04<\/span> Search Another\r\n                  <\/button>\r\n              <\/div>\r\n  \r\n              <div class=\"loading\" id=\"loading\">\r\n                  <div class=\"spinner\"><\/div>\r\n                  <div class=\"loading-text\" id=\"loadingText\">Fetching profile data...<\/div>\r\n              <\/div>\r\n  \r\n              <div class=\"error-message\" id=\"errorMessage\"><\/div>\r\n              <div class=\"success-message\" id=\"successMessage\"><\/div>\r\n          <\/div>\r\n  \r\n          <div class=\"profile-section\" id=\"profileSection\">\r\n              <div class=\"profile-header\">\r\n                  <img decoding=\"async\" id=\"profileAvatar\" class=\"profile-avatar\" src=\"\/placeholder.svg\" alt=\"Profile Avatar\">\r\n                  <div class=\"profile-info\">\r\n                      <h2 id=\"profileName\"><\/h2>\r\n                      <p id=\"profileUsername\"><\/p>\r\n                      <p id=\"profileBio\"><\/p>\r\n                  <\/div>\r\n              <\/div>\r\n  \r\n              <div class=\"stats-grid\">\r\n                  <div class=\"stat-card\">\r\n                      <span class=\"stat-number\" id=\"followersCount\">0<\/span>\r\n                      <span class=\"stat-label\">Followers<\/span>\r\n                  <\/div>\r\n                  <div class=\"stat-card\">\r\n                      <span class=\"stat-number\" id=\"followingCount\">0<\/span>\r\n                      <span class=\"stat-label\">Following<\/span>\r\n                  <\/div>\r\n                  <div class=\"stat-card\">\r\n                      <span class=\"stat-number\" id=\"heartsCount\">0<\/span>\r\n                      <span class=\"stat-label\">Hearts<\/span>\r\n                  <\/div>\r\n                  <div class=\"stat-card\">\r\n                      <span class=\"stat-number\" id=\"videosCount\">0<\/span>\r\n                      <span class=\"stat-label\">Videos<\/span>\r\n                  <\/div>\r\n              <\/div>\r\n          <\/div>\r\n  \r\n          <div class=\"followers-section\" id=\"followersSection\">\r\n              <h2 class=\"section-title\">\ud83d\udc65 Followers Analysis<\/h2>\r\n              <div class=\"loading\" id=\"followersLoading\">\r\n                  <div class=\"spinner\"><\/div>\r\n                  <div class=\"loading-text\">Loading followers data...<\/div>\r\n              <\/div>\r\n              <div class=\"followers-grid\" id=\"followersGrid\"><\/div>\r\n          <\/div>\r\n          <\/div>\r\n      <\/div>\r\n  <\/section>\r\n  \r\n  <!-- Work Process Section -->\r\n  <section class=\"tfv-work-process-section\" id=\"how-it-works\">\r\n      <div class=\"container tfv-work-process-content\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"tfv-section-title tfv-light-title\">How Our TikTok Stats Viewer Works<\/h2>\r\n              <p class=\"tfv-section-subtitle tfv-light-subtitle\">View TikTok statistics anonymously in just 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=\"tfv-process-step\">\r\n                      <div class=\"tfv-step-number\">1<\/div>\r\n                      <h4 class=\"text-white\">Enter Username or URL<\/h4>\r\n                      <p class=\"tfv-light-subtitle\">Enter the TikTok username or content URL to view its stats<\/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=\"tfv-process-step\">\r\n                      <div class=\"tfv-step-number\">2<\/div>\r\n                      <h4 class=\"text-white\">Process Request<\/h4>\r\n                      <p class=\"tfv-light-subtitle\">Our system retrieves stats data without revealing your identity<\/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=\"tfv-process-step\">\r\n                      <div class=\"tfv-step-number\">3<\/div>\r\n                      <h4 class=\"text-white\">View Statistics<\/h4>\r\n                      <p class=\"tfv-light-subtitle\">See detailed analytics without leaving any trace<\/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=\"tfv-features-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"tfv-section-title\">Key Features<\/h2>\r\n              <p class=\"tfv-section-subtitle\">Our TikTok Stats Viewer offers powerful features for anonymous analytics<\/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=\"tfv-feature-card\">\r\n                      <div class=\"tfv-feature-icon\">\r\n                          <i class=\"bx bx-user-check\"><\/i>\r\n                      <\/div>\r\n                      <h4>100% Anonymous<\/h4>\r\n                      <p>View stats without leaving any trace or alerting the account owner<\/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=\"tfv-feature-card\">\r\n                      <div class=\"tfv-feature-icon\">\r\n                          <i class=\"bx bx-line-chart\"><\/i>\r\n                      <\/div>\r\n                      <h4>Comprehensive Stats<\/h4>\r\n                      <p>Access detailed analytics on followers, engagement, and video performance<\/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=\"tfv-feature-card\">\r\n                      <div class=\"tfv-feature-icon\">\r\n                          <i class=\"bx bx-timer\"><\/i>\r\n                      <\/div>\r\n                      <h4>Real-time Data<\/h4>\r\n                      <p>Get the most up-to-date statistics for profiles and videos<\/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=\"tfv-feature-card\">\r\n                      <div class=\"tfv-feature-icon\">\r\n                          <i class=\"bx bx-devices\"><\/i>\r\n                      <\/div>\r\n                      <h4>Works on All Devices<\/h4>\r\n                      <p>Use our TikTok Stats Viewer on desktop, tablet, or mobile without issues<\/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=\"tfv-feature-card\">\r\n                      <div class=\"tfv-feature-icon\">\r\n                          <i class=\"bx bx-shield\"><\/i>\r\n                      <\/div>\r\n                      <h4>No Login Required<\/h4>\r\n                      <p>Access public TikTok stats without an account<\/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=\"tfv-feature-card\">\r\n                      <div class=\"tfv-feature-icon\">\r\n                          <i class=\"bx bx-time-five\"><\/i>\r\n                      <\/div>\r\n                      <h4>Instant Processing<\/h4>\r\n                      <p>Get access to stats data immediately without waiting<\/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=\"tfv-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=\"tfv-why-choose-image tfv-floating-element\">\r\n                      <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Tiktok_Stats_Viewer.webp\" alt=\"TikTok Stats 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=\"tfv-section-title mb-4\">Why Choose Our TikTok Stats Viewer?<\/h2>\r\n                  <p class=\"mb-4\">Our tool provides a reliable and secure way to view TikTok statistics anonymously, prioritizing your privacy with comprehensive access to analytics data.<\/p>\r\n                  \r\n                  <div class=\"tfv-benefit-item\">\r\n                      <div class=\"tfv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Completely undetectable<\/h5>\r\n                          <p class=\"mb-0\">No traces left when viewing stats<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"tfv-benefit-item\">\r\n                      <div class=\"tfv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">No registration needed<\/h5>\r\n                          <p class=\"mb-0\">Start viewing stats immediately<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"tfv-benefit-item\">\r\n                      <div class=\"tfv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Detailed analytics<\/h5>\r\n                          <p class=\"mb-0\">Get insights into profile and video performance<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"tfv-benefit-item\">\r\n                      <div class=\"tfv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Fast processing<\/h5>\r\n                          <p class=\"mb-0\">Get instant access to public stats<\/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=\"tfv-faq-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"tfv-section-title\">Frequently Asked Questions<\/h2>\r\n              <p class=\"tfv-section-subtitle\">Find answers to common questions about our TikTok Stats 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=\"tfv-faqAccordion\">\r\n                      <div class=\"tfv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                          <h3 class=\"accordion-header\" id=\"tfv-heading1\">\r\n                              <button class=\"tfv-accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#tfv-collapse1\" aria-expanded=\"true\" aria-controls=\"tfv-collapse1\">\r\n                                  Is it legal to use this TikTok Stats Viewer?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"tfv-collapse1\" class=\"accordion-collapse collapse show\" aria-labelledby=\"tfv-heading1\" data-bs-parent=\"#tfv-faqAccordion\">\r\n                              <div class=\"tfv-accordion-body\">\r\n                                  Yes, our tool is completely legal to use. It only allows you to view publicly available TikTok statistics. We don't access private accounts or bypass any security measures - we simply display data that is already publicly accessible on TikTok.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"tfv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                          <h3 class=\"accordion-header\" id=\"tfv-heading2\">\r\n                              <button class=\"tfv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#tfv-collapse2\" aria-expanded=\"false\" aria-controls=\"tfv-collapse2\">\r\n                                  Can I view private TikTok account stats?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"tfv-collapse2\" class=\"accordion-collapse collapse\" aria-labelledby=\"tfv-heading2\" data-bs-parent=\"#tfv-faqAccordion\">\r\n                              <div class=\"tfv-accordion-body\">\r\n                                  No, our TikTok Stats Viewer respects TikTok's privacy settings. We can only display statistics from accounts or content that are set to public. Private data cannot be accessed.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"tfv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                          <h3 class=\"accordion-header\" id=\"tfv-heading3\">\r\n                              <button class=\"tfv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#tfv-collapse3\" aria-expanded=\"false\" aria-controls=\"tfv-collapse3\">\r\n                                  Will TikTok know I viewed the stats?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"tfv-collapse3\" class=\"accordion-collapse collapse\" aria-labelledby=\"tfv-heading3\" data-bs-parent=\"#tfv-faqAccordion\">\r\n                              <div class=\"tfv-accordion-body\">\r\n                                  No, all viewing is completely anonymous. When you use our TikTok Stats Viewer, TikTok doesn't register that you've viewed the stats. The account owner won't know you accessed their data.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"tfv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                          <h3 class=\"accordion-header\" id=\"tfv-heading4\">\r\n                              <button class=\"tfv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#tfv-collapse4\" aria-expanded=\"false\" aria-controls=\"tfv-collapse4\">\r\n                                  Do I need to install software to use this?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"tfv-collapse4\" class=\"accordion-collapse collapse\" aria-labelledby=\"tfv-heading4\" data-bs-parent=\"#tfv-faqAccordion\">\r\n                              <div class=\"tfv-accordion-body\">\r\n                                  No, our TikTok Stats Viewer is completely web-based. You don't need to download or install any software. Simply visit our website, enter the username or URL, and view the stats directly in your browser.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"tfv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                          <h3 class=\"accordion-header\" id=\"tfv-heading5\">\r\n                              <button class=\"tfv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#tfv-collapse5\" aria-expanded=\"false\" aria-controls=\"tfv-collapse5\">\r\n                                  What kind of stats can I view with this tool?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"tfv-collapse5\" class=\"accordion-collapse collapse\" aria-labelledby=\"tfv-heading5\" data-bs-parent=\"#tfv-faqAccordion\">\r\n                              <div class=\"tfv-accordion-body\">\r\n                                  Our TikTok Stats Viewer shows all publicly available statistics, including follower counts, engagement rates, video views, likes, comments, and shares. Private information is not accessible.\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   <!-- Tiktak follower 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 currentUserId = null;\r\n      let currentProfile = null;\r\n  \r\n      \/\/ Create floating hearts animation only on sides\r\n      function createFloatingHearts() {\r\n          const heartsContainer = document.getElementById('floatingHearts');\r\n  \r\n          setInterval(() => {\r\n              \/\/ Create heart on left side\r\n              const heartLeft = document.createElement('div');\r\n              heartLeft.className = 'heart';\r\n              heartLeft.innerHTML = '\u2764\ufe0f';\r\n              heartLeft.style.left = Math.random() * 15 + '%';\r\n              heartLeft.style.animationDelay = Math.random() * 2 + 's';\r\n              heartLeft.style.animationDuration = (Math.random() * 2 + 3) + 's';\r\n              heartsContainer.appendChild(heartLeft);\r\n  \r\n              \/\/ Create heart on right side\r\n              const heartRight = document.createElement('div');\r\n              heartRight.className = 'heart';\r\n              heartRight.innerHTML = '\u2764\ufe0f';\r\n              heartRight.style.left = (85 + Math.random() * 15) + '%';\r\n              heartRight.style.animationDelay = Math.random() * 2 + 's';\r\n              heartRight.style.animationDuration = (Math.random() * 2 + 3) + 's';\r\n              heartsContainer.appendChild(heartRight);\r\n  \r\n              setTimeout(() => {\r\n                  heartLeft.remove();\r\n                  heartRight.remove();\r\n              }, 5000);\r\n          }, 4000);\r\n      }\r\n  \r\n      function showError(message) {\r\n          const errorDiv = document.getElementById('errorMessage');\r\n          errorDiv.textContent = message;\r\n          errorDiv.style.display = 'block';\r\n          setTimeout(() => {\r\n              errorDiv.style.display = 'none';\r\n          }, 5000);\r\n      }\r\n  \r\n      function showSuccess(message) {\r\n          const successDiv = document.getElementById('successMessage');\r\n          successDiv.textContent = message;\r\n          successDiv.style.display = 'block';\r\n          setTimeout(() => {\r\n              successDiv.style.display = 'none';\r\n          }, 3000);\r\n      }\r\n  \r\n      function formatNumber(num) {\r\n          if (num >= 1000000) {\r\n              return (num \/ 1000000).toFixed(1) + 'M';\r\n          } else if (num >= 1000) {\r\n              return (num \/ 1000).toFixed(1) + 'K';\r\n          }\r\n          return num.toString();\r\n      }\r\n  \r\n      async function searchProfile() {\r\n          const profileInput = document.getElementById('profileInput').value.trim();\r\n  \r\n          if (!profileInput) {\r\n              showError('Please enter a TikTok username or profile URL');\r\n              return;\r\n          }\r\n  \r\n          \/\/ Handle TikTok URLs and extract username\r\n          let username = profileInput;\r\n  \r\n          \/\/ Check if it's a TikTok URL\r\n          if (profileInput.includes('tiktok.com')) {\r\n              \/\/ Extract username from URL\r\n              const urlMatch = profileInput.match(\/tiktok\\.com\\\/@([^\\\/\\?]+)\/);\r\n              if (urlMatch) {\r\n                  username = '@' + urlMatch[1];\r\n              } else {\r\n                  showError('Invalid TikTok URL format');\r\n                  return;\r\n              }\r\n          } else {\r\n              \/\/ If it's not a URL, ensure it has @ prefix\r\n              if (!username.startsWith('@')) {\r\n                  username = '@' + username;\r\n              }\r\n          }\r\n  \r\n          \/\/ Remove @ symbol for API call\r\n          username = username.replace('@', '');\r\n  \r\n          \/\/ Show loading\r\n          document.getElementById('loading').style.display = 'block';\r\n          document.getElementById('loadingText').textContent = 'Fetching profile data...';\r\n          document.getElementById('searchBtn').disabled = true;\r\n          document.getElementById('profileSection').style.display = 'none';\r\n          document.getElementById('followersSection').style.display = 'none';\r\n  \r\n          try {\r\n              \/\/ First, fetch profile details\r\n              const profileResponse = await fetch('https:\/\/tools.xrespond.com\/api\/tiktok\/profile\/details', {\r\n                  method: 'POST',\r\n                  headers: {\r\n                      'Content-Type': 'application\/json',\r\n                  },\r\n                  body: JSON.stringify({\r\n                      profile: username\r\n                  })\r\n              });\r\n  \r\n              const profileData = await profileResponse.json();\r\n  \r\n              if (profileData.status === 'success' && profileData.data.code === 0) {\r\n                  currentProfile = profileData.data.data;\r\n                  currentUserId = profileData.data.data.user.id;\r\n                  displayProfile(profileData.data.data);\r\n                  showSuccess('Profile loaded successfully!');\r\n  \r\n                  \/\/ Automatically fetch followers using the user ID\r\n                  await fetchFollowers();\r\n              } else {\r\n                  showError('Profile not found or API error occurred');\r\n              }\r\n          } catch (error) {\r\n              console.error('Error:', error);\r\n              showError('Failed to fetch profile. Please try again.');\r\n          } finally {\r\n              document.getElementById('loading').style.display = 'none';\r\n              document.getElementById('searchBtn').disabled = false;\r\n          }\r\n      }\r\n  \r\n      function displayProfile(profileData) {\r\n          const user = profileData.user;\r\n          const stats = profileData.stats;\r\n  \r\n          document.getElementById('profileAvatar').src = user.avatarLarger || user.avatarMedium || user.avatarThumb || '\/placeholder.svg?height=120&width=120';\r\n          document.getElementById('profileName').textContent = user.nickname;\r\n          document.getElementById('profileUsername').textContent = '@' + user.uniqueId;\r\n          document.getElementById('profileBio').textContent = user.signature || 'No bio available';\r\n  \r\n          document.getElementById('followersCount').textContent = formatNumber(stats.followerCount);\r\n          document.getElementById('followingCount').textContent = formatNumber(stats.followingCount);\r\n          document.getElementById('heartsCount').textContent = formatNumber(stats.heartCount);\r\n          document.getElementById('videosCount').textContent = formatNumber(stats.videoCount);\r\n  \r\n          document.getElementById('profileSection').style.display = 'block';\r\n          document.getElementById('searchAnotherBtn').style.display = 'flex';\r\n      }\r\n  \r\n      function resetSearch() {\r\n          \/\/ Reset all state\r\n          currentUserId = null;\r\n          currentProfile = null;\r\n          \/\/ Hide sections\r\n          document.getElementById('profileSection').style.display = 'none';\r\n          document.getElementById('followersSection').style.display = 'none';\r\n          \/\/ Clear input\r\n          document.getElementById('profileInput').value = '';\r\n          \/\/ Hide messages\r\n          document.getElementById('errorMessage').style.display = 'none';\r\n          document.getElementById('successMessage').style.display = 'none';\r\n          \/\/ Hide search another button\r\n          document.getElementById('searchAnotherBtn').style.display = 'none';\r\n          \/\/ Focus input\r\n          document.getElementById('profileInput').focus();\r\n      }\r\n  \r\n      async function fetchFollowers() {\r\n          if (!currentUserId) {\r\n              showError('No profile selected');\r\n              return;\r\n          }\r\n  \r\n          document.getElementById('loadingText').textContent = 'Loading followers data...';\r\n          document.getElementById('followersLoading').style.display = 'block';\r\n          document.getElementById('followersGrid').innerHTML = '';\r\n          document.getElementById('followersSection').style.display = 'block';\r\n  \r\n          try {\r\n              const response = await fetch('https:\/\/tools.xrespond.com\/api\/tiktok\/profile\/followers', {\r\n                  method: 'POST',\r\n                  headers: {\r\n                      'Content-Type': 'application\/json',\r\n                  },\r\n                  body: JSON.stringify({\r\n                      profile: currentUserId\r\n                  })\r\n              });\r\n  \r\n              const data = await response.json();\r\n  \r\n              if (data.status === 'success' && data.data.code === 0) {\r\n                  displayFollowers(data.data.data.followers || []);\r\n                  showSuccess(`Loaded ${data.data.data.followers?.length || 0} followers!`);\r\n              } else {\r\n                  showError('Failed to fetch followers or no followers found');\r\n              }\r\n          } catch (error) {\r\n              console.error('Error:', error);\r\n              showError('Failed to fetch followers. Please try again.');\r\n          } finally {\r\n              document.getElementById('followersLoading').style.display = 'none';\r\n          }\r\n      }\r\n  \r\n      function displayFollowers(followers) {\r\n          const followersGrid = document.getElementById('followersGrid');\r\n  \r\n          if (!followers || followers.length === 0) {\r\n              followersGrid.innerHTML = `\r\n                  <div class=\"empty-state\" style=\"grid-column: 1\/-1;\">\r\n                      <div class=\"empty-state-icon\">\ud83d\udc65<\/div>\r\n                      <div class=\"empty-state-text\">No followers found or followers list is private<\/div>\r\n                  <\/div>\r\n              `;\r\n              return;\r\n          }\r\n  \r\n          followersGrid.innerHTML = followers.map((follower, index) => {\r\n              const avatarUrl = follower.avatar || follower.avatarThumb || follower.avatarMedium || '\/placeholder.svg?height=40&width=40';\r\n              const nickname = follower.nickname || 'Unknown User';\r\n              const uniqueId = follower.uniqueId || follower.unique_id || 'unknown';\r\n  \r\n              const followerCount = follower.follower_count || 0;\r\n              const followingCount = follower.following_count || 0;\r\n              const heartCount = follower.total_favorited || 0;\r\n              const videosCount = follower.aweme_count || 0;\r\n              const verified = follower.verified || false;\r\n  \r\n              return `\r\n                  <div class=\"follower-card\" style=\"animation-delay: ${index * 0.05}s\">\r\n                      <div class=\"follower-header\">\r\n                          <img decoding=\"async\" src=\"${avatarUrl}\" \r\n                               alt=\"${nickname}\" \r\n                               class=\"follower-avatar\" \r\n                               onerror=\"this.src='\/placeholder.svg?height=40&width=40'\" \/>\r\n                          <div class=\"follower-info\">\r\n                              <div class=\"follower-name\">\r\n                                  ${nickname}\r\n                                  ${verified ? '<span class=\"verified-badge\">\u2713<\/span>' : ''}\r\n                              <\/div>\r\n                              <div class=\"follower-username\">@${uniqueId}<\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      <div class=\"follower-stats\">\r\n                          <div class=\"follower-stat\">\r\n                              <span class=\"follower-stat-number\">${formatNumber(followerCount)}<\/span>\r\n                              <span class=\"follower-stat-label\">Followers<\/span>\r\n                          <\/div>\r\n                          <div class=\"follower-stat\">\r\n                              <span class=\"follower-stat-number\">${formatNumber(followingCount)}<\/span>\r\n                              <span class=\"follower-stat-label\">Following<\/span>\r\n                          <\/div>\r\n                          <div class=\"follower-stat\">\r\n                              <span class=\"follower-stat-number\">${formatNumber(heartCount)}<\/span>\r\n                              <span class=\"follower-stat-label\">Hearts<\/span>\r\n                          <\/div>\r\n                          <div class=\"follower-stat\">\r\n                              <span class=\"follower-stat-number\">${formatNumber(videosCount)}<\/span>\r\n                              <span class=\"follower-stat-label\">Videos<\/span>\r\n                          <\/div>\r\n                      <\/div>\r\n                  <\/div>\r\n              `;\r\n          }).join('');\r\n      }\r\n  \r\n      \/\/ Allow Enter key to trigger search\r\n      document.getElementById('profileInput').addEventListener('keypress', function (e) {\r\n          if (e.key === 'Enter') {\r\n              searchProfile();\r\n          }\r\n      });\r\n  \r\n      \/\/ Initialize floating hearts\r\n      document.addEventListener('DOMContentLoaded', function () {\r\n          createFloatingHearts();\r\n      });\r\n  <\/script>\r\n    <!-- Vvveb Common Js -->\r\n    <script id=\"popper-js\" src=\"..\/js\/popper.min.js\"><\/script>\r\n  \r\n    <!-- Vvveb Ajax Common Js -->\r\n    <script id=\"app-js\" src=\"..\/js\/app.js\"><\/script>\r\n  \r\n    <noscript>\r\n      <style type=\"text\/css\">\r\n        [data-aos] {\r\n          opacity: 1 !important;\r\n          transform: translate(0) scale(1) !important;\r\n        }\r\n      <\/style>\r\n    <\/noscript>\r\n\r\n    <!-- CDN AOS + Bootstrap before init (..\/js\/aos.js often missing \u2192 [data-aos] stays hidden) -->\r\n      <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n      <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n    <script>\r\n      if (typeof AOS !== 'undefined') {\r\n          AOS.init({\r\n              duration: 800,\r\n              easing: 'ease-in-out',\r\n              once: true\r\n          });\r\n      } else {\r\n          document.documentElement.classList.add('aos-fallback');\r\n      }\r\n\r\n      document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n          anchor.addEventListener('click', function (e) {\r\n              const id = this.getAttribute('href');\r\n              if (!id || id === '#') return;\r\n              const target = document.querySelector(id);\r\n              if (!target) return;\r\n              e.preventDefault();\r\n              target.scrollIntoView({ behavior: 'smooth' });\r\n          });\r\n      });\r\n  <\/script>\r\n    <script src=\"..\/js\/theme.js\"><\/script>\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":258,"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-385","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/385","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=385"}],"version-history":[{"count":4,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/385\/revisions"}],"predecessor-version":[{"id":620,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/385\/revisions\/620"}],"up":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/258"}],"wp:attachment":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/media?parent=385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}