{"id":5605,"date":"2026-06-02T09:06:26","date_gmt":"2026-06-02T09:06:26","guid":{"rendered":"https:\/\/viiewerr.com\/tiktok\/following-list\/"},"modified":"2026-06-27T10:18:23","modified_gmt":"2026-06-27T10:18:23","slug":"following-list","status":"publish","type":"page","link":"https:\/\/viiewerr.com\/tiktok\/following-list\/","title":{"rendered":"Tiktok Following List Viewer: Stats"},"content":{"rendered":"<style type=\"text\/css\">\n.tc-wp-island {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  display: flow-root;\n  isolation: isolate;\n  position: relative;\n}\n.tc-wp-island > * {\n  min-width: 0;\n}\n.tc-wp-island *,\n.tc-wp-island *::before,\n.tc-wp-island *::after {\n  box-sizing: border-box;\n}\n.tc-wp-island img,\n.tc-wp-island video,\n.tc-wp-island svg,\n.tc-wp-island iframe {\n  max-width: 100%;\n  height: auto;\n}\n.tc-wp-island .tc-wp-tool {\n  max-width: 100%;\n  min-width: 0;\n}\n.tc-wp-island .tc-wp-tool-html,\n.tc-wp-island .tc-wp-tool-content,\n.tc-wp-island .tc-wp-other {\n  max-width: 100%;\n  min-width: 0;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\/* Keep tool in post content flow \u2014 not overlapping theme header \/ hero band *\/\n.tc-wp-island {\n  clear: both;\n  z-index: 1;\n}\n.tc-wp-island .tc-wp-tool {\n  position: relative;\n  z-index: 0;\n  clear: both;\n  margin-top: 0;\n  margin-bottom: 1.25rem;\n}\n.tc-wp-island .tc-wp-tool-html {\n  position: relative;\n  z-index: 0;\n  clear: both;\n  contain: layout;\n}\n.tc-wp-island .tc-wp-tool-html > *:first-child {\n  position: relative !important;\n  top: auto !important;\n  left: auto !important;\n  right: auto !important;\n  margin-top: 0 !important;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n}\nbody:has(.tc-wp-island) #main-header,\nbody:has(.tc-wp-island) header.site-header,\nbody:has(.tc-wp-island) .site-header,\nbody:has(.tc-wp-island) #header,\nbody:has(.tc-wp-island) .et-fixed-header,\nbody:has(.tc-wp-island) .elementor-location-header {\n  z-index: 200;\n}\n\/* Space between WP Coder tool + content shortcodes on publish\/draft pages *\/\n.tc-wp-island .tc-wp-tool-html + .tc-wp-tool-content {\n  margin-top: 20px;\n}\n.tc-wp-island .tc-wp-bcd-codes {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\/* Full-width: hide theme sidebar when a ToolsChecker island is present *\/\nbody:has(.tc-wp-island) #sidebar,\nbody:has(.tc-wp-island) .sidebar,\nbody:has(.tc-wp-island) #secondary,\nbody:has(.tc-wp-island) .widget-area,\nbody:has(.tc-wp-island) aside.sidebar,\nbody:has(.tc-wp-island) #right-sidebar,\nbody:has(.tc-wp-island) #left-sidebar,\nbody:has(.tc-wp-island) .sidebar-primary,\nbody:has(.tc-wp-island) .sidebar-secondary,\nbody:has(.tc-wp-island) .ast-sidebar,\nbody:has(.tc-wp-island) .site-sidebar {\n  display: none !important;\n}\n\/* Copygen: hide default page title\/breadcrumb band \u2014 tool pages use template-homepage like category *\/\nbody:has(.tc-wp-island) section.page_header_default,\nbody:has(.tc-wp-island) .page_header_default {\n  display: none !important;\n}\n@media (min-width: 981px) {\n  body:has(.tc-wp-island) #left-area,\n  body:has(.tc-wp-island) #primary,\n  body:has(.tc-wp-island) #content-area,\n  body:has(.tc-wp-island) #content-area .container,\n  body:has(.tc-wp-island) .content-area,\n  body:has(.tc-wp-island) main.site-main,\n  body:has(.tc-wp-island) .site-content .content-area {\n    width: 100% !important;\n    max-width: 100% !important;\n    float: none !important;\n    padding-right: 0 !important;\n    padding-left: 0 !important;\n  }\n  body:has(.tc-wp-island) #main-content .container:before {\n    display: none !important;\n  }\n}\n\/* Tool pages: keep theme H1 readable \u2014 smaller type, full content width, 1\u20132 lines *\/\nbody:has(.tc-wp-island) .fontib-v2-hero-inner {\n  width: min(100%, calc(100vw - 40px)) !important;\n  max-width: 1320px !important;\n}\nbody:has(.tc-wp-island) .fontib-v2-title,\nbody:has(.tc-wp-island) #left-area > .entry-title,\nbody:has(.tc-wp-island) .entry-title h1,\nbody:has(.tc-wp-island) h1.entry-title,\nbody:has(.tc-wp-island) .page-title,\nbody:has(.tc-wp-island) .et_pb_title_container h1 {\n  max-width: 100% !important;\n  width: 100%;\n  font-size: clamp(24px, 2.6vw, 38px) !important;\n  line-height: 1.2 !important;\n  letter-spacing: -0.01em;\n}\n<\/style>\n<div class=\"tc-wp-island\">\n<section class=\"tc-wp-tool\" data-tool-index=\"1\">\n<div class=\"tc-wp-tool-html\"><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=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<style>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;\r\n}\r\n\r\n:root {\r\n    --primary: #2af0ea;\r\n    --primary-glow: rgba(42, 240, 234, 0.34);\r\n    --accent: #ff4fa3;\r\n    --accent-purple: #ff7a59;\r\n    --success: #10B981;\r\n    --error: #EF4444;\r\n    --white: #fff7fb;\r\n    --gray-100: #fdf2ff;\r\n    --gray-300: #d9c7ef;\r\n    --gray-500: #9f8dbd;\r\n    --gray-800: #2e2142;\r\n    --gray-900: #120917;\r\n    --glass-bg: rgba(22, 12, 32, 0.78);\r\n    --glass-border: rgba(122, 243, 238, 0.22);\r\n    --shadow-lg: 0 24px 56px rgba(8, 4, 18, 0.56);\r\n    --radius-md: 14px;\r\n    --radius-lg: 18px;\r\n    --radius-xl: 17px;\r\n    --transition: all 0.3s cubic-bezier(.23, 1.02, .67, 1.01);\r\n    --text-primary: #ffffff;\r\n    --text-secondary: #d9c7ef;\r\n    --text-muted: #9f8dbd;\r\n    --border-color: rgba(122, 243, 238, 0.22);\r\n}\r\n\r\n.tiktok_body {\r\n    position: relative;\r\n    z-index: 0;\r\n    min-height: 100vh;\r\n    background:\r\n        radial-gradient(circle at 10% 12%, rgba(42, 240, 234, 0.3), transparent 34%),\r\n        radial-gradient(circle at 88% 14%, rgba(255, 79, 163, 0.34), transparent 38%),\r\n        radial-gradient(circle at 80% 82%, rgba(255, 122, 89, 0.2), transparent 42%),\r\n        radial-gradient(circle at 18% 84%, rgba(143, 92, 255, 0.22), transparent 44%),\r\n        radial-gradient(circle at 52% 52%, rgba(255, 255, 255, 0.05), transparent 52%),\r\n        linear-gradient(136deg, #09040d 0%, #150819 20%, #2a1033 42%, #3b0f2f 60%, #4a1638 78%, #120918 100%);\r\n    background-size: 190% 190%, 180% 180%, 220% 220%, 210% 210%, 230% 230%, 240% 240%;\r\n    animation: tiktok-aurora 16s ease-in-out infinite;\r\n    color: var(--text-primary);\r\n    line-height: 1.6;\r\n    padding: 10px 10px;\r\n    overflow-x: hidden;\r\n    width: 100%;\r\n}\r\n\r\n.tiktok_body::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    z-index: -1;\r\n    background:\r\n        linear-gradient(160deg, rgba(4, 2, 10, 0.46), rgba(16, 8, 22, 0.22)),\r\n        radial-gradient(circle at 18% 18%, rgba(42, 240, 234, 0.08), transparent 52%),\r\n        radial-gradient(circle at 82% 76%, rgba(255, 79, 163, 0.08), transparent 48%),\r\n        radial-gradient(circle at 55% 56%, rgba(255, 122, 89, 0.06), transparent 54%);\r\n    opacity: 1;\r\n}\r\n\r\n@keyframes tiktok-aurora {\r\n    0% { background-position: 0% 50%, 100% 50%, 50% 0%; }\r\n    50% { background-position: 100% 50%, 0% 50%, 50% 100%; }\r\n    100% { background-position: 0% 50%, 100% 50%, 50% 0%; }\r\n}\r\n\r\n.container_tiktok {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 32px 16px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.header {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n    animation: fadeInDown 1s ease-out;\r\n}\r\n\r\n.logo-container {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 24px;\r\n    margin-bottom: 24px;\r\n    flex-direction: column;\r\n}\r\n\r\n.logo-icon {\r\n    font-size: clamp(2.5rem, 7vw, 4rem);\r\n    animation: pulse 2s ease-in-out infinite;\r\n    flex-shrink: 0;\r\n    filter: none;\r\n    text-shadow: 0 4px 20px rgba(42, 240, 234, 0.5);\r\n    opacity: 1;\r\n}\r\n\r\n.logo {\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    margin-bottom: clamp(10px, 2vw, 15px);\r\n}\r\n\r\n.logo h1.title {\r\n    font-size: clamp(1.6rem, 4vw, 2.5rem) !important;\r\n    font-weight: 900;\r\n    background: linear-gradient(135deg, #00f2ea 0%, #25f4ee 25%, #ff0050 75%, #ff4fa3 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n    letter-spacing: -2px;\r\n    font-family: 'Sora', sans-serif;\r\n    margin: 0;\r\n}\r\n\r\n.intro-text {\r\n    max-width: 700px;\r\n    margin: 0 auto 32px;\r\n    font-size: 16px;\r\n    color: var(--text-secondary);\r\n    line-height: 1.6;\r\n}\r\n\r\n@keyframes fadeInDown {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-40px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes pulse {\r\n    0%, 100% {\r\n        transform: scale(1);\r\n    }\r\n    50% {\r\n        transform: scale(1.05);\r\n    }\r\n}\r\n\r\n.search-section {\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(20px) saturate(145%) contrast(1.05);\r\n    -webkit-backdrop-filter: blur(20px) saturate(145%) contrast(1.05);\r\n    border: 2px solid var(--glass-border);\r\n    padding: clamp(24px, 5vw, 48px);\r\n    border-radius: var(--radius-xl);\r\n    box-shadow: var(--shadow-lg);\r\n    margin-bottom: 32px;\r\n    animation: fadeInUp 1s ease-out 0.2s both;\r\n}\r\n\r\n@keyframes fadeInUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.input-container {\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.search-input {\r\n    width: 100% !important;\r\n    padding: clamp(16px, 3vw, 20px) clamp(20px, 4vw, 24px)  !important;\r\n    border: 2px solid rgba(122, 243, 238, 0.18)  !important;\r\n    border-radius: var(--radius-lg)  !important;\r\n    font-size: clamp(14px, 2.5vw, 16px)  !important;\r\n    font-weight: 500  !important;\r\n    background: rgba(18, 9, 23, 0.68)  !important;\r\n    color: var(--text-primary)  !important;\r\n    transition: var(--transition)  !important;\r\n}\r\n\r\n.search-input:focus {\r\n    outline: none  !important;\r\n    border-color: rgba(110, 238, 232, 0.78)  !important;\r\n    background: rgba(22, 12, 32, 0.78)  !important;\r\n    box-shadow: 0 0 0 4px rgba(42, 240, 234, 0.14), 0 10px 24px rgba(18, 8, 28, 0.28)  !important;\r\n}\r\n\r\n.search-input::placeholder {\r\n    color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.search-box {\r\n    display: flex;\r\n    gap: 16px;\r\n    margin-bottom: 20px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.search-button {\r\n    flex: 1;\r\n    min-width: 200px;\r\n    padding: clamp(16px, 3vw, 20px) clamp(24px, 5vw, 32px);\r\n    background: linear-gradient(135deg, #00f2ea67 0%, #25f4ed52 25%, #ff0050 75%, #ff4fa3 100%);\r\n    color: white;\r\n    border: 1px solid rgba(122, 243, 238, 0.32);\r\n    border-radius: var(--radius-md);\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    position: relative;\r\n    overflow: hidden;\r\n    box-shadow: var(--shadow-lg), 0 0 20px rgba(42, 240, 234, 0.3);\r\n}\r\n\r\n.search-button::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.search-button:hover:not(:disabled)::before {\r\n    left: 100%;\r\n}\r\n\r\n.search-button:hover:not(:disabled) {\r\n    transform: translateY(-3px);\r\n    box-shadow: var(--shadow-lg), 0 0 30px rgba(42, 240, 234, 0.5);\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, #00f2ea67 0%, #25f4ed52 25%, #ff0050 75%, #ff4fa3 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(42, 240, 234, 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(254, 44, 85, 0.5), 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-light);\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(254, 44, 85, 0.2);\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(254, 44, 85, 0.3);\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: rgba(30, 30, 63, 0.8);\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(254, 44, 85, 0.2);\r\n            backdrop-filter: blur(20px);\r\n            -webkit-backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(254, 44, 85, 0.3);\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        .input-group {\r\n            display: flex !important;\r\n            gap: clamp(10px, 2vw, 20px) !important;\r\n            margin-bottom: clamp(20px, 3vw, 30px) !important;\r\n            flex-wrap: wrap !important;\r\n            align-items: center !important;\r\n            width: 100% !important;\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 rgba(122, 243, 238, 0.18) !important;\r\n            border-radius: var(--radius-lg) !important;\r\n            font-size: clamp(14px, 2.5vw, 16px) !important;\r\n            outline: none !important;\r\n            background: rgba(18, 9, 23, 0.68) !important;\r\n            color: var(--text-primary) !important;\r\n            transition: var(--transition) !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            outline: none !important;\r\n            border-color: rgba(110, 238, 232, 0.78) !important;\r\n            background: rgba(22, 12, 32, 0.78) !important;\r\n            box-shadow: 0 0 0 4px rgba(42, 240, 234, 0.14), 0 10px 24px rgba(18, 8, 28, 0.28) !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        .input-field::placeholder {\r\n            color: rgba(255, 255, 255, 0.5) !important;\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(254, 44, 85, 0.4), 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(254, 44, 85, 0.3), 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(254, 44, 85, 0.4), 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: rgba(30, 30, 63, 0.8);\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(254, 44, 85, 0.2);\r\n            backdrop-filter: blur(20px);\r\n            -webkit-backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(254, 44, 85, 0.3);\r\n        }\r\n\r\n        .section-title {\r\n            font-size: clamp(1.5rem, 4vw, 2.2rem);\r\n            color: var(--primary-color);\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: rgba(255, 255, 255, 0.9);\r\n            border: 1px solid var(--border-light);\r\n            border-radius: clamp(10px, 2vw, 15px);\r\n            padding: clamp(10px, 2vw, 15px);\r\n            box-shadow: 0 5px 15px var(--shadow-medium), 0 0 0 1px rgba(254, 44, 85, 0.2);\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-heavy), 0 0 0 1px rgba(254, 44, 85, 0.3);\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(254, 44, 85, 0.25);\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(254, 44, 85, 0.35);\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: #0f0f23;\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 var(--border-light);\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: rgba(254, 44, 85, 0.1);\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(254, 44, 85, 0.25);\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, var(--primary-color) 0%, var(--primary-light) 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(254, 44, 85, 0.3);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n\/*         .logo {\r\n\tfont-size: 44px;\r\n\tfont-weight: 800;\r\n\tcolor: #f3f1f5 !important;\r\n\ttext-shadow: 0 4px 20px rgba(254, 44, 85, 0.4);\r\n} *\/\r\n\r\n        .error-message {\r\n            background: linear-gradient(135deg, var(--error-bg) 0%, rgba(248, 113, 113, 0.3) 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 var(--error-color);\r\n            display: none;\r\n            font-weight: 600;\r\n            box-shadow: 0 8px 25px rgba(248, 113, 113, 0.2);\r\n        }\r\n\r\n        .success-message {\r\n            background: linear-gradient(135deg, var(--success-bg) 0%, rgba(52, 211, 153, 0.3) 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 var(--success-color);\r\n            display: none;\r\n            font-weight: 600;\r\n            box-shadow: 0 8px 25px rgba(52, 211, 153, 0.2);\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\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%;\r\n                min-width: 100%;\r\n                flex: none;\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            .followers-grid {\r\n                grid-template-columns: repeat(1, 1fr) !important;\r\n                gap: 10px !important;\r\n            }\r\n\r\n            .stats-grid {\r\n                grid-template-columns: repeat(1, 1fr);\r\n                gap: 12px;\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                flex-direction: column !important;\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%;\r\n                min-width: 100%;\r\n                flex: none;\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            .followers-grid {\r\n                grid-template-columns: repeat(1, 1fr) !important;\r\n                gap: 10px !important;\r\n            }\r\n\r\n            .stats-grid {\r\n                grid-template-columns: repeat(1, 1fr);\r\n                gap: 12px;\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                flex-direction: column !important;\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%;\r\n                min-width: 100%;\r\n                flex: none;\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            .followers-grid {\r\n                grid-template-columns: repeat(1, 1fr) !important;\r\n                gap: 10px !important;\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;\r\n                min-width: min(300px, 100%);\r\n                width: auto;\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            .followers-grid {\r\n                grid-template-columns: repeat(1, 1fr) !important;\r\n                gap: 10px !important;\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;\r\n                min-width: min(300px, 100%);\r\n                width: auto;\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            .followers-grid {\r\n                grid-template-columns: repeat(1, 1fr) !important;\r\n                gap: 10px !important;\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 dark theme consistent) *\/\r\n        @media (prefers-color-scheme: dark) {\r\n\r\n            \/* Force dark theme colors *\/\r\n            body {\r\n                background-color: #0f0f23;\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: rgba(30, 30, 63, 0.8);\r\n                color: var(--text-dark);\r\n            }\r\n\r\n            .follower-card {\r\n                background: rgba(255, 255, 255, 0.9);\r\n                color: #0f0f23;\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        .input-field:focus {\r\n            outline: none;\r\n        }\r\n\r\n        .btn:focus-visible,\r\n        .input-field:focus-visible {\r\n            outline: 2px solid var(--primary-color);\r\n            outline-offset: 2px;\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\r\n        @keyframes gradientShift {\r\n            0% {\r\n                background-position: 0% 50%;\r\n            }\r\n            50% {\r\n                background-position: 100% 50%;\r\n            }\r\n            100% {\r\n                background-position: 0% 50%;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"tiktok_body\">\r\n        <div class=\"floating-hearts\" id=\"floatingHearts\"><\/div>\r\n\r\n        <div class=\"container_tiktok\">\r\n            <div class=\"header\">\r\n                <div class=\"logo\">\r\n                    <span class=\"logo-icon\">\ud83d\udc65<\/span>\r\n                    <h1 class=\"title\" >TikTok Following List Viewer \u2013 See Who Users Follow<\/h1>\r\n                <\/div>\r\n                <div class=\"subtitle\">Professional TikTok Profile & Following 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\"\r\n                        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\"\r\n                        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 Following List<\/h2>\r\n                <div class=\"loading\" id=\"followersLoading\">\r\n                    <div class=\"spinner\"><\/div>\r\n                    <div class=\"loading-text\">Loading following data...<\/div>\r\n                <\/div>\r\n                <div class=\"followers-grid\" id=\"followersGrid\"><\/div>\r\n            <\/div>\r\n        <\/div>\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\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 following using the user ID\r\n                        await fetchFollowing();\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 fetchFollowing() {\r\n                if (!currentUserId) {\r\n                    showError('No profile selected');\r\n                    return;\r\n                }\r\n\r\n                document.getElementById('loadingText').textContent = 'Loading following 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\/following', {\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                        displayFollowing(data.data.data.following || []);\r\n                        showSuccess(`Loaded ${data.data.data.following?.length || 0} following!`);\r\n                    } else {\r\n                        showError('Failed to fetch following or following list is private');\r\n                    }\r\n                } catch (error) {\r\n                    console.error('Error:', error);\r\n                    showError('Failed to fetch following. Please try again.');\r\n                } finally {\r\n                    document.getElementById('followersLoading').style.display = 'none';\r\n                }\r\n            }\r\n\r\n            function displayFollowing(following) {\r\n                const followersGrid = document.getElementById('followersGrid');\r\n\r\n                if (!following || following.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 following found or following list is private<\/div>\r\n                        <\/div>\r\n                    `;\r\n                    return;\r\n                }\r\n\r\n                followersGrid.innerHTML = following.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    <\/div>\r\n<\/div>\n<div class=\"tc-wp-tool-content\"><div class=\"wpc-scope-145\">\n<div class=\"tc-wp-content-root\" data-tc-wp-scope=\"1\" style=\"max-width:100%;box-sizing:border-box;isolation:isolate;min-width:0;position:relative;\">\n<div class=\"tf\">\n<div class=\"tf-inner\">\n<div class=\"tf-hb\" style=\"margin-top: 4rem;\"><\/div>\n<\/div><section class=\"tf-sec tf-bg-wh\" aria-labelledby=\"tf-h1\">\n<div class=\"tf-inner\">\n<div class=\"tf-hb\">\n<h2 id=\"tf-h1\">How <span class=\"tf-gx\">TikTok Following List Viewer<\/span> Works<\/h2>\n<p>Explore any TikTok account's following list with powerful tools for social discovery and network analysis.<\/p>\n<\/div>\n<div class=\"tf-g3\" data-tf-grid=\"g1\">\n<article class=\"tf-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\"\/><line x1=\"10\" y1=\"10\" x2=\"14\" y2=\"10\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/><\/svg>\n<\/div>\n<h3>Following List<\/h3>\n<p>View who any TikTok account follows with a complete scrollable list of every followed profile displayed with full account details, making your overall experience on the platform smooth efficient and thoroughly enjoyable.<\/p>\n<\/article>\n<article class=\"tf-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n<\/div>\n<h3>Follow Search<\/h3>\n<p>Search within any following list instantly to find specific accounts by username or keyword saving time when analyzing network connections, giving you complete control and flexibility over every aspect of your content journey.<\/p>\n<\/article>\n<article class=\"tf-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"10\"\/><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"16\"\/><\/svg>\n<\/div>\n<h3>Follow Stats<\/h3>\n<p>See the total following count and activity metrics for any TikTok account in real time giving you insight into their network size, ensuring you get the maximum value and utility from every single visit you make.<\/p>\n<\/article>\n<article class=\"tf-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n<\/div>\n<h3>Follow Activity<\/h3>\n<p>Track which accounts a user follows over time and see when new follows are added monitoring network changes and interest shifts, so you can work smarter achieve more and stay productive throughout your sessions.<\/p>\n<\/article>\n<article class=\"tf-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polyline points=\"16 3 20 7 16 11\"\/><polyline points=\"8 21 4 17 8 13\"\/><line x1=\"20\" y1=\"7\" x2=\"4\" y2=\"7\"\/><line x1=\"4\" y1=\"17\" x2=\"20\" y2=\"17\"\/><\/svg>\n<\/div>\n<h3>Follow Sort<\/h3>\n<p>Sort the following list by most recent first or alphabetically to find accounts faster and analyze relationship patterns more efficiently, providing a seamless intuitive workflow that enhances your daily content management tasks.<\/p>\n<\/article>\n<article class=\"tf-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n<\/div>\n<h3>Follow Export<\/h3>\n<p>Export any following list as a CSV file for offline analysis and record keeping enabling thorough network research and documentation, making your overall experience on the platform smooth efficient and thoroughly enjoyable.<\/p>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"tf-sec tf-bg-ow\" aria-labelledby=\"tf-h2\">\n<div class=\"tf-inner\">\n<div class=\"tf-hb\">\n<h2 id=\"tf-h2\">Key Benefits of <span class=\"tf-gx\">TikTok Following List Viewer<\/span><\/h2>\n<p>Discover why thousands of users trust our following list viewer for comprehensive social media analytics every day.<\/p>\n<\/div>\n<div class=\"tf-g4\" data-tf-grid=\"g2\">\n<article class=\"tf-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>\n<\/div>\n<div class=\"tf-cb-body\">\n<h3>Full List<\/h3>\n<p>See the complete following list of any TikTok account from top to bottom without any page limits.<\/p>\n<\/div>\n<\/article>\n<article class=\"tf-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 9.9-1\"\/><\/svg>\n<\/div>\n<div class=\"tf-cb-body\">\n<h3>No Login<\/h3>\n<p>View following lists without logging into a TikTok account or signing up for any service.<\/p>\n<\/div>\n<\/article>\n<article class=\"tf-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 12c-2-2.67-4-4-6-4a4 4 0 0 0 0 8c2 0 4-1.33 6-4Zm0 0c2 2.67 4 4 6 4a4 4 0 0 0 0-8c-2 0-4 1.33-6 4Z\"\/><\/svg>\n<\/div>\n<div class=\"tf-cb-body\">\n<h3>Unlimited Access<\/h3>\n<p>Browse as many following lists as you want with zero restrictions or daily viewing caps.<\/p>\n<\/div>\n<\/article>\n<article class=\"tf-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polyline points=\"20 12 20 22 4 22 4 12\"\/><rect x=\"2\" y=\"7\" width=\"20\" height=\"5\"\/><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\"\/><path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\"\/><path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"\/><\/svg>\n<\/div>\n<div class=\"tf-cb-body\">\n<h3>Free Service<\/h3>\n<p>Every following list feature is completely free with no premium tiers or hidden charges.<\/p>\n<\/div>\n<\/article>\n<article class=\"tf-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10\"\/><\/svg>\n<\/div>\n<div class=\"tf-cb-body\">\n<h3>Quick Load<\/h3>\n<p>Following lists load instantly with optimized performance and zero waiting times.<\/p>\n<\/div>\n<\/article>\n<article class=\"tf-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n<\/div>\n<div class=\"tf-cb-body\">\n<h3>Any Account<\/h3>\n<p>Works with any public TikTok account whether it is a creator brand or casual user.<\/p>\n<\/div>\n<\/article>\n<article class=\"tf-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><polyline points=\"8 11 11 14 14 11\"\/><\/svg>\n<\/div>\n<div class=\"tf-cb-body\">\n<h3>Search Inside<\/h3>\n<p>Find specific accounts within a following list instantly using smart search and filters.<\/p>\n<\/div>\n<\/article>\n\n<article class=\"tf-cb\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\n<\/div>\n<div class=\"tf-cb-body\">\n<h3>Multi Device<\/h3>\n<p>Access the service seamlessly across desktop mobile and tablet devices without any restrictions.<\/p>\n<\/div>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"tf-sec tf-bg-wh\" aria-labelledby=\"tf-h3\">\n<div class=\"tf-inner\">\n<div class=\"tf-hb\">\n<h2 id=\"tf-h3\">Who Should Use <span class=\"tf-gx\">TikTok Following List Viewer<\/span><\/h2>\n<p>Explore real-world scenarios where our tool delivers the most value and impact for users like you.<\/p>\n<\/div>\n<div class=\"tf-g3\" data-tf-grid=\"g3\">\n<article class=\"tf-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/><\/svg>\n<\/div>\n<h3>Network Analysis<\/h3>\n<p>Analyze account connection networks to understand relationships and social graph structures on TikTok for comprehensive network research.<\/p>\n<\/article>\n<article class=\"tf-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n<\/div>\n<h3>Influence Map<\/h3>\n<p>Map out influence connections by seeing which creators and thought leaders accounts follow revealing authority structures and influence patterns.<\/p>\n<\/article>\n<article class=\"tf-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n<\/div>\n<h3>Interest Groups<\/h3>\n<p>Discover shared interests by analyzing what types of accounts users choose to follow identifying community clusters and topic affinities.<\/p>\n<\/article>\n<article class=\"tf-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n<\/div>\n<h3>Community Study<\/h3>\n<p>Understand community following patterns and how different audiences connect within niches revealing social dynamics and group structures.<\/p>\n<\/article>\n<article class=\"tf-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\n<\/div>\n<h3>Growth Tracking<\/h3>\n<p>Track following list growth over time to monitor account network expansion and trends providing insight into changing interests and relationships.<\/p>\n<\/article>\n<article class=\"tf-ca\" tabindex=\"0\" role=\"article\">\n<div class=\"tf-ico\">\n<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88\"\/><\/svg>\n<\/div>\n<h3>Niche Discovery<\/h3>\n<p>Find related accounts and discover new niches by exploring what similar profiles follow expanding your content discovery opportunities.<\/p>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n\n<\/div>\n<noscript><\/noscript>\n<\/div>\n<\/div><\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":5393,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-5605","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/comments?post=5605"}],"version-history":[{"count":1,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5605\/revisions"}],"predecessor-version":[{"id":5716,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5605\/revisions\/5716"}],"up":[{"embeddable":true,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5393"}],"wp:attachment":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/media?parent=5605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}