{"id":701,"date":"2011-05-20T18:49:43","date_gmt":"2011-05-21T01:49:43","guid":{"rendered":"https:\/\/wpthemetestdata.wordpress.com\/?page_id=701"},"modified":"2026-05-02T09:31:59","modified_gmt":"2026-05-02T09:31:59","slug":"home","status":"publish","type":"page","link":"https:\/\/gramiewer.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"701\" class=\"elementor elementor-701\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f956ee4 e-con-full e-flex e-con e-parent\" data-id=\"f956ee4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e63ab0c elementor-widget elementor-widget-shortcode\" data-id=\"e63ab0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\r\n        :root {\r\n            --insta-profile-home-primary: #9D45EF;\r\n            --insta-profile-home-secondary: #C08EF0;\r\n            --insta-profile-home-primary-light: #F3EAFC;\r\n            --insta-profile-home-primary-lighter: #FAF5FF;\r\n            --insta-profile-home-secondary-light: #EDE0FA;\r\n            --insta-profile-home-bg: #FFFFFF;\r\n            --insta-profile-home-bg-alt: #F9F7FC;\r\n            --insta-profile-home-bg-card: #FFFFFF;\r\n            --insta-profile-home-text: #1A1A2E;\r\n            --insta-profile-home-text-secondary: #5A5A7A;\r\n            --insta-profile-home-text-muted: #8B8BA3;\r\n            --insta-profile-home-border: #E8E4F0;\r\n            --insta-profile-home-shadow: 0 4px 24px rgba(157, 69, 239, 0.08);\r\n            --insta-profile-home-shadow-lg: 0 12px 48px rgba(157, 69, 239, 0.12);\r\n            --insta-profile-home-radius: 16px;\r\n            --insta-profile-home-radius-sm: 10px;\r\n            --insta-profile-home-radius-pill: 50px;\r\n        }\r\n\r\n        .insta-profile-home-section {\r\n            padding: 80px 0;\r\n        }\r\n\r\n        .insta-profile-home-container {\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Section Headings *\/\r\n        .insta-profile-home-section-label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: var(--insta-profile-home-primary-light);\r\n            color: var(--insta-profile-home-primary);\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            padding: 6px 16px;\r\n            border-radius: var(--insta-profile-home-radius-pill);\r\n            margin-bottom: 16px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .insta-profile-home-section-heading {\r\n            font-size: clamp(28px, 4vw, 42px);\r\n            font-weight: 800;\r\n            color: var(--insta-profile-home-text);\r\n            margin-bottom: 16px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .insta-profile-home-section-subheading {\r\n            font-size: 17px;\r\n            color: var(--insta-profile-home-text-secondary);\r\n            line-height: 1.7;\r\n            max-width: 620px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .insta-profile-home-section-subheading.centered {\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .insta-profile-home-text-center {\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Primary Button *\/\r\n        .insta-profile-home-btn-primary {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            background: linear-gradient(135deg, var(--insta-profile-home-primary), var(--insta-profile-home-secondary));\r\n            color: #fff;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            padding: 14px 32px;\r\n            border-radius: var(--insta-profile-home-radius-pill);\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            box-shadow: 0 4px 20px rgba(157, 69, 239, 0.3);\r\n        }\r\n\r\n        .insta-profile-home-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 32px rgba(157, 69, 239, 0.4);\r\n            color: #fff;\r\n        }\r\n\r\n        .insta-profile-home-btn-secondary {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            background: var(--insta-profile-home-bg);\r\n            color: var(--insta-profile-home-primary);\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            padding: 14px 32px;\r\n            border-radius: var(--insta-profile-home-radius-pill);\r\n            border: 2px solid var(--insta-profile-home-primary);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .insta-profile-home-btn-secondary:hover {\r\n            background: var(--insta-profile-home-primary-light);\r\n            color: var(--insta-profile-home-primary);\r\n        }\r\n\r\n        \/* ========== HERO SECTION ========== *\/\r\n        .insta-profile-home-hero {\r\n            padding: 100px 0 80px;\r\n            background: linear-gradient(180deg, var(--insta-profile-home-primary-lighter) 0%, var(--insta-profile-home-bg) 100%);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .insta-profile-home-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -200px;\r\n            right: -200px;\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(157, 69, 239, 0.08) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .insta-profile-home-hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -100px;\r\n            left: -100px;\r\n            width: 400px;\r\n            height: 400px;\r\n            background: radial-gradient(circle, rgba(192, 142, 240, 0.1) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .insta-profile-home-hero-search {\r\n            background: var(--insta-profile-home-bg);\r\n            border-radius: var(--insta-profile-home-radius-pill);\r\n            padding: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            box-shadow: var(--insta-profile-home-shadow-lg);\r\n            border: 1px solid var(--insta-profile-home-border);\r\n            max-width: 520px;\r\n        }\r\n\r\n        .insta-profile-home-hero-search input {\r\n            flex: 1;\r\n            border: none;\r\n            outline: none;\r\n            padding: 12px 20px;\r\n            font-size: 15px;\r\n            font-family: 'Inter', sans-serif;\r\n            background: transparent;\r\n            color: var(--insta-profile-home-text);\r\n        }\r\n\r\n        .insta-profile-home-hero-search input::placeholder {\r\n            color: var(--insta-profile-home-text-muted);\r\n        }\r\n\r\n        .insta-profile-home-hero-search .insta-profile-home-search-btn {\r\n            background: linear-gradient(135deg, var(--insta-profile-home-primary), var(--insta-profile-home-secondary));\r\n            color: #fff;\r\n            border: none;\r\n            padding: 12px 28px;\r\n            border-radius: var(--insta-profile-home-radius-pill);\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-family: 'Inter', sans-serif;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .insta-profile-home-hero-search .insta-profile-home-search-btn:hover {\r\n            box-shadow: 0 4px 16px rgba(157, 69, 239, 0.4);\r\n        }\r\n\r\n        .insta-profile-home-trust-badges {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n            margin-top: 28px;\r\n        }\r\n\r\n        .insta-profile-home-trust-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 13px;\r\n            color: var(--insta-profile-home-text-secondary);\r\n            font-weight: 500;\r\n        }\r\n\r\n        .insta-profile-home-trust-badge i {\r\n            color: var(--insta-profile-home-primary);\r\n            font-size: 14px;\r\n        }\r\n\r\n        .insta-profile-home-hero-mockup {\r\n            position: relative;\r\n        }\r\n\r\n        .insta-profile-home-mockup-card {\r\n            background: var(--insta-profile-home-bg);\r\n            border-radius: 20px;\r\n            box-shadow: var(--insta-profile-home-shadow-lg);\r\n            border: 1px solid var(--insta-profile-home-border);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .insta-profile-home-mockup-topbar {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 14px 20px;\r\n            border-bottom: 1px solid var(--insta-profile-home-border);\r\n            background: var(--insta-profile-home-bg-alt);\r\n        }\r\n\r\n        .insta-profile-home-mockup-dot {\r\n            width: 10px;\r\n            height: 10px;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .insta-profile-home-mockup-dot.red { background: #FF6B6B; }\r\n        .insta-profile-home-mockup-dot.yellow { background: #FFC857; }\r\n        .insta-profile-home-mockup-dot.green { background: #51CF66; }\r\n\r\n        .insta-profile-home-mockup-url {\r\n            flex: 1;\r\n            background: var(--insta-profile-home-bg);\r\n            border-radius: 8px;\r\n            padding: 6px 14px;\r\n            font-size: 12px;\r\n            color: var(--insta-profile-home-text-muted);\r\n            margin-left: 12px;\r\n            border: 1px solid var(--insta-profile-home-border);\r\n        }\r\n\r\n        .insta-profile-home-mockup-body {\r\n            padding: 24px;\r\n        }\r\n\r\n        .insta-profile-home-mockup-profile {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .insta-profile-home-mockup-avatar {\r\n            width: 64px;\r\n            height: 64px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--insta-profile-home-primary), var(--insta-profile-home-secondary));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #fff;\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .insta-profile-home-mockup-info h5 {\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            margin-bottom: 2px;\r\n        }\r\n\r\n        .insta-profile-home-mockup-info p {\r\n            font-size: 12px;\r\n            color: var(--insta-profile-home-text-muted);\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .insta-profile-home-mockup-stats {\r\n            display: flex;\r\n            gap: 24px;\r\n            margin-bottom: 20px;\r\n            padding: 14px 0;\r\n            border-top: 1px solid var(--insta-profile-home-border);\r\n            border-bottom: 1px solid var(--insta-profile-home-border);\r\n        }\r\n\r\n        .insta-profile-home-mockup-stat {\r\n            text-align: center;\r\n        }\r\n\r\n        .insta-profile-home-mockup-stat .num {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: var(--insta-profile-home-text);\r\n        }\r\n\r\n        .insta-profile-home-mockup-stat .label {\r\n            font-size: 11px;\r\n            color: var(--insta-profile-home-text-muted);\r\n        }\r\n\r\n        .insta-profile-home-mockup-tabs {\r\n            display: flex;\r\n            gap: 0;\r\n            margin-bottom: 16px;\r\n            border-bottom: 2px solid var(--insta-profile-home-border);\r\n        }\r\n\r\n        .insta-profile-home-mockup-tab {\r\n            padding: 8px 16px;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            color: var(--insta-profile-home-text-muted);\r\n            cursor: pointer;\r\n            border-bottom: 2px solid transparent;\r\n            margin-bottom: -2px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .insta-profile-home-mockup-tab.active {\r\n            color: var(--insta-profile-home-primary);\r\n            border-bottom-color: var(--insta-profile-home-primary);\r\n        }\r\n\r\n        .insta-profile-home-mockup-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 8px;\r\n        }\r\n\r\n        .insta-profile-home-mockup-grid-item {\r\n            aspect-ratio: 1;\r\n            border-radius: 10px;\r\n            background: linear-gradient(135deg, var(--insta-profile-home-primary-light), var(--insta-profile-home-secondary-light));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--insta-profile-home-primary);\r\n            font-size: 18px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .insta-profile-home-mockup-grid-item:hover {\r\n            opacity: 0.85;\r\n        }\r\n\r\n        .insta-profile-home-float-badge {\r\n            position: absolute;\r\n            background: var(--insta-profile-home-bg);\r\n            border-radius: var(--insta-profile-home-radius-sm);\r\n            padding: 10px 16px;\r\n            box-shadow: var(--insta-profile-home-shadow);\r\n            border: 1px solid var(--insta-profile-home-border);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            z-index: 2;\r\n        }\r\n\r\n        .insta-profile-home-float-badge i {\r\n            color: var(--insta-profile-home-primary);\r\n        }\r\n\r\n        .insta-profile-home-float-badge.top-badge {\r\n            top: -16px;\r\n            right: -10px;\r\n        }\r\n\r\n        .insta-profile-home-float-badge.bottom-badge {\r\n            bottom: 30px;\r\n            left: -20px;\r\n        }\r\n\r\n        \/* ========== QUICK SEARCH SECTION ========== *\/\r\n        .insta-profile-home-quick-search {\r\n            background: var(--insta-profile-home-bg);\r\n        }\r\n\r\n        .insta-profile-home-search-card {\r\n            background: var(--insta-profile-home-bg);\r\n            border-radius: 24px;\r\n            padding: 48px 40px;\r\n            box-shadow: var(--insta-profile-home-shadow-lg);\r\n            border: 1px solid var(--insta-profile-home-border);\r\n            max-width: 680px;\r\n            margin: 40px auto 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .insta-profile-home-search-card-input-wrap {\r\n            background: var(--insta-profile-home-bg-alt);\r\n            border: 2px solid var(--insta-profile-home-border);\r\n            border-radius: var(--insta-profile-home-radius);\r\n            padding: 6px;\r\n            display: flex;\r\n            align-items: center;\r\n            transition: border-color 0.3s ease;\r\n        }\r\n\r\n        .insta-profile-home-search-card-input-wrap:focus-within {\r\n            border-color: var(--insta-profile-home-primary);\r\n        }\r\n\r\n        .insta-profile-home-search-card-input-wrap input {\r\n            flex: 1;\r\n            border: none;\r\n            outline: none;\r\n            padding: 14px 18px;\r\n            font-size: 15px;\r\n            font-family: 'Inter', sans-serif;\r\n            background: transparent;\r\n            color: var(--insta-profile-home-text);\r\n        }\r\n\r\n        .insta-profile-home-search-card-input-wrap input::placeholder {\r\n            color: var(--insta-profile-home-text-muted);\r\n        }\r\n\r\n        .insta-profile-home-search-card-input-wrap .insta-profile-home-search-icon {\r\n            padding: 0 8px 0 14px;\r\n            color: var(--insta-profile-home-text-muted);\r\n            font-size: 18px;\r\n        }\r\n\r\n        .insta-profile-home-search-card-btn {\r\n            background: linear-gradient(135deg, var(--insta-profile-home-primary), var(--insta-profile-home-secondary));\r\n            color: #fff;\r\n            border: none;\r\n            padding: 14px 28px;\r\n            border-radius: 12px;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-family: 'Inter', sans-serif;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .insta-profile-home-search-card-btn:hover {\r\n            box-shadow: 0 4px 16px rgba(157, 69, 239, 0.4);\r\n        }\r\n\r\n        .insta-profile-home-search-or {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n            margin: 16px 0;\r\n            color: var(--insta-profile-home-text-muted);\r\n            font-size: 13px;\r\n        }\r\n\r\n        .insta-profile-home-search-or::before,\r\n        .insta-profile-home-search-or::after {\r\n            content: '';\r\n            flex: 1;\r\n            height: 1px;\r\n            background: var(--insta-profile-home-border);\r\n        }\r\n\r\n        .insta-profile-home-search-paste-link {\r\n            color: var(--insta-profile-home-primary);\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            cursor: pointer;\r\n            text-decoration: underline;\r\n            text-underline-offset: 3px;\r\n            transition: color 0.3s ease;\r\n            background: none;\r\n            border: none;\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        .insta-profile-home-search-paste-link:hover {\r\n            color: var(--insta-profile-home-text);\r\n        }\r\n\r\n        .insta-profile-home-privacy-note {\r\n            margin-top: 16px;\r\n            font-size: 12px;\r\n            color: var(--insta-profile-home-text-muted);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 6px;\r\n        }\r\n\r\n        .insta-profile-home-privacy-note i {\r\n            font-size: 13px;\r\n        }\r\n\r\n        .insta-profile-home-search-preview {\r\n            margin-top: 20px;\r\n            padding: 16px;\r\n            background: var(--insta-profile-home-bg-alt);\r\n            border-radius: var(--insta-profile-home-radius-sm);\r\n            display: none;\r\n        }\r\n\r\n        .insta-profile-home-search-preview.active {\r\n            display: block;\r\n        }\r\n\r\n        .insta-profile-home-search-preview .spinner {\r\n            width: 20px;\r\n            height: 20px;\r\n            border: 2px solid var(--insta-profile-home-border);\r\n            border-top-color: var(--insta-profile-home-primary);\r\n            border-radius: 50%;\r\n            animation: insta-profile-home-spin 0.8s linear infinite;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        @keyframes insta-profile-home-spin {\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        \/* ========== FEATURES SECTION ========== *\/\r\n        .insta-profile-home-features {\r\n            background: var(--insta-profile-home-bg-alt);\r\n        }\r\n\r\n        .insta-profile-home-feature-card {\r\n            background: var(--insta-profile-home-bg-card);\r\n            border-radius: var(--insta-profile-home-radius);\r\n            padding: 32px 24px;\r\n            border: 1px solid var(--insta-profile-home-border);\r\n            transition: all 0.3s ease;\r\n            height: 100%;\r\n        }\r\n\r\n        .insta-profile-home-feature-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: var(--insta-profile-home-shadow);\r\n            border-color: var(--insta-profile-home-secondary);\r\n        }\r\n\r\n        .insta-profile-home-feature-icon {\r\n            width: 52px;\r\n            height: 52px;\r\n            border-radius: 14px;\r\n            background: linear-gradient(135deg, var(--insta-profile-home-primary-light), var(--insta-profile-home-secondary-light));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 22px;\r\n            color: var(--insta-profile-home-primary);\r\n            margin-bottom: 18px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .insta-profile-home-feature-card:hover .insta-profile-home-feature-icon {\r\n            background: linear-gradient(135deg, var(--insta-profile-home-primary), var(--insta-profile-home-secondary));\r\n            color: #fff;\r\n        }\r\n\r\n        .insta-profile-home-feature-card h5 {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            margin-bottom: 8px;\r\n            color: var(--insta-profile-home-text);\r\n        }\r\n\r\n        .insta-profile-home-feature-card p {\r\n            font-size: 14px;\r\n            color: var(--insta-profile-home-text-secondary);\r\n            line-height: 1.6;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        \/* ========== HOW IT WORKS SECTION ========== *\/\r\n        .insta-profile-home-how-it-works {\r\n            background: var(--insta-profile-home-bg);\r\n        }\r\n\r\n        .insta-profile-home-step-card {\r\n            text-align: center;\r\n            padding: 40px 28px;\r\n            position: relative;\r\n        }\r\n\r\n        .insta-profile-home-step-number {\r\n            width: 56px;\r\n            height: 56px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--insta-profile-home-primary), var(--insta-profile-home-secondary));\r\n            color: #fff;\r\n            font-size: 22px;\r\n            font-weight: 800;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 24px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .insta-profile-home-step-card h5 {\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n            color: var(--insta-profile-home-text);\r\n        }\r\n\r\n        .insta-profile-home-step-card p {\r\n            font-size: 14px;\r\n            color: var(--insta-profile-home-text-secondary);\r\n            line-height: 1.6;\r\n            max-width: 280px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .insta-profile-home-step-connector {\r\n            position: absolute;\r\n            top: 68px;\r\n            right: -20%;\r\n            width: 40%;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, var(--insta-profile-home-secondary), var(--insta-profile-home-border));\r\n            z-index: 1;\r\n        }\r\n\r\n        .insta-profile-home-step-connector i {\r\n            position: absolute;\r\n            right: -8px;\r\n            top: -8px;\r\n            color: var(--insta-profile-home-secondary);\r\n            font-size: 18px;\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .insta-profile-home-step-connector {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        \/* ========== DASHBOARD PREVIEW SECTION ========== *\/\r\n        .insta-profile-home-dashboard {\r\n            background: var(--insta-profile-home-bg-alt);\r\n        }\r\n\r\n        .insta-profile-home-dashboard-mock {\r\n            background: var(--insta-profile-home-bg-card);\r\n            border-radius: 20px;\r\n            box-shadow: var(--insta-profile-home-shadow-lg);\r\n            border: 1px solid var(--insta-profile-home-border);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .insta-profile-home-dash-header {\r\n            background: var(--insta-profile-home-bg-alt);\r\n            padding: 20px 28px;\r\n            border-bottom: 1px solid var(--insta-profile-home-border);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .insta-profile-home-dash-header-left {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .insta-profile-home-dash-header-left .back-btn {\r\n            width: 36px;\r\n            height: 36px;\r\n            border-radius: 10px;\r\n            background: var(--insta-profile-home-bg);\r\n            border: 1px solid var(--insta-profile-home-border);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--insta-profile-home-text-secondary);\r\n            font-size: 14px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .insta-profile-home-dash-header-left span {\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .insta-profile-home-dash-header-actions {\r\n            display: flex;\r\n            gap: 8px;\r\n        }\r\n\r\n        .insta-profile-home-dash-header-actions div {\r\n            width: 36px;\r\n            height: 36px;\r\n            border-radius: 10px;\r\n            background: var(--insta-profile-home-bg);\r\n            border: 1px solid var(--insta-profile-home-border);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--insta-profile-home-text-secondary);\r\n            font-size: 14px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .insta-profile-home-dash-header-actions div:hover {\r\n            border-color: var(--insta-profile-home-primary);\r\n            color: var(--insta-profile-home-primary);\r\n        }\r\n\r\n        .insta-profile-home-dash-profile {\r\n            padding: 28px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 24px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .insta-profile-home-dash-avatar {\r\n            width: 88px;\r\n            height: 88px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--insta-profile-home-primary), var(--insta-profile-home-secondary));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #fff;\r\n            font-size: 32px;\r\n            font-weight: 800;\r\n            flex-shrink: 0;\r\n            border: 3px solid var(--insta-profile-home-bg);\r\n            box-shadow: 0 0 0 3px var(--insta-profile-home-secondary);\r\n        }\r\n\r\n        .insta-profile-home-dash-avatar img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            border-radius: 50%;\r\n            display: block;\r\n        }\r\n\r\n        .insta-profile-home-dash-info {\r\n            flex: 1;\r\n            min-width: 200px;\r\n        }\r\n\r\n        .insta-profile-home-dash-info h4 {\r\n            font-size: 20px;\r\n            font-weight: 800;\r\n            margin-bottom: 2px;\r\n        }\r\n\r\n        .insta-profile-home-dash-info .handle {\r\n            font-size: 14px;\r\n            color: var(--insta-profile-home-primary);\r\n            font-weight: 500;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .insta-profile-home-dash-info .bio {\r\n            font-size: 13px;\r\n            color: var(--insta-profile-home-text-secondary);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .insta-profile-home-dash-stats {\r\n            display: flex;\r\n            gap: 32px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .insta-profile-home-dash-stat {\r\n            text-align: center;\r\n        }\r\n\r\n        .insta-profile-home-dash-stat .num {\r\n            font-size: 20px;\r\n            font-weight: 800;\r\n            color: var(--insta-profile-home-text);\r\n        }\r\n\r\n        .insta-profile-home-dash-stat .label {\r\n            font-size: 12px;\r\n            color: var(--insta-profile-home-text-muted);\r\n            font-weight: 500;\r\n        }\r\n\r\n        .insta-profile-home-dash-tabs {\r\n            display: flex;\r\n            border-bottom: 2px solid var(--insta-profile-home-border);\r\n            padding: 0 28px;\r\n            gap: 0;\r\n\/*             overflow-x: auto; *\/\r\n        }\r\n\r\n        .insta-profile-home-dash-tab {\r\n            padding: 14px 20px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: var(--insta-profile-home-text-muted);\r\n            cursor: pointer;\r\n            border-bottom: 2px solid transparent;\r\n            margin-bottom: -2px;\r\n            white-space: nowrap;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n\r\n        .insta-profile-home-dash-tab.active {\r\n            color: var(--insta-profile-home-primary);\r\n            border-bottom-color: var(--insta-profile-home-primary);\r\n        }\r\n\r\n        .insta-profile-home-dash-tab:hover {\r\n            color: var(--insta-profile-home-primary);\r\n        }\r\n\r\n        .insta-profile-home-dash-content {\r\n            padding: 24px 28px;\r\n        }\r\n\r\n        .insta-profile-home-dash-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n            gap: 12px;\r\n        }\r\n\r\n        .insta-profile-home-dash-grid-item {\r\n            aspect-ratio: 1;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            position: relative;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .insta-profile-home-dash-grid-item .bg {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .insta-profile-home-dash-grid-item .overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: rgba(157, 69, 239, 0.5);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 16px;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .insta-profile-home-dash-grid-item:hover .overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .insta-profile-home-dash-grid-item .overlay span {\r\n            color: #fff;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n        }\r\n\r\n        @media (max-width: 575px) {\r\n            .insta-profile-home-dash-profile {\r\n                flex-direction: column;\r\n                text-align: center;\r\n            }\r\n            .insta-profile-home-dash-stats {\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        \/* ========== BENEFITS SECTION ========== *\/\r\n        .insta-profile-home-benefits {\r\n            background: var(--insta-profile-home-bg);\r\n        }\r\n\r\n        .insta-profile-home-benefit-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .insta-profile-home-benefit-list li {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 16px;\r\n            padding: 18px 0;\r\n            border-bottom: 1px solid var(--insta-profile-home-border);\r\n        }\r\n\r\n        .insta-profile-home-benefit-list li:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .insta-profile-home-benefit-list li .icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 10px;\r\n            background: var(--insta-profile-home-primary-light);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--insta-profile-home-primary);\r\n            font-size: 16px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .insta-profile-home-benefit-list li .text h6 {\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .insta-profile-home-benefit-list li .text p {\r\n            font-size: 13px;\r\n            color: var(--insta-profile-home-text-secondary);\r\n            margin-bottom: 0;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .insta-profile-home-benefit-image {\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: var(--insta-profile-home-shadow);\r\n            border: 1px solid var(--insta-profile-home-border);\r\n        }\r\n\r\n        .insta-profile-home-benefit-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        \/* ========== USE CASES SECTION ========== *\/\r\n        .insta-profile-home-use-cases {\r\n            background: var(--insta-profile-home-bg-alt);\r\n        }\r\n\r\n        .insta-profile-home-use-case-card {\r\n            background: var(--insta-profile-home-bg-card);\r\n            border-radius: var(--insta-profile-home-radius);\r\n            padding: 32px 24px;\r\n            border: 1px solid var(--insta-profile-home-border);\r\n            transition: all 0.3s ease;\r\n            height: 100%;\r\n            text-align: center;\r\n        }\r\n\r\n        .insta-profile-home-use-case-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: var(--insta-profile-home-shadow);\r\n            border-color: var(--insta-profile-home-secondary);\r\n        }\r\n\r\n        .insta-profile-home-use-case-icon {\r\n            width: 64px;\r\n            height: 64px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--insta-profile-home-primary-light), var(--insta-profile-home-secondary-light));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 26px;\r\n            color: var(--insta-profile-home-primary);\r\n            margin: 0 auto 20px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .insta-profile-home-use-case-card:hover .insta-profile-home-use-case-icon {\r\n            background: linear-gradient(135deg, var(--insta-profile-home-primary), var(--insta-profile-home-secondary));\r\n            color: #fff;\r\n        }\r\n\r\n        .insta-profile-home-use-case-card h5 {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n            color: var(--insta-profile-home-text);\r\n        }\r\n\r\n        .insta-profile-home-use-case-card p {\r\n            font-size: 14px;\r\n            color: var(--insta-profile-home-text-secondary);\r\n            line-height: 1.6;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        \/* ========== PRIVACY SECTION ========== *\/\r\n        .insta-profile-home-privacy {\r\n            background: var(--insta-profile-home-bg);\r\n        }\r\n\r\n        .insta-profile-home-privacy-card {\r\n            background: linear-gradient(135deg, var(--insta-profile-home-primary-lighter), var(--insta-profile-home-bg));\r\n            border-radius: 24px;\r\n            padding: 56px 48px;\r\n            border: 1px solid var(--insta-profile-home-border);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .insta-profile-home-privacy-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -80px;\r\n            right: -80px;\r\n            width: 250px;\r\n            height: 250px;\r\n            background: radial-gradient(circle, rgba(157, 69, 239, 0.06) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .insta-profile-home-privacy-points {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n            gap: 24px;\r\n            margin-top: 36px;\r\n        }\r\n\r\n        .insta-profile-home-privacy-point {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 14px;\r\n        }\r\n\r\n        .insta-profile-home-privacy-point .icon {\r\n            width: 44px;\r\n            height: 44px;\r\n            border-radius: 12px;\r\n            background: var(--insta-profile-home-bg);\r\n            border: 1px solid var(--insta-profile-home-border);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--insta-profile-home-primary);\r\n            font-size: 18px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .insta-profile-home-privacy-point h6 {\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .insta-profile-home-privacy-point p {\r\n            font-size: 13px;\r\n            color: var(--insta-profile-home-text-secondary);\r\n            margin-bottom: 0;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* ========== COMPARISON SECTION ========== *\/\r\n        .insta-profile-home-comparison {\r\n            background: var(--insta-profile-home-bg-alt);\r\n        }\r\n\r\n        .insta-profile-home-comparison-table-wrap {\r\n            background: var(--insta-profile-home-bg-card);\r\n            border-radius: 20px;\r\n            box-shadow: var(--insta-profile-home-shadow);\r\n            border: 1px solid var(--insta-profile-home-border);\r\n            overflow: hidden;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .insta-profile-home-comparison-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n        }\r\n\r\n        .insta-profile-home-comparison-table thead th {\r\n            padding: 20px 24px;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            text-align: left;\r\n            background: var(--insta-profile-home-bg-alt);\r\n            border-bottom: 2px solid var(--insta-profile-home-border);\r\n            color: var(--insta-profile-home-text);\r\n        }\r\n\r\n        .insta-profile-home-comparison-table thead th:nth-child(3) {\r\n            background: var(--insta-profile-home-primary-light);\r\n            color: var(--insta-profile-home-primary);\r\n            text-align: center;\r\n        }\r\n\r\n        .insta-profile-home-comparison-table thead th:nth-child(2) {\r\n            text-align: center;\r\n        }\r\n\r\n        .insta-profile-home-comparison-table tbody td {\r\n            padding: 16px 24px;\r\n            font-size: 14px;\r\n            color: var(--insta-profile-home-text-secondary);\r\n            border-bottom: 1px solid var(--insta-profile-home-border);\r\n        }\r\n\r\n        .insta-profile-home-comparison-table tbody td:nth-child(2) {\r\n            text-align: center;\r\n        }\r\n\r\n        .insta-profile-home-comparison-table tbody td:nth-child(3) {\r\n            text-align: center;\r\n        }\r\n\r\n        .insta-profile-home-comparison-table tbody tr:last-child td {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .insta-profile-home-comparison-table tbody tr:hover {\r\n            background: var(--insta-profile-home-primary-lighter);\r\n        }\r\n\r\n        .insta-profile-home-check {\r\n            color: #22C55E;\r\n            font-size: 18px;\r\n        }\r\n\r\n        .insta-profile-home-cross {\r\n            color: #EF4444;\r\n            font-size: 18px;\r\n        }\r\n\r\n        \/* ========== FAQ SECTION ========== *\/\r\n        .insta-profile-home-faq {\r\n            background: var(--insta-profile-home-bg);\r\n        }\r\n\r\n        .insta-profile-home-faq-wrap {\r\n            max-width: 780px;\r\n            margin: 40px auto 0;\r\n        }\r\n\r\n        .insta-profile-home-faq-item {\r\n            border: 1px solid var(--insta-profile-home-border);\r\n            border-radius: var(--insta-profile-home-radius);\r\n            margin-bottom: 12px;\r\n            overflow: hidden;\r\n            background: var(--insta-profile-home-bg-card);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .insta-profile-home-faq-item:hover {\r\n            border-color: var(--insta-profile-home-secondary);\r\n        }\r\n\r\n        .insta-profile-home-faq-question {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            padding: 20px 24px;\r\n            cursor: pointer;\r\n            gap: 16px;\r\n            background: none;\r\n            border: none;\r\n            width: 100%;\r\n            text-align: left;\r\n            font-family: 'Inter', sans-serif;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .insta-profile-home-faq-question span {\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: var(--insta-profile-home-text);\r\n        }\r\n\r\n        .insta-profile-home-faq-question i {\r\n            color: var(--insta-profile-home-primary);\r\n            font-size: 14px;\r\n            transition: transform 0.3s ease;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .insta-profile-home-faq-item.active .insta-profile-home-faq-question i {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .insta-profile-home-faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease, padding 0.3s ease;\r\n        }\r\n\r\n        .insta-profile-home-faq-item.active .insta-profile-home-faq-answer {\r\n            max-height: 300px;\r\n        }\r\n\r\n        .insta-profile-home-faq-answer-inner {\r\n            padding: 0 24px 20px;\r\n            font-size: 14px;\r\n            color: var(--insta-profile-home-text-secondary);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* ========== FINAL CTA SECTION ========== *\/\r\n        .insta-profile-home-final-cta {\r\n            background: linear-gradient(135deg, var(--insta-profile-home-primary-lighter) 0%, var(--insta-profile-home-bg-alt) 100%);\r\n            padding: 100px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .insta-profile-home-final-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(157, 69, 239, 0.06) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .insta-profile-home-final-cta-inner {\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .insta-profile-home-final-cta .insta-profile-home-btn-primary {\r\n            padding: 18px 40px;\r\n            font-size: 17px;\r\n        }\r\n\r\n        \/* Responsive tweaks *\/\r\n        @media (max-width: 991px) {\r\n            .insta-profile-home-section {\r\n                padding: 60px 0;\r\n            }\r\n            .insta-profile-home-hero {\r\n                padding: 70px 0 60px;\r\n            }\r\n            .insta-profile-home-float-badge {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 575px) {\r\n            .insta-profile-home-section {\r\n                padding: 50px 0;\r\n            }\r\n            .insta-profile-home-hero {\r\n                padding: 50px 0 40px;\r\n            }\r\n            .insta-profile-home-hero-search {\r\n                flex-direction: column;\r\n                border-radius: var(--insta-profile-home-radius);\r\n                gap: 0;\r\n            }\r\n            .insta-profile-home-hero-search input {\r\n                text-align: center;\r\n            }\r\n            .insta-profile-home-hero-search .insta-profile-home-search-btn {\r\n                width: 100%;\r\n                border-radius: 10px;\r\n            }\r\n            .insta-profile-home-search-card {\r\n                padding: 32px 20px;\r\n            }\r\n            .insta-profile-home-search-card-input-wrap {\r\n                flex-direction: column;\r\n                border-radius: 12px;\r\n            }\r\n            .insta-profile-home-search-card-input-wrap input {\r\n                text-align: center;\r\n            }\r\n            .insta-profile-home-search-card-btn {\r\n                width: 100%;\r\n                border-radius: 10px;\r\n            }\r\n            .insta-profile-home-privacy-card {\r\n                padding: 36px 24px;\r\n            }\r\n            .insta-profile-home-dash-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            .insta-profile-home-comparison-table thead th,\r\n            .insta-profile-home-comparison-table tbody td {\r\n                padding: 12px 14px;\r\n                font-size: 13px;\r\n            }\r\n            .insta-profile-home-trust-badges {\r\n                justify-content: center;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- ========== 1. Tools SECTION ========== -->\r\n\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n<style>\r\n    :root {\r\n        --primary: #9d45ef;\r\n        --secondary: #c08ef0;\r\n        --border: rgba(255, 255, 255, 0.2);\r\n        --border-strong: rgba(255, 255, 255, 0.34);\r\n        --text: #f8f5fc;\r\n        --muted: #d4c6e1;\r\n        --quiet: #a890b0;\r\n        --accent: var(--primary);\r\n        --accent-2: var(--secondary);\r\n        --warning: #f8c76b;\r\n        --danger: #ff7f8f;\r\n        --ink: #101828;\r\n        --shadow: 0 28px 80px rgba(0, 0, 0, 0.42);\r\n        --ease: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    }\r\n\r\n    .workspace,\r\n    .workspace *,\r\n    .workspace *::before,\r\n    .workspace *::after,\r\n    .ipgv-profile-img-modal,\r\n    .ipgv-profile-img-modal *,\r\n    .ipgv-profile-img-modal *::before,\r\n    .ipgv-profile-img-modal *::after,\r\n    .ipgv-media-modal,\r\n    .ipgv-media-modal *,\r\n    .ipgv-media-modal *::before,\r\n    .ipgv-media-modal *::after,\r\n    #toast-container,\r\n    #toast-container *,\r\n    #toast-container *::before,\r\n    #toast-container *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .workspace {\r\n        position: relative;\r\n        z-index: 1;\r\n        isolation: isolate;\r\n        width: 100%;\r\n        min-height: 100vh;\r\n        padding: 20px 14px 36px;\r\n        overflow-x: hidden;\r\n        background: linear-gradient(130deg, #6b14bc 0%, #38224c 100%);\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n        color: var(--text);\r\n        font-family: \"Plus Jakarta Sans\", sans-serif;\r\n        -webkit-font-smoothing: antialiased;\r\n        text-rendering: optimizeLegibility;\r\n    }\r\n\r\n    .shell,\r\n    .hero,\r\n    .search-panel,\r\n    .dash-card,\r\n    .subject-cell,\r\n    .profile-stat,\r\n    .media-browser,\r\n    .ig-tab-content {\r\n        min-width: 0;\r\n    }\r\n\r\n    .workspace button,\r\n    .workspace input,\r\n    .ipgv-modal-content button,\r\n    .download-toast button {\r\n        font: inherit;\r\n    }\r\n\r\n    .workspace a,\r\n    .ipgv-modal-content a {\r\n        color: inherit;\r\n    }\r\n\r\n    .shell {\r\n        width: 100%;\r\n        max-width: 1180px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .hero {\r\n        max-width: 780px;\r\n        margin: 0 auto 24px;\r\n        text-align: center;\r\n    }\r\n\r\n    .search-panel,\r\n    .dash-card {\r\n        border: 1px solid var(--border);\r\n        border-radius: 12px;\r\n        background: linear-gradient(145deg, rgb(124 120 126 \/ 42%), rgba(255, 255, 255, 0.055)), rgba(9, 15, 28, 0.38);\r\n        box-shadow: var(--shadow), 0 1px 0 rgba(255,255,255,0.18) inset, 0 0 0 1px rgba(255,255,255,0.05) inset;\r\n        backdrop-filter: blur(30px) saturate(1.35);\r\n        -webkit-backdrop-filter: blur(30px) saturate(1.35);\r\n    }\r\n\r\n    .eyebrow {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        margin-bottom: 20px;\r\n        padding: 8px 10px;\r\n        color: #fff;\r\n        background: rgba(192, 142, 240, 0.12);\r\n        border: 1px solid rgba(255, 255, 255, 0.22);\r\n        border-radius: 999px;\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.08em;\r\n    }\r\n\r\n    .ipgv-hero-title {\r\n        max-width: 760px;\r\n        margin: 0;\r\n        font-size: 34px;\r\n        line-height: 1.08;\r\n        font-weight: 800;\r\n        letter-spacing: -0.01em;\r\n        background: linear-gradient(180deg, #ffffff 0%, #f0d0f7 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .ipgv-hero-desc {\r\n        position: relative;\r\n        z-index: 1;\r\n        max-width: 620px;\r\n        margin: 14px auto 0;\r\n        color: var(--muted);\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .mini-stats {\r\n        position: relative;\r\n        z-index: 1;\r\n        display: grid;\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        gap: 8px;\r\n        max-width: 520px;\r\n        margin: 14px auto 0;\r\n    }\r\n\r\n    .mini-stat {\r\n        min-width: 0;\r\n        padding: 8px 12px;\r\n        border-radius: 8px;\r\n        background: linear-gradient(145deg, rgba(255,255,255,0.07) 0%, rgba(8,15,28,0.35) 100%);\r\n        border: 1px solid rgba(255, 255, 255, 0.14);\r\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 3px 10px rgba(8,15,28,0.14);\r\n        transition: transform 200ms var(--ease), border-color 200ms var(--ease), box-shadow 200ms var(--ease);\r\n    }\r\n\r\n    .mini-stat:hover {\r\n        transform: translateY(-2px);\r\n        border-color: rgba(255, 255, 255, 0.22);\r\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 8px 24px rgba(8,15,28,0.28);\r\n    }\r\n\r\n    .mini-stat strong {\r\n        display: block;\r\n        font-size: 18px;\r\n        line-height: 1.05;\r\n        font-weight: 800;\r\n        letter-spacing: -0.02em;\r\n        background: linear-gradient(180deg, #ffffff 0%, #e6c6e1 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .mini-stat span {\r\n        display: block;\r\n        margin-top: 3px;\r\n        color: var(--quiet);\r\n        font-size: 9px;\r\n        line-height: 1.2;\r\n        font-weight: 600;\r\n        letter-spacing: 0.03em;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .search-panel {\r\n        padding: 22px;\r\n        max-width: 880px;\r\n        margin: 0 auto 22px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        gap: 18px;\r\n    }\r\n\r\n    .panel-head {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 14px;\r\n    }\r\n\r\n    .ipgv-panel-title {\r\n        margin: 0;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        min-width: 0;\r\n        font-size: 15px;\r\n        font-weight: 800;\r\n        line-height: 1.3;\r\n        color: var(--text);\r\n    }\r\n\r\n    .system-state {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 7px;\r\n        flex: 0 0 auto;\r\n        color: var(--accent-2);\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .system-state::before {\r\n        content: \"\";\r\n        width: 8px;\r\n        height: 8px;\r\n        border-radius: 50%;\r\n        background: var(--accent-2);\r\n        box-shadow: 0 0 0 4px rgba(192, 142, 240, 0.14);\r\n    }\r\n\r\n    .search-module {\r\n        display: grid;\r\n        grid-template-columns: 48px minmax(0, 1fr) auto;\r\n        align-items: center;\r\n        min-height: 64px;\r\n        border: 1px solid var(--border);\r\n        border-radius: 8px;\r\n        background: rgba(255, 255, 255, 0.075);\r\n        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.045) inset;\r\n        backdrop-filter: blur(18px) saturate(1.18);\r\n        -webkit-backdrop-filter: blur(18px) saturate(1.18);\r\n        overflow: hidden;\r\n        transition: border-color 180ms var(--ease), background 180ms var(--ease);\r\n    }\r\n\r\n    .search-module:focus-within {\r\n        border-color: rgba(255, 107, 203, 0.62);\r\n        background: rgba(255, 255, 255, 0.095);\r\n        box-shadow: 0 0 0 1px rgba(255, 107, 203, 0.28) inset;\r\n    }\r\n\r\n    .search-icon {\r\n        display: grid;\r\n        place-items: center;\r\n        color: #fff;\r\n        font-size: 22px;\r\n    }\r\n\r\n    .workspace .search-module input.search-input[type=\"text\"],\r\n    .workspace #searchInput.search-input {\r\n        appearance: none;\r\n        -webkit-appearance: none;\r\n        display: block;\r\n        width: 100%;\r\n        min-width: 0;\r\n        max-width: none;\r\n        height: 62px;\r\n        min-height: 0;\r\n        margin: 0;\r\n        padding: 0 12px 0 0;\r\n        border: 0;\r\n        border-radius: 0;\r\n        outline: 0;\r\n        background: transparent;\r\n        box-shadow: none;\r\n        -webkit-tap-highlight-color: transparent;\r\n        color: var(--text);\r\n        font-family: inherit;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        line-height: 62px;\r\n        text-transform: none;\r\n    }\r\n\r\n    .workspace .search-module input.search-input[type=\"text\"]::placeholder,\r\n    .workspace #searchInput.search-input::placeholder {\r\n        color: rgba(198, 211, 225, 0.58);\r\n        font-weight: 600;\r\n    }\r\n\r\n    .workspace .search-module button.search-btn#actionBtn {\r\n        appearance: none;\r\n        -webkit-appearance: none;\r\n        height: 46px;\r\n        min-height: 46px;\r\n        min-width: 126px;\r\n        width: auto;\r\n        margin: 0 8px 0 0;\r\n        padding: 0 18px;\r\n        border: 0;\r\n        border-radius: 8px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        background: #f8fafc;\r\n        color: var(--ink);\r\n        font-family: inherit;\r\n        font-size: 14px;\r\n        font-weight: 800;\r\n        line-height: 1;\r\n        text-decoration: none;\r\n        text-transform: none;\r\n        white-space: nowrap;\r\n        cursor: pointer;\r\n        transition: transform 180ms var(--ease), box-shadow 180ms var(--ease), opacity 180ms var(--ease);\r\n        box-shadow: 0 12px 24px rgba(20, 5, 25, 0.2);\r\n    }\r\n\r\n    .workspace .search-module button.search-btn#actionBtn:hover {\r\n        transform: translateY(-1px);\r\n        box-shadow: 0 16px 30px rgba(20, 5, 25, 0.25);\r\n    }\r\n\r\n    .workspace .search-module button.search-btn#actionBtn:disabled {\r\n        cursor: wait;\r\n        opacity: 0.78;\r\n        transform: none;\r\n    }\r\n\r\n    .ipgv-search-message {\r\n        display: none;\r\n        margin: -2px 0 0;\r\n        padding: 10px 12px;\r\n        border-radius: 8px;\r\n        border: 1px solid rgba(255, 127, 143, 0.28);\r\n        background: rgba(255, 127, 143, 0.1);\r\n        color: #ffd6e8;\r\n        font-size: 13px;\r\n        line-height: 1.45;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .ipgv-search-message.is-info {\r\n        border-color: rgba(255, 107, 203, 0.28);\r\n        background: rgba(255, 107, 203, 0.1);\r\n        color: var(--muted);\r\n    }\r\n\r\n    .data-layer {\r\n        transition: opacity 420ms var(--ease), transform 420ms var(--ease);\r\n    }\r\n\r\n    .skeleton-view {\r\n        display: block;\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .skeleton-view.is-loading .shimmer,\r\n    .skeleton-view.is-loading .skeleton-post-img,\r\n    .skeleton-view.is-loading .skeleton-story-img,\r\n    .skeleton-view.is-loading .skeleton-reel-img,\r\n    .skeleton-view.is-loading .skeleton-highlight-img,\r\n    .ig-tab-content.is-loading .shimmer,\r\n    .ig-tab-content.is-loading .skeleton-post-img,\r\n    .ig-tab-content.is-loading .skeleton-story-img,\r\n    .ig-tab-content.is-loading .skeleton-reel-img,\r\n    .ig-tab-content.is-loading .skeleton-highlight-img {\r\n        animation: shimmer 1.6s infinite linear;\r\n    }\r\n\r\n    .real-data-view {\r\n        display: none;\r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n    }\r\n\r\n    .dash-card {\r\n        height: 100%;\r\n        padding: 22px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .dashboard-column {\r\n        display: grid;\r\n        gap: 18px;\r\n    }\r\n\r\n    .dashboard-column .dash-card {\r\n        height: auto;\r\n    }\r\n\r\n    .subject-row-card {\r\n        padding: 18px;\r\n    }\r\n\r\n    .subject-row {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        gap: 12px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .subject-cell {\r\n        min-width: 0;\r\n        min-height: 158px;\r\n        padding: 16px;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        background:\r\n            linear-gradient(160deg, rgba(255,255,255,0.105) 0%, rgba(255,255,255,0.04) 100%),\r\n            rgba(7, 12, 24, 0.24);\r\n        border: 1px solid rgba(255, 255, 255, 0.16);\r\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 10px 26px rgba(0,0,0,0.18);\r\n        backdrop-filter: blur(18px) saturate(1.18);\r\n        -webkit-backdrop-filter: blur(18px) saturate(1.18);\r\n    }\r\n\r\n    .subject-intel .profile-actions {\r\n        margin-top: auto;\r\n    }\r\n\r\n    .card-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        margin-bottom: 14px;\r\n        color: var(--muted);\r\n        font-size: 12px;\r\n        line-height: 1.3;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.08em;\r\n        background: transparent;\r\n        border: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .media-browser-head .card-header {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .profile-top {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        min-width: 0;\r\n    }\r\n\r\n    .profile-name-block,\r\n    .profile-skeleton-lines {\r\n        flex: 1 1 auto;\r\n        min-width: 0;\r\n    }\r\n\r\n    .avatar-lg {\r\n        width: 72px;\r\n        height: 72px;\r\n        border-radius: 50%;\r\n        padding: 4px;\r\n        border: 1px solid var(--border-strong);\r\n        background: rgba(255, 255, 255, 0.12);\r\n        flex: 0 0 auto;\r\n    }\r\n\r\n    .avatar-lg img {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    .ipgv-profile-handle {\r\n        margin: 0;\r\n        font-size: 21px;\r\n        line-height: 1.15;\r\n        font-weight: 800;\r\n        letter-spacing: -0.01em;\r\n        color: var(--text);\r\n    }\r\n\r\n    .ipgv-profile-name {\r\n        margin: 5px 0 0;\r\n        color: var(--muted);\r\n        font-size: 13px;\r\n        line-height: 1.3;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .bio {\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        margin: 0;\r\n        color: var(--muted);\r\n        font-size: 13px;\r\n        line-height: 1.55;\r\n    }\r\n\r\n    .profile-stat-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 10px;\r\n        height: 100%;\r\n    }\r\n\r\n    .profile-stat-grid.two-up {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        height: auto;\r\n    }\r\n\r\n    .profile-stat {\r\n        min-height: 64px;\r\n        padding: 12px 14px;\r\n        border-radius: 10px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        background:\r\n            linear-gradient(145deg, rgba(255,255,255,0.115) 0%, rgba(255,255,255,0.045) 100%),\r\n            rgba(8,15,28,0.24);\r\n        border: 1px solid rgba(255, 255, 255, 0.16);\r\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 7px 18px rgba(0,0,0,0.16);\r\n        backdrop-filter: blur(16px) saturate(1.16);\r\n        -webkit-backdrop-filter: blur(16px) saturate(1.16);\r\n        transition: transform 200ms var(--ease), border-color 200ms var(--ease);\r\n    }\r\n\r\n    .profile-stat:hover {\r\n        transform: translateY(-1px);\r\n        border-color: rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    .profile-stat strong {\r\n        display: block;\r\n        color: var(--text);\r\n        font-size: 19px;\r\n        line-height: 1.1;\r\n        font-weight: 800;\r\n        overflow-wrap: anywhere;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .profile-stat span {\r\n        display: block;\r\n        margin-top: 5px;\r\n        color: var(--quiet);\r\n        font-size: 11px;\r\n        line-height: 1.35;\r\n        font-weight: 600;\r\n        letter-spacing: 0.03em;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .risk-pill {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        color: var(--accent-2);\r\n    }\r\n\r\n    .report-btn {\r\n        width: 100% !important;\r\n        min-height: 44px !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n        border-radius: 8px !important;\r\n        background: rgba(255, 255, 255, 0.09) !important;\r\n        color: var(--text) !important;\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        gap: 8px !important;\r\n        min-width: 0 !important;\r\n        font-size: 14px !important;\r\n        font-weight: 800 !important;\r\n        text-align: center !important;\r\n        overflow-wrap: anywhere !important;\r\n        transition: background 180ms var(--ease), border-color 180ms var(--ease), transform 180ms var(--ease) !important;\r\n    }\r\n\r\n    .profile-actions {\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 1fr) 46px;\r\n        gap: 10px;\r\n        margin-top: auto;\r\n    }\r\n\r\n    .report-btn.icon-only {\r\n        padding: 0 !important;\r\n        font-size: 18px !important;\r\n    }\r\n\r\n    .report-btn:hover {\r\n        transform: translateY(-1px) !important;\r\n        background: rgba(255, 255, 255, 0.14) !important;\r\n        border-color: var(--border-strong) !important;\r\n    }\r\n\r\n    .profile-image-container {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .view-profile-img {\r\n        position: absolute !important;\r\n        right: -4px !important;\r\n        bottom: -4px !important;\r\n        width: 28px !important;\r\n        height: 28px !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.22) !important;\r\n        border-radius: 8px !important;\r\n        display: grid !important;\r\n        place-items: center !important;\r\n        background: rgba(20, 5, 25, 0.82) !important;\r\n        color: var(--text) !important;\r\n        font-size: 12px !important;\r\n    }\r\n\r\n    .profile-link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 7px;\r\n        max-width: 100%;\r\n        margin-top: 12px;\r\n        color: var(--accent);\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        text-decoration: none;\r\n        overflow-wrap: anywhere;\r\n        line-height: 1.35;\r\n    }\r\n\r\n    .profile-link span {\r\n        min-width: 0;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .ipgv-private-msg,\r\n    .ipgv-no-result {\r\n        margin: 0;\r\n        padding: 16px;\r\n        border-radius: 8px;\r\n        background: rgba(20, 5, 25, 0.22);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        color: var(--muted);\r\n        font-size: 14px;\r\n        line-height: 1.55;\r\n        font-weight: 700;\r\n        text-align: center;\r\n    }\r\n\r\n    .content-list {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        gap: 12px;\r\n    }\r\n\r\n    .media-item {\r\n        position: relative;\r\n        aspect-ratio: 1 \/ 1;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(255, 255, 255, 0.14);\r\n        background: rgba(20, 5, 25, 0.28);\r\n    }\r\n\r\n    .media-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        object-fit: cover;\r\n        transition: transform 520ms var(--ease), filter 520ms var(--ease);\r\n    }\r\n\r\n    .media-item::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: auto 0 0;\r\n        height: 42%;\r\n        background: linear-gradient(180deg, transparent, rgba(20, 5, 25, 0.72));\r\n    }\r\n\r\n    .media-meta {\r\n        position: absolute;\r\n        left: 10px;\r\n        right: 10px;\r\n        bottom: 10px;\r\n        z-index: 1;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 8px;\r\n        color: var(--text);\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .media-item:hover img {\r\n        transform: scale(1.06);\r\n        filter: saturate(1.08);\r\n    }\r\n\r\n    .media-browser {\r\n        overflow: visible;\r\n    }\r\n\r\n    .media-browser-head {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        gap: 16px;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .media-tabs {\r\n        display: inline-flex;\r\n        flex-wrap: wrap;\r\n        gap: 6px;\r\n        padding: 5px;\r\n        border-radius: 8px;\r\n        background: rgba(20, 5, 25, 0.26);\r\n        border: 1px solid rgba(255, 255, 255, 0.12);\r\n    }\r\n\r\n    .tab-btn {\r\n        min-height: 34px !important;\r\n        border: 0 !important;\r\n        border-radius: 7px !important;\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        gap: 7px !important;\r\n        padding: 0 12px !important;\r\n        background: transparent !important;\r\n        color: var(--quiet) !important;\r\n        font-size: 12px !important;\r\n        font-weight: 800 !important;\r\n        transition: background 180ms var(--ease), color 180ms var(--ease) !important;\r\n    }\r\n\r\n    .tab-btn.active {\r\n        background: rgba(255, 255, 255, 0.13) !important;\r\n        color: var(--text) !important;\r\n    }\r\n\r\n    .ig-tab-content {\r\n        min-height: 220px;\r\n    }\r\n\r\n    .posts-grid,\r\n    .reels-grid,\r\n    .stories-container,\r\n    .highlights-container,\r\n    .skeleton-posts-grid,\r\n    .skeleton-reels-grid,\r\n    .skeleton-stories-container,\r\n    .skeleton-highlights-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        gap: 14px;\r\n    }\r\n\r\n    .story-card,\r\n    .post-card,\r\n    .reel-card,\r\n    .highlight-card,\r\n    .skeleton-post,\r\n    .skeleton-story,\r\n    .skeleton-reel,\r\n    .skeleton-highlight {\r\n        min-width: 0;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        background: rgba(20, 5, 25, 0.22);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .post-img-container,\r\n    .story-img-container,\r\n    .reel-img-container,\r\n    .highlight-img-container {\r\n        position: relative;\r\n        aspect-ratio: 1 \/ 1;\r\n        overflow: hidden;\r\n        background: rgba(20, 5, 25, 0.28);\r\n    }\r\n\r\n    .story-img-container {\r\n        aspect-ratio: 9 \/ 16;\r\n    }\r\n\r\n    .reel-img-container {\r\n        aspect-ratio: 9 \/ 14;\r\n    }\r\n\r\n    .post-thumb,\r\n    .story-thumb,\r\n    .reel-thumb,\r\n    .highlight-thumb,\r\n    .post-video,\r\n    .story-video,\r\n    .reel-video {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: block;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .post-overlay,\r\n    .story-overlay,\r\n    .reel-overlay,\r\n    .highlight-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        background: rgba(20, 5, 25, 0.36);\r\n        opacity: 0;\r\n        transition: opacity 180ms var(--ease);\r\n    }\r\n\r\n    .post-img-container:hover .post-overlay,\r\n    .story-img-container:hover .story-overlay,\r\n    .reel-img-container:hover .reel-overlay,\r\n    .highlight-img-container:hover .highlight-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .post-view-btn,\r\n    .story-view-btn,\r\n    .reel-view-btn,\r\n    .post-fullscreen-btn,\r\n    .story-fullscreen-btn,\r\n    .reel-fullscreen-btn,\r\n    .highlight-view-btn {\r\n        width: 42px;\r\n        height: 42px;\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        border-radius: 8px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(248, 250, 252, 0.94);\r\n        color: var(--ink);\r\n        font-size: 14px;\r\n        transition: transform 180ms var(--ease);\r\n    }\r\n\r\n    .post-view-btn:hover,\r\n    .story-view-btn:hover,\r\n    .reel-view-btn:hover,\r\n    .post-fullscreen-btn:hover,\r\n    .story-fullscreen-btn:hover,\r\n    .reel-fullscreen-btn:hover,\r\n    .highlight-view-btn:hover {\r\n        transform: translateY(-1px);\r\n    }\r\n\r\n    .media-type-indicator {\r\n        position: absolute;\r\n        z-index: 2;\r\n        left: 10px;\r\n        top: 10px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        padding: 6px 8px;\r\n        border-radius: 999px;\r\n        background: rgba(20, 5, 25, 0.78);\r\n        color: var(--text);\r\n        font-size: 11px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .post-meta,\r\n    .story-meta,\r\n    .reel-meta,\r\n    .highlight-meta {\r\n        padding: 13px;\r\n    }\r\n\r\n    .post-stats-row,\r\n    .story-stats-row,\r\n    .reel-stats-row {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 10px;\r\n        margin-bottom: 9px;\r\n    }\r\n\r\n    .post-stats,\r\n    .reel-stats {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        color: var(--muted);\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .post-download-btn,\r\n    .story-download-btn,\r\n    .reel-download-btn,\r\n    .download-btn,\r\n    .ipgv-modal-download-btn {\r\n        border: 1px solid rgba(255, 255, 255, 0.16);\r\n        border-radius: 8px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 7px;\r\n        min-width: 0;\r\n        min-height: 34px;\r\n        padding: 0 10px;\r\n        background: rgba(255, 255, 255, 0.09);\r\n        color: var(--text);\r\n        font-size: 12px;\r\n        font-weight: 800;\r\n        text-align: center;\r\n    }\r\n\r\n    .post-download-btn,\r\n    .story-download-btn,\r\n    .reel-download-btn,\r\n    .download-btn {\r\n        flex: 0 0 36px;\r\n        width: 36px;\r\n        height: 34px;\r\n        padding: 0;\r\n    }\r\n\r\n    .ipgv-modal-download-btn {\r\n        width: min(100%, 240px);\r\n        padding: 0 16px;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .ipgv-caption {\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        min-height: 38px;\r\n        margin: 0 0 8px;\r\n        color: var(--muted);\r\n        font-size: 12px;\r\n        line-height: 1.55;\r\n    }\r\n\r\n    .ipgv-time {\r\n        color: var(--quiet);\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .ipgv-highlight-title {\r\n        margin: 0;\r\n        color: var(--text);\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .ipgv-highlight-count,\r\n    .ipgv-highlight-user {\r\n        display: block;\r\n        margin-top: 5px;\r\n        color: var(--quiet);\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .highlight-items {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, minmax(0, 1fr));\r\n        gap: 8px;\r\n        padding: 0 13px 13px;\r\n    }\r\n\r\n    .highlight-item {\r\n        border: 0;\r\n        padding: 0;\r\n        background: transparent;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .highlight-item img {\r\n        width: 100%;\r\n        aspect-ratio: 1 \/ 1;\r\n        object-fit: cover;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    .skeleton-post-img,\r\n    .skeleton-story-img,\r\n    .skeleton-reel-img,\r\n    .skeleton-highlight-img {\r\n        aspect-ratio: 1 \/ 1;\r\n        background: linear-gradient(100deg, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.08) 80%);\r\n        background-size: 220% 100%;\r\n    }\r\n\r\n    .skeleton-story-img,\r\n    .skeleton-reel-img {\r\n        aspect-ratio: 9 \/ 14;\r\n    }\r\n\r\n    .skeleton-post-meta,\r\n    .skeleton-story-meta,\r\n    .skeleton-reel-meta,\r\n    .skeleton-highlight-title {\r\n        padding: 12px;\r\n    }\r\n\r\n    .skeleton-post-caption,\r\n    .skeleton-post-caption-short,\r\n    .skeleton-post-time,\r\n    .skeleton-reel-caption,\r\n    .skeleton-reel-caption-short,\r\n    .skeleton-reel-time,\r\n    .skeleton-story-time,\r\n    .skeleton-highlight-title,\r\n    .skeleton-post-stat,\r\n    .skeleton-reel-stat {\r\n        height: 12px;\r\n        margin-bottom: 9px;\r\n        border-radius: 999px;\r\n        background: rgba(255, 255, 255, 0.12);\r\n    }\r\n\r\n    .skeleton-post-caption-short,\r\n    .skeleton-reel-caption-short {\r\n        width: 70%;\r\n    }\r\n\r\n    .skeleton-post-time,\r\n    .skeleton-reel-time,\r\n    .skeleton-story-time {\r\n        width: 44%;\r\n    }\r\n\r\n    .ipgv-profile-img-modal,\r\n    .ipgv-media-modal {\r\n        position: fixed;\r\n        inset: 0;\r\n        z-index: 10020;\r\n        display: grid;\r\n        place-items: center;\r\n        padding: 20px;\r\n        opacity: 0;\r\n        pointer-events: none;\r\n        transition: opacity 220ms var(--ease);\r\n    }\r\n\r\n    .ipgv-profile-img-modal.active,\r\n    .ipgv-media-modal.active {\r\n        opacity: 1;\r\n        pointer-events: auto;\r\n    }\r\n\r\n    .ipgv-modal-backdrop {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: rgba(20, 5, 25, 0.76);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .ipgv-modal-content {\r\n        margin-top: 44px;\r\n        position: relative;\r\n        z-index: 1;\r\n        width: min(920px, 94vw);\r\n        max-height: 88vh;\r\n        border-radius: 8px;\r\n        border: 1px solid var(--border);\r\n        background: linear-gradient(180deg, rgba(42, 62, 88, 0.98), rgba(22, 35, 53, 0.98));\r\n        box-shadow: var(--shadow);\r\n        padding: 18px;\r\n        display: grid;\r\n        gap: 14px;\r\n    }\r\n\r\n    .ipgv-modal-img,\r\n    .ipgv-modal-media {\r\n        max-width: 100%;\r\n        max-height: 70vh;\r\n        justify-self: center;\r\n        object-fit: contain;\r\n        border-radius: 8px;\r\n        background: rgba(20, 5, 25, 0.38);\r\n    }\r\n\r\n    .ipgv-modal-actions {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .ipgv-close-modal {\r\n        position: absolute;\r\n        right: 12px;\r\n        top: 12px;\r\n        width: 38px;\r\n        height: 38px;\r\n        border: 1px solid rgba(255, 255, 255, 0.16);\r\n        border-radius: 8px;\r\n        padding: 0;\r\n        display: grid;\r\n        place-items: center;\r\n        background: rgba(20, 5, 25, 0.76);\r\n        color: var(--text);\r\n        line-height: 1;\r\n    }\r\n\r\n    body.ipgv-modal-open {\r\n        overflow: hidden;\r\n    }\r\n\r\n    #toast-container {\r\n        position: fixed;\r\n        top: 18px;\r\n        right: 18px;\r\n        z-index: 10030;\r\n        width: min(390px, calc(100vw - 28px));\r\n    }\r\n\r\n    .download-toast {\r\n        margin-bottom: 12px;\r\n        padding: 16px;\r\n        border-radius: 8px;\r\n        border: 1px solid var(--border);\r\n        border-left: 4px solid var(--accent);\r\n        background: linear-gradient(180deg, rgba(42, 62, 88, 0.98), rgba(22, 35, 53, 0.98));\r\n        box-shadow: var(--shadow);\r\n        color: var(--text);\r\n        animation: toastSlideIn 220ms var(--ease);\r\n    }\r\n\r\n    .download-toast.success {\r\n        border-left-color: var(--accent-2);\r\n    }\r\n\r\n    .download-toast.error {\r\n        border-left-color: var(--danger);\r\n    }\r\n\r\n    .toast-topline {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 10px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .toast-title {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .toast-file,\r\n    .download-status,\r\n    .download-percentage {\r\n        color: var(--muted);\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .toast-file {\r\n        margin-bottom: 8px;\r\n        overflow-wrap: anywhere;\r\n    }\r\n\r\n    .toast-progress-meta {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        gap: 10px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .progress-container {\r\n        width: 100%;\r\n        height: 6px;\r\n        border-radius: 999px;\r\n        overflow: hidden;\r\n        background: rgba(255, 255, 255, 0.12);\r\n    }\r\n\r\n    .progress-bar {\r\n        width: 0%;\r\n        height: 100%;\r\n        border-radius: inherit;\r\n        background: linear-gradient(90deg, var(--accent), var(--accent-2));\r\n        transition: width 180ms var(--ease);\r\n    }\r\n\r\n    .cancel-download {\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 1px solid rgba(255, 255, 255, 0.16);\r\n        border-radius: 8px;\r\n        padding: 0;\r\n        display: grid;\r\n        place-items: center;\r\n        background: rgba(255, 127, 143, 0.16);\r\n        color: var(--text);\r\n        line-height: 1;\r\n    }\r\n\r\n    @keyframes toastSlideIn {\r\n        from { transform: translateX(24px); opacity: 0; }\r\n        to { transform: translateX(0); opacity: 1; }\r\n    }\r\n\r\n    .insight-stack {\r\n        display: grid;\r\n        gap: 12px;\r\n    }\r\n\r\n    .insight {\r\n        display: grid;\r\n        grid-template-columns: 38px minmax(0, 1fr) auto;\r\n        align-items: center;\r\n        gap: 12px;\r\n        min-height: 62px;\r\n        padding: 11px;\r\n        border-radius: 8px;\r\n        background: rgba(20, 5, 25, 0.22);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .insight i {\r\n        width: 38px;\r\n        height: 38px;\r\n        border-radius: 8px;\r\n        display: grid;\r\n        place-items: center;\r\n        background: rgba(98, 212, 255, 0.12);\r\n        color: var(--accent);\r\n        font-size: 19px;\r\n    }\r\n\r\n    .insight strong {\r\n        display: block;\r\n        color: var(--text);\r\n        font-size: 14px;\r\n        line-height: 1.3;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .insight span {\r\n        display: block;\r\n        margin-top: 3px;\r\n        color: var(--quiet);\r\n        font-size: 12px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .insight-score {\r\n        color: var(--accent-2);\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .shimmer {\r\n        background: linear-gradient(100deg, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.19) 50%, rgba(255, 255, 255, 0.08) 80%);\r\n        background-size: 220% 100%;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    @keyframes shimmer {\r\n        0% { background-position: 220% 0; }\r\n        100% { background-position: -220% 0; }\r\n    }\r\n\r\n    @keyframes spin {\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    .skel-circle {\r\n        width: 84px;\r\n        height: 84px;\r\n        border-radius: 50%;\r\n        flex: 0 0 auto;\r\n    }\r\n\r\n    .skel-line-lg {\r\n        height: 26px;\r\n        width: 72%;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .skel-line-sm {\r\n        height: 15px;\r\n        width: 48%;\r\n    }\r\n\r\n    .skel-copy {\r\n        height: 15px;\r\n        width: 100%;\r\n        margin-top: 14px;\r\n    }\r\n\r\n    .skel-copy.short {\r\n        width: 72%;\r\n    }\r\n\r\n    .skel-media {\r\n        aspect-ratio: 1 \/ 1;\r\n        width: 100%;\r\n    }\r\n\r\n    .skel-tile-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 10px;\r\n        margin-top: 18px;\r\n    }\r\n\r\n    .skel-action-row {\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 1fr) 46px;\r\n        gap: 10px;\r\n        margin-top: 18px;\r\n    }\r\n\r\n    .skel-subject-row {\r\n        display: grid;\r\n        grid-template-columns: minmax(230px, 1.05fr) minmax(240px, 1fr) minmax(300px, 1.2fr);\r\n        gap: 18px;\r\n    }\r\n\r\n\r\n    .ipgv-feature-card {\r\n        padding: 22px;\r\n    }\r\n\r\n    .ipgv-feature-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 12px;\r\n    }\r\n\r\n    .ipgv-feature-item {\r\n        min-height: 76px;\r\n        padding: 14px;\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        background: linear-gradient(145deg, rgba(255,255,255,0.06) 0%, rgba(8,15,28,0.3) 100%);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 4px 14px rgba(8,15,28,0.12);\r\n        transition: transform 200ms var(--ease), border-color 200ms var(--ease);\r\n    }\r\n\r\n    .ipgv-feature-item:hover {\r\n        transform: translateY(-1px);\r\n        border-color: rgba(255, 255, 255, 0.18);\r\n    }\r\n\r\n    .ipgv-feature-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n        border-radius: 10px;\r\n        display: grid;\r\n        place-items: center;\r\n        background: rgba(98, 212, 255, 0.12);\r\n        color: var(--accent);\r\n        font-size: 18px;\r\n        flex: 0 0 auto;\r\n    }\r\n\r\n    .ipgv-feature-item:nth-child(2) .ipgv-feature-icon {\r\n        background: rgba(142, 240, 192, 0.12);\r\n        color: var(--accent-2);\r\n    }\r\n\r\n    .ipgv-feature-item:nth-child(3) .ipgv-feature-icon {\r\n        background: rgba(248, 199, 107, 0.12);\r\n        color: var(--warning);\r\n    }\r\n\r\n    .ipgv-feature-item:nth-child(4) .ipgv-feature-icon {\r\n        background: rgba(255, 127, 143, 0.12);\r\n        color: var(--danger);\r\n    }\r\n\r\n    .ipgv-feature-text strong {\r\n        display: block;\r\n        color: var(--text);\r\n        font-size: 13px;\r\n        line-height: 1.25;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .ipgv-feature-text span {\r\n        display: block;\r\n        margin-top: 3px;\r\n        color: var(--quiet);\r\n        font-size: 11px;\r\n        line-height: 1.35;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .ipgv-load-more {\r\n        width: 100%;\r\n        margin-top: 18px;\r\n        padding: 14px;\r\n        border-radius: 10px;\r\n        border: 1px solid rgba(255, 255, 255, 0.12);\r\n        background: linear-gradient(145deg, rgba(255,255,255,0.06) 0%, rgba(8,15,28,0.3) 100%);\r\n        color: var(--text);\r\n        font-family: inherit;\r\n        font-size: 14px;\r\n        font-weight: 800;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        cursor: pointer;\r\n        transition: transform 200ms var(--ease), border-color 200ms var(--ease), box-shadow 200ms var(--ease);\r\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 4px 14px rgba(8,15,28,0.12);\r\n    }\r\n\r\n    .ipgv-load-more:hover {\r\n        transform: translateY(-1px);\r\n        border-color: rgba(98, 212, 255, 0.4);\r\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 6px 20px rgba(8,15,28,0.2);\r\n    }\r\n\r\n    .ipgv-load-more:disabled {\r\n        opacity: 0.5;\r\n        cursor: wait;\r\n        transform: none;\r\n    }\r\n\r\n    \/* Contrast tuning for medium theme background *\/\r\n    .workspace {\r\n        color: #f9f4ff;\r\n    }\r\n\r\n    .search-panel,\r\n    .dash-card,\r\n    .subject-cell,\r\n    .profile-stat,\r\n    .mini-stat,\r\n    .story-card,\r\n    .post-card,\r\n    .reel-card,\r\n    .highlight-card,\r\n    .skeleton-post,\r\n    .skeleton-story,\r\n    .skeleton-reel,\r\n    .skeleton-highlight {\r\n        border-color: rgba(255, 255, 255, 0.24);\r\n        box-shadow: 0 12px 34px rgba(35, 12, 54, 0.3);\r\n    }\r\n\r\n    .search-panel,\r\n    .dash-card {\r\n        background: linear-gradient(145deg, rgb(124 120 126 \/ 42%), rgba(255, 255, 255, 0.055)), rgba(9, 15, 28, 0.38);\r\n    }\r\n\r\n    .subject-cell,\r\n    .profile-stat,\r\n    .mini-stat,\r\n    .media-tabs,\r\n    .ipgv-private-msg,\r\n    .ipgv-no-result,\r\n    .story-card,\r\n    .post-card,\r\n    .reel-card,\r\n    .highlight-card {\r\n        background-color: rgba(30, 9, 48, 0.06);\r\n    }\r\n\r\n    .workspace .search-module input.search-input[type=\"text\"]::placeholder,\r\n    .workspace #searchInput.search-input::placeholder {\r\n        color: rgba(238, 226, 250, 0.9);\r\n    }\r\n\r\n    .ipgv-hero-desc,\r\n    .card-header,\r\n    .ipgv-profile-name,\r\n    .bio {\r\n        color: #f0e4fb;\r\n    }\r\n\r\n    .mini-stat strong,\r\n    .ipgv-hero-title {\r\n        background: linear-gradient(180deg, #ffffff 0%, #eedbff 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .tab-btn {\r\n        color: #ebdef8 !important;\r\n    }\r\n\r\n    .tab-btn.active {\r\n        background: rgba(255, 255, 255, 0.22) !important;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .ipgv-search-message,\r\n    .ipgv-search-message.is-info {\r\n        color: #fff2fb;\r\n        border-color: rgba(255, 255, 255, 0.32);\r\n    }\r\n\r\n    .ipgv-modal-content,\r\n    .download-toast {\r\n        border-color: rgba(255, 255, 255, 0.26);\r\n        color: #f8f1ff;\r\n    }\r\n\r\n    .workspace .search-module button.search-btn#actionBtn {\r\n        background: linear-gradient(135deg, #f7ecff 0%, #efe0ff 100%);\r\n        color: #341651;\r\n    }\r\n    @media (min-width: 768px) {\r\n        .workspace {\r\n            padding: 34px 28px 54px;\r\n        }\r\n\r\n        .ipgv-hero-title {\r\n            font-size: 46px;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 768px) and (max-width: 1024.98px) {\r\n        .workspace {\r\n            padding: 28px 22px 44px;\r\n        }\r\n\r\n        .search-panel {\r\n            max-width: 820px;\r\n        }\r\n\r\n        .posts-grid,\r\n        .reels-grid,\r\n        .stories-container,\r\n        .highlights-container,\r\n        .skeleton-posts-grid,\r\n        .skeleton-reels-grid,\r\n        .skeleton-stories-container,\r\n        .skeleton-highlights-container {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        }\r\n\r\n        .ipgv-modal-content {\r\n            width: min(820px, calc(100vw - 32px));\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1199.98px) {\r\n        .subject-row,\r\n        .skel-subject-row {\r\n            grid-template-columns: 1fr 1fr;\r\n        }\r\n\r\n        .subject-intel,\r\n        .skel-subject-row .subject-cell:last-child {\r\n            grid-column: 1 \/ -1;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 767.98px) {\r\n        .workspace {\r\n            padding: 16px 12px 30px;\r\n        }\r\n\r\n        .hero {\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .search-panel,\r\n        .dash-card {\r\n            padding: 15px;\r\n            background: linear-gradient(145deg, rgb(124 120 126 \/ 42%), rgba(255, 255, 255, 0.055)), rgba(9, 15, 28, 0.38);\r\n            backdrop-filter: blur(22px) saturate(1.28);\r\n            -webkit-backdrop-filter: blur(22px) saturate(1.28);\r\n        }\r\n\r\n        .ipgv-hero-title {\r\n            font-size: clamp(29px, 8vw, 36px);\r\n        }\r\n\r\n        .ipgv-hero-desc {\r\n            font-size: 13px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .mini-stats {\r\n            grid-template-columns: repeat(3, minmax(0, 1fr));\r\n            gap: 6px;\r\n        }\r\n\r\n        .mini-stat {\r\n            padding: 8px 7px;\r\n        }\r\n\r\n        .panel-head {\r\n            flex-wrap: wrap;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .search-module {\r\n            grid-template-columns: 44px minmax(0, 1fr);\r\n            min-height: 58px;\r\n            padding-bottom: 8px;\r\n        }\r\n\r\n        .workspace .search-module input.search-input[type=\"text\"],\r\n        .workspace #searchInput.search-input {\r\n            height: 56px;\r\n            font-size: 15px;\r\n            line-height: 56px;\r\n        }\r\n\r\n        .workspace .search-module button.search-btn#actionBtn {\r\n            grid-column: 1 \/ -1;\r\n            min-height: 42px;\r\n            height: 42px;\r\n            width: calc(100% - 16px);\r\n            margin: 0 8px;\r\n        }\r\n\r\n        .dashboard-column {\r\n            gap: 14px;\r\n        }\r\n\r\n        .subject-row-card {\r\n            padding: 13px;\r\n        }\r\n\r\n        .subject-cell {\r\n            min-height: 0;\r\n            padding: 13px;\r\n        }\r\n\r\n        .avatar-lg {\r\n            width: 64px;\r\n            height: 64px;\r\n        }\r\n\r\n        .ipgv-profile-handle {\r\n            font-size: 19px;\r\n        }\r\n\r\n        .profile-stat-grid,\r\n        .profile-stat-grid.two-up {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 8px;\r\n        }\r\n\r\n        .profile-stat {\r\n            min-height: 54px;\r\n            padding: 9px;\r\n        }\r\n\r\n        .profile-stat strong {\r\n            font-size: 17px;\r\n        }\r\n\r\n        .profile-stat span {\r\n            margin-top: 4px;\r\n            font-size: 10px;\r\n        }\r\n\r\n        .content-list {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 10px;\r\n        }\r\n\r\n        .media-browser-head {\r\n            align-items: flex-start;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .media-tabs {\r\n            width: 100%;\r\n        }\r\n\r\n        .tab-btn {\r\n            flex: 1 1 calc(50% - 4px) !important;\r\n            min-height: 32px !important;\r\n            font-size: 11px !important;\r\n        }\r\n\r\n        .posts-grid,\r\n        .reels-grid,\r\n        .stories-container,\r\n        .highlights-container,\r\n        .skeleton-posts-grid,\r\n        .skeleton-reels-grid,\r\n        .skeleton-stories-container,\r\n        .skeleton-highlights-container {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 10px;\r\n        }\r\n\r\n        .highlight-items {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        }\r\n\r\n        .insight {\r\n            grid-template-columns: 38px minmax(0, 1fr);\r\n        }\r\n\r\n        .insight-score {\r\n            grid-column: 2;\r\n        }\r\n\r\n        .skel-tile-grid {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 8px;\r\n        }\r\n\r\n        .subject-row,\r\n        .skel-subject-row {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .subject-intel,\r\n        .skel-subject-row .subject-cell:last-child {\r\n            grid-column: auto;\r\n        }\r\n\r\n        .ipgv-modal-content {\r\n            width: calc(100vw - 40px);\r\n            max-height: calc(100vh - 40px);\r\n            margin-top: 0;\r\n            padding: 14px;\r\n        }\r\n\r\n        .ipgv-modal-media,\r\n        .ipgv-modal-img {\r\n            max-height: calc(100vh - 120px);\r\n        }\r\n\r\n        #toast-container {\r\n            top: 10px;\r\n            right: 10px;\r\n            width: calc(100vw - 20px);\r\n        }\r\n\r\n        .post-stats-row,\r\n        .story-stats-row,\r\n        .reel-stats-row {\r\n            gap: 8px;\r\n        }\r\n\r\n        .post-download-btn,\r\n        .story-download-btn,\r\n        .reel-download-btn,\r\n        .download-btn {\r\n            flex-basis: 36px;\r\n            width: 36px;\r\n            height: 34px;\r\n            min-height: 34px;\r\n            padding: 0;\r\n        }\r\n\r\n        .ipgv-modal-actions {\r\n            width: 100%;\r\n        }\r\n\r\n        .ipgv-modal-download-btn {\r\n            width: 100%;\r\n            max-width: 320px;\r\n            min-height: 42px;\r\n            padding: 0 14px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 430px) {\r\n        .workspace {\r\n            padding: 14px 9px 26px;\r\n        }\r\n\r\n        .hero {\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .search-panel,\r\n        .dash-card {\r\n            padding: 12px;\r\n            border-radius: 10px;\r\n        }\r\n\r\n        .eyebrow {\r\n            margin-bottom: 14px;\r\n            padding: 6px 8px;\r\n            font-size: 10px;\r\n        }\r\n\r\n        .ipgv-hero-title {\r\n            font-size: 28px;\r\n            line-height: 1.05;\r\n        }\r\n\r\n        .ipgv-hero-desc {\r\n            margin-top: 10px;\r\n            font-size: 12px;\r\n        }\r\n\r\n        .mini-stats {\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .mini-stat strong {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .mini-stat span {\r\n            font-size: 8px;\r\n        }\r\n\r\n        .search-panel {\r\n            gap: 12px;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .ipgv-panel-title,\r\n        .system-state {\r\n            font-size: 11px;\r\n        }\r\n\r\n        .card-header {\r\n            margin-bottom: 10px;\r\n            font-size: 10px;\r\n        }\r\n\r\n        .subject-row-card {\r\n            padding: 12px;\r\n        }\r\n\r\n        .subject-cell {\r\n            padding: 12px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .profile-stat-grid,\r\n        .profile-stat-grid.two-up {\r\n            gap: 7px;\r\n        }\r\n\r\n        .media-tabs {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 5px;\r\n            padding: 4px;\r\n        }\r\n\r\n        .tab-btn {\r\n            width: 100% !important;\r\n            min-height: 30px !important;\r\n            padding: 0 7px !important;\r\n        }\r\n\r\n        .post-meta,\r\n        .story-meta,\r\n        .reel-meta,\r\n        .highlight-meta {\r\n            padding: 9px;\r\n        }\r\n\r\n        .post-stats,\r\n        .reel-stats {\r\n            gap: 8px;\r\n            font-size: 11px;\r\n        }\r\n\r\n        .post-stats-row,\r\n        .story-stats-row,\r\n        .reel-stats-row {\r\n            gap: 7px;\r\n        }\r\n\r\n        .post-download-btn,\r\n        .story-download-btn,\r\n        .reel-download-btn,\r\n        .download-btn {\r\n            flex-basis: 34px;\r\n            width: 34px;\r\n            height: 32px;\r\n            min-height: 32px;\r\n            padding: 0;\r\n            font-size: 11px;\r\n        }\r\n\r\n        .ipgv-modal-actions {\r\n            width: 100%;\r\n        }\r\n\r\n        .ipgv-modal-download-btn {\r\n            width: 100%;\r\n            min-height: 42px;\r\n            padding: 0 12px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 374px) {\r\n        .workspace {\r\n            padding: 12px 7px 24px;\r\n        }\r\n\r\n        .ipgv-hero-title {\r\n            font-size: 25px;\r\n        }\r\n\r\n        .ipgv-hero-desc {\r\n            font-size: 11px;\r\n        }\r\n\r\n        .mini-stats {\r\n            gap: 5px;\r\n        }\r\n\r\n        .mini-stat {\r\n            padding: 6px 4px;\r\n        }\r\n\r\n        .mini-stat strong {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .mini-stat span {\r\n            font-size: 8px;\r\n        }\r\n\r\n        .search-module {\r\n            grid-template-columns: 38px minmax(0, 1fr);\r\n            min-height: 54px;\r\n        }\r\n\r\n        .search-icon {\r\n            font-size: 19px;\r\n        }\r\n\r\n        .workspace .search-module input.search-input[type=\"text\"],\r\n        .workspace #searchInput.search-input {\r\n            height: 52px;\r\n            font-size: 13px;\r\n            line-height: 52px;\r\n        }\r\n\r\n        .workspace .search-module button.search-btn#actionBtn {\r\n            min-height: 40px;\r\n            height: 40px;\r\n            font-size: 13px;\r\n        }\r\n\r\n        .profile-top {\r\n            gap: 10px;\r\n        }\r\n\r\n        .avatar-lg {\r\n            width: 56px;\r\n            height: 56px;\r\n        }\r\n\r\n        .ipgv-profile-handle {\r\n            font-size: 17px;\r\n        }\r\n\r\n        .ipgv-profile-name,\r\n        .bio,\r\n        .profile-link {\r\n            font-size: 12px;\r\n        }\r\n\r\n        .report-btn {\r\n            min-height: 40px !important;\r\n            padding: 0 8px !important;\r\n            font-size: 12px !important;\r\n        }\r\n\r\n        .post-stats-row,\r\n        .story-stats-row,\r\n        .reel-stats-row {\r\n            gap: 6px;\r\n        }\r\n\r\n        .post-download-btn,\r\n        .story-download-btn,\r\n        .reel-download-btn,\r\n        .download-btn {\r\n            flex-basis: 32px;\r\n            width: 32px;\r\n            height: 32px;\r\n            min-height: 32px;\r\n            padding: 0;\r\n        }\r\n\r\n        .content-list,\r\n        .posts-grid,\r\n        .reels-grid,\r\n        .stories-container,\r\n        .highlights-container,\r\n        .skeleton-posts-grid,\r\n        .skeleton-reels-grid,\r\n        .skeleton-stories-container,\r\n        .skeleton-highlights-container {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .profile-actions {\r\n            grid-template-columns: minmax(0, 1fr) 42px;\r\n        }\r\n    }\r\n\r\n    \/* WordPress theme hardening: keep these widget controls isolated from global button styles. *\/\r\n    .entry-content .workspace .view-profile-img,\r\n    .wp-site-blocks .workspace .view-profile-img,\r\n    .workspace .view-profile-img {\r\n        appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n    position: absolute !important;\r\n    right: -7px !important;\r\n    bottom: -4px !important;\r\n    z-index: 3 !important;\r\n    width: 14px !important;\r\n    min-width: 25px !important;\r\n    max-width: 28px !important;\r\n    height: 30px !important;\r\n    min-height: 25px !important;\r\n    max-height: 24px !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.28) !important;\r\n    border-radius: 8px !important;\r\n    display: inline-grid !important;\r\n    place-items: center !important;\r\n    background: rgba(20, 5, 25, 0.86) !important;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28) !important;\r\n    line-height: 1 !important;\r\n    text-align: center !important;\r\n    text-decoration: none !important;\r\n    cursor: pointer !important;\r\n    }\r\n\r\n    .entry-content .workspace .view-profile-img i,\r\n    .wp-site-blocks .workspace .view-profile-img i,\r\n    .workspace .view-profile-img i {\r\n        width: 1em !important;\r\n        height: 1em !important;\r\n        margin: 0 !important;\r\n        display: block !important;\r\n        color: currentColor !important;\r\n        font-size: 12px !important;\r\n        line-height: 1 !important;\r\n    }\r\n\r\n    .ipgv-media-modal .ipgv-close-modal,\r\n    .ipgv-profile-img-modal .ipgv-close-modal,\r\n    button.ipgv-close-modal {\r\n        appearance: none !important;\r\n        -webkit-appearance: none !important;\r\n        position: absolute !important;\r\n        top: 12px !important;\r\n        right: 12px !important;\r\n        z-index: 2 !important;\r\n        width: 38px !important;\r\n        min-width: 38px !important;\r\n        max-width: 38px !important;\r\n        height: 38px !important;\r\n        min-height: 38px !important;\r\n        max-height: 38px !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.18) !important;\r\n        border-radius: 10px !important;\r\n        display: inline-grid !important;\r\n        place-items: center !important;\r\n        background: rgba(20, 5, 25, 0.82) !important;\r\n        color: #ffffff !important;\r\n        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3) !important;\r\n        font-size: 16px !important;\r\n        line-height: 1 !important;\r\n        text-align: center !important;\r\n        text-decoration: none !important;\r\n        cursor: pointer !important;\r\n    }\r\n\r\n    .ipgv-media-modal .ipgv-close-modal i,\r\n    .ipgv-profile-img-modal .ipgv-close-modal i,\r\n    button.ipgv-close-modal i {\r\n        width: 1em !important;\r\n        height: 1em !important;\r\n        margin: 0 !important;\r\n        display: block !important;\r\n        color: currentColor !important;\r\n        font-size: 16px !important;\r\n        line-height: 1 !important;\r\n    }\r\n\r\n    .ipgv-media-modal .ipgv-close-modal:hover,\r\n    .ipgv-profile-img-modal .ipgv-close-modal:hover,\r\n    button.ipgv-close-modal:hover,\r\n    .workspace .view-profile-img:hover {\r\n        transform: translateY(-1px) !important;\r\n        border-color: rgba(255, 255, 255, 0.34) !important;\r\n        background: rgba(20, 5, 25, 0.94) !important;\r\n    }\r\n<\/style>\r\n\r\n<main class=\"workspace\">\r\n    <div class=\"shell\">\r\n        <section class=\"hero\" aria-label=\"Instagram profile viewer introduction\">\r\n            <div class=\"eyebrow\"><i class=\"ph ph-instagram-logo\"><\/i> Instagram Viewer<\/div>\r\n            <h1 class=\"ipgv-hero-title\">Instagram Profile Viewer<\/h1>\r\n            <p class=\"ipgv-hero-desc\">View Instagram profiles, avatars, posts, reels, stories, and highlights from one clean workspace.<\/p>\r\n\r\n            <div class=\"mini-stats\" aria-label=\"Instagram viewer stats\">\r\n                <div class=\"mini-stat\">\r\n                    <strong>98.6%<\/strong>\r\n                    <span>Profile match<\/span>\r\n                <\/div>\r\n                <div class=\"mini-stat\">\r\n                    <strong>24 ms<\/strong>\r\n                    <span>Media load<\/span>\r\n                <\/div>\r\n                <div class=\"mini-stat\">\r\n                    <strong>12.4K<\/strong>\r\n                    <span>IG items found<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"search-panel\" aria-label=\"Instagram lookup controls\">\r\n            <div class=\"panel-head\">\r\n                <p class=\"ipgv-panel-title\"><i class=\"ph ph-instagram-logo\" aria-hidden=\"true\"><\/i>Profile Viewer<\/p>\r\n                <span class=\"system-state\" id=\"systemState\">Ready<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"search-module\">\r\n                <div class=\"search-icon\" aria-hidden=\"true\"><i class=\"ph ph-magnifying-glass\"><\/i><\/div>\r\n                <input type=\"text\" id=\"searchInput\" class=\"search-input\" placeholder=\"Enter Instagram username or URL\" autocomplete=\"off\" value=\"\">\r\n                <button class=\"search-btn\" id=\"actionBtn\" type=\"button\">\r\n                    <i class=\"ph ph-arrow-right\"><\/i>\r\n                    <span>Analyze<\/span>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <p class=\"ipgv-search-message\" id=\"searchMessage\"><\/p>\r\n        <\/section>\r\n\r\n        <section class=\"data-layer skeleton-view\" id=\"skeletonDashboard\" aria-label=\"Instagram profile preview\">\r\n            <div class=\"dashboard-column\">\r\n                <div class=\"dash-card subject-row-card\">\r\n                    <div class=\"shimmer\" style=\"width: 148px; height: 15px; margin-bottom: 20px;\"><\/div>\r\n                    <div class=\"skel-subject-row\">\r\n                        <div class=\"subject-cell\">\r\n                            <div class=\"profile-top\">\r\n                                <div class=\"shimmer skel-circle\"><\/div>\r\n                                <div class=\"profile-skeleton-lines\">\r\n                                    <div class=\"shimmer skel-line-lg\"><\/div>\r\n                                    <div class=\"shimmer skel-line-sm\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"shimmer skel-copy\"><\/div>\r\n                            <div class=\"shimmer skel-copy short\"><\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"subject-cell\">\r\n                            <div class=\"shimmer\" style=\"height: 38px; width: 100%;\"><\/div>\r\n                            <div class=\"shimmer\" style=\"height: 38px; width: 100%; margin-top: 10px;\"><\/div>\r\n                            <div class=\"shimmer\" style=\"height: 38px; width: 100%; margin-top: 10px;\"><\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"subject-cell subject-intel\">\r\n                            <div class=\"skel-tile-grid\" style=\"margin-top: 0;\">\r\n                                <div class=\"shimmer\" style=\"height: 78px;\"><\/div>\r\n                                <div class=\"shimmer\" style=\"height: 78px;\"><\/div>\r\n                            <\/div>\r\n                            <div class=\"skel-action-row\">\r\n                                <div class=\"shimmer\" style=\"height: 44px;\"><\/div>\r\n                                <div class=\"shimmer\" style=\"height: 44px;\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"dash-card\">\r\n                    <div class=\"shimmer\" style=\"width: 168px; height: 15px; margin-bottom: 18px;\"><\/div>\r\n                    <div class=\"content-list\">\r\n                        <div class=\"shimmer skel-media\"><\/div>\r\n                        <div class=\"shimmer skel-media\"><\/div>\r\n                        <div class=\"shimmer skel-media\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"data-layer real-data-view\" id=\"realDashboard\" aria-label=\"Instagram profile details\">\r\n            <div class=\"dashboard-column\">\r\n                <article class=\"dash-card subject-row-card\">\r\n                    <div class=\"card-header\"><i class=\"ph ph-user-focus\"><\/i> Profile Overview<\/div>\r\n                    <div class=\"subject-row\">\r\n                        <div class=\"subject-cell\">\r\n                            <div class=\"profile-top\">\r\n                                <div class=\"avatar-lg\">\r\n                                    <div class=\"profile-image-container\">\r\n                                        <img decoding=\"async\" id=\"profileImage\" class=\"profile-image\" src=\"\" alt=\"Profile avatar\" referrerpolicy=\"no-referrer\">\r\n                                        <button class=\"view-profile-img\" type=\"button\" aria-label=\"View profile image\" title=\"View profile image\">\r\n                                            <i class=\"fa-solid fa-expand\"><\/i>\r\n                                        <\/button>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"profile-name-block\">\r\n                                    <h2 id=\"profileHandle\" class=\"ipgv-profile-handle\">@username<\/h2>\r\n                                    <h3 id=\"profileName\" class=\"ipgv-profile-name\">Instagram profile<\/h3>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <p class=\"bio\" id=\"profileBio\"><\/p>\r\n                            <a class=\"profile-link\" id=\"profileExternalUrl\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:none;\">\r\n                                <i class=\"fa-solid fa-link\"><\/i>\r\n                                <span><\/span>\r\n                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"subject-cell\">\r\n                            <div class=\"profile-stat-grid\">\r\n                                <div class=\"profile-stat\">\r\n                                    <strong id=\"profileMediaScore\">0<\/strong>\r\n                                    <span>Posts<\/span>\r\n                                <\/div>\r\n                                <div class=\"profile-stat\">\r\n                                    <strong id=\"profileFollowers\">0<\/strong>\r\n                                    <span>Followers<\/span>\r\n                                <\/div>\r\n                                <div class=\"profile-stat\">\r\n                                    <strong id=\"profileFollowing\">0<\/strong>\r\n                                    <span>Following<\/span>\r\n                                <\/div>\r\n                                <div class=\"profile-stat\">\r\n                                    <strong id=\"profileVerified\">\u2014<\/strong>\r\n                                    <span>Verified<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"subject-cell subject-intel\">\r\n                            <div class=\"profile-stat-grid two-up\" aria-label=\"Profile status\">\r\n                                <div class=\"profile-stat\">\r\n                                    <strong class=\"risk-pill\" id=\"profileStatus\"><i class=\"ph ph-shield-check\"><\/i> Public<\/strong>\r\n                                    <span>Profile type<\/span>\r\n                                <\/div>\r\n                                <div class=\"profile-stat\">\r\n                                    <strong id=\"profileReachScore\">0<\/strong>\r\n                                    <span>Avg. engagement<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"profile-actions\">\r\n                                <button class=\"report-btn\" id=\"downloadProfileImage\" type=\"button\">\r\n                                    <i class=\"ph ph-file-arrow-down\"><\/i>\r\n                                    Download avatar\r\n                                <\/button>\r\n                                <a class=\"report-btn icon-only\" id=\"openInstagramProfile\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Open Instagram profile\" title=\"Open Instagram profile\">\r\n                                    <i class=\"ph ph-arrow-square-out\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <article class=\"dash-card media-browser\">\r\n                    <div class=\"media-browser-head\">\r\n                        <div class=\"card-header\"><i class=\"ph ph-stack\"><\/i> Instagram Media<\/div>\r\n                        <div class=\"media-tabs\" role=\"tablist\" aria-label=\"Instagram media tabs\">\r\n                            <button class=\"tab-btn active\" type=\"button\" data-tab=\"posts\"><i class=\"fa-solid fa-table-cells\"><\/i> Posts<\/button>\r\n                            <button class=\"tab-btn\" type=\"button\" data-tab=\"stories\"><i class=\"fa-solid fa-circle-play\"><\/i> Stories<\/button>\r\n                            <button class=\"tab-btn\" type=\"button\" data-tab=\"highlights\"><i class=\"fa-solid fa-star\"><\/i> Highlights<\/button>\r\n                            <button class=\"tab-btn\" type=\"button\" data-tab=\"reels\"><i class=\"fa-solid fa-film\"><\/i> Reels<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"ig-result\">\r\n                        <div class=\"ig-tab-content\" id=\"tab-posts\"><\/div>\r\n                        <div class=\"ig-tab-content\" id=\"tab-stories\" style=\"display:none;\"><\/div>\r\n                        <div class=\"ig-tab-content\" id=\"tab-highlights\" style=\"display:none;\"><\/div>\r\n                        <div class=\"ig-tab-content\" id=\"tab-reels\" style=\"display:none;\"><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n<\/main>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\"><\/script>\r\n<script>\r\n    (function ($) {\r\n        \"use strict\";\r\n\r\n        var endpoints = {\r\n            profile: \"https:\/\/tools.xrespond.com\/api\/instagram\/profile-info\",\r\n            posts: \"https:\/\/tools.xrespond.com\/api\/instagram\/media\/posts\",\r\n            stories: \"https:\/\/tools.xrespond.com\/api\/instagram\/media\/stories\",\r\n            highlights: \"https:\/\/tools.xrespond.com\/api\/instagram\/media\/highlights\",\r\n            reels: \"https:\/\/tools.xrespond.com\/api\/instagram\/media\/reels\"\r\n        };\r\n\r\n        var state = {\r\n            activeProfile: \"\",\r\n            activeTab: \"posts\",\r\n            isPrivateAccount: false,\r\n            profileData: {},\r\n            loadedTabs: {\r\n                posts: false,\r\n                stories: false,\r\n                highlights: false,\r\n                reels: false\r\n            },\r\n            loadingTabs: {\r\n                posts: false,\r\n                stories: false,\r\n                highlights: false,\r\n                reels: false\r\n            },\r\n            activeDownloads: new Map(),\r\n            downloadCounter: 0,\r\n            postsAll: [],\r\n            reelsAll: [],\r\n            postsVisible: 9,\r\n            reelsVisible: 9\r\n        };\r\n\r\n        function escapeHtml(value) {\r\n            return String(value == null ? \"\" : value)\r\n                .replace(\/&\/g, \"&amp;\")\r\n                .replace(\/<\/g, \"&lt;\")\r\n                .replace(\/>\/g, \"&gt;\")\r\n                .replace(\/\"\/g, \"&quot;\")\r\n                .replace(\/'\/g, \"&#39;\");\r\n        }\r\n\r\n        function escapeAttr(value) {\r\n            return escapeHtml(value).replace(\/`\/g, \"`\");\r\n        }\r\n\r\n        function formatNumber(num) {\r\n            num = Number(num) || 0;\r\n            if (num >= 1000000) return (num \/ 1000000).toFixed(1).replace(\/\\.0$\/, \"\") + \"M\";\r\n            if (num >= 1000) return (num \/ 1000).toFixed(1).replace(\/\\.0$\/, \"\") + \"k\";\r\n            return num.toString();\r\n        }\r\n\r\n        function formatBytes(bytes, decimals) {\r\n            decimals = decimals || 2;\r\n            if (!bytes) return \"0 Bytes\";\r\n            var k = 1024;\r\n            var sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\"];\r\n            var i = Math.floor(Math.log(bytes) \/ Math.log(k));\r\n            return parseFloat((bytes \/ Math.pow(k, i)).toFixed(decimals)) + \" \" + sizes[i];\r\n        }\r\n\r\n        function formatDate(timestamp) {\r\n            var millis = timestamp ? timestamp * 1000 : Date.now();\r\n            return new Date(millis).toLocaleDateString();\r\n        }\r\n\r\n        function normalizeProfileInput(value) {\r\n            var input = $.trim(value || \"\");\r\n            if (!input) return \"\";\r\n            if (\/instagram\\.com\/i.test(input)) {\r\n                try {\r\n                    var url = new URL(input.indexOf(\":\/\/\") > -1 ? input : \"https:\/\/\" + input);\r\n                    var parts = url.pathname.split(\"\/\").filter(Boolean);\r\n                    var reserved = [\"p\", \"reel\", \"reels\", \"stories\", \"tv\", \"explore\", \"accounts\"];\r\n                    if (parts.length && reserved.indexOf(parts[0].toLowerCase()) === -1) return parts[0].replace(\/^@+\/, \"\");\r\n                } catch (error) {\r\n                    input = input.replace(\/^https?:\\\/\\\/(www\\.)?instagram\\.com\\\/\/i, \"\");\r\n                }\r\n            }\r\n            return input.replace(\/^@+\/, \"\").replace(\/\\s+\/g, \"\");\r\n        }\r\n\r\n        function avatarFallback(name) {\r\n            var label = (name || \"IG\").replace(\/^@\/, \"\").slice(0, 2).toUpperCase() || \"IG\";\r\n            var svg = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"160\" height=\"160\" viewBox=\"0 0 160 160\">' +\r\n                '<rect width=\"160\" height=\"160\" rx=\"80\" fill=\"#2a0a2e\"\/>' +\r\n                '<text x=\"50%\" y=\"54%\" dominant-baseline=\"middle\" text-anchor=\"middle\" fill=\"#f8fafc\" font-family=\"Arial\" font-size=\"44\" font-weight=\"700\">' +\r\n                escapeHtml(label) +\r\n                '<\/text><\/svg>';\r\n            return \"data:image\/svg+xml;charset=UTF-8,\" + encodeURIComponent(svg);\r\n        }\r\n\r\n        function imageUrlFromValue(value) {\r\n            if (!value) return \"\";\r\n            if (typeof value === \"string\") return value;\r\n            if (typeof value === \"object\") {\r\n                return value.url || value.uri || value.src || value.href || \"\";\r\n            }\r\n            return \"\";\r\n        }\r\n\r\n        function bestProfileVersionUrl(versions) {\r\n            if (!Array.isArray(versions) || !versions.length) return \"\";\r\n            var sorted = versions.slice().sort(function (a, b) {\r\n                return (Number(b.width) || 0) - (Number(a.width) || 0);\r\n            });\r\n            return imageUrlFromValue(sorted[0]);\r\n        }\r\n\r\n        function getProfileImageCandidates(data, username) {\r\n            var urls = [];\r\n\r\n            function add(url) {\r\n                url = imageUrlFromValue(url);\r\n                if (url && urls.indexOf(url) === -1) urls.push(url);\r\n            }\r\n\r\n            add(data.hd_profile_pic_url);\r\n            add(data.profile_pic_url_hd);\r\n            add(data.profile_pic_url_original);\r\n            add(data.hd_profile_pic_url_info);\r\n            add(bestProfileVersionUrl(data.hd_profile_pic_versions));\r\n            add(bestProfileVersionUrl(data.profile_pic_versions));\r\n            add(data.profile_pic_url);\r\n            add(avatarFallback(username));\r\n\r\n            return urls;\r\n        }\r\n\r\n        function setButtonLoading(isLoading) {\r\n            $(\"#actionBtn\")\r\n                .prop(\"disabled\", isLoading)\r\n                .html(isLoading\r\n                    ? '<i class=\"fa-solid fa-spinner fa-spin\"><\/i><span>Scanning<\/span>'\r\n                    : '<i class=\"ph ph-arrow-right\"><\/i><span>Analyze<\/span>');\r\n            $(\"#systemState\").text(isLoading ? \"Scanning\" : \"Ready\");\r\n        }\r\n\r\n        function showSearchMessage(message, type) {\r\n            var messageEl = $(\"#searchMessage\");\r\n            if (!message) {\r\n                messageEl.hide().removeClass(\"is-info\").text(\"\");\r\n                return;\r\n            }\r\n            messageEl.toggleClass(\"is-info\", type === \"info\").text(message).show();\r\n        }\r\n\r\n        function showSkeleton() {\r\n            $(\"#realDashboard\").css({ opacity: 0, transform: \"translateY(10px)\" }).hide();\r\n            $(\"#skeletonDashboard\").addClass(\"is-loading\").show().css({ opacity: 1, transform: \"translateY(0)\" });\r\n        }\r\n\r\n        function showDashboard() {\r\n            $(\"#skeletonDashboard\").removeClass(\"is-loading\").css({ opacity: 0, transform: \"translateY(10px)\" }).hide();\r\n            $(\"#realDashboard\").show();\r\n            requestAnimationFrame(function () {\r\n                $(\"#realDashboard\").css({ opacity: 1, transform: \"translateY(0)\" });\r\n            });\r\n        }\r\n\r\n        function hideResults() {\r\n            $(\"#skeletonDashboard\").removeClass(\"is-loading\");\r\n            $(\"#skeletonDashboard, #realDashboard\").hide();\r\n        }\r\n\r\n        function resetTabs() {\r\n            state.loadedTabs = {\r\n                posts: false,\r\n                stories: false,\r\n                highlights: false,\r\n                reels: false\r\n            };\r\n            state.loadingTabs = {\r\n                posts: false,\r\n                stories: false,\r\n                highlights: false,\r\n                reels: false\r\n            };\r\n            state.activeTab = \"posts\";\r\n            $(\".tab-btn\").removeClass(\"active\");\r\n            $('.tab-btn[data-tab=\"posts\"]').addClass(\"active\");\r\n            $(\".ig-tab-content\").removeClass(\"is-loading\").hide().empty();\r\n            $(\"#tab-posts\").show();\r\n            $(\"#profileReachScore\").text(\"0\");\r\n            $(\"#profileVerified\").text('\u2014');\r\n            state.postsAll = [];\r\n            state.reelsAll = [];\r\n            state.postsVisible = 9;\r\n            state.reelsVisible = 9;\r\n        }\r\n\r\n        function postForm(profile) {\r\n            var formData = new FormData();\r\n            formData.append(\"profile\", profile);\r\n            return formData;\r\n        }\r\n\r\n        function ajaxPost(url, profile, onSuccess, onError) {\r\n            $.ajax({\r\n                url: url,\r\n                type: \"POST\",\r\n                data: postForm(profile),\r\n                contentType: false,\r\n                processData: false,\r\n                success: onSuccess,\r\n                error: onError || function () { }\r\n            });\r\n        }\r\n\r\n        function getApiMessage(xhr, fallback) {\r\n            if (xhr && xhr.responseJSON && xhr.responseJSON.message) return xhr.responseJSON.message;\r\n            if (xhr && xhr.responseText) {\r\n                try {\r\n                    var parsed = JSON.parse(xhr.responseText);\r\n                    if (parsed && parsed.message) return parsed.message;\r\n                } catch (error) { }\r\n            }\r\n            return fallback || \"Unable to load this tab right now.\";\r\n        }\r\n\r\n        function getResponseError(response) {\r\n            if (response && response.status === \"error\") return response.message || \"Unable to load this tab right now.\";\r\n            if (response && response.data && response.data.status === \"error\") return response.data.message || \"Unable to load this tab right now.\";\r\n            return \"\";\r\n        }\r\n\r\n        function renderProfile(data) {\r\n            var username = data.username || state.activeProfile.replace(\/^@\/, \"\") || \"username\";\r\n            var fullName = data.full_name || \"Instagram profile\";\r\n            var profileImageCandidates = getProfileImageCandidates(data, username);\r\n            var profileImage = profileImageCandidates[0] || avatarFallback(username);\r\n            var fallbackImage = avatarFallback(username);\r\n            var followers = Number(data.follower_count) || 0;\r\n            var following = Number(data.following_count) || 0;\r\n            var mediaCount = Number(data.media_count) || 0;\r\n            var verified = data.is_verified ? ' <i class=\"fa-solid fa-circle-check\" style=\"color: var(--accent); font-size: 17px;\"><\/i>' : \"\";\r\n            var profileUrl = \"https:\/\/www.instagram.com\/\" + encodeURIComponent(username.replace(\/^@\/, \"\"));\r\n\r\n            state.isPrivateAccount = !!data.is_private;\r\n            state.profileData = data;\r\n\r\n            $(\"#profileImage\")\r\n                .off(\"error.ipgv\")\r\n                .on(\"error.ipgv\", function () {\r\n                    var currentSrc = $(this).attr(\"src\");\r\n                    var currentIndex = profileImageCandidates.indexOf(currentSrc);\r\n                    var nextSrc = profileImageCandidates[currentIndex + 1] || fallbackImage;\r\n                    if (currentSrc !== nextSrc) $(this).attr(\"src\", nextSrc);\r\n                })\r\n                .attr(\"src\", profileImage || fallbackImage)\r\n                .attr(\"alt\", username + \" profile picture\");\r\n            $(\".view-profile-img\").toggle(!!profileImage);\r\n            $(\"#profileHandle\").html(\"@\" + escapeHtml(username) + verified);\r\n            $(\"#profileName\").text(fullName);\r\n            $(\"#profileBio\").text(data.biography || \"No biography available.\");\r\n            $(\"#profileFollowers\").text(formatNumber(followers));\r\n            $(\"#profileFollowing\").text(formatNumber(following));\r\n            $(\"#profileMediaScore\").text(formatNumber(mediaCount));\r\n            $(\"#profileVerified\").html(data.is_verified ? '<i class=\"fa-solid fa-circle-check\" style=\"color: var(--accent); font-size: 16px;\"><\/i>' : '\u2014');\r\n            $(\"#profileStatus\").html(state.isPrivateAccount\r\n                ? '<i class=\"fa-solid fa-lock\"><\/i> Private'\r\n                : '<i class=\"ph ph-shield-check\"><\/i> Public');\r\n            $(\"#openInstagramProfile\").attr(\"href\", profileUrl);\r\n\r\n            if (data.external_url) {\r\n                $(\"#profileExternalUrl\").attr(\"href\", data.external_url).show().find(\"span\").text(data.external_url);\r\n            } else {\r\n                $(\"#profileExternalUrl\").hide().find(\"span\").text(\"\");\r\n            }\r\n        }\r\n\r\n        function renderPrivateTabs() {\r\n            var message = '<div class=\"ipgv-private-msg\"><i class=\"fa-solid fa-lock\"><\/i> This account is private. Posts, stories, highlights, and reels cannot be displayed.<\/div>';\r\n            $(\"#tab-posts, #tab-stories, #tab-highlights, #tab-reels\").html(message);\r\n            $(\"#tab-posts\").show();\r\n        }\r\n\r\n        function skeletonCards(kind, count) {\r\n            var wrapperSuffix = (kind === \"stories\" || kind === \"highlights\") ? \"-container\" : \"-grid\";\r\n            var html = '<div class=\"skeleton-' + kind + wrapperSuffix + '\">';\r\n            for (var i = 0; i < count; i++) {\r\n                var item = kind === \"stories\" ? \"story\" : kind === \"highlights\" ? \"highlight\" : kind === \"reels\" ? \"reel\" : \"post\";\r\n                html += '<div class=\"skeleton-' + item + '\">' +\r\n                    '<div class=\"skeleton-' + item + '-img\"><\/div>' +\r\n                    '<div class=\"skeleton-' + item + '-meta\">' +\r\n                    '<div class=\"skeleton-' + item + '-caption\"><\/div>' +\r\n                    '<div class=\"skeleton-' + item + '-caption-short\"><\/div>' +\r\n                    '<div class=\"skeleton-' + item + '-time\"><\/div>' +\r\n                    '<\/div>' +\r\n                    '<\/div>';\r\n            }\r\n            html += \"<\/div>\";\r\n            return html;\r\n        }\r\n\r\n        function setTabLoading(tab, isLoading) {\r\n            $(\"#tab-\" + tab).toggleClass(\"is-loading\", isLoading);\r\n        }\r\n\r\n        function isVideo(media) {\r\n            return !!(media && (media.media_type === 2 || media.video_versions || (media.media && media.media.video_versions) || (media.carousel_media && media.carousel_media[0] && media.carousel_media[0].video_versions)));\r\n        }\r\n\r\n        function getMediaUrl(media) {\r\n            if (!media) return \"\";\r\n            if (isVideo(media)) {\r\n                if (media.video_versions && media.video_versions[0]) return media.video_versions[0].url || \"\";\r\n                if (media.video_url) return media.video_url || \"\";\r\n                if (media.progressive_download_url) return media.progressive_download_url || \"\";\r\n                if (media.media && media.media.video_versions && media.media.video_versions[0]) return media.media.video_versions[0].url || \"\";\r\n                if (media.media && media.media.video_url) return media.media.video_url || \"\";\r\n                if (media.media && media.media.progressive_download_url) return media.media.progressive_download_url || \"\";\r\n                if (media.carousel_media && media.carousel_media[0] && media.carousel_media[0].video_versions && media.carousel_media[0].video_versions[0]) return media.carousel_media[0].video_versions[0].url || \"\";\r\n                if (media.carousel_media && media.carousel_media[0] && media.carousel_media[0].video_url) return media.carousel_media[0].video_url || \"\";\r\n            }\r\n            return getMediaThumbnail(media);\r\n        }\r\n\r\n        function getMediaThumbnail(media) {\r\n            if (!media) return \"\";\r\n            if (media.thumbnail_url) return media.thumbnail_url || \"\";\r\n            if (media.display_url) return media.display_url || \"\";\r\n            if (media.image_versions && media.image_versions.items && media.image_versions.items[0]) return media.image_versions.items[0].url || \"\";\r\n            if (media.image_versions2 && media.image_versions2.candidates && media.image_versions2.candidates[0]) return media.image_versions2.candidates[0].url || \"\";\r\n            if (media.media && media.media.thumbnail_url) return media.media.thumbnail_url || \"\";\r\n            if (media.media && media.media.image_versions && media.media.image_versions.items && media.media.image_versions.items[0]) return media.media.image_versions.items[0].url || \"\";\r\n            if (media.carousel_media && media.carousel_media[0] && media.carousel_media[0].image_versions && media.carousel_media[0].image_versions.items && media.carousel_media[0].image_versions.items[0]) return media.carousel_media[0].image_versions.items[0].url || \"\";\r\n            if (media.carousel_media && media.carousel_media[0] && media.carousel_media[0].thumbnail_url) return media.carousel_media[0].thumbnail_url || \"\";\r\n            if (media.cover_media && media.cover_media.cropped_image_version && media.cover_media.cropped_image_version.url) return media.cover_media.cropped_image_version.url || \"\";\r\n            return \"\";\r\n        }\r\n\r\n        function parseItems(response) {\r\n            if (response && response.data && response.data.data && response.data.data.items) return response.data.data.items;\r\n            if (response && response.data && response.data.items) return response.data.items;\r\n            if (response && response.data && response.data.reels) return response.data.reels;\r\n            if (response && response.data && response.data.medias) return response.data.medias;\r\n            if (response && response.data && response.data.media) return response.data.media;\r\n            if (response && response.items) return response.items;\r\n            if (response && response.reels) return response.reels;\r\n            if (response && response.medias) return response.medias;\r\n            return [];\r\n        }\r\n\r\n        function setTabLoaded(tab, isLoaded) {\r\n            state.loadedTabs[tab] = isLoaded;\r\n            state.loadingTabs[tab] = false;\r\n            setTabLoading(tab, false);\r\n        }\r\n\r\n        function updateEngagementFromPosts(posts) {\r\n            var totalInteractions = 0;\r\n            posts.forEach(function (post) {\r\n                totalInteractions += (Number(post.like_count) || 0) + (Number(post.comment_count) || 0);\r\n            });\r\n            var avgInteractions = posts.length ? Math.round(totalInteractions \/ posts.length) : 0;\r\n            $(\"#profileReachScore\").text(formatNumber(avgInteractions));\r\n        }\r\n\r\n        function renderMediaCard(type, item, index) {\r\n            var mediaIsVideo = isVideo(item) || type === \"reel\";\r\n            var mediaUrl = getMediaUrl(item);\r\n            var thumbnail = getMediaThumbnail(item) || mediaUrl || avatarFallback(\"IG\");\r\n            var caption = item && item.caption && item.caption.text ? item.caption.text : \"\";\r\n            var time = formatDate(item && item.taken_at);\r\n            var id = item && item.id ? item.id : type + \"-\" + index;\r\n            var likes = Number(item && (item.like_count || (item.media && item.media.like_count))) || 0;\r\n            var comments = Number(item && item.comment_count) || 0;\r\n            var views = Number(item && (item.view_count || (item.media && item.media.view_count))) || 0;\r\n            var classPrefix = type === \"story\" ? \"story\" : type === \"reel\" ? \"reel\" : \"post\";\r\n            var ext = mediaIsVideo ? \"mp4\" : \"jpg\";\r\n            var filename = \"instagram_\" + classPrefix + \"_\" + id + \".\" + ext;\r\n\r\n            var stats = type === \"reel\"\r\n                ? '<span><i class=\"fa-solid fa-play\"><\/i> ' + formatNumber(views) + '<\/span><span><i class=\"fa-solid fa-heart\"><\/i> ' + formatNumber(likes) + '<\/span>'\r\n                : type === \"post\"\r\n                    ? '<span><i class=\"fa-solid fa-heart\"><\/i> ' + formatNumber(likes) + '<\/span><span><i class=\"fa-solid fa-comment\"><\/i> ' + formatNumber(comments) + '<\/span>'\r\n                    : '<small class=\"ipgv-time\">' + escapeHtml(time) + '<\/small>';\r\n\r\n            return '<div class=\"' + classPrefix + '-card\">' +\r\n                '<div class=\"' + classPrefix + '-img-container\" data-media=\"' + escapeAttr(mediaUrl || thumbnail) + '\" data-type=\"' + (mediaIsVideo ? \"video\" : \"image\") + '\">' +\r\n                '<img decoding=\"async\" src=\"' + escapeAttr(thumbnail) + '\" class=\"' + classPrefix + '-thumb\" alt=\"Instagram ' + classPrefix + '\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\/>' +\r\n                (mediaIsVideo ? '<video src=\"' + escapeAttr(mediaUrl) + '\" class=\"' + classPrefix + '-video\" controls playsinline style=\"display:none; position:absolute; inset:0;\"><\/video>' : \"\") +\r\n                '<div class=\"' + classPrefix + '-overlay\">' +\r\n                '<button class=\"' + classPrefix + '-view-btn\" type=\"button\">' + (mediaIsVideo ? '<i class=\"fa-solid fa-play\"><\/i>' : '<i class=\"fa-solid fa-eye\"><\/i>') + '<\/button>' +\r\n                (mediaIsVideo ? '<button class=\"' + classPrefix + '-fullscreen-btn\" type=\"button\" style=\"display:none;\"><i class=\"fa-solid fa-expand\"><\/i><\/button>' : \"\") +\r\n                '<\/div>' +\r\n                '<\/div>' +\r\n                '<div class=\"' + classPrefix + '-meta\">' +\r\n                '<div class=\"' + classPrefix + '-stats-row\">' +\r\n                '<div class=\"' + classPrefix + '-stats\">' + stats + '<\/div>' +\r\n                '<button class=\"' + classPrefix + '-download-btn\" type=\"button\" data-url=\"' + escapeAttr(mediaUrl || thumbnail) + '\" data-filename=\"' + escapeAttr(filename) + '\" data-type=\"' + (mediaIsVideo ? \"video\" : \"image\") + '\"><i class=\"fa-solid fa-download\"><\/i><\/button>' +\r\n                '<\/div>' +\r\n                (type === \"story\" ? \"\" : '<p class=\"ipgv-caption\">' + escapeHtml(caption || \"No caption available.\") + '<\/p><small class=\"ipgv-time\">' + escapeHtml(time) + '<\/small>') +\r\n                '<\/div>' +\r\n                '<\/div>';\r\n        }\r\n\r\n        function loadPosts(profile) {\r\n            if (state.loadedTabs.posts || state.loadingTabs.posts) return;\r\n            state.loadingTabs.posts = true;\r\n            setTabLoading(\"posts\", true);\r\n            $(\"#tab-posts\").html(skeletonCards(\"posts\", 6));\r\n            ajaxPost(endpoints.posts, profile, function (response) {\r\n                var apiError = getResponseError(response);\r\n                if (apiError) {\r\n                    setTabLoaded(\"posts\", false);\r\n                    $(\"#tab-posts\").html('<p class=\"ipgv-no-result\">' + escapeHtml(apiError) + '<\/p>');\r\n                    return;\r\n                }\r\n                var posts = parseItems(response);\r\n                if (!posts.length) {\r\n                    $(\"#tab-posts\").html('<p class=\"ipgv-no-result\">No posts found.<\/p>');\r\n                    setTabLoaded(\"posts\", true);\r\n                    refreshReelsFallbackIfActive();\r\n                    return;\r\n                }\r\n                state.postsAll = posts;\r\n                state.postsVisible = 9;\r\n                renderPostsBatch();\r\n                setTabLoaded(\"posts\", true);\r\n                updateEngagementFromPosts(posts);\r\n                refreshReelsFallbackIfActive();\r\n            }, function (xhr) {\r\n                setTabLoaded(\"posts\", false);\r\n                $(\"#tab-posts\").html('<p class=\"ipgv-no-result\">' + escapeHtml(getApiMessage(xhr, \"Failed to load posts.\")) + '<\/p>');\r\n            });\r\n        }\r\n\r\n        function renderPostsBatch() {\r\n            var posts = state.postsAll;\r\n            var visible = state.postsVisible;\r\n            var page = posts.slice(0, visible);\r\n            var html = '<div class=\"posts-grid\">';\r\n            page.forEach(function (post, index) {\r\n                html += renderMediaCard(\"post\", post, index);\r\n            });\r\n            html += '<\/div>';\r\n            if (posts.length > visible) {\r\n                html += '<button class=\"ipgv-load-more\" id=\"loadMorePosts\" type=\"button\"><i class=\"ph ph-caret-down\"><\/i> Load More<\/button>';\r\n            }\r\n            $(\"#tab-posts\").html(html);\r\n            addMediaTypeIndicators();\r\n        }\r\n\r\n        function loadStories(profile) {\r\n            if (state.loadedTabs.stories || state.loadingTabs.stories) return;\r\n            state.loadingTabs.stories = true;\r\n            setTabLoading(\"stories\", true);\r\n            $(\"#tab-stories\").html(skeletonCards(\"stories\", 6));\r\n            ajaxPost(endpoints.stories, profile, function (response) {\r\n                var apiError = getResponseError(response);\r\n                if (apiError) {\r\n                    setTabLoaded(\"stories\", false);\r\n                    $(\"#tab-stories\").html('<p class=\"ipgv-no-result\">' + escapeHtml(apiError) + '<\/p>');\r\n                    return;\r\n                }\r\n                var stories = parseItems(response);\r\n                if (!stories.length) {\r\n                    $(\"#tab-stories\").html('<p class=\"ipgv-no-result\">No stories found.<\/p>');\r\n                    setTabLoaded(\"stories\", true);\r\n                    return;\r\n                }\r\n                var html = '<div class=\"stories-container\">';\r\n                stories.forEach(function (story, index) {\r\n                    html += renderMediaCard(\"story\", story, index);\r\n                });\r\n                html += \"<\/div>\";\r\n                $(\"#tab-stories\").html(html);\r\n                setTabLoaded(\"stories\", true);\r\n                addMediaTypeIndicators();\r\n            }, function (xhr) {\r\n                setTabLoaded(\"stories\", false);\r\n                $(\"#tab-stories\").html('<p class=\"ipgv-no-result\">' + escapeHtml(getApiMessage(xhr, \"Failed to load stories.\")) + '<\/p>');\r\n            });\r\n        }\r\n\r\n        function loadReels(profile) {\r\n            if (state.loadedTabs.reels || state.loadingTabs.reels) return;\r\n            state.loadingTabs.reels = true;\r\n            setTabLoading(\"reels\", true);\r\n            $(\"#tab-reels\").html(skeletonCards(\"reels\", 6));\r\n            ajaxPost(endpoints.reels, profile, function (response) {\r\n                var apiError = getResponseError(response);\r\n                if (apiError) {\r\n                    renderReelsFallback(apiError);\r\n                    return;\r\n                }\r\n                var reels = parseItems(response);\r\n                if (!reels.length) {\r\n                    renderReelsFallback(\"No reels found.\", true);\r\n                    return;\r\n                }\r\n                state.reelsAll = reels;\r\n                state.reelsVisible = 9;\r\n                renderReelsBatch();\r\n                setTabLoaded(\"reels\", true);\r\n            }, function (xhr) {\r\n                renderReelsFallback(getApiMessage(xhr, \"Failed to load reels.\"));\r\n            });\r\n        }\r\n\r\n        function renderReelsFallback(message, cacheEmptyResult) {\r\n            var fallbackReels = state.postsAll.filter(function (post) {\r\n                return isVideo(post);\r\n            });\r\n\r\n            if (fallbackReels.length) {\r\n                state.reelsAll = fallbackReels;\r\n                state.reelsVisible = 9;\r\n                renderReelsBatch();\r\n                setTabLoaded(\"reels\", true);\r\n                return;\r\n            }\r\n\r\n            setTabLoaded(\"reels\", !!cacheEmptyResult);\r\n            $(\"#tab-reels\").html('<p class=\"ipgv-no-result\">' + escapeHtml(message || \"No reels found.\") + '<\/p>');\r\n        }\r\n\r\n        function refreshReelsFallbackIfActive() {\r\n            if (state.activeTab === \"reels\" && !state.loadedTabs.reels && !state.loadingTabs.reels) {\r\n                renderReelsFallback(\"No reels found.\", true);\r\n            }\r\n        }\r\n\r\n        function renderReelsBatch() {\r\n            var reels = state.reelsAll;\r\n            var visible = state.reelsVisible;\r\n            var page = reels.slice(0, visible);\r\n            var html = '<div class=\"reels-grid\">';\r\n            page.forEach(function (reel, index) {\r\n                html += renderMediaCard(\"reel\", reel, index);\r\n            });\r\n            html += '<\/div>';\r\n            if (reels.length > visible) {\r\n                html += '<button class=\"ipgv-load-more\" id=\"loadMoreReels\" type=\"button\"><i class=\"ph ph-caret-down\"><\/i> Load More<\/button>';\r\n            }\r\n            $(\"#tab-reels\").html(html);\r\n            addMediaTypeIndicators();\r\n        }\r\n\r\n        function loadHighlights(profile) {\r\n            if (state.loadedTabs.highlights || state.loadingTabs.highlights) return;\r\n            state.loadingTabs.highlights = true;\r\n            setTabLoading(\"highlights\", true);\r\n            $(\"#tab-highlights\").html(skeletonCards(\"highlights\", 4));\r\n            ajaxPost(endpoints.highlights, profile, function (response) {\r\n                var apiError = getResponseError(response);\r\n                if (apiError) {\r\n                    setTabLoaded(\"highlights\", false);\r\n                    $(\"#tab-highlights\").html('<p class=\"ipgv-no-result\">' + escapeHtml(apiError) + '<\/p>');\r\n                    return;\r\n                }\r\n                var highlights = parseItems(response);\r\n                if (!highlights.length) {\r\n                    $(\"#tab-highlights\").html('<p class=\"ipgv-no-result\">No highlights found.<\/p>');\r\n                    setTabLoaded(\"highlights\", true);\r\n                    return;\r\n                }\r\n                var html = '<div class=\"highlights-container\">';\r\n                highlights.forEach(function (highlight, index) {\r\n                    var title = highlight && highlight.title ? highlight.title : \"Highlight\";\r\n                    var cover = getMediaThumbnail(highlight) || avatarFallback(title);\r\n                    var mediaCount = Number(highlight && highlight.media_count) || (highlight.items ? highlight.items.length : 0);\r\n                    html += '<div class=\"highlight-card\">' +\r\n                        '<div class=\"highlight-img-container\">' +\r\n                        '<img decoding=\"async\" src=\"' + escapeAttr(cover) + '\" class=\"highlight-thumb\" alt=\"' + escapeAttr(title) + '\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\/>' +\r\n                        '<div class=\"highlight-overlay\"><button class=\"highlight-view-btn\" type=\"button\" data-url=\"' + escapeAttr(cover) + '\" data-title=\"' + escapeAttr(title) + '\"><i class=\"fa-solid fa-expand\"><\/i><\/button><\/div>' +\r\n                        '<\/div>' +\r\n                        '<div class=\"highlight-meta\">' +\r\n                        '<p class=\"ipgv-highlight-title\">' + escapeHtml(title) + '<\/p>' +\r\n                        '<span class=\"ipgv-highlight-count\"><i class=\"fa-solid fa-photo-film\"><\/i> ' + formatNumber(mediaCount) + '<\/span>' +\r\n                        '<\/div>';\r\n\r\n                    if (highlight && Array.isArray(highlight.items) && highlight.items.length) {\r\n                        html += '<div class=\"highlight-items\">';\r\n                        highlight.items.slice(0, 8).forEach(function (media, mediaIndex) {\r\n                            var itemUrl = getMediaUrl(media) || getMediaThumbnail(media);\r\n                            var itemThumb = getMediaThumbnail(media) || itemUrl || avatarFallback(title);\r\n                            var itemIsVideo = isVideo(media);\r\n                            var itemTitle = title + \"-\" + (mediaIndex + 1);\r\n                            html += '<button class=\"highlight-item\" type=\"button\" data-url=\"' + escapeAttr(itemUrl || itemThumb) + '\" data-type=\"' + (itemIsVideo ? \"video\" : \"image\") + '\" data-filename=\"' + escapeAttr(\"instagram_highlight_\" + itemTitle + (itemIsVideo ? \".mp4\" : \".jpg\")) + '\">' +\r\n                                '<img decoding=\"async\" src=\"' + escapeAttr(itemThumb) + '\" alt=\"' + escapeAttr(itemTitle) + '\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\/>' +\r\n                                '<\/button>';\r\n                        });\r\n                        html += '<\/div>';\r\n                    }\r\n\r\n                    html += '<\/div>';\r\n                });\r\n                html += \"<\/div>\";\r\n                $(\"#tab-highlights\").html(html);\r\n                setTabLoaded(\"highlights\", true);\r\n            }, function (xhr) {\r\n                setTabLoaded(\"highlights\", false);\r\n                $(\"#tab-highlights\").html('<p class=\"ipgv-no-result\">' + escapeHtml(getApiMessage(xhr, \"Failed to load highlights.\")) + '<\/p>');\r\n            });\r\n        }\r\n\r\n        function loadActiveTab() {\r\n            if (state.isPrivateAccount) return;\r\n            if (state.activeTab === \"posts\") loadPosts(state.activeProfile);\r\n            if (state.activeTab === \"stories\") loadStories(state.activeProfile);\r\n            if (state.activeTab === \"highlights\") loadHighlights(state.activeProfile);\r\n            if (state.activeTab === \"reels\") loadReels(state.activeProfile);\r\n        }\r\n\r\n        function searchProfile() {\r\n            var profile = normalizeProfileInput($(\"#searchInput\").val());\r\n            if (!profile) {\r\n                showSearchMessage(\"Please enter an Instagram username or profile URL.\");\r\n                $(\"#searchInput\").focus();\r\n                return;\r\n            }\r\n\r\n            state.activeProfile = profile;\r\n            state.isPrivateAccount = false;\r\n            resetTabs();\r\n            showSearchMessage(\"\", \"info\");\r\n            setButtonLoading(true);\r\n            showSkeleton();\r\n\r\n            ajaxPost(endpoints.profile, profile, function (response) {\r\n                var payload = response && response.data ? response.data : (response || {});\r\n                if (payload.status === \"error\") {\r\n                    setButtonLoading(false);\r\n                    hideResults();\r\n                    showSearchMessage(payload.message || \"Wrong input, please check username.\");\r\n                    return;\r\n                }\r\n\r\n                var data = payload.data || (payload.username ? payload : {});\r\n                renderProfile(data);\r\n                showDashboard();\r\n                setButtonLoading(false);\r\n                showSearchMessage(\"\", \"info\");\r\n\r\n                if (state.isPrivateAccount) {\r\n                    renderPrivateTabs();\r\n                    return;\r\n                }\r\n\r\n                loadPosts(profile);\r\n            }, function (xhr) {\r\n                var apiMessage = xhr && xhr.responseJSON && xhr.responseJSON.message ? xhr.responseJSON.message : \"\";\r\n                setButtonLoading(false);\r\n                hideResults();\r\n                showSearchMessage(apiMessage || \"Wrong input, please check username.\");\r\n            });\r\n        }\r\n\r\n        function createToastContainer() {\r\n            if (!$(\"#toast-container\").length) $(\"body\").append('<div id=\"toast-container\"><\/div>');\r\n        }\r\n\r\n        function createToast(filename, downloadId) {\r\n            createToastContainer();\r\n            var html = '<div class=\"download-toast\" id=\"toast-' + downloadId + '\">' +\r\n                '<div class=\"toast-topline\">' +\r\n                '<div class=\"toast-title\"><i class=\"fa-solid fa-download\"><\/i><span>Downloading<\/span><\/div>' +\r\n                '<button class=\"cancel-download\" type=\"button\" data-download-id=\"' + downloadId + '\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>' +\r\n                '<\/div>' +\r\n                '<div class=\"toast-file\">' + escapeHtml(filename) + '<\/div>' +\r\n                '<div class=\"toast-progress-meta\"><span class=\"download-status\">Preparing download...<\/span><span class=\"download-percentage\">0%<\/span><\/div>' +\r\n                '<div class=\"progress-container\"><div class=\"progress-bar\"><\/div><\/div>' +\r\n                '<\/div>';\r\n            $(\"#toast-container\").prepend(html);\r\n        }\r\n\r\n        function updateToastProgress(downloadId, progress, status) {\r\n            var toast = $(\"#toast-\" + downloadId);\r\n            toast.find(\".progress-bar\").css(\"width\", progress + \"%\");\r\n            toast.find(\".download-percentage\").text(Math.round(progress) + \"%\");\r\n            if (status) toast.find(\".download-status\").text(status);\r\n        }\r\n\r\n        function completeToast(downloadId, success, message) {\r\n            var toast = $(\"#toast-\" + downloadId);\r\n            toast.removeClass(\"success error\").addClass(success ? \"success\" : \"error\");\r\n            toast.find(\".toast-title i\").attr(\"class\", success ? \"fa-solid fa-circle-check\" : \"fa-solid fa-circle-exclamation\");\r\n            toast.find(\".toast-title span\").text(success ? \"Complete\" : \"Failed\");\r\n            toast.find(\".download-status\").text(message || (success ? \"Download completed.\" : \"Download failed.\"));\r\n            toast.find(\".download-percentage\").text(success ? \"100%\" : \"Failed\");\r\n            toast.find(\".cancel-download\").hide();\r\n            if (success) toast.find(\".progress-bar\").css(\"width\", \"100%\");\r\n            state.activeDownloads.delete(downloadId);\r\n            setTimeout(function () {\r\n                toast.fadeOut(220, function () { toast.remove(); });\r\n            }, 3000);\r\n        }\r\n\r\n        function cancelDownload(downloadId) {\r\n            var downloadInfo = state.activeDownloads.get(downloadId);\r\n            if (downloadInfo && downloadInfo.controller) downloadInfo.controller.abort();\r\n            state.activeDownloads.delete(downloadId);\r\n            $(\"#toast-\" + downloadId).fadeOut(180, function () { $(this).remove(); });\r\n        }\r\n\r\n        async function downloadWithProgress(url, filename, type) {\r\n            if (!url) return;\r\n            var downloadId = ++state.downloadCounter;\r\n            var controller = new AbortController();\r\n            var downloadUrl = type === \"image\" && url.indexOf(\"instagram\") !== -1 ? url.split(\"?\")[0] : url;\r\n            state.activeDownloads.set(downloadId, { controller: controller, filename: filename, url: downloadUrl, type: type });\r\n            createToast(filename, downloadId);\r\n\r\n            try {\r\n                updateToastProgress(downloadId, 5, \"Connecting...\");\r\n                var response = await fetch(downloadUrl, { signal: controller.signal, mode: \"cors\", headers: { Accept: \"*\/*\" } });\r\n                if (!response.ok) throw new Error(\"HTTP error \" + response.status);\r\n                var total = parseInt(response.headers.get(\"content-length\"), 10);\r\n                var loaded = 0;\r\n                var chunks = [];\r\n                var reader = response.body.getReader();\r\n                updateToastProgress(downloadId, 10, \"Downloading...\");\r\n\r\n                while (true) {\r\n                    var result = await reader.read();\r\n                    if (result.done) break;\r\n                    chunks.push(result.value);\r\n                    loaded += result.value.length;\r\n                    var progress = total ? 10 + (loaded \/ total) * 80 : 50;\r\n                    updateToastProgress(downloadId, progress, \"Downloaded \" + formatBytes(loaded) + (total ? \" of \" + formatBytes(total) : \"\"));\r\n                }\r\n\r\n                updateToastProgress(downloadId, 95, \"Processing...\");\r\n                var blob = new Blob(chunks);\r\n                var blobUrl = URL.createObjectURL(blob);\r\n                var link = document.createElement(\"a\");\r\n                link.href = blobUrl;\r\n                link.download = filename || \"instagram-media\";\r\n                link.style.display = \"none\";\r\n                document.body.appendChild(link);\r\n                link.click();\r\n                setTimeout(function () {\r\n                    document.body.removeChild(link);\r\n                    URL.revokeObjectURL(blobUrl);\r\n                }, 100);\r\n                completeToast(downloadId, true, \"Download completed successfully.\");\r\n            } catch (error) {\r\n                if (error.name !== \"AbortError\") completeToast(downloadId, false, \"Download failed. Please try again.\");\r\n            }\r\n        }\r\n\r\n        async function forceDownloadImage(imgUrl, filename) {\r\n            downloadWithProgress(imgUrl, filename || \"instagram-image.jpg\", \"image\");\r\n        }\r\n\r\n        function pauseAllVideosExcept(currentVideo) {\r\n            $(\"video\").each(function () {\r\n                if (this !== currentVideo && !this.paused) this.pause();\r\n            });\r\n            $(\".post-video, .story-video, .reel-video\").not($(currentVideo)).each(function () {\r\n                var container = $(this).closest(\".post-img-container, .story-img-container, .reel-img-container\");\r\n                $(this).hide();\r\n                container.find(\".post-thumb, .story-thumb, .reel-thumb\").show();\r\n                container.find(\".post-view-btn, .story-view-btn, .reel-view-btn\").html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                container.find(\".post-fullscreen-btn, .story-fullscreen-btn, .reel-fullscreen-btn\").hide();\r\n            });\r\n        }\r\n\r\n        function addMediaTypeIndicators() {\r\n            $(\".post-img-container, .story-img-container, .reel-img-container\").each(function () {\r\n                if ($(this).find(\".media-type-indicator\").length) return;\r\n                var type = $(this).data(\"type\");\r\n                $(this).prepend(type === \"video\"\r\n                    ? '<div class=\"media-type-indicator video-indicator\"><i class=\"fa-solid fa-video\"><\/i> Video<\/div>'\r\n                    : '<div class=\"media-type-indicator image-indicator\"><i class=\"fa-solid fa-image\"><\/i> Image<\/div>');\r\n            });\r\n        }\r\n\r\n        window.showMediaModal = function (mediaUrl, mediaType, filename) {\r\n            $(\".ipgv-profile-img-modal, .ipgv-media-modal\").remove();\r\n            var modal = $('<div class=\"ipgv-media-modal\">');\r\n            var backdrop = $('<div class=\"ipgv-modal-backdrop\">');\r\n            var content = $('<div class=\"ipgv-modal-content\">');\r\n            var mediaElement = mediaType === \"video\"\r\n                ? $('<video class=\"ipgv-modal-media\" controls autoplay playsinline><\/video>').attr(\"src\", mediaUrl)\r\n                : $('<img class=\"ipgv-modal-media\" referrerpolicy=\"no-referrer\" alt=\"Instagram media\">').attr(\"src\", mediaUrl);\r\n            var actions = $('<div class=\"ipgv-modal-actions\">');\r\n            var downloadBtn = $('<button class=\"ipgv-modal-download-btn\" type=\"button\"><i class=\"fa-solid fa-download\"><\/i> Download<\/button>');\r\n            var closeBtn = $('<button class=\"ipgv-close-modal\" type=\"button\" aria-label=\"Close\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>');\r\n\r\n            downloadBtn.on(\"click\", function () {\r\n                downloadWithProgress(mediaUrl, filename || \"instagram-media.\" + (mediaType === \"video\" ? \"mp4\" : \"jpg\"), mediaType);\r\n            });\r\n\r\n            actions.append(downloadBtn);\r\n            content.append(mediaElement, actions, closeBtn);\r\n            modal.append(backdrop, content);\r\n            $(\"body\").append(modal);\r\n            setTimeout(function () {\r\n                modal.addClass(\"active\");\r\n                $(\"body\").addClass(\"ipgv-modal-open\");\r\n            }, 10);\r\n        };\r\n\r\n        $(document).on(\"click\", \".ipgv-close-modal, .ipgv-modal-backdrop\", function () {\r\n            $(\".ipgv-profile-img-modal, .ipgv-media-modal\").removeClass(\"active\");\r\n            $(\"body\").removeClass(\"ipgv-modal-open\");\r\n            setTimeout(function () {\r\n                $(\".ipgv-profile-img-modal, .ipgv-media-modal\").remove();\r\n            }, 220);\r\n        });\r\n\r\n        $(document).on(\"click\", \".ipgv-modal-content\", function (event) {\r\n            event.stopPropagation();\r\n        });\r\n\r\n        $(document).on(\"click\", \".post-view-btn, .story-view-btn, .reel-view-btn\", function () {\r\n            var container = $(this).closest(\".post-img-container, .story-img-container, .reel-img-container\");\r\n            var mediaType = container.data(\"type\");\r\n            var mediaUrl = container.data(\"media\");\r\n            var video = container.find(\"video\").get(0);\r\n            var img = container.find(\".post-thumb, .story-thumb, .reel-thumb\");\r\n            var fullscreenBtn = container.find(\".post-fullscreen-btn, .story-fullscreen-btn, .reel-fullscreen-btn\");\r\n\r\n            if (mediaType !== \"video\") {\r\n                window.showMediaModal(mediaUrl, \"image\", \"instagram_image_\" + Date.now() + \".jpg\");\r\n                return;\r\n            }\r\n\r\n            if (!video) return;\r\n            if (video.paused) {\r\n                pauseAllVideosExcept(video);\r\n                img.hide();\r\n                $(video).show();\r\n                video.play().then(function () {\r\n                    $(video).closest(\".post-img-container, .story-img-container, .reel-img-container\").find(\".post-view-btn, .story-view-btn, .reel-view-btn\").html('<i class=\"fa-solid fa-pause\"><\/i>');\r\n                    fullscreenBtn.show();\r\n                }).catch(function () {\r\n                    img.show();\r\n                    $(video).hide();\r\n                });\r\n            } else {\r\n                video.pause();\r\n                $(this).html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                fullscreenBtn.hide();\r\n            }\r\n        });\r\n\r\n        $(document).on(\"click\", \".post-fullscreen-btn, .story-fullscreen-btn, .reel-fullscreen-btn\", function () {\r\n            var container = $(this).closest(\".post-img-container, .story-img-container, .reel-img-container\");\r\n            var mediaUrl = container.data(\"media\");\r\n            var type = container.hasClass(\"reel-img-container\") ? \"reel\" : container.hasClass(\"story-img-container\") ? \"story\" : \"post\";\r\n            pauseAllVideosExcept(null);\r\n            window.showMediaModal(mediaUrl, \"video\", \"instagram_\" + type + \"_\" + Date.now() + \".mp4\");\r\n        });\r\n\r\n        $(document).on(\"click\", \".post-download-btn, .story-download-btn, .reel-download-btn, .download-btn\", function (event) {\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n            var url = $(this).attr(\"data-url\") || $(this).data(\"url\");\r\n            var filename = $(this).attr(\"data-filename\") || $(this).data(\"filename\") || \"instagram-media\";\r\n            var type = $(this).attr(\"data-type\") || $(this).data(\"type\") || \"image\";\r\n            downloadWithProgress(url, filename, type);\r\n        });\r\n\r\n        $(document).on(\"click\", \".highlight-item\", function (event) {\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n            var url = $(this).attr(\"data-url\") || $(this).data(\"url\");\r\n            var filename = $(this).attr(\"data-filename\") || $(this).data(\"filename\") || \"instagram_highlight.jpg\";\r\n            var type = $(this).attr(\"data-type\") || $(this).data(\"type\") || \"image\";\r\n            window.showMediaModal(url, type, filename);\r\n        });\r\n\r\n        $(document).on(\"click\", \".highlight-view-btn\", function (event) {\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n            var url = $(this).data(\"url\");\r\n            var title = $(this).data(\"title\") || \"instagram_highlight\";\r\n            window.showMediaModal(url, \"image\", title + \".jpg\");\r\n        });\r\n\r\n        $(document).on(\"click\", \".view-profile-img\", function () {\r\n            var src = $(\"#profileImage\").attr(\"src\");\r\n            if (src) window.showMediaModal(src, \"image\", \"instagram_profile_hd.jpg\");\r\n        });\r\n\r\n        $(document).on(\"click\", \"#downloadProfileImage\", function () {\r\n            var src = $(\"#profileImage\").attr(\"src\");\r\n            if (src) forceDownloadImage(src, \"instagram_profile_hd.jpg\");\r\n        });\r\n\r\n        $(document).on(\"click\", \".cancel-download\", function () {\r\n            cancelDownload(parseInt($(this).data(\"download-id\"), 10));\r\n        });\r\n\r\n        $(document).on(\"click\", \".tab-btn\", function () {\r\n            var tab = $(this).data(\"tab\");\r\n            if ($(this).hasClass(\"active\")) return;\r\n            state.activeTab = tab;\r\n            $(\".tab-btn\").removeClass(\"active\");\r\n            $(this).addClass(\"active\");\r\n            $(\".ig-tab-content\").hide();\r\n            $(\"#tab-\" + tab).fadeIn(180);\r\n            pauseAllVideosExcept(null);\r\n            loadActiveTab();\r\n        });\r\n\r\n        $(document).on(\"ended pause\", \"video\", function () {\r\n            var container = $(this).closest(\".post-img-container, .story-img-container, .reel-img-container\");\r\n            container.find(\".post-view-btn, .story-view-btn, .reel-view-btn\").html('<i class=\"fa-solid fa-play\"><\/i>');\r\n            container.find(\".post-fullscreen-btn, .story-fullscreen-btn, .reel-fullscreen-btn\").hide();\r\n        });\r\n\r\n        $(document).on(\"keydown\", function (event) {\r\n            if (event.key === \"Escape\") {\r\n                $(\".ipgv-profile-img-modal, .ipgv-media-modal\").remove();\r\n                $(\"body\").removeClass(\"ipgv-modal-open\");\r\n                pauseAllVideosExcept(null);\r\n            }\r\n        });\r\n\r\n        $(document).on(\"click\", \"#loadMorePosts\", function () {\r\n            var btn = $(this);\r\n            btn.prop(\"disabled\", true).html('<i class=\"fa-solid fa-spinner fa-spin\"><\/i> Loading...');\r\n            var nextVisible = state.postsVisible + 9;\r\n            var posts = state.postsAll;\r\n            setTimeout(function () {\r\n                var html = \"\";\r\n                for (var i = state.postsVisible; i < Math.min(nextVisible, posts.length); i++) {\r\n                    html += renderMediaCard(\"post\", posts[i], i);\r\n                }\r\n                $(\"#tab-posts .posts-grid\").append(html);\r\n                addMediaTypeIndicators();\r\n                state.postsVisible = nextVisible;\r\n                if (nextVisible >= posts.length) {\r\n                    btn.remove();\r\n                } else {\r\n                    btn.prop(\"disabled\", false).html('<i class=\"ph ph-caret-down\"><\/i> Load More');\r\n                }\r\n            }, 300);\r\n        });\r\n\r\n        $(document).on(\"click\", \"#loadMoreReels\", function () {\r\n            var btn = $(this);\r\n            btn.prop(\"disabled\", true).html('<i class=\"fa-solid fa-spinner fa-spin\"><\/i> Loading...');\r\n            var nextVisible = state.reelsVisible + 9;\r\n            var reels = state.reelsAll;\r\n            setTimeout(function () {\r\n                var html = \"\";\r\n                for (var i = state.reelsVisible; i < Math.min(nextVisible, reels.length); i++) {\r\n                    html += renderMediaCard(\"reel\", reels[i], i);\r\n                }\r\n                $(\"#tab-reels .reels-grid\").append(html);\r\n                addMediaTypeIndicators();\r\n                state.reelsVisible = nextVisible;\r\n                if (nextVisible >= reels.length) {\r\n                    btn.remove();\r\n                } else {\r\n                    btn.prop(\"disabled\", false).html('<i class=\"ph ph-caret-down\"><\/i> Load More');\r\n                }\r\n            }, 300);\r\n        });\r\n\r\n        $(function () {\r\n            $(\"#actionBtn\").on(\"click\", function (event) {\r\n                event.preventDefault();\r\n                searchProfile();\r\n            });\r\n\r\n            $(\"#searchInput\").on(\"keydown\", function (event) {\r\n                if (event.key === \"Enter\") {\r\n                    event.preventDefault();\r\n                    searchProfile();\r\n                }\r\n            });\r\n        });\r\n\r\n        window.queryDashboard = searchProfile;\r\n    })(jQuery);\r\n<\/script>\r\n\r\n\r\n    <!-- ========== 3. KEY FEATURES SECTION ========== -->\r\n    <section class=\"insta-profile-home-features insta-profile-home-section\">\r\n        <div class=\"insta-profile-home-container\">\r\n            <div class=\"insta-profile-home-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"insta-profile-home-section-label\">\r\n                    <i class=\"fa-solid fa-sparkles\"><\/i> Features\r\n                <\/span>\r\n                <h2 class=\"insta-profile-home-section-heading\">Everything You Need to Browse Public Profiles<\/h2>\r\n                <p class=\"insta-profile-home-section-subheading centered\">A comprehensive set of tools to explore Instagram content without any limitations.<\/p>\r\n            <\/div>\r\n            <div class=\"row g-4 mt-3\">\r\n                <div class=\"col-lg-3 col-md-4 col-sm-6\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                    <div class=\"insta-profile-home-feature-card\">\r\n                        <div class=\"insta-profile-home-feature-icon\">\r\n                            <i class=\"fa-solid fa-user-secret\"><\/i>\r\n                        <\/div>\r\n                        <h5>Anonymous Profile Viewing<\/h5>\r\n                        <p>Browse any public profile without revealing your identity or leaving a trace.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-3 col-md-4 col-sm-6\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                    <div class=\"insta-profile-home-feature-card\">\r\n                        <div class=\"insta-profile-home-feature-icon\">\r\n                            <i class=\"fa-solid fa-images\"><\/i>\r\n                        <\/div>\r\n                        <h5>Public Photo Viewer<\/h5>\r\n                        <p>View all public photos in a clean grid layout with easy navigation.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-3 col-md-4 col-sm-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"insta-profile-home-feature-card\">\r\n                        <div class=\"insta-profile-home-feature-icon\">\r\n                            <i class=\"fa-solid fa-circle-play\"><\/i>\r\n                        <\/div>\r\n                        <h5>Story Viewer<\/h5>\r\n                        <p>Watch publicly available stories without the account owner knowing.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-3 col-md-4 col-sm-6\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                    <div class=\"insta-profile-home-feature-card\">\r\n                        <div class=\"insta-profile-home-feature-icon\">\r\n                            <i class=\"fa-solid fa-film\"><\/i>\r\n                        <\/div>\r\n                        <h5>Reels Viewer<\/h5>\r\n                        <p>Browse and watch reels from public profiles in an organized format.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-3 col-md-4 col-sm-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"insta-profile-home-feature-card\">\r\n                        <div class=\"insta-profile-home-feature-icon\">\r\n                            <i class=\"fa-solid fa-star\"><\/i>\r\n                        <\/div>\r\n                        <h5>Highlights Viewer<\/h5>\r\n                        <p>Access saved story highlights from any public Instagram profile.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-3 col-md-4 col-sm-6\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                    <div class=\"insta-profile-home-feature-card\">\r\n                        <div class=\"insta-profile-home-feature-icon\">\r\n                            <i class=\"fa-solid fa-id-card\"><\/i>\r\n                        <\/div>\r\n                        <h5>Profile Information<\/h5>\r\n                        <p>Get detailed profile data including bio, follower count, and more.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-3 col-md-4 col-sm-6\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"insta-profile-home-feature-card\">\r\n                        <div class=\"insta-profile-home-feature-icon\">\r\n                            <i class=\"fa-solid fa-bolt\"><\/i>\r\n                        <\/div>\r\n                        <h5>Fast Search<\/h5>\r\n                        <p>Get instant results with our optimized search and loading system.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-3 col-md-4 col-sm-6\" data-aos=\"fade-up\" data-aos-delay=\"350\">\r\n                    <div class=\"insta-profile-home-feature-card\">\r\n                        <div class=\"insta-profile-home-feature-icon\">\r\n                            <i class=\"fa-solid fa-mobile-screen-button\"><\/i>\r\n                        <\/div>\r\n                        <h5>Mobile Friendly<\/h5>\r\n                        <p>Fully responsive design that works perfectly on any device size.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 4. HOW IT WORKS SECTION ========== -->\r\n    <section class=\"insta-profile-home-how-it-works insta-profile-home-section\">\r\n        <div class=\"insta-profile-home-container\">\r\n            <div class=\"insta-profile-home-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"insta-profile-home-section-label\">\r\n                    <i class=\"fa-solid fa-list-ol\"><\/i> How It Works\r\n                <\/span>\r\n                <h2 class=\"insta-profile-home-section-heading\">How Does the Instagram Profile Viewer Work?<\/h2>\r\n                <p class=\"insta-profile-home-section-subheading centered\">Three simple steps to explore any public Instagram profile.<\/p>\r\n            <\/div>\r\n            <div class=\"row g-0 mt-4\">\r\n                <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                    <div class=\"insta-profile-home-step-card\">\r\n                        <div class=\"insta-profile-home-step-number\">1<\/div>\r\n                        <h5>Enter Username or Profile Link<\/h5>\r\n                        <p>Type the Instagram username or paste the full profile URL into the search box.<\/p>\r\n                        <div class=\"insta-profile-home-step-connector\">\r\n                            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                    <div class=\"insta-profile-home-step-card\">\r\n                        <div class=\"insta-profile-home-step-number\">2<\/div>\r\n                        <h5>Click View Profile<\/h5>\r\n                        <p>Hit the search button and our tool will fetch the publicly available data instantly.<\/p>\r\n                        <div class=\"insta-profile-home-step-connector\">\r\n                            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"insta-profile-home-step-card\">\r\n                        <div class=\"insta-profile-home-step-number\">3<\/div>\r\n                        <h5>Browse Available Public Content<\/h5>\r\n                        <p>Explore photos, reels, stories, highlights, and profile info in a clean interface.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 5. LIVE PREVIEW \/ DASHBOARD UI SECTION ========== -->\r\n    <section class=\"insta-profile-home-dashboard insta-profile-home-section\">\r\n        <div class=\"insta-profile-home-container\">\r\n            <div class=\"insta-profile-home-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"insta-profile-home-section-label\">\r\n                    <i class=\"fa-solid fa-desktop\"><\/i> Live Preview\r\n                <\/span>\r\n                <h2 class=\"insta-profile-home-section-heading\">A Cleaner Way to Explore Instagram Content<\/h2>\r\n                <p class=\"insta-profile-home-section-subheading centered\">See how your profile viewing experience looks with our intuitive dashboard interface.<\/p>\r\n            <\/div>\r\n            <div class=\"insta-profile-home-dashboard-mock mt-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"insta-profile-home-dash-header\">\r\n                    <div class=\"insta-profile-home-dash-header-left\">\r\n                        <div class=\"back-btn\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/div>\r\n                        <span>Profile Viewer<\/span>\r\n                    <\/div>\r\n                    <div class=\"insta-profile-home-dash-header-actions\">\r\n                        <div role=\"button\" tabindex=\"0\"><i class=\"fa-solid fa-share-nodes\"><\/i><\/div>\r\n                        <div role=\"button\" tabindex=\"0\"><i class=\"fa-solid fa-ellipsis-vertical\"><\/i><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"insta-profile-home-dash-profile\">\r\n                    <div class=\"insta-profile-home-dash-avatar\">\r\n                        <img decoding=\"async\" src=\"https:\/\/gramiewer.com\/wp-content\/uploads\/2026\/04\/73.jpg\" alt=\"Avatar\">\r\n                    <\/div>\r\n                    <div class=\"insta-profile-home-dash-info\">\r\n                        <h4>Kenneth W. Williams<\/h4>\r\n                        <div class=\"handle\">@kennethwilliams<\/div>\r\n                        <div class=\"bio\">\u2708\ufe0f Travel photographer & storyteller | Exploring the world one frame at a time | Based in NYC \ud83d\udccd<\/div>\r\n                    <\/div>\r\n                    <div class=\"insta-profile-home-dash-stats\">\r\n                        <div class=\"insta-profile-home-dash-stat\">\r\n                            <div class=\"num\">142K<\/div>\r\n                            <div class=\"label\">Followers<\/div>\r\n                        <\/div>\r\n                        <div class=\"insta-profile-home-dash-stat\">\r\n                            <div class=\"num\">892<\/div>\r\n                            <div class=\"label\">Following<\/div>\r\n                        <\/div>\r\n                        <div class=\"insta-profile-home-dash-stat\">\r\n                            <div class=\"num\">567<\/div>\r\n                            <div class=\"label\">Posts<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"insta-profile-home-dash-tabs\">\r\n                    <div class=\"insta-profile-home-dash-tab active\"><i class=\"fa-solid fa-grid-2\"><\/i> Photos<\/div>\r\n                    <div class=\"insta-profile-home-dash-tab\"><i class=\"fa-solid fa-film\"><\/i> Reels<\/div>\r\n                    <div class=\"insta-profile-home-dash-tab\"><i class=\"fa-solid fa-circle-play\"><\/i> Stories<\/div>\r\n                    <div class=\"insta-profile-home-dash-tab\"><i class=\"fa-solid fa-star\"><\/i> Highlights<\/div>\r\n                <\/div>\r\n                <div class=\"insta-profile-home-dash-content\">\r\n                    <div class=\"insta-profile-home-dash-grid\">\r\n                        <div class=\"insta-profile-home-dash-grid-item\">\r\n                            <img decoding=\"async\" class=\"bg\" src=\"https:\/\/gramiewer.com\/wp-content\/uploads\/2026\/04\/pexels-omkarpatyane-238480.webp\" alt=\"Photo\">\r\n                            <div class=\"overlay\">\r\n                                <span><i class=\"fa-solid fa-heart\"><\/i> 2.4K<\/span>\r\n                                <span><i class=\"fa-solid fa-comment\"><\/i> 89<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"insta-profile-home-dash-grid-item\">\r\n                            <img decoding=\"async\" class=\"bg\" src=\"https:\/\/gramiewer.com\/wp-content\/uploads\/2026\/04\/pexels-viralyft-16840499.webp\" alt=\"Photo\">\r\n                            <div class=\"overlay\">\r\n                                <span><i class=\"fa-solid fa-heart\"><\/i> 1.8K<\/span>\r\n                                <span><i class=\"fa-solid fa-comment\"><\/i> 56<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"insta-profile-home-dash-grid-item\">\r\n                            <img decoding=\"async\" class=\"bg\" src=\"https:\/\/gramiewer.com\/wp-content\/uploads\/2026\/04\/pexels-kadiremir-31148083.webp\" alt=\"Photo\">\r\n                            <div class=\"overlay\">\r\n                                <span><i class=\"fa-solid fa-heart\"><\/i> 3.1K<\/span>\r\n                                <span><i class=\"fa-solid fa-comment\"><\/i> 124<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"insta-profile-home-dash-grid-item\">\r\n                            <img decoding=\"async\" class=\"bg\" src=\"https:\/\/gramiewer.com\/wp-content\/uploads\/2026\/04\/pexels-readymade-3850209.webp\" alt=\"Photo\">\r\n                            <div class=\"overlay\">\r\n                                <span><i class=\"fa-solid fa-heart\"><\/i> 987<\/span>\r\n                                <span><i class=\"fa-solid fa-comment\"><\/i> 34<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"insta-profile-home-dash-grid-item\">\r\n                            <img decoding=\"async\" class=\"bg\" src=\"https:\/\/gramiewer.com\/wp-content\/uploads\/2026\/04\/pexels-indraprojectsofficial-27552013.webp\" alt=\"Photo\">\r\n                            <div class=\"overlay\">\r\n                                <span><i class=\"fa-solid fa-heart\"><\/i> 4.2K<\/span>\r\n                                <span><i class=\"fa-solid fa-comment\"><\/i> 201<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"insta-profile-home-dash-grid-item\">\r\n                            <img decoding=\"async\" class=\"bg\" src=\"https:\/\/gramiewer.com\/wp-content\/uploads\/2026\/04\/pexels-readymade-3850265.webp\" alt=\"Photo\">\r\n                            <div class=\"overlay\">\r\n                                <span><i class=\"fa-solid fa-heart\"><\/i> 1.5K<\/span>\r\n                                <span><i class=\"fa-solid fa-comment\"><\/i> 67<\/span>\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    <!-- ========== 6. BENEFITS SECTION ========== -->\r\n    <section class=\"insta-profile-home-benefits insta-profile-home-section\">\r\n        <div class=\"insta-profile-home-container\">\r\n            <div class=\"row align-items-center g-5\">\r\n                <div class=\"col-lg-6\" data-aos=\"fade-right\">\r\n                    <div class=\"insta-profile-home-benefit-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/gramiewer.com\/wp-content\/uploads\/2026\/04\/pexels-viralyft-16840499.webp\" alt=\"Benefits illustration\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-6\" data-aos=\"fade-left\">\r\n                    <span class=\"insta-profile-home-section-label\">\r\n                        <i class=\"fa-solid fa-gift\"><\/i> Benefits\r\n                    <\/span>\r\n                    <h2 class=\"insta-profile-home-section-heading\">Why Use Our Instagram Profile Viewer?<\/h2>\r\n                    <ul class=\"insta-profile-home-benefit-list mt-4\">\r\n                        <li>\r\n                            <div class=\"icon\"><i class=\"fa-solid fa-plug\"><\/i><\/div>\r\n                            <div class=\"text\">\r\n                                <h6>No Complicated Setup<\/h6>\r\n                                <p>Start using the tool instantly \u2014 no downloads, installations, or configurations needed.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li>\r\n                            <div class=\"icon\"><i class=\"fa-solid fa-globe\"><\/i><\/div>\r\n                            <div class=\"text\">\r\n                                <h6>Works Directly in Browser<\/h6>\r\n                                <p>Access the viewer from any web browser on any device without additional software.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li>\r\n                            <div class=\"icon\"><i class=\"fa-solid fa-palette\"><\/i><\/div>\r\n                            <div class=\"text\">\r\n                                <h6>Clean SaaS-Style Interface<\/h6>\r\n                                <p>Enjoy a modern, distraction-free viewing experience designed for usability.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li>\r\n                            <div class=\"icon\"><i class=\"fa-solid fa-magnifying-glass-chart\"><\/i><\/div>\r\n                            <div class=\"text\">\r\n                                <h6>Helpful for Research and Browsing<\/h6>\r\n                                <p>Ideal for competitive analysis, content research, or casual profile browsing.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li>\r\n                            <div class=\"icon\"><i class=\"fa-solid fa-gauge-high\"><\/i><\/div>\r\n                            <div class=\"text\">\r\n                                <h6>Designed for Speed and Privacy<\/h6>\r\n                                <p>Fast loading times and complete anonymity \u2014 your activity stays private.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 7. USE CASES SECTION ========== -->\r\n    <section class=\"insta-profile-home-use-cases insta-profile-home-section\">\r\n        <div class=\"insta-profile-home-container\">\r\n            <div class=\"insta-profile-home-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"insta-profile-home-section-label\">\r\n                    <i class=\"fa-solid fa-users\"><\/i> Use Cases\r\n                <\/span>\r\n                <h2 class=\"insta-profile-home-section-heading\">Built for Different Types of Users<\/h2>\r\n                <p class=\"insta-profile-home-section-subheading centered\">Whether you're a professional or a casual user, our tool adapts to your needs.<\/p>\r\n            <\/div>\r\n            <div class=\"row g-4 mt-3\">\r\n                <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                    <div class=\"insta-profile-home-use-case-card\">\r\n                        <div class=\"insta-profile-home-use-case-icon\">\r\n                            <i class=\"fa-solid fa-chart-line\"><\/i>\r\n                        <\/div>\r\n                        <h5>Digital Marketers<\/h5>\r\n                        <p>Analyze competitor profiles, track content strategies, and gather insights for campaigns.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                    <div class=\"insta-profile-home-use-case-card\">\r\n                        <div class=\"insta-profile-home-use-case-icon\">\r\n                            <i class=\"fa-solid fa-pen-nib\"><\/i>\r\n                        <\/div>\r\n                        <h5>Content Creators<\/h5>\r\n                        <p>Find inspiration from other creators, explore trending content, and plan your own posts.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"insta-profile-home-use-case-card\">\r\n                        <div class=\"insta-profile-home-use-case-icon\">\r\n                            <i class=\"fa-solid fa-users-gear\"><\/i>\r\n                        <\/div>\r\n                        <h5>Social Media Managers<\/h5>\r\n                        <p>Manage multiple client profiles efficiently with organized content viewing tools.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                    <div class=\"insta-profile-home-use-case-card\">\r\n                        <div class=\"insta-profile-home-use-case-icon\">\r\n                            <i class=\"fa-solid fa-microscope\"><\/i>\r\n                        <\/div>\r\n                        <h5>Competitor Researchers<\/h5>\r\n                        <p>Monitor competitor activity, growth patterns, and content performance seamlessly.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"insta-profile-home-use-case-card\">\r\n                        <div class=\"insta-profile-home-use-case-icon\">\r\n                            <i class=\"fa-solid fa-eye\"><\/i>\r\n                        <\/div>\r\n                        <h5>Casual Browsers<\/h5>\r\n                        <p>Simply browse public profiles and content without creating an Instagram account.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                    <div class=\"insta-profile-home-use-case-card\">\r\n                        <div class=\"insta-profile-home-use-case-icon\">\r\n                            <i class=\"fa-solid fa-building\"><\/i>\r\n                        <\/div>\r\n                        <h5>Brand Analysts<\/h5>\r\n                        <p>Evaluate brand presence, engagement metrics, and visual identity across profiles.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 8. PRIVACY & SAFETY SECTION ========== -->\r\n    <section class=\"insta-profile-home-privacy insta-profile-home-section\">\r\n        <div class=\"insta-profile-home-container\">\r\n            <div class=\"insta-profile-home-privacy-card\" data-aos=\"fade-up\">\r\n                <div class=\"insta-profile-home-text-center\">\r\n                    <span class=\"insta-profile-home-section-label\">\r\n                        <i class=\"fa-solid fa-shield-halved\"><\/i> Privacy & Safety\r\n                    <\/span>\r\n                    <h2 class=\"insta-profile-home-section-heading\">Private, Simple, and Secure Browsing<\/h2>\r\n                    <p class=\"insta-profile-home-section-subheading centered\">Your privacy is our priority. Here's how we keep your browsing experience safe.<\/p>\r\n                <\/div>\r\n                <div class=\"insta-profile-home-privacy-points\">\r\n                    <div class=\"insta-profile-home-privacy-point\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                        <div class=\"icon\"><i class=\"fa-solid fa-right-from-bracket\"><\/i><\/div>\r\n                        <div>\r\n                            <h6>No Instagram Login Required<\/h6>\r\n                            <p>Use our tool without ever logging into your Instagram account.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"insta-profile-home-privacy-point\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                        <div class=\"icon\"><i class=\"fa-solid fa-eye\"><\/i><\/div>\r\n                        <div>\r\n                            <h6>Only Public Profile Data<\/h6>\r\n                            <p>We only access information that's already publicly available on Instagram.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"insta-profile-home-privacy-point\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                        <div class=\"icon\"><i class=\"fa-solid fa-link-slash\"><\/i><\/div>\r\n                        <div>\r\n                            <h6>No Account Connection Needed<\/h6>\r\n                            <p>We never ask for or connect to your personal Instagram account in any way.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"insta-profile-home-privacy-point\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                        <div class=\"icon\"><i class=\"fa-solid fa-window-maximize\"><\/i><\/div>\r\n                        <div>\r\n                            <h6>Browser-Based Experience<\/h6>\r\n                            <p>Everything runs in your browser \u2014 no apps, extensions, or plugins required.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 9. COMPARISON SECTION ========== -->\r\n    <section class=\"insta-profile-home-comparison insta-profile-home-section\">\r\n        <div class=\"insta-profile-home-container\">\r\n            <div class=\"insta-profile-home-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"insta-profile-home-section-label\">\r\n                    <i class=\"fa-solid fa-code-compare\"><\/i> Comparison\r\n                <\/span>\r\n                <h2 class=\"insta-profile-home-section-heading\">A Better Way to View Public Instagram Profiles<\/h2>\r\n                <p class=\"insta-profile-home-section-subheading centered\">See how our tool compares to manual Instagram browsing.<\/p>\r\n            <\/div>\r\n            <div class=\"insta-profile-home-comparison-table-wrap\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <table class=\"insta-profile-home-comparison-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th style=\"width:40%;\">Feature<\/th>\r\n                            <th style=\"width:30%;\">Manual Instagram Browsing<\/th>\r\n                            <th style=\"width:30%;\">Our Tool<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><strong>No login required<\/strong><\/td>\r\n                            <td><i class=\"fa-solid fa-xmark insta-profile-home-cross\"><\/i><\/td>\r\n                            <td><i class=\"fa-solid fa-check insta-profile-home-check\"><\/i><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Profile URL search<\/strong><\/td>\r\n                            <td><i class=\"fa-solid fa-check insta-profile-home-check\"><\/i><\/td>\r\n                            <td><i class=\"fa-solid fa-check insta-profile-home-check\"><\/i><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Story\/reel organized tabs<\/strong><\/td>\r\n                            <td><i class=\"fa-solid fa-xmark insta-profile-home-cross\"><\/i><\/td>\r\n                            <td><i class=\"fa-solid fa-check insta-profile-home-check\"><\/i><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Clean media layout<\/strong><\/td>\r\n                            <td><i class=\"fa-solid fa-xmark insta-profile-home-cross\"><\/i><\/td>\r\n                            <td><i class=\"fa-solid fa-check insta-profile-home-check\"><\/i><\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td><strong>Fast browser access<\/strong><\/td>\r\n                            <td><i class=\"fa-solid fa-check insta-profile-home-check\"><\/i><\/td>\r\n                            <td><i class=\"fa-solid fa-check insta-profile-home-check\"><\/i><\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 10. FAQ SECTION ========== -->\r\n    <section class=\"insta-profile-home-faq insta-profile-home-section\">\r\n        <div class=\"insta-profile-home-container\">\r\n            <div class=\"insta-profile-home-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"insta-profile-home-section-label\">\r\n                    <i class=\"fa-solid fa-circle-question\"><\/i> FAQ\r\n                <\/span>\r\n                <h2 class=\"insta-profile-home-section-heading\">Frequently Asked Questions<\/h2>\r\n            <\/div>\r\n            <div class=\"insta-profile-home-faq-wrap\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"insta-profile-home-faq-item active\">\r\n                    <div class=\"insta-profile-home-faq-question\" role=\"button\" tabindex=\"0\" onclick=\"toggleFaq(this)\">\r\n                        <span>Is this Instagram profile viewer free?<\/span>\r\n                        <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"insta-profile-home-faq-answer\">\r\n                        <div class=\"insta-profile-home-faq-answer-inner\">\r\n                            Yes, our Instagram profile viewer is completely free to use. There are no hidden charges, premium plans, or sign-up requirements. Simply enter a username and start browsing.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"insta-profile-home-faq-item\">\r\n                    <div class=\"insta-profile-home-faq-question\" role=\"button\" tabindex=\"0\" onclick=\"toggleFaq(this)\">\r\n                        <span>Do I need to log in?<\/span>\r\n                        <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"insta-profile-home-faq-answer\">\r\n                        <div class=\"insta-profile-home-faq-answer-inner\">\r\n                            No, you don't need to log in to your Instagram account or create any new account. Our tool works independently and doesn't require any authentication.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"insta-profile-home-faq-item\">\r\n                    <div class=\"insta-profile-home-faq-question\" role=\"button\" tabindex=\"0\" onclick=\"toggleFaq(this)\">\r\n                        <span>Can I view private Instagram profiles?<\/span>\r\n                        <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"insta-profile-home-faq-answer\">\r\n                        <div class=\"insta-profile-home-faq-answer-inner\">\r\n                            No, our tool only works with public Instagram profiles. We respect user privacy and only display content that the account owner has made publicly visible.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"insta-profile-home-faq-item\">\r\n                    <div class=\"insta-profile-home-faq-question\" role=\"button\" tabindex=\"0\" onclick=\"toggleFaq(this)\">\r\n                        <span>Can I view stories anonymously?<\/span>\r\n                        <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"insta-profile-home-faq-answer\">\r\n                        <div class=\"insta-profile-home-faq-answer-inner\">\r\n                            Yes, you can view publicly available stories through our tool without the profile owner knowing. Your viewing activity is not shared or recorded.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"insta-profile-home-faq-item\">\r\n                    <div class=\"insta-profile-home-faq-question\" role=\"button\" tabindex=\"0\" onclick=\"toggleFaq(this)\">\r\n                        <span>Does it work on mobile?<\/span>\r\n                        <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"insta-profile-home-faq-answer\">\r\n                        <div class=\"insta-profile-home-faq-answer-inner\">\r\n                            Absolutely! Our Instagram profile viewer is fully responsive and works seamlessly on smartphones, tablets, and desktop browsers.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"insta-profile-home-faq-item\">\r\n                    <div class=\"insta-profile-home-faq-question\" role=\"button\" tabindex=\"0\" onclick=\"toggleFaq(this)\">\r\n                        <span>Is it safe to use?<\/span>\r\n                        <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"insta-profile-home-faq-answer\">\r\n                        <div class=\"insta-profile-home-faq-answer-inner\">\r\n                            Yes, our tool is completely safe. We don't store your data, don't ask for passwords, and don't install anything on your device. Everything runs securely in your browser.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== 11. FINAL CTA SECTION ========== -->\r\n    <section class=\"insta-profile-home-final-cta\">\r\n        <div class=\"insta-profile-home-container\">\r\n            <div class=\"insta-profile-home-final-cta-inner\" data-aos=\"fade-up\">\r\n                <span class=\"insta-profile-home-section-label\">\r\n                    <i class=\"fa-solid fa-rocket\"><\/i> Get Started\r\n                <\/span>\r\n                <h2 class=\"insta-profile-home-section-heading\" style=\"max-width:650px;margin-left:auto;margin-right:auto;\">\r\n                    Ready to Explore Instagram Profiles Seamlessly?\r\n                <\/h2>\r\n                <p class=\"insta-profile-home-section-subheading centered\" style=\"margin-bottom:36px;\">\r\n                    Enter a public username or profile link and start browsing in seconds.\r\n                <\/p>\r\n                <a href=\"#\" class=\"insta-profile-home-btn-primary\">\r\n                    <i class=\"fa-brands fa-instagram\"><\/i> View Instagram Profile Now\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n\r\n        \/\/ FAQ Toggle\r\n        function toggleFaq(button) {\r\n            const item = button.closest('.insta-profile-home-faq-item');\r\n            const isActive = item.classList.contains('active');\r\n            \r\n            \/\/ Close all\r\n            document.querySelectorAll('.insta-profile-home-faq-item').forEach(function(el) {\r\n                el.classList.remove('active');\r\n            });\r\n            \r\n            \/\/ Open clicked if it was closed\r\n            if (!isActive) {\r\n                item.classList.add('active');\r\n            }\r\n        }\r\n\r\n        \/\/ Quick Search Handler\r\n        function handleQuickSearch() {\r\n            var input = document.getElementById('quickSearchInput');\r\n            var preview = document.getElementById('searchPreview');\r\n            \r\n            if (input.value.trim() === '') {\r\n                input.focus();\r\n                input.style.borderColor = '#EF4444';\r\n                setTimeout(function() {\r\n                    input.style.borderColor = '';\r\n                }, 2000);\r\n                return;\r\n            }\r\n            \r\n            preview.classList.add('active');\r\n            \r\n            \/\/ Simulate loading then reset\r\n            setTimeout(function() {\r\n                preview.classList.remove('active');\r\n            }, 2500);\r\n        }\r\n\r\n        \/\/ Paste Profile Link\r\n        function pasteProfileLink() {\r\n            if (navigator.clipboard && navigator.clipboard.readText) {\r\n                navigator.clipboard.readText().then(function(text) {\r\n                    if (text.includes('instagram.com')) {\r\n                        var input = document.getElementById('quickSearchInput');\r\n                        var username = text.split('instagram.com\/').pop().replace('\/', '');\r\n                        input.value = username;\r\n                        input.focus();\r\n                    } else {\r\n                        alert('Please copy a valid Instagram profile URL first.');\r\n                    }\r\n                }).catch(function() {\r\n                    alert('Unable to read clipboard. Please paste the URL manually.');\r\n                });\r\n            } else {\r\n                alert('Clipboard access is not supported in your browser. Please paste the URL manually in the search box.');\r\n            }\r\n        }\r\n\r\n        \/\/ Enter key support for quick search\r\n        document.getElementById('quickSearchInput').addEventListener('keypress', function(e) {\r\n            if (e.key === 'Enter') {\r\n                handleQuickSearch();\r\n            }\r\n        });\r\n\r\n        \/\/ Dashboard tabs interaction\r\n        document.querySelectorAll('.insta-profile-home-dash-tab').forEach(function(tab) {\r\n            tab.addEventListener('click', function() {\r\n                document.querySelectorAll('.insta-profile-home-dash-tab').forEach(function(t) {\r\n                    t.classList.remove('active');\r\n                });\r\n                this.classList.add('active');\r\n            });\r\n        });\r\n\r\n        \/\/ Mockup tabs interaction\r\n        document.querySelectorAll('.insta-profile-home-mockup-tab').forEach(function(tab) {\r\n            tab.addEventListener('click', function() {\r\n                document.querySelectorAll('.insta-profile-home-mockup-tab').forEach(function(t) {\r\n                    t.classList.remove('active');\r\n                });\r\n                this.classList.add('active');\r\n            });\r\n        });\r\n    <\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-701","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/pages\/701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/comments?post=701"}],"version-history":[{"count":4,"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":5448,"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/pages\/701\/revisions\/5448"}],"wp:attachment":[{"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/media?parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}