{"id":6737,"date":"2026-03-02T00:00:26","date_gmt":"2026-03-02T00:00:26","guid":{"rendered":"https:\/\/raistheme.com\/?page_id=6737"},"modified":"2026-04-04T10:23:51","modified_gmt":"2026-04-04T10:23:51","slug":"instagram-web","status":"publish","type":"page","link":"https:\/\/raistheme.com\/tools\/social-viewer\/instagram-web\/","title":{"rendered":"Instagram Web Viewer \u2013 Browse Profiles Anonymously"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6737\" class=\"elementor elementor-6737\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cbe2275 e-con-full e-flex e-con e-parent\" data-id=\"4cbe2275\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5364dbc5 elementor-widget elementor-widget-shortcode\" data-id=\"5364dbc5\" 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\"><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n<style>\r\n    \/* Reset and Base Styles *\/\r\n    .ig-anonymous-viewer * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .ig-anonymous-viewer {\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n        background: white;\r\n        line-height: 1.6;\r\n        padding:80px 16px;\r\n        padding: 20px 0;\r\n\t\t\t  margin:0;\r\n    }\r\n\r\n    @keyframes gradientShift {\r\n        0% { background-position: 0% 50%; }\r\n        50% { background-position: 100% 50%; }\r\n        100% { background-position: 0% 50%; }\r\n    }\r\n\r\n    .ig-anonymous-viewer .main-contain {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 20px;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Tool Wrapper *\/\r\n    .ig-anonymous-viewer .ig-tool-wrapper {\r\n        width: 1200px;\r\n        max-width: 100%;\r\n        margin: 20px auto;\r\n        padding: 35px;\r\n        border-radius: 20px;\r\n        background: #ffffff;\r\n        color: #2d3748;\r\n        text-align: center;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n        position: relative;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(102, 126, 234, 0.1);\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-tool-wrapper::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: radial-gradient(circle at top right, rgba(102, 126, 234, 0.05), transparent 60%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-header {\r\n        width: 1200px;\r\n        max-width: 100%;\r\n        margin: 20px auto 30px;\r\n        padding: 0 20px;\r\n        text-align: center;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-header h1 {\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: #757575;\r\n        background-clip: text;\r\n        margin-bottom: 15px;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-header h1 span {\r\n        color: #FF9800;\r\n        position: relative;\r\n        display: inline-block;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-header h1 span::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        bottom: -3px;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 3px;\r\n        background: #FF9800;\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-header p {\r\n        font-size: 17px;\r\n        margin: 15px 0 25px;\r\n        line-height: 1.6;\r\n        font-weight: 400;\r\n        color: #4a5568;\r\n        max-width: 100%;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    \/* Input Area *\/\r\n    .ig-anonymous-viewer .ig-input-area {\r\n        display: flex;\r\n        align-items: center;\r\n        background: #f7fafc;\r\n        padding: 25px 20px;\r\n        border-radius: 16px;\r\n        gap: 15px;\r\n        margin: 0 auto;\r\n        max-width: 100%;\r\n        flex-wrap: wrap;\r\n        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.1);\r\n        position: relative;\r\n        border: 1px solid rgba(102, 126, 234, 0.15);\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-icon {\r\n        font-size: 16px;\r\n        color: #4a5568;\r\n        font-weight: 500;\r\n        width: 100%;\r\n        text-align: left;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-input-area input {\r\n        flex-grow: 1 !important;\r\n        padding: 26px 18px !important;\r\n        font-size: 16px !important;\r\n        border: none !important;\r\n        outline: none !important;\r\n        min-width: 200px !important;\r\n        background: #ffffff !important;\r\n        border-radius: 12px !important;\r\n        transition: all 0.3s !important;\r\n        color: #2d3748 !important;\r\n        font-weight: 500 !important;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;\r\n        border: 1px solid #e2e8f0 !important;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-input-area input:focus {\r\n        background: #ffffff;\r\n        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);\r\n        border-color: #667eea;\r\n    }\r\n\r\n    .ig-anonymous-viewer .error-container {\r\n        margin-top: 25px;\r\n        position: absolute;\r\n        bottom: -60px;\r\n        left: 20px;\r\n        right: 20px;\r\n    }\r\n\r\n    .ig-anonymous-viewer #error-message {\r\n        color: #ff6b6b;\r\n        margin-top: 25px;\r\n        display: none;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .ig-anonymous-viewer .paste-btn,\r\n    .ig-anonymous-viewer .view-btn {\r\n        border: none;\r\n        border-radius: 12px;\r\n        padding: 14px 20px;\r\n        cursor: pointer;\r\n        font-weight: 600;\r\n        transition: all 0.3s;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-size: 15px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .paste-btn {\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        color: white;\r\n    }\r\n\r\n    .ig-anonymous-viewer .paste-btn:hover {\r\n        background: linear-gradient(135deg, #5568d3 0%, #6a3d8f 100%);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);\r\n    }\r\n\r\n    .ig-anonymous-viewer .view-btn {\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        color: white;\r\n        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);\r\n    }\r\n\r\n    .ig-anonymous-viewer .view-btn:hover {\r\n        background: linear-gradient(135deg, #5568d3 0%, #6a3d8f 100%);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);\r\n    }\r\n\r\n    .ig-anonymous-viewer .view-btn:disabled {\r\n        opacity: 0.6;\r\n        cursor: not-allowed;\r\n        transform: none;\r\n    }\r\n\r\n    \/* Ad Space *\/\r\n    .ig-anonymous-viewer .ad-space {\r\n        margin-top: 20px;\r\n        text-align: center;\r\n        position: relative;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        padding: 6px;\r\n        background: linear-gradient(135deg, #00BCD4, #FF9800, #F57C00);\r\n        background-size: 300% 300%;\r\n        animation: gradientBorder 6s ease infinite;\r\n    }\r\n\r\n    @keyframes gradientBorder {\r\n        0% { background-position: 0% 50%; }\r\n        50% { background-position: 100% 50%; }\r\n        100% { background-position: 0% 50%; }\r\n    }\r\n\r\n    .ig-anonymous-viewer .ad-inner {\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        background-color: #fff;\r\n        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);\r\n        transition: transform 0.3s ease;\r\n        animation: floatAd 5s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes floatAd {\r\n        0%, 100% { transform: translateY(0px); }\r\n        50% { transform: translateY(-5px); }\r\n    }\r\n\r\n    .ig-anonymous-viewer .ad-placeholder {\r\n        display: block;\r\n        position: relative;\r\n        text-decoration: none;\r\n        color: inherit;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ad-placeholder::before {\r\n        content: \"Sponsored\";\r\n        position: absolute;\r\n        top: 12px;\r\n        left: 12px;\r\n        background-color: #fff;\r\n        color: #F57C00;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        padding: 3px 10px;\r\n        border-radius: 5px;\r\n        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);\r\n        animation: pulseTag 2s infinite;\r\n        z-index: 2;\r\n    }\r\n\r\n    @keyframes pulseTag {\r\n        0% { transform: scale(1); opacity: 1; }\r\n        50% { transform: scale(1.05); opacity: 0.85; }\r\n        100% { transform: scale(1); opacity: 1; }\r\n    }\r\n\r\n    .ig-anonymous-viewer .ad-image {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ad-placeholder:hover .ad-image {\r\n        animation: wiggle 0.4s ease;\r\n        transform: scale(1.04);\r\n    }\r\n\r\n    @keyframes wiggle {\r\n        0% { transform: rotate(0deg); }\r\n        25% { transform: rotate(1.5deg); }\r\n        50% { transform: rotate(-1.5deg); }\r\n        75% { transform: rotate(1.5deg); }\r\n        100% { transform: rotate(0deg); }\r\n    }\r\n\r\n    .ig-anonymous-viewer .note {\r\n        font-size: 14px;\r\n        color: #718096;\r\n        margin-top: 15px;\r\n        font-style: italic;\r\n    }\r\n\r\n    \/* Result Section *\/\r\n    .ig-anonymous-viewer .tools-result {\r\n        width: 1234px !important;\r\n        max-width: 100% !important;\r\n        margin-top: 60px !important;\r\n        margin: 0 auto !important;\r\n        padding: 0 20px !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-result {\r\n        margin-top: 30px;\r\n        background: #ffffff;\r\n        border-radius: 20px;\r\n        padding: 30px;\r\n        color: #2d3748;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n        animation: fadeIn 0.5s ease-out;\r\n        border: 1px solid rgba(102, 126, 234, 0.1);\r\n    }\r\n\r\n    \/* Profile Header *\/\r\n    .ig-anonymous-viewer .ig-profile-header {\r\n        margin-bottom: 40px;\r\n        position: relative;\r\n        background: linear-gradient(to bottom, rgba(102, 126, 234, 0.05), rgba(118, 75, 162, 0.05));\r\n        border-radius: 16px;\r\n        padding: 30px;\r\n        box-shadow: 0 5px 20px rgba(102, 126, 234, 0.08);\r\n        border: 1px solid rgba(102, 126, 234, 0.15);\r\n    }\r\n\r\n    .ig-anonymous-viewer .profile-header-content {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 30px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .ig-anonymous-viewer .profile-image-container {\r\n        position: relative;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .ig-anonymous-viewer .profile-image {\r\n        width: 150px;\r\n        height: 150px;\r\n        border-radius: 50%;\r\n        object-fit: cover;\r\n        border: 4px solid rgba(255, 255, 255, 0.2);\r\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n        transition: transform 0.3s;\r\n        background: linear-gradient(to bottom right, #00BCD4, #FF9800);\r\n        padding: 3px;\r\n        min-height: 150px;\r\n        min-width: 150px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #e0e0e0;\r\n        font-size: 60px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .profile-image:hover {\r\n        transform: scale(1.03);\r\n    }\r\n\r\n    .ig-anonymous-viewer .view-profile-img {\r\n        position: absolute;\r\n        bottom: 5px;\r\n        right: 5px;\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        color: white;\r\n        border: none;\r\n        border-radius: 50%;\r\n        width: 36px;\r\n        height: 36px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        transition: all 0.3s;\r\n        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);\r\n        z-index: 5;\r\n    }\r\n\r\n    .ig-anonymous-viewer .view-profile-img:hover {\r\n        transform: scale(1.1) rotate(15deg);\r\n        background: linear-gradient(135deg, #5568d3 0%, #6a3d8f 100%);\r\n    }\r\n\r\n    .ig-anonymous-viewer .profile-info {\r\n        flex: 1;\r\n        text-align: left;\r\n        min-width: 250px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .profile-info h3 {\r\n        font-size: 24px;\r\n        margin: 0 0 5px;\r\n        font-weight: 700;\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .ig-anonymous-viewer .profile-info h4 {\r\n        font-size: 18px;\r\n        margin: 0 0 15px;\r\n        font-weight: 600;\r\n        color: #4a5568;\r\n    }\r\n  \r\n  .ig-anonymous-viewer .ad-space {\r\nmargin-top: 20px;\r\ntext-align: center;\r\nposition: relative;\r\nborder-radius: 16px;\r\noverflow: hidden;\r\npadding: 6px;\r\nbackground: linear-gradient(135deg, #00BCD4, #FF9800, #F57C00);\r\nbackground-size: 300% 300%;\r\nanimation: gradientBorder 6s ease infinite;\r\ndisplay: none;\r\n}\r\n\r\n    .ig-anonymous-viewer .stats {\r\n        display: flex;\r\n        gap: 25px;\r\n        margin: 15px 0;\r\n    }\r\n\r\n    .ig-anonymous-viewer .stat-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .ig-anonymous-viewer .stat-value {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .ig-anonymous-viewer .stat-label {\r\n        font-size: 14px;\r\n        color: #718096;\r\n        margin-top: 3px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .profile-bio {\r\n        margin-top: 25px;\r\n        padding-top: 20px;\r\n        border-top: 1px solid rgba(102, 126, 234, 0.15);\r\n        text-align: left;\r\n        color: #4a5568;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .ig-anonymous-viewer .profile-link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        color: #667eea;\r\n        text-decoration: none;\r\n        font-weight: 500;\r\n        margin-top: 10px;\r\n        transition: all 0.3s;\r\n    }\r\n\r\n    .ig-anonymous-viewer .profile-link:hover {\r\n        color: #764ba2;\r\n        text-decoration: underline;\r\n    }\r\n\r\n    \/* Tabs *\/\r\n    .ig-anonymous-viewer .ig-tabs {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin: 30px 0;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-tabs button {\r\n        background: #f7fafc;\r\n        color: #4a5568;\r\n        border: none;\r\n        font-weight: 600;\r\n        font-size: 15px;\r\n        padding: 12px 24px;\r\n        cursor: pointer;\r\n        border-radius: 50px;\r\n        transition: all 0.3s;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n        border: 1px solid rgba(102, 126, 234, 0.15);\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-tabs button i {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-tabs button.active {\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        color: white;\r\n        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);\r\n        transform: translateY(-2px);\r\n        border: none;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-tabs button:hover:not(.active) {\r\n        background: #edf2f7;\r\n        color: #2d3748;\r\n        transform: translateY(-2px);\r\n        border-color: rgba(102, 126, 234, 0.25);\r\n    }\r\n\r\n    \/* Tab Content *\/\r\n    .ig-anonymous-viewer .tab-content {\r\n        padding: 20px;\r\n        text-align: center;\r\n        color: #4a5568;\r\n        display: none;\r\n    }\r\n\r\n    .ig-anonymous-viewer .tab-content.active {\r\n        display: block;\r\n    }\r\n\r\n    .ig-anonymous-viewer .no-result {\r\n        border: 1px dashed rgba(102, 126, 234, 0.3);\r\n        padding: 30px 20px;\r\n        margin-top: 30px;\r\n        text-align: center;\r\n        font-size: 16px;\r\n        font-weight: 500;\r\n        border-radius: 12px;\r\n        color: #718096;\r\n        background: #f7fafc;\r\n    }\r\n\r\n    .ig-anonymous-viewer .no-result i {\r\n        font-size: 48px;\r\n        color: rgba(102, 126, 234, 0.3);\r\n        margin-bottom: 15px;\r\n        display: block;\r\n    }\r\n\r\n    \/* Private Account Message *\/\r\n    .ig-anonymous-viewer .private-account-message {\r\n        background-color: rgba(255, 107, 107, 0.1);\r\n        color: #ff6b6b;\r\n        padding: 20px;\r\n        border-radius: 12px;\r\n        margin-top: 20px;\r\n        text-align: center;\r\n        font-weight: 500;\r\n        border: 1px solid rgba(255, 107, 107, 0.2);\r\n        animation: fadeIn 0.5s ease-out;\r\n    }\r\n\r\n    .ig-anonymous-viewer .private-account-message i {\r\n        margin-right: 8px;\r\n        font-size: 18px;\r\n    }\r\n\r\n    \/* Posts Grid *\/\r\n    .ig-anonymous-viewer .posts-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n        gap: 25px;\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-card {\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        background: #ffffff;\r\n        box-shadow: 0 5px 20px rgba(102, 126, 234, 0.1);\r\n        transition: all 0.3s;\r\n        border: 1px solid rgba(102, 126, 234, 0.15);\r\n        animation: slideUp 0.5s ease-out;\r\n        animation-fill-mode: both;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 15px 30px rgba(102, 126, 234, 0.2);\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-img-container {\r\n        position: relative;\r\n        overflow: hidden;\r\n        aspect-ratio: 1 \/ 1;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-thumb {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.5s;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 1;\r\n        transition: opacity 0.3s ease;\r\n        z-index: 3;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-img-container:hover .post-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-img-container:hover .post-thumb {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-download-btn,\r\n    .ig-anonymous-viewer .post-view-btn {\r\n        background: rgba(255, 255, 255, 0.95);\r\n        color: #667eea;\r\n        width: 45px;\r\n        height: 45px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.3s;\r\n        border: none;\r\n        font-size: 16px;\r\n        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.2);\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-download-btn:hover,\r\n    .ig-anonymous-viewer .post-view-btn:hover {\r\n        transform: scale(1.1) translateY(-3px);\r\n        box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-download-btn:hover {\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        color: white;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-view-btn {\r\n        background: rgba(255, 255, 255, 0.95);\r\n        color: #667eea;\r\n        border: none;\r\n        border-radius: 50%;\r\n        width: 50px;\r\n        height: 50px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        font-size: 20px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-view-btn:hover {\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        color: white;\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-meta {\r\n        padding: 20px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-stats,\r\n    .ig-anonymous-viewer .reel-stats {\r\n        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));\r\n        padding: 8px 12px;\r\n        border-radius: 12px;\r\n        border: 1px solid rgba(102, 126, 234, 0.2);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-stats span,\r\n    .ig-anonymous-viewer .reel-stats span {\r\n        color: #667eea;\r\n        font-weight: 600;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-stats span i,\r\n    .ig-anonymous-viewer .reel-stats span i {\r\n        color: #764ba2;\r\n        margin-right: 4px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-stats {\r\n        display: flex;\r\n        gap: 15px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-stats span {\r\n        font-size: 14px;\r\n        color: #4a5568;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-stats span i {\r\n        color: #764ba2;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-meta .caption {\r\n        font-size: 15px;\r\n        color: #2d3748;\r\n        margin-bottom: 10px;\r\n        line-height: 1.5;\r\n        font-weight: 500;\r\n        display: -webkit-box;\r\n        line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-meta .time {\r\n        font-size: 13px;\r\n        color: #718096;\r\n        display: block;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-stats-row {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    \/* Stories Container *\/\r\n    .ig-anonymous-viewer .stories-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n        gap: 20px;\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-card {\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        background: #ffffff;\r\n        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.1);\r\n        transition: all 0.3s;\r\n        border: 1px solid rgba(102, 126, 234, 0.15);\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 25px rgba(102, 126, 234, 0.2);\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-img-container {\r\n        position: relative;\r\n        overflow: hidden;\r\n        aspect-ratio: 9 \/ 16;\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-thumb {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.5s;\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.4);\r\n        backdrop-filter: blur(2px);\r\n        -webkit-backdrop-filter: blur(2px);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        opacity: 0;\r\n        transition: all 0.3s;\r\n        gap: 15px;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-img-container:hover .story-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-img-container:hover .story-thumb {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-download-btn,\r\n    .ig-anonymous-viewer .story-view-btn {\r\n        background: rgba(255, 255, 255, 0.95);\r\n        color: #667eea;\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.3s;\r\n        border: none;\r\n        font-size: 16px;\r\n        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.2);\r\n        padding: 0;\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-download-btn:hover,\r\n    .ig-anonymous-viewer .story-view-btn:hover {\r\n        transform: scale(1.1);\r\n        box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-download-btn:hover {\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        color: white;\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-view-btn:hover {\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        color: white;\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-meta {\r\n        padding: 12px;\r\n        text-align: center;\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-meta .time {\r\n        font-size: 13px;\r\n        color: #718096;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-stats-row {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));\r\n        padding: 6px 10px;\r\n        border-radius: 8px;\r\n        border: 1px solid rgba(102, 126, 234, 0.2);\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-stats-row .time {\r\n        color: #4a5568;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .ig-anonymous-viewer .story-stats-row {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    \/* Highlights Container *\/\r\n    .ig-anonymous-viewer .highlights-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n        gap: 20px;\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .highlight-card {\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        background: #ffffff;\r\n        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.1);\r\n        transition: all 0.3s;\r\n        border: 1px solid rgba(102, 126, 234, 0.15);\r\n        cursor: pointer;\r\n        padding: 15px 10px;\r\n        text-align: center;\r\n    }\r\n\r\n    .ig-anonymous-viewer .highlight-card:hover {\r\n        transform: translateY(-5px) scale(1.02);\r\n        box-shadow: 0 10px 25px rgba(102, 126, 234, 0.2);\r\n    }\r\n\r\n    .ig-anonymous-viewer .highlight-img-container {\r\n        position: relative;\r\n        overflow: hidden;\r\n        aspect-ratio: 1 \/ 1;\r\n        border-radius: 50%;\r\n        width: 120px;\r\n        height: 120px;\r\n        margin: 0 auto 10px;\r\n        border: 3px solid #667eea;\r\n        background: linear-gradient(to bottom right, #667eea, #764ba2);\r\n        padding: 3px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .highlight-thumb {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.5s;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .ig-anonymous-viewer .highlight-meta {\r\n        padding: 5px;\r\n        text-align: center;\r\n    }\r\n\r\n    .ig-anonymous-viewer .highlight-title {\r\n        font-size: 14px;\r\n        color: #2d3748;\r\n        font-weight: 600;\r\n        margin: 0;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .ig-anonymous-viewer .highlight-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        opacity: 0;\r\n        transition: opacity 0.3s;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .ig-anonymous-viewer .highlight-img-container:hover .highlight-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .ig-anonymous-viewer .highlight-view-btn {\r\n        background-color: white;\r\n        color: #667eea;\r\n        border: none;\r\n        border-radius: 50%;\r\n        width: 40px;\r\n        height: 40px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        transition: transform 0.2s;\r\n    }\r\n\r\n    .ig-anonymous-viewer .highlight-view-btn:hover {\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        color: white;\r\n    }\r\n\t\r\n\t.ig-anonymous-viewer .tools-result {\r\n\twidth: 1234px !important;\r\n\tmargin-top: 60px !important;\r\n\tmargin: 0 auto !important;\r\n}\r\n\r\n    .ig-anonymous-viewer .highlight-view-btn:hover {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    \/* Reels Grid *\/\r\n    .ig-anonymous-viewer .reels-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n        gap: 25px;\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-card {\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        background: #ffffff;\r\n        box-shadow: 0 5px 20px rgba(102, 126, 234, 0.1);\r\n        transition: all 0.3s;\r\n        border: 1px solid rgba(102, 126, 234, 0.15);\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 15px 30px rgba(102, 126, 234, 0.2);\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-img-container {\r\n        position: relative;\r\n        overflow: hidden;\r\n        aspect-ratio: 9 \/ 16;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-thumb {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.5s;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.4);\r\n        backdrop-filter: blur(2px);\r\n        -webkit-backdrop-filter: blur(2px);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        opacity: 0;\r\n        transition: all 0.3s;\r\n        gap: 15px;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-img-container:hover .reel-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-img-container:hover .reel-thumb {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-download-btn,\r\n    .ig-anonymous-viewer .reel-view-btn {\r\n        background: rgba(255, 255, 255, 0.95);\r\n        color: #667eea;\r\n        width: 45px;\r\n        height: 45px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.3s;\r\n        border: none;\r\n        font-size: 16px;\r\n        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.2);\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-download-btn:hover {\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        color: white;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-view-btn:hover {\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        color: #fff;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-meta {\r\n        padding: 20px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-meta .caption {\r\n        font-size: 15px;\r\n        color: #2d3748;\r\n        margin-bottom: 10px;\r\n        line-height: 1.5;\r\n        font-weight: 500;\r\n        display: -webkit-box;\r\n        line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-stats,\r\n    .ig-anonymous-viewer .post-stats {\r\n        background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));\r\n        padding: 8px 12px;\r\n        border-radius: 12px;\r\n        border: 1px solid rgba(102, 126, 234, 0.2);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-stats span,\r\n    .ig-anonymous-viewer .post-stats span {\r\n        color: #667eea;\r\n        font-weight: 600;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-stats span i,\r\n    .ig-anonymous-viewer .post-stats span i {\r\n        color: #764ba2;\r\n        margin-right: 4px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-stats {\r\n        display: flex;\r\n        gap: 15px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-stats span {\r\n        font-size: 13px;\r\n        color: #4a5568;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-stats span i {\r\n        color: #764ba2;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-meta .time {\r\n        font-size: 13px;\r\n        color: #718096;\r\n        display: block;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-stats-row {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    \/* Video Elements *\/\r\n    .ig-anonymous-viewer .post-video,\r\n    .ig-anonymous-viewer .story-video,\r\n    .ig-anonymous-viewer .reel-video {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        z-index: 2;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-fullscreen-btn,\r\n    .ig-anonymous-viewer .story-fullscreen-btn,\r\n    .ig-anonymous-viewer .reel-fullscreen-btn {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 10px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        color: #333;\r\n        border: none;\r\n        border-radius: 50%;\r\n        width: 40px;\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        font-size: 16px;\r\n        z-index: 4;\r\n    }\r\n\r\n    .ig-anonymous-viewer .post-fullscreen-btn:hover,\r\n    .ig-anonymous-viewer .story-fullscreen-btn:hover,\r\n    .ig-anonymous-viewer .reel-fullscreen-btn:hover {\r\n        background: white;\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    \/* Media Type Indicators *\/\r\n    .ig-anonymous-viewer .media-type-indicator {\r\n        position: absolute;\r\n        top: 8px;\r\n        left: 8px;\r\n        background-color: rgba(0, 0, 0, 0.8);\r\n        color: white;\r\n        border-radius: 4px;\r\n        padding: 4px 8px;\r\n        font-size: 11px;\r\n        font-weight: bold;\r\n        z-index: 5;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .ig-anonymous-viewer .video-indicator {\r\n        background-color: rgba(245, 124, 0, 0.9);\r\n    }\r\n\r\n    .ig-anonymous-viewer .image-indicator {\r\n        background-color: rgba(0, 188, 212, 0.9);\r\n    }\r\n\r\n    \/* Modal Styles *\/\r\n    .ig-anonymous-viewer .ipgv-profile-img-modal {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        z-index: 10000;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ipgv-profile-img-modal.active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ipgv-modal-backdrop {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.9);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ipgv-modal-content {\r\n        position: relative;\r\n        max-width: 90vw;\r\n        max-height: 90vh;\r\n        background-color: #ffffff;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 40px rgba(102, 126, 234, 0.2);\r\n        transform: scale(0.8);\r\n        transition: transform 0.3s ease;\r\n        z-index: 10001;\r\n        border: 1px solid rgba(102, 126, 234, 0.2);\r\n    }\r\n\r\n    .ig-anonymous-viewer .ipgv-profile-img-modal.active .ipgv-modal-content {\r\n        transform: scale(1);\r\n    }\r\n\r\n    .ig-anonymous-viewer .ipgv-modal-img {\r\n        display: block;\r\n        width: 100%;\r\n        max-width: 500px;\r\n        height: auto;\r\n        max-height: 70vh;\r\n        object-fit: contain;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ipgv-modal-actions {\r\n        display: flex;\r\n        justify-content: center;\r\n        padding: 20px;\r\n        background-color: #f7fafc;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ipgv-modal-download-btn {\r\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        color: white;\r\n        border: none;\r\n        border-radius: 8px;\r\n        padding: 12px 24px;\r\n        font-weight: 600;\r\n        font-size: 14px;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ipgv-modal-download-btn:hover {\r\n        background: linear-gradient(135deg, #5568d3 0%, #6a3d8f 100%);\r\n        transform: translateY(-1px);\r\n    }\r\n\r\n    .ig-anonymous-viewer .ipgv-close-modal {\r\n        position: absolute;\r\n        top: 15px;\r\n        right: 15px;\r\n        background-color: rgba(102, 126, 234, 0.1);\r\n        color: #667eea;\r\n        border: none;\r\n        border-radius: 50%;\r\n        width: 35px;\r\n        height: 35px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n        z-index: 10002;\r\n    }\r\n\r\n    .ig-anonymous-viewer .ipgv-close-modal:hover {\r\n        background-color: rgba(102, 126, 234, 0.2);\r\n        color: #764ba2;\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .ig-anonymous-viewer body.ipgv-modal-open {\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Fixed Reel Controls - Always Visible Play and Fullscreen *\/\r\n    .ig-anonymous-viewer .reel-img-container .reel-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-img-container .reel-view-btn {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-img-container .reel-fullscreen-btn {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        display: flex;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-img-container:hover .reel-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-video.playing {\r\n        display: block;\r\n    }\r\n\r\n    .ig-anonymous-viewer .reel-thumb.hidden {\r\n        display: none;\r\n    }\r\n\r\n    \/* Skeleton Loaders *\/\r\n    @keyframes shimmer {\r\n        0% { background-position: -1000px 0; }\r\n        100% { background-position: 1000px 0; }\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-profile {\r\n        width: 100%;\r\n        animation: fadeIn 0.5s ease-out;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-profile-header {\r\n        display: flex;\r\n        gap: 30px;\r\n        padding: 30px;\r\n        background: rgba(20, 30, 48, 0.7);\r\n        border-radius: 16px;\r\n        margin-bottom: 20px;\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-avatar {\r\n        width: 150px;\r\n        height: 150px;\r\n        border-radius: 50%;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        flex-shrink: 0;\r\n        border: 4px solid rgba(255, 255, 255, 0.1);\r\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-profile-info {\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-username {\r\n        height: 28px;\r\n        width: 180px;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 6px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-fullname {\r\n        height: 20px;\r\n        width: 140px;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 6px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-stats {\r\n        display: flex;\r\n        gap: 25px;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-stat {\r\n        height: 40px;\r\n        width: 60px;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 6px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-bio {\r\n        height: 60px;\r\n        width: 100%;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 6px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-tabs {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-tab {\r\n        height: 40px;\r\n        width: 100px;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 50px;\r\n    }\r\n\r\n    \/* Posts Skeleton *\/\r\n    .ig-anonymous-viewer .skeleton-posts-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n        gap: 25px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-post {\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        background: rgba(20, 30, 48, 0.7);\r\n        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-post-img {\r\n        aspect-ratio: 1 \/ 1;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-post-meta {\r\n        padding: 20px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-post-stats {\r\n        display: flex;\r\n        gap: 15px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-post-stat {\r\n        height: 16px;\r\n        width: 60px;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-post-caption {\r\n        height: 16px;\r\n        width: 100%;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 4px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-post-caption-short {\r\n        height: 16px;\r\n        width: 70%;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 4px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-post-time {\r\n        height: 14px;\r\n        width: 80px;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    \/* Stories Skeleton *\/\r\n    .ig-anonymous-viewer .skeleton-stories-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n        gap: 20px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-story {\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        background: rgba(20, 30, 48, 0.7);\r\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-story-img {\r\n        aspect-ratio: 9 \/ 16;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-story-meta {\r\n        padding: 12px;\r\n        text-align: center;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-story-time {\r\n        height: 14px;\r\n        width: 80px;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 4px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Highlights Skeleton *\/\r\n    .ig-anonymous-viewer .skeleton-highlights-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n        gap: 20px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-highlight {\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        background: rgba(20, 30, 48, 0.7);\r\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        padding: 15px 10px;\r\n        text-align: center;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-highlight-img {\r\n        width: 80px;\r\n        height: 80px;\r\n        border-radius: 50%;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        margin: 0 auto 10px;\r\n        border: 3px solid #F57C00;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-highlight-title {\r\n        height: 16px;\r\n        width: 80px;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 4px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Reels Skeleton *\/\r\n    .ig-anonymous-viewer .skeleton-reels-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n        gap: 25px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-reel {\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        background: rgba(20, 30, 48, 0.7);\r\n        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-reel-img {\r\n        aspect-ratio: 9 \/ 16;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-reel-meta {\r\n        padding: 20px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-reel-caption {\r\n        height: 16px;\r\n        width: 100%;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 4px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-reel-caption-short {\r\n        height: 16px;\r\n        width: 70%;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 4px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-reel-stats {\r\n        display: flex;\r\n        gap: 15px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-reel-stat {\r\n        height: 16px;\r\n        width: 60px;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .ig-anonymous-viewer .skeleton-reel-time {\r\n        height: 14px;\r\n        width: 80px;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);\r\n        background-size: 1000px 100%;\r\n        animation: shimmer 2s infinite linear;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    \/* Animations *\/\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; }\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    @keyframes slideUp {\r\n        from { transform: translateY(20px); opacity: 0; }\r\n        to { transform: translateY(0); opacity: 1; }\r\n    }\r\n\r\n    @keyframes spin {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 768px) {\r\n        .ig-anonymous-viewer .ig-header {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 10px auto 15px;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        .ig-anonymous-viewer .ig-tool-wrapper {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n        }\r\n\r\n        .ig-anonymous-viewer .tools-result {\r\n            width: 100% !important;\r\n            max-width: 1234px !important;\r\n        }\r\n\r\n        .ig-anonymous-viewer .ig-header h1 {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .ig-anonymous-viewer .ig-header p {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .ig-anonymous-viewer .ig-input-area {\r\n            padding: 20px 15px;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .ig-anonymous-viewer .ig-icon {\r\n            width: 100%;\r\n            text-align: left;\r\n            margin-left: 0;\r\n        }\r\n\r\n        .ig-anonymous-viewer .ig-input-area input {\r\n            margin: 0 0 15px 0;\r\n            width: 100%;\r\n            min-width: 100%;\r\n        }\r\n\r\n        .ig-anonymous-viewer .paste-btn {\r\n            display: none;\r\n        }\r\n\r\n        .ig-anonymous-viewer .view-btn {\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n\r\n        .ig-anonymous-viewer .profile-header-content {\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n        }\r\n\r\n        .ig-anonymous-viewer .profile-info {\r\n            text-align: center;\r\n        }\r\n\r\n        .ig-anonymous-viewer .stats {\r\n            justify-content: center;\r\n        }\r\n\r\n        .ig-anonymous-viewer .posts-grid {\r\n            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n            gap: 15px;\r\n        }\r\n\r\n        .ig-anonymous-viewer .stories-container {\r\n            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n        }\r\n\r\n        .ig-anonymous-viewer .highlights-container {\r\n            grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n        }\r\n\r\n        .ig-anonymous-viewer .reels-grid {\r\n            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n        }\r\n\r\n        .ig-anonymous-viewer .post-meta .caption,\r\n        .ig-anonymous-viewer .reel-meta .caption {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .ig-anonymous-viewer .ig-tabs button {\r\n            padding: 10px 16px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .ig-anonymous-viewer .ipgv-modal-content {\r\n            max-width: 95vw;\r\n            max-height: 85vh;\r\n            margin: 20px;\r\n        }\r\n\r\n        .ig-anonymous-viewer .ipgv-modal-img {\r\n            max-height: 60vh;\r\n        }\r\n\r\n        .ig-anonymous-viewer .ipgvmodal-actions {\r\n            padding: 15px;\r\n        }\r\n\r\n        .ig-anonymous-viewer .ipgv-modal-download-btn {\r\n            padding: 10px 20px;\r\n            font-size: 13px;\r\n        }\r\n\r\n        .ig-anonymous-viewer .skeleton-profile-header {\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .ig-anonymous-viewer .skeleton-avatar {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .ig-anonymous-viewer .skeleton-username,\r\n        .ig-anonymous-viewer .skeleton-fullname {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .ig-anonymous-viewer .skeleton-stats {\r\n            justify-content: center;\r\n        }\r\n\r\n        .ig-anonymous-viewer .skeleton-posts-grid {\r\n            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n        }\r\n\r\n        .ig-anonymous-viewer .skeleton-stories-container {\r\n            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n        }\r\n\r\n        .ig-anonymous-viewer .skeleton-highlights-container {\r\n            grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n        }\r\n\r\n        .ig-anonymous-viewer .skeleton-reels-grid {\r\n            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n        }\r\n\t\t\t.ig-anonymous-viewer .ig-tool-wrapper {\r\n\twidth: 97%;\r\n\tmax-width: 100%;\r\n\tmargin: 20px auto;\r\n\tpadding: 35px;\r\n\tborder-radius: 20px;\r\n\tbackground: #ffffff;\r\n\tcolor: #2d3748;\r\n\ttext-align: center;\r\n\tbox-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\tborder: 1px solid rgba(102, 126, 234, 0.1);\r\n\tbox-sizing: border-box;\r\n}\r\n\t\t\t\r\n\t\t\t.ig-anonymous-viewer .ig-tool-wrapper {\r\n\twidth: 97% !important;\r\n\tmax-width: 100%;\r\n\r\n}\r\n    }\r\n\r\n    .ig-anonymous-viewer .ig-input-area input {\r\nflex-grow: 1;\r\npadding: 14px 18px;\r\nfont-size: 16px;\r\nborder: none;\r\noutline: none;\r\nmin-width: 200px;\r\nbackground: rgba(255, 255, 255, 0.9);\r\nborder-radius: 12px;\r\ntransition: all 0.3s;\r\ncolor: #1a1a2e;\r\nfont-weight: 500;\r\nbox-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\r\nmargin-bottom: 18px;\r\n}\r\n\r\n    \/* Responsive Design *\/\r\n\r\n\/* For devices smaller than 992px *\/\r\n@media (max-width: 991px) {\r\n.ig-anonymous-viewer .main-contain {\r\n    padding: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 15px auto 20px;\r\n    padding: 0 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tool-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding: 25px;\r\n    margin: 15px auto;\r\n}\r\n\r\n.ig-anonymous-viewer .tools-result {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin-top: 40px !important;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-result {\r\n    padding: 25px 20px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header h1 {\r\n    font-size: 32px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header p {\r\n    font-size: 16px;\r\n    margin: 10px 0 20px;\r\n    max-width: 90%;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-input-area {\r\n    padding: 20px 15px;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-icon {\r\n    width: 100%;\r\n    text-align: left;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-input-area input {\r\n    width: 100%;\r\n    min-width: unset;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .paste-btn,\r\n.ig-anonymous-viewer .view-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin-bottom: 0;\r\n}\r\n\r\n.ig-anonymous-viewer .paste-btn {\r\n    order: 2; \/* Move paste button below view button on smaller screens *\/\r\n}\r\n\r\n.ig-anonymous-viewer .view-btn {\r\n    order: 1;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-profile-header {\r\n    padding: 25px;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-header-content {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    gap: 20px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-image-container {\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-image {\r\n    width: 120px;\r\n    height: 120px;\r\n    min-width: 120px;\r\n    min-height: 120px;\r\n    font-size: 50px;\r\n}\r\n\r\n.ig-anonymous-viewer .view-profile-img {\r\n    width: 32px;\r\n    height: 32px;\r\n    font-size: 14px;\r\n    bottom: 0;\r\n    right: 0;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-info {\r\n    text-align: center;\r\n    min-width: unset;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-info h3 {\r\n    font-size: 22px;\r\n    margin-bottom: 3px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-info h4 {\r\n    font-size: 16px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .stats {\r\n    justify-content: center;\r\n    gap: 20px;\r\n    margin: 10px 0;\r\n}\r\n\r\n.ig-anonymous-viewer .stat-value {\r\n    font-size: 18px;\r\n}\r\n\r\n.ig-anonymous-viewer .stat-label {\r\n    font-size: 13px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-bio {\r\n    margin-top: 20px;\r\n    padding-top: 15px;\r\n    font-size: 14px;\r\n    text-align: center;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-link {\r\n    font-size: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tabs {\r\n    flex-wrap: wrap;\r\n    margin: 20px 0;\r\n    gap: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tabs button {\r\n    padding: 10px 18px;\r\n    font-size: 14px;\r\n    width: auto;\r\n    flex-grow: 1;\r\n    max-width: fit-content;\r\n}\r\n\r\n.ig-anonymous-viewer .tab-content {\r\n    padding: 15px 0;\r\n}\r\n\r\n.ig-anonymous-viewer .posts-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n    gap: 20px;\r\n    margin-top: 20px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-card {\r\n    border-radius: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-meta {\r\n    padding: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-meta .caption {\r\n    font-size: 14px;\r\n    -webkit-line-clamp: 3;\r\n}\r\n\r\n.ig-anonymous-viewer .post-stats span,\r\n.ig-anonymous-viewer .reel-stats span {\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-download-btn,\r\n.ig-anonymous-viewer .post-view-btn {\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .stories-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n    gap: 15px;\r\n    margin-top: 20px;\r\n}\r\n\r\n.ig-anonymous-viewer .story-card {\r\n    border-radius: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .story-download-btn,\r\n.ig-anonymous-viewer .story-view-btn {\r\n    width: 36px;\r\n    height: 36px;\r\n    font-size: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlights-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n    gap: 15px;\r\n    margin-top: 20px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlight-card {\r\n    padding: 10px 8px;\r\n    border-radius: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlight-img-container {\r\n    width: 90px;\r\n    height: 90px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlight-title {\r\n    font-size: 13px;\r\n}\r\n\r\n.ig-anonymous-viewer .reels-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n    gap: 20px;\r\n    margin-top: 20px;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-card {\r\n    border-radius: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-meta {\r\n    padding: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-meta .caption {\r\n    font-size: 14px;\r\n    -webkit-line-clamp: 3;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-download-btn,\r\n.ig-anonymous-viewer .reel-view-btn {\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-fullscreen-btn,\r\n.ig-anonymous-viewer .story-fullscreen-btn,\r\n.ig-anonymous-viewer .reel-fullscreen-btn {\r\n    width: 36px;\r\n    height: 36px;\r\n    font-size: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-content {\r\n    max-width: 95vw;\r\n    max-height: 85vh;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-img {\r\n    max-height: 70vh;\r\n    width: auto;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-actions {\r\n    padding: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-download-btn {\r\n    padding: 10px 20px;\r\n    font-size: 13px;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-close-modal {\r\n    width: 32px;\r\n    height: 32px;\r\n    font-size: 14px;\r\n    top: 10px;\r\n    right: 10px;\r\n}\r\n\r\n\/* Skeleton Loaders *\/\r\n.ig-anonymous-viewer .skeleton-profile-header {\r\n    padding: 25px;\r\n    gap: 20px;\r\n}\r\n.ig-anonymous-viewer .skeleton-avatar {\r\n    width: 120px;\r\n    height: 120px;\r\n}\r\n.ig-anonymous-viewer .skeleton-username {\r\n    height: 25px;\r\n    width: 160px;\r\n}\r\n.ig-anonymous-viewer .skeleton-fullname {\r\n    height: 18px;\r\n    width: 120px;\r\n}\r\n.ig-anonymous-viewer .skeleton-stats {\r\n    gap: 20px;\r\n}\r\n.ig-anonymous-viewer .skeleton-stat {\r\n    height: 35px;\r\n    width: 55px;\r\n}\r\n.ig-anonymous-viewer .skeleton-bio {\r\n    height: 50px;\r\n}\r\n.ig-anonymous-viewer .skeleton-tab {\r\n    height: 38px;\r\n    width: 90px;\r\n}\r\n.ig-anonymous-viewer .skeleton-posts-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n}\r\n.ig-anonymous-viewer .skeleton-post-meta {\r\n    padding: 15px;\r\n}\r\n.ig-anonymous-viewer .skeleton-post-caption, .ig-anonymous-viewer .skeleton-post-caption-short {\r\n    height: 15px;\r\n}\r\n.ig-anonymous-viewer .skeleton-post-time {\r\n    height: 13px;\r\n    width: 70px;\r\n}\r\n.ig-anonymous-viewer .skeleton-stories-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n}\r\n.ig-anonymous-viewer .skeleton-story-time {\r\n    height: 13px;\r\n    width: 70px;\r\n}\r\n.ig-anonymous-viewer .skeleton-highlights-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n}\r\n.ig-anonymous-viewer .skeleton-highlight-img {\r\n    width: 90px;\r\n    height: 90px;\r\n}\r\n.ig-anonymous-viewer .skeleton-highlight-title {\r\n    height: 15px;\r\n    width: 70px;\r\n}\r\n.ig-anonymous-viewer .skeleton-reels-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n}\r\n.ig-anonymous-viewer .skeleton-reel-meta {\r\n    padding: 15px;\r\n}\r\n.ig-anonymous-viewer .skeleton-reel-caption, .ig-anonymous-viewer .skeleton-reel-caption-short {\r\n    height: 15px;\r\n}\r\n.ig-anonymous-viewer .skeleton-reel-time {\r\n    height: 13px;\r\n    width: 70px;\r\n}\r\n  .ig-anonymous-viewer .reels-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;\r\n    gap: 20px !important;\r\n    margin-top: 20px !important;\r\n}\r\n\t.ig-anonymous-viewer .ig-tool-wrapper {\r\n\twidth: 100%;\r\n\tmax-width: 95%;\r\n\t\r\n}\r\n.ig-anonymous-viewer .ig-tool-wrapper {\r\n\twidth: 1200px;\r\n\tmax-width: 97% !important;\r\n\t\r\n}\r\n\r\n\/* For devices smaller than 768px *\/\r\n@media (max-width: 767px) {\r\n.ig-anonymous-viewer .main-contain {\r\n    padding: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 10px auto 15px;\r\n    padding: 0 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .tools-result {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin-top: 30px !important;\r\n    padding: 0 10px !important;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tool-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding: 20px;\r\n    margin: 10px auto;\r\n    border-radius: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-result {\r\n    padding: 20px 15px;\r\n    border-radius: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header h1 {\r\n    font-size: 28px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header p {\r\n    font-size: 15px;\r\n    margin: 10px 0 15px;\r\n    max-width: 95%;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-input-area {\r\n    padding: 15px 10px;\r\n    border-radius: 12px;\r\n    gap: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-icon {\r\n    font-size: 14px;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-input-area input {\r\n    padding: 12px 15px;\r\n    font-size: 14px;\r\n    border-radius: 10px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .paste-btn,\r\n.ig-anonymous-viewer .view-btn {\r\n    padding: 12px 18px;\r\n    font-size: 14px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .view-btn {\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .error-container {\r\n    bottom: -50px;\r\n    left: 10px;\r\n    right: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer #error-message {\r\n    font-size: 13px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-profile-header {\r\n    padding: 20px;\r\n    border-radius: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-image {\r\n    width: 100px;\r\n    height: 100px;\r\n    min-width: 100px;\r\n    min-height: 100px;\r\n    font-size: 40px;\r\n    border-width: 3px;\r\n}\r\n\r\n.ig-anonymous-viewer .view-profile-img {\r\n    width: 28px;\r\n    height: 28px;\r\n    font-size: 12px;\r\n    bottom: -5px;\r\n    right: -5px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-info h3 {\r\n    font-size: 20px;\r\n    margin-bottom: 0;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-info h4 {\r\n    font-size: 15px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .stats {\r\n    gap: 15px;\r\n    margin: 8px 0;\r\n}\r\n\r\n.ig-anonymous-viewer .stat-value {\r\n    font-size: 16px;\r\n}\r\n\r\n.ig-anonymous-viewer .stat-label {\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-bio {\r\n    margin-top: 15px;\r\n    padding-top: 10px;\r\n    font-size: 13px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-link {\r\n    font-size: 13px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tabs {\r\n    margin: 15px 0;\r\n    gap: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tabs button {\r\n    padding: 8px 15px;\r\n    font-size: 13px;\r\n    border-radius: 40px;\r\n}\r\n\r\n.ig-anonymous-viewer .tab-content {\r\n    padding: 10px 0;\r\n}\r\n\r\n.ig-anonymous-viewer .no-result {\r\n    padding: 20px 15px;\r\n    margin-top: 20px;\r\n    font-size: 14px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .no-result i {\r\n    font-size: 40px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .private-account-message {\r\n    padding: 15px;\r\n    border-radius: 10px;\r\n    font-size: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .posts-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n    gap: 15px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .stories-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n    gap: 12px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlights-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n    gap: 12px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .reels-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n    gap: 15px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-card {\r\n    border-radius: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-meta {\r\n    padding: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-meta .caption {\r\n    font-size: 13px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-stats span {\r\n    font-size: 11px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-download-btn,\r\n.ig-anonymous-viewer .post-view-btn {\r\n    width: 36px;\r\n    height: 36px;\r\n    font-size: 13px;\r\n}\r\n\r\n.ig-anonymous-viewer .stories-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\r\n    gap: 10px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .story-card {\r\n    border-radius: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .story-download-btn,\r\n.ig-anonymous-viewer .story-view-btn {\r\n    width: 32px;\r\n    height: 32px;\r\n    font-size: 13px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlights-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));\r\n    gap: 10px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlight-card {\r\n    padding: 8px 5px;\r\n    border-radius: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlight-img-container {\r\n    width: 70px;\r\n    height: 70px;\r\n    border-width: 2px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlight-title {\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .reels-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n    gap: 15px;\r\n    margin-top: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-card {\r\n    border-radius: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-meta {\r\n    padding: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-meta .caption {\r\n    font-size: 13px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-stats span {\r\n    font-size: 11px;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-download-btn,\r\n.ig-anonymous-viewer .reel-view-btn {\r\n    width: 36px;\r\n    height: 36px;\r\n    font-size: 13px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-fullscreen-btn,\r\n.ig-anonymous-viewer .story-fullscreen-btn,\r\n.ig-anonymous-viewer .reel-fullscreen-btn {\r\n    width: 32px;\r\n    height: 32px;\r\n    font-size: 13px;\r\n    top: 8px;\r\n    right: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .media-type-indicator {\r\n    font-size: 10px;\r\n    padding: 3px 6px;\r\n    top: 6px;\r\n    left: 6px;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-content {\r\n    margin: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-img {\r\n    max-height: 60vh;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-actions {\r\n    padding: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-download-btn {\r\n    padding: 8px 16px;\r\n    font-size: 12px;\r\n    gap: 6px;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-close-modal {\r\n    width: 28px;\r\n    height: 28px;\r\n    font-size: 12px;\r\n    top: 8px;\r\n    right: 8px;\r\n}\r\n\r\n\/* Skeleton Loaders *\/\r\n.ig-anonymous-viewer .skeleton-profile-header {\r\n    padding: 20px;\r\n    gap: 15px;\r\n}\r\n.ig-anonymous-viewer .skeleton-avatar {\r\n    width: 100px;\r\n    height: 100px;\r\n}\r\n.ig-anonymous-viewer .skeleton-username {\r\n    height: 22px;\r\n    width: 140px;\r\n}\r\n.ig-anonymous-viewer .skeleton-fullname {\r\n    height: 16px;\r\n    width: 100px;\r\n}\r\n.ig-anonymous-viewer .skeleton-stats {\r\n    gap: 15px;\r\n}\r\n.ig-anonymous-viewer .skeleton-stat {\r\n    height: 30px;\r\n    width: 50px;\r\n}\r\n.ig-anonymous-viewer .skeleton-bio {\r\n    height: 40px;\r\n}\r\n.ig-anonymous-viewer .skeleton-tab {\r\n    height: 35px;\r\n    width: 80px;\r\n}\r\n.ig-anonymous-viewer .skeleton-posts-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n}\r\n.ig-anonymous-viewer .skeleton-post-meta {\r\n    padding: 12px;\r\n}\r\n.ig-anonymous-viewer .skeleton-post-caption, .ig-anonymous-viewer .skeleton-post-caption-short {\r\n    height: 14px;\r\n}\r\n.ig-anonymous-viewer .skeleton-post-time {\r\n    height: 12px;\r\n    width: 60px;\r\n}\r\n.ig-anonymous-viewer .skeleton-stories-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\r\n}\r\n.ig-anonymous-viewer .skeleton-story-time {\r\n    height: 12px;\r\n    width: 60px;\r\n}\r\n.ig-anonymous-viewer .skeleton-highlights-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));\r\n}\r\n.ig-anonymous-viewer .skeleton-highlight-img {\r\n    width: 70px;\r\n    height: 70px;\r\n}\r\n.ig-anonymous-viewer .skeleton-highlight-title {\r\n    height: 14px;\r\n    width: 60px;\r\n}\r\n.ig-anonymous-viewer .skeleton-reels-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n}\r\n.ig-anonymous-viewer .skeleton-reel-meta {\r\n    padding: 12px;\r\n}\r\n.ig-anonymous-viewer .skeleton-reel-caption, .ig-anonymous-viewer .skeleton-reel-caption-short {\r\n    height: 14px;\r\n}\r\n.ig-anonymous-viewer .skeleton-reel-time {\r\n    height: 12px;\r\n    width: 60px;\r\n}\r\n  .ig-anonymous-viewer .reels-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;\r\n    gap: 20px !important;\r\n    margin-top: 20px !important;\r\n}\r\n\t.ig-anonymous-viewer .posts-grid {\r\n\tgrid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n\tgap: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\t.ig-anonymous-viewer .ig-header h1 span {\r\n\tcolor: #FF9800;\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tmargin-top: 30px;\r\n}\r\n.ig-anonymous-viewer .ig-tool-wrapper {\r\n\twidth: 1200px;\r\n\tmax-width: 97% !important;\r\n\t\r\n}\r\n}\r\n\r\n\/* For devices smaller than 600px *\/\r\n@media (max-width: 599px) {\r\n.ig-anonymous-viewer .main-contain {\r\n    padding: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 8px auto 12px;\r\n    padding: 0 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .tools-result {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin-top: 25px !important;\r\n    padding: 0 8px !important;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tool-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding: 15px;\r\n    margin: 8px auto;\r\n    border-radius: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-result {\r\n    padding: 15px 10px;\r\n    border-radius: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-profile-header {\r\n    padding: 20px 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-header-content {\r\n    gap: 15px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header h1 {\r\n    font-size: 24px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header p {\r\n    font-size: 13px;\r\n    margin: 8px 0 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-input-area {\r\n    padding: 12px 8px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-icon {\r\n    font-size: 13px;\r\n    margin-bottom: 3px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-input-area input {\r\n    padding: 10px 12px;\r\n    font-size: 13px;\r\n    border-radius: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .paste-btn,\r\n.ig-anonymous-viewer .view-btn {\r\n    padding: 10px 15px;\r\n    font-size: 13px;\r\n    border-radius: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-profile-header {\r\n    padding: 15px;\r\n    border-radius: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-image {\r\n    width: 80px;\r\n    height: 80px;\r\n    min-width: 80px;\r\n    min-height: 80px;\r\n    font-size: 30px;\r\n    border-width: 2px;\r\n}\r\n\r\n.ig-anonymous-viewer .view-profile-img {\r\n    width: 24px;\r\n    height: 24px;\r\n    font-size: 10px;\r\n    bottom: -8px;\r\n    right: -8px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-info h3 {\r\n    font-size: 18px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-info h4 {\r\n    font-size: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .stats {\r\n    gap: 10px;\r\n    margin: 5px 0;\r\n}\r\n\r\n.ig-anonymous-viewer .stat-value {\r\n    font-size: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .stat-label {\r\n    font-size: 11px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-bio {\r\n    margin-top: 10px;\r\n    padding-top: 8px;\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-link {\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tabs {\r\n    margin: 10px 0;\r\n    gap: 6px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tabs button {\r\n    padding: 7px 12px;\r\n    font-size: 12px;\r\n    border-radius: 30px;\r\n}\r\n\r\n.ig-anonymous-viewer .no-result {\r\n    padding: 15px 10px;\r\n    margin-top: 15px;\r\n    font-size: 13px;\r\n    border-radius: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .no-result i {\r\n    font-size: 30px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .private-account-message {\r\n    padding: 12px;\r\n    border-radius: 8px;\r\n    font-size: 13px;\r\n}\r\n\r\n.ig-anonymous-viewer .posts-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n    gap: 10px;\r\n    margin-top: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-card {\r\n    border-radius: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-meta {\r\n    padding: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-meta .caption {\r\n    font-size: 12px;\r\n    margin-bottom: 5px;\r\n    -webkit-line-clamp: 3;\r\n}\r\n\r\n.ig-anonymous-viewer .post-stats span {\r\n    font-size: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-download-btn,\r\n.ig-anonymous-viewer .post-view-btn {\r\n    width: 32px;\r\n    height: 32px;\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .stories-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n    gap: 8px;\r\n    margin-top: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .story-card {\r\n    border-radius: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .story-download-btn,\r\n.ig-anonymous-viewer .story-view-btn {\r\n    width: 28px;\r\n    height: 28px;\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlights-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));\r\n    gap: 8px;\r\n    margin-top: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlight-card {\r\n    padding: 6px 4px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlight-img-container {\r\n    width: 60px;\r\n    height: 60px;\r\n    border-width: 2px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlight-title {\r\n    font-size: 11px;\r\n}\r\n\r\n.ig-anonymous-viewer .reels-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n    gap: 10px;\r\n    margin-top: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-card {\r\n    border-radius: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-meta {\r\n    padding: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-meta .caption {\r\n    font-size: 12px;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-stats span {\r\n    font-size: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .reel-download-btn,\r\n.ig-anonymous-viewer .reel-view-btn {\r\n    width: 32px;\r\n    height: 32px;\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-fullscreen-btn,\r\n.ig-anonymous-viewer .story-fullscreen-btn,\r\n.ig-anonymous-viewer .reel-fullscreen-btn {\r\n    width: 28px;\r\n    height: 28px;\r\n    font-size: 12px;\r\n    top: 6px;\r\n    right: 6px;\r\n}\r\n\r\n.ig-anonymous-viewer .media-type-indicator {\r\n    font-size: 9px;\r\n    padding: 2px 5px;\r\n    top: 5px;\r\n    left: 5px;\r\n}\r\n\r\n\/* Modal *\/\r\n.ig-anonymous-viewer .ipgv-modal-content {\r\n    max-width: 98vw;\r\n    max-height: 80vh;\r\n    margin: 5px;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-img {\r\n    max-height: 50vh;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-actions {\r\n    padding: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-download-btn {\r\n    padding: 6px 12px;\r\n    font-size: 11px;\r\n    gap: 5px;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-close-modal {\r\n    width: 24px;\r\n    height: 24px;\r\n    font-size: 11px;\r\n    top: 6px;\r\n    right: 6px;\r\n}\r\n\r\n\/* Skeleton Loaders *\/\r\n.ig-anonymous-viewer .skeleton-profile-header {\r\n    padding: 15px;\r\n    gap: 10px;\r\n}\r\n.ig-anonymous-viewer .skeleton-avatar {\r\n    width: 80px;\r\n    height: 80px;\r\n}\r\n.ig-anonymous-viewer .skeleton-username {\r\n    height: 20px;\r\n    width: 120px;\r\n}\r\n.ig-anonymous-viewer .skeleton-fullname {\r\n    height: 14px;\r\n    width: 80px;\r\n}\r\n.ig-anonymous-viewer .skeleton-stats {\r\n    gap: 10px;\r\n}\r\n.ig-anonymous-viewer .skeleton-stat {\r\n    height: 25px;\r\n    width: 45px;\r\n}\r\n.ig-anonymous-viewer .skeleton-bio {\r\n    height: 35px;\r\n}\r\n.ig-anonymous-viewer .skeleton-tab {\r\n    height: 30px;\r\n    width: 70px;\r\n}\r\n.ig-anonymous-viewer .skeleton-posts-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n}\r\n.ig-anonymous-viewer .skeleton-post-meta {\r\n    padding: 10px;\r\n}\r\n.ig-anonymous-viewer .skeleton-post-caption, .ig-anonymous-viewer .skeleton-post-caption-short {\r\n    height: 12px;\r\n}\r\n.ig-anonymous-viewer .skeleton-post-time {\r\n    height: 10px;\r\n    width: 50px;\r\n}\r\n.ig-anonymous-viewer .skeleton-stories-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n}\r\n.ig-anonymous-viewer .skeleton-story-time {\r\n    height: 10px;\r\n    width: 50px;\r\n}\r\n.ig-anonymous-viewer .skeleton-highlights-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));\r\n}\r\n.ig-anonymous-viewer .skeleton-highlight-img {\r\n    width: 60px;\r\n    height: 60px;\r\n}\r\n.ig-anonymous-viewer .skeleton-highlight-title {\r\n    height: 12px;\r\n    width: 50px;\r\n}\r\n.ig-anonymous-viewer .skeleton-reels-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n}\r\n.ig-anonymous-viewer .skeleton-reel-meta {\r\n    padding: 10px;\r\n}\r\n.ig-anonymous-viewer .skeleton-reel-caption, .ig-anonymous-viewer .skeleton-reel-caption-short {\r\n    height: 12px;\r\n}\r\n.ig-anonymous-viewer .skeleton-reel-time {\r\n    height: 10px;\r\n    width: 50px;\r\n}\r\n  .ig-anonymous-viewer .reels-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;\r\n    gap: 20px !important;\r\n    margin-top: 20px !important;\r\n}\r\n  .ig-anonymous-viewer .posts-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n    gap: 10px;\r\n    margin-top: 10px;\r\n}\r\n\t.ig-anonymous-viewer .posts-grid {\r\n\tgrid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n\tgap: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\t.ig-anonymous-viewer .ig-header h1 span {\r\n\tcolor: #FF9800;\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tmargin-top: 30px;\r\n}\r\n\t.ig-anonymous-viewer .ig-tool-wrapper {\r\n\twidth: 97%;\r\n\tmax-width: 100%;\r\n\t\r\n}\r\n\t.ig-anonymous-viewer .ig-tool-wrapper {\r\n\twidth: 1200px;\r\n\tmax-width: 97% !important;\r\n\t\r\n}\r\n}\r\n\r\n\/* For devices smaller than 400px *\/\r\n@media (max-width: 399px) {\r\n.ig-anonymous-viewer .main-contain {\r\n    padding: 5px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 5px auto 10px;\r\n    padding: 0 5px;\r\n}\r\n\r\n.ig-anonymous-viewer .tools-result {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin-top: 20px !important;\r\n    padding: 0 5px !important;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tool-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding: 12px;\r\n    margin: 5px auto;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-result {\r\n    padding: 12px 8px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-profile-header {\r\n    padding: 15px 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-header-content {\r\n    gap: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header h1 {\r\n    font-size: 20px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header p {\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-input-area {\r\n    padding: 10px 5px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-input-area input {\r\n    padding: 8px 10px;\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .paste-btn,\r\n.ig-anonymous-viewer .view-btn {\r\n    padding: 8px 12px;\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-profile-header {\r\n    padding: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-image {\r\n    width: 70px;\r\n    height: 70px;\r\n    min-width: 70px;\r\n    min-height: 70px;\r\n    font-size: 25px;\r\n    border-width: 2px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-info h3 {\r\n    font-size: 16px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-info h4 {\r\n    font-size: 13px;\r\n}\r\n\r\n.ig-anonymous-viewer .stats {\r\n    gap: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .stat-value {\r\n    font-size: 13px;\r\n}\r\n\r\n.ig-anonymous-viewer .stat-label {\r\n    font-size: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-bio {\r\n    font-size: 11px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-link {\r\n    font-size: 11px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tabs button {\r\n    padding: 6px 10px;\r\n    font-size: 11px;\r\n}\r\n\r\n.ig-anonymous-viewer .no-result {\r\n    padding: 12px 8px;\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .posts-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n    gap: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-meta {\r\n    padding: 8px;\r\n}\r\n  .ig-anonymous-viewer .reels-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;\r\n    gap: 20px !important;\r\n    margin-top: 20px !important;\r\n}\r\n  .ig-anonymous-viewer .posts-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n    gap: 10px;\r\n    margin-top: 10px;\r\n}\r\n\t.ig-anonymous-viewer .posts-grid {\r\n\tgrid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n\tgap: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\t.ig-anonymous-viewer .ig-header h1 span {\r\n\tcolor: #FF9800;\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tmargin-top: 30px;\r\n}\r\n\t\r\n\t.ig-anonymous-viewer .ig-tool-wrapper {\r\n\twidth: 97%;\r\n\tmax-width: 100%;\r\n\t\r\n}\r\n\t.ig-anonymous-viewer .ig-tool-wrapper {\r\n\twidth: 1200px;\r\n\tmax-width: 97% !important;\r\n\t\r\n}\r\n\r\n}\r\n\r\n\/* For devices smaller than 375px *\/\r\n@media (max-width: 374px) {\r\n.ig-anonymous-viewer .main-contain {\r\n    padding: 5px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 5px auto 8px;\r\n    padding: 0 5px;\r\n}\r\n\r\n.ig-anonymous-viewer .tools-result {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin-top: 15px !important;\r\n    padding: 0 5px !important;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tool-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding: 10px;\r\n    margin: 5px auto;\r\n    border-radius: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-result {\r\n    padding: 10px 5px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header h1 {\r\n    font-size: 18px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-header p {\r\n    font-size: 11px;\r\n    margin: 8px 0 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-input-area {\r\n    padding: 10px 5px;\r\n    gap: 6px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-input-area input {\r\n    padding: 8px 10px;\r\n    font-size: 11px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .paste-btn,\r\n.ig-anonymous-viewer .view-btn {\r\n    padding: 8px 10px;\r\n    font-size: 11px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-profile-header {\r\n    padding: 12px 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-image {\r\n    width: 60px;\r\n    height: 60px;\r\n    min-width: 60px;\r\n    min-height: 60px;\r\n    font-size: 20px;\r\n}\r\n\r\n.ig-anonymous-viewer .view-profile-img {\r\n    width: 20px;\r\n    height: 20px;\r\n    font-size: 9px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-info h3 {\r\n    font-size: 14px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-info h4 {\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .stats {\r\n    gap: 6px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.ig-anonymous-viewer .stat-value {\r\n    font-size: 12px;\r\n}\r\n\r\n.ig-anonymous-viewer .stat-label {\r\n    font-size: 9px;\r\n}\r\n\r\n.ig-anonymous-viewer .profile-bio {\r\n    font-size: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tabs {\r\n    gap: 5px;\r\n    margin: 10px 0;\r\n}\r\n\r\n.ig-anonymous-viewer .ig-tabs button {\r\n    padding: 6px 8px;\r\n    font-size: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .posts-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 8px;\r\n    margin-top: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .stories-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));\r\n    gap: 6px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlights-container {\r\n    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));\r\n    gap: 6px;\r\n}\r\n\r\n.ig-anonymous-viewer .reels-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-meta,\r\n.ig-anonymous-viewer .reel-meta {\r\n    padding: 8px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-meta .caption,\r\n.ig-anonymous-viewer .reel-meta .caption {\r\n    font-size: 11px;\r\n}\r\n\r\n.ig-anonymous-viewer .post-download-btn,\r\n.ig-anonymous-viewer .post-view-btn,\r\n.ig-anonymous-viewer .reel-download-btn,\r\n.ig-anonymous-viewer .reel-view-btn {\r\n    width: 28px;\r\n    height: 28px;\r\n    font-size: 11px;\r\n}\r\n\r\n.ig-anonymous-viewer .story-download-btn,\r\n.ig-anonymous-viewer .story-view-btn {\r\n    width: 28px;\r\n    height: 28px;\r\n    font-size: 11px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlight-img-container {\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.ig-anonymous-viewer .highlight-title {\r\n    font-size: 9px;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-content {\r\n    margin: 5px;\r\n    max-width: 98vw;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-img {\r\n    max-height: 50vh;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-modal-download-btn {\r\n    padding: 6px 10px;\r\n    font-size: 10px;\r\n}\r\n\r\n.ig-anonymous-viewer .ipgv-close-modal {\r\n    width: 22px;\r\n    height: 22px;\r\n    font-size: 10px;\r\n}\r\n\t.ig-anonymous-viewer .ig-tool-wrapper {\r\n\twidth: 97%;\r\n\tmax-width: 100%;\r\n\t\r\n}\r\n\t.ig-anonymous-viewer .ig-tool-wrapper {\r\n\twidth: 1200px;\r\n\tmax-width: 97% !important;\r\n\t\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"download-status\" id=\"download-status\"><\/div>\r\n\r\n<!-- ==================== HERO \/ TOOL SECTION ==================== -->\r\n<div class=\"main-contain offcontents ig-anonymous-viewer\">\r\n    <div class=\"ig-header\">\r\n        <h1>Instagram Web Viewer - Access Feeds Through Browser<\/h1>\r\n        <p>Instagram Web Viewer that lets you browse Instagram stories, posts, reels, and highlights without detection.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ig-tool-wrapper\">\r\n        <div class=\"ig-input-area\" style=\"position:relative\">\r\n            <span class=\"ig-icon\">Enter Instagram username<\/span>\r\n            <input type=\"text\" id=\"input-url\" required=\"\" placeholder=\"@username\">\r\n            <button class=\"paste-btn\" id=\"paste-btn\"><i class=\"fa-solid fa-paste\"><\/i> Paste<\/button>\r\n            <button class=\"view-btn\" id=\"view-btn\"> <i class=\"fa-solid fa-user-secret\"><\/i> View Profile<\/button>\r\n\r\n            <div style=\"margin-top:25px; position:absolute;bottom:100px\">\r\n                <br>\r\n                <span id=\"error-message\" style=\"color: #e53935; margin-top: 25px; display: none;\"><\/span>\r\n                <br>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ad-space\">\r\n            <div class=\"ad-inner\">\r\n                <a class=\"ad-placeholder\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bitchipdigital.com\/wp-content\/uploads\/2025\/05\/appsumo.png\" alt=\"Advertisement\" class=\"ad-image\">\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"note\">\r\n            Free anonymous Instagram viewer - browse profiles without leaving a trace!\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tools-result\">\r\n        <div class=\"ig-result\">\r\n            <!-- Profile Header -->\r\n            <div class=\"ig-profile-header\">\r\n                <div class=\"profile-header-content\">\r\n                    <div class=\"profile-image-container\">\r\n                        <div class=\"profile-image\" style=\"background: #1a1a2e; display: flex; align-items: center; justify-content: center; color: #94a3b8;\">\r\n                            <i class=\"fa-solid fa-user\" style=\"font-size: 60px;\"><\/i>\r\n                        <\/div>\r\n                        <button class=\"view-profile-img\"><i class=\"fa-solid fa-expand\"><\/i><\/button>\r\n                    <\/div>\r\n                    <div class=\"profile-info\">\r\n                        <h3 id=\"profile-username\">@username<\/h3>\r\n                        <h4 id=\"profile-fullname\">Full Name<\/h4>\r\n                        <div class=\"stats\">\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-value\" id=\"posts-count\">0<\/div>\r\n                                <div class=\"stat-label\">posts<\/div>\r\n                            <\/div>\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-value\" id=\"followers-count\">0<\/div>\r\n                                <div class=\"stat-label\">followers<\/div>\r\n                            <\/div>\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-value\" id=\"following-count\">0<\/div>\r\n                                <div class=\"stat-label\">following<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tabs -->\r\n            <div class=\"ig-tabs\">\r\n                <button class=\"active\" onclick=\"switchTab('posts', this)\">\r\n                    <i class=\"fa-solid fa-grid-2\"><\/i> Posts\r\n                <\/button>\r\n                <button onclick=\"switchTab('stories', this)\">\r\n                    <i class=\"fa-solid fa-circle\"><\/i> Stories\r\n                <\/button>\r\n                <button onclick=\"switchTab('highlights', this)\">\r\n                    <i class=\"fa-solid fa-star\"><\/i> Highlights\r\n                <\/button>\r\n                <button onclick=\"switchTab('reels', this)\">\r\n                    <i class=\"fa-solid fa-video\"><\/i> Reels\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Tab Content -->\r\n            <div id=\"tab-content\">\r\n                <!-- Posts Tab -->\r\n                <div id=\"posts-content\" class=\"tab-content active\">\r\n                    <div class=\"no-result\">\r\n                        <i class=\"fa-solid fa-images\" style=\"font-size: 48px; color: rgba(255, 255, 255, 0.2); margin-bottom: 15px;\"><\/i>\r\n                        <p>Enter an Instagram username above to view posts anonymously. Browse and download content without detection.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Stories Tab -->\r\n                <div id=\"stories-content\" class=\"tab-content\" style=\"display: none;\">\r\n                    <div class=\"no-result\">\r\n                        <i class=\"fa-solid fa-circle-play\" style=\"font-size: 48px; color: rgba(255, 255, 255, 0.2); margin-bottom: 15px;\"><\/i>\r\n                        <p>View Instagram stories anonymously. Watch stories without the user knowing you've seen them.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Highlights Tab -->\r\n                <div id=\"highlights-content\" class=\"tab-content\" style=\"display: none;\">\r\n                    <div class=\"no-result\">\r\n                        <i class=\"fa-solid fa-bookmark\" style=\"font-size: 48px; color: rgba(255, 255, 255, 0.2); margin-bottom: 15px;\"><\/i>\r\n                        <p>Access Instagram story highlights privately. View saved stories without leaving any trace.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Reels Tab -->\r\n                <div id=\"reels-content\" class=\"tab-content\" style=\"display: none;\">\r\n                    <div class=\"no-result\">\r\n                        <i class=\"fa-solid fa-clapperboard\" style=\"font-size: 48px; color: rgba(255, 255, 255, 0.2); margin-bottom: 15px;\"><\/i>\r\n                        <p>Watch Instagram reels anonymously. Browse and download short videos without detection.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<!-- ==================== END HERO \/ TOOL SECTION ==================== -->\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\"><\/script>\r\n\r\n<script>\r\n    \r\n     \/\/ Enhanced download functionality with better error handling and media detection\r\n        function showDownloadStatus(message, isError = false) {\r\n            const errorEl = document.getElementById('error-message');\r\n            errorEl.textContent = message;\r\n            errorEl.style.color = isError ? 'red' : 'green';\r\n            errorEl.style.display = 'block';\r\n\r\n            setTimeout(() => {\r\n                errorEl.style.display = 'none';\r\n            }, 3000);\r\n        }\r\n\r\n        \/\/ abc\r\n\r\n        \/\/ Fixed Reel Play\/Pause Functionality\r\n        $(document).off('click', '.reel-view-btn').on('click', '.reel-view-btn', function (e) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            var $this = $(this);\r\n            var container = $this.closest('.reel-img-container');\r\n            var video = container.find('.reel-video')[0];\r\n            var thumbnail = container.find('.reel-thumb');\r\n            var fullscreenBtn = container.find('.reel-fullscreen-btn');\r\n\r\n            \/\/ Pause all other videos first\r\n            $('.reel-video').each(function () {\r\n                if (this !== video && !this.paused) {\r\n                    this.pause();\r\n                    $(this).removeClass('playing').hide();\r\n                    $(this).closest('.reel-img-container').find('.reel-thumb').removeClass('hidden').show();\r\n                    $(this).closest('.reel-img-container').find('.reel-view-btn').html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                }\r\n            });\r\n\r\n            if (!video) {\r\n                var videoUrl = container.data('media');\r\n                if (videoUrl) {\r\n                    var videoElement = $('<video class=\"reel-video\" controls playsInline muted><\/video>');\r\n                    videoElement.attr('src', videoUrl);\r\n                    container.append(videoElement);\r\n                    video = videoElement[0];\r\n                }\r\n            }\r\n\r\n            if (video) {\r\n                if (video.paused) {\r\n                    \/\/ Play video\r\n                    thumbnail.addClass('hidden').hide();\r\n                    $(video).addClass('playing').show();\r\n                    video.currentTime = 0;\r\n\r\n                    video.play().then(function () {\r\n                        $this.html('<i class=\"fa-solid fa-pause\"><\/i>');\r\n                        fullscreenBtn.show();\r\n                    }).catch(function (err) {\r\n                        console.error('Video play failed:', err);\r\n                        thumbnail.removeClass('hidden').show();\r\n                        $(video).removeClass('playing').hide();\r\n                        $this.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                    });\r\n                } else {\r\n                    \/\/ Pause video\r\n                    video.pause();\r\n                    $this.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                }\r\n            }\r\n        });\r\n\r\n        \/\/ Fixed video event handlers\r\n        $(document).off('play', '.reel-video').on('play', '.reel-video', function () {\r\n            var container = $(this).closest('.reel-img-container');\r\n            var viewBtn = container.find('.reel-view-btn');\r\n            var fullscreenBtn = container.find('.reel-fullscreen-btn');\r\n\r\n            viewBtn.html('<i class=\"fa-solid fa-pause\"><\/i>');\r\n            fullscreenBtn.show();\r\n        });\r\n\r\n        $(document).off('pause', '.reel-video').on('pause', '.reel-video', function () {\r\n            var container = $(this).closest('.reel-img-container');\r\n            var viewBtn = container.find('.reel-view-btn');\r\n\r\n            viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n        });\r\n\r\n        $(document).off('ended', '.reel-video').on('ended', '.reel-video', function () {\r\n            var container = $(this).closest('.reel-img-container');\r\n            var viewBtn = container.find('.reel-view-btn');\r\n            var thumbnail = container.find('.reel-thumb');\r\n\r\n            $(this).removeClass('playing').hide();\r\n            thumbnail.removeClass('hidden').show();\r\n            viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n        });\r\n\r\n        \/\/ abc\r\n\r\n        function getMediaUrlAndType() {\r\n            \/\/ Check for image in modal\r\n            const modalImg = document.querySelector('.modal-img');\r\n            if (modalImg && modalImg.src && modalImg.src !== window.location.href) {\r\n                return {\r\n                    url: modalImg.src,\r\n                    type: 'image',\r\n                    extension: getFileExtension(modalImg.src) || 'jpg'\r\n                };\r\n            }\r\n\r\n            \/\/ Check for video in modal\r\n            const modalVideo = document.querySelector('.modal-video');\r\n            if (modalVideo && modalVideo.src && modalVideo.src !== window.location.href) {\r\n                return {\r\n                    url: modalVideo.src,\r\n                    type: 'video',\r\n                    extension: getFileExtension(modalVideo.src) || 'mp4'\r\n                };\r\n            }\r\n\r\n            \/\/ Check for profile image\r\n            const profileImg = document.querySelector('.profile-image img');\r\n            if (profileImg && profileImg.src && profileImg.src !== window.location.href) {\r\n                return {\r\n                    url: profileImg.src,\r\n                    type: 'image',\r\n                    extension: getFileExtension(profileImg.src) || 'jpg'\r\n                };\r\n            }\r\n\r\n            return null;\r\n        }\r\n\r\n                function extractResolution(url) {\r\n                    if (!url) return { width: 0, height: 0 };\r\n                    \r\n                    \/\/ Handle new Instagram URL patterns: p960x960, s320x320, etc.\r\n                    const patterns = [\r\n                        \/p(\\d+)x(\\d+)\/i,           \/\/ p960x960\r\n                        \/s(\\d+)x(\\d+)\/i,           \/\/ s320x320\r\n                        \/c(\\d+)\\.(\\d+)\\.(\\d+)\/i, \/\/ c150.150.150\r\n                        \/(\\d+)x(\\d+)\/i              \/\/ 1080x1080\r\n                    ];\r\n                    \r\n                    for (const pattern of patterns) {\r\n                        const match = url.match(pattern);\r\n                        if (match) {\r\n                            return {\r\n                                width: parseInt(match[1] || match[2] || 0),\r\n                                height: parseInt(match[2] || match[3] || 0)\r\n                            };\r\n                        }\r\n                    }\r\n                    \r\n                    return { width: 0, height: 0 };\r\n                }\r\n\r\n                function getFileExtension(url) {\r\n            try {\r\n                const urlObj = new URL(url);\r\n                const pathname = urlObj.pathname;\r\n                const extension = pathname.split('.').pop().toLowerCase();\r\n\r\n                \/\/ Common image extensions\r\n                if (['jpg', 'jpeg', 'png', 'gif', 'webp', 'bmp'].includes(extension)) {\r\n                    return extension;\r\n                }\r\n\r\n                \/\/ Common video extensions\r\n                if (['mp4', 'avi', 'mov', 'wmv', 'flv', 'webm', 'mkv'].includes(extension)) {\r\n                    return extension;\r\n                }\r\n\r\n                return null;\r\n            } catch (e) {\r\n                return null;\r\n            }\r\n        }\r\n\r\n        function generateFileName(type, extension) {\r\n            const timestamp = new Date().getTime();\r\n            const username = document.getElementById('profile-username')?.textContent?.replace('@', '') || 'instagram';\r\n            return `${username}_${type}_${timestamp}.${extension}`;\r\n        }\r\n\r\n        async function downloadMediaFile(url, filename, type) {\r\n            try {\r\n                showDownloadStatus('Preparing download...');\r\n\r\n                \/\/ First, try to fetch the media\r\n                const response = await fetch(url, {\r\n                    method: 'GET',\r\n                    headers: {\r\n                        'Accept': type === 'image' ? 'image\/*' : 'video\/*',\r\n                    }\r\n                });\r\n\r\n                if (!response.ok) {\r\n                    throw new Error(`HTTP error! status: ${response.status}`);\r\n                }\r\n\r\n                const blob = await response.blob();\r\n\r\n                if (blob.size === 0) {\r\n                    throw new Error('Downloaded file is empty');\r\n                }\r\n\r\n                \/\/ Create blob URL and download\r\n                const blobUrl = URL.createObjectURL(blob);\r\n                const link = document.createElement('a');\r\n                link.href = blobUrl;\r\n                link.download = filename;\r\n                link.style.display = 'none';\r\n\r\n                document.body.appendChild(link);\r\n                link.click();\r\n                document.body.removeChild(link);\r\n\r\n                \/\/ Clean up\r\n                setTimeout(() => {\r\n                    URL.revokeObjectURL(blobUrl);\r\n                }, 1000);\r\n\r\n                showDownloadStatus(`${type === 'image' ? 'Image' : 'Video'} downloaded successfully!`);\r\n                return true;\r\n\r\n            } catch (error) {\r\n                console.error('Download error:', error);\r\n\r\n                \/\/ Fallback: try direct link method\r\n                try {\r\n                    const link = document.createElement('a');\r\n                    link.href = url;\r\n                    link.download = filename;\r\n                    link.target = '_blank';\r\n                    link.style.display = 'none';\r\n\r\n                    document.body.appendChild(link);\r\n                    link.click();\r\n                    document.body.removeChild(link);\r\n\r\n                    showDownloadStatus('Download initiated (check your downloads folder)');\r\n                    return true;\r\n                } catch (fallbackError) {\r\n                    showDownloadStatus(`Download failed: ${error.message}`, true);\r\n                    return false;\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Paste functionality\r\n        $('#paste-btn').click(function () {\r\n            navigator.clipboard.readText().then(function (text) {\r\n                $(\"#input-url\").val(text);\r\n            }).catch(function (err) {\r\n                console.error('Failed to read clipboard: ', err);\r\n            });\r\n        });\r\n\r\n        \/\/ Switch tab function\r\n        function switchTab(tabName, buttonElement) {\r\n            \/\/ Focus on input field when tab is clicked\r\n            const inputField = document.getElementById('input-url');\r\n            inputField.focus();\r\n            inputField.classList.add('input-highlight');\r\n\r\n            \/\/ Remove highlight class after animation completes\r\n            setTimeout(() => {\r\n                inputField.classList.remove('input-highlight');\r\n            }, 1000);\r\n\r\n            \/\/ Update active button\r\n            document.querySelectorAll('.ig-tabs button').forEach(btn => {\r\n                btn.classList.remove('active');\r\n            });\r\n            buttonElement.classList.add('active');\r\n\r\n            \/\/ Hide all tab contents\r\n            document.querySelectorAll('.tab-content').forEach(content => {\r\n                content.style.display = 'none';\r\n            });\r\n\r\n            \/\/ Show selected tab content\r\n            document.getElementById(tabName + '-content').style.display = 'block';\r\n        }\r\n\r\n        \/\/ Add enter key support for input\r\n        document.getElementById('input-url').addEventListener('keypress', function (e) {\r\n            if (e.key === 'Enter') {\r\n                \/\/ Handle enter key if needed\r\n                const username = this.value.trim();\r\n                if (username) {\r\n                    showDownloadStatus('This is a demo. In a real app, this would fetch @' + username);\r\n                } else {\r\n                    showDownloadStatus('Please enter an Instagram username', true);\r\n                }\r\n            }\r\n        });\r\n\r\n        \/\/ View button click handler\r\n        document.getElementById('view-btn').addEventListener('click', function () {\r\n            const username = document.getElementById('input-url').value.trim();\r\n            if (!username) {\r\n                showDownloadStatus('Please enter an Instagram username', true);\r\n                document.getElementById('input-url').focus();\r\n                return;\r\n            }\r\n\r\n            \/\/ In a real app, this would fetch the profile data\r\n            \/\/ For now, just show a message\r\n            showDownloadStatus('This is a demo. In a real app, this would fetch @' + username);\r\n        });\r\n\r\n        \/\/ Enhanced modal download button handler\r\n        $(document).on(\"click\", \".modal-download-btn\", async function (e) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            const mediaInfo = getMediaUrlAndType();\r\n\r\n            if (!mediaInfo) {\r\n                showDownloadStatus('No media found to download', true);\r\n                return;\r\n            }\r\n\r\n            const filename = generateFileName(mediaInfo.type, mediaInfo.extension);\r\n\r\n            \/\/ Use global downloadMedia function if available\r\n            if (typeof window.downloadMedia === 'function') {\r\n                try {\r\n                    window.downloadMedia(mediaInfo.url, filename, mediaInfo.type);\r\n                    showDownloadStatus(`${mediaInfo.type === 'image' ? 'Image' : 'Video'} download started!`);\r\n\r\n                    setTimeout(() => {\r\n                        $(\".close-modal\").click();\r\n                    }, 500);\r\n                } catch (error) {\r\n                    console.error('Global download function failed:', error);\r\n                    \/\/ Fall back to our enhanced method\r\n                    const success = await downloadMediaFile(mediaInfo.url, filename, mediaInfo.type);\r\n                    if (success) {\r\n                        setTimeout(() => {\r\n                            $(\".close-modal\").click();\r\n                        }, 500);\r\n                    }\r\n                }\r\n                return;\r\n            }\r\n\r\n            \/\/ Use our enhanced download method\r\n            const success = await downloadMediaFile(mediaInfo.url, filename, mediaInfo.type);\r\n            if (success) {\r\n                setTimeout(() => {\r\n                    $(\".close-modal\").click();\r\n                }, 500);\r\n            }\r\n        });\r\n\r\n        \/\/ Add download buttons to media items (for posts, stories, etc.)\r\n        $(document).on(\"click\", \".download-media-btn\", async function (e) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n\r\n            const mediaElement = $(this).closest('.media-item').find('img, video').first();\r\n            if (!mediaElement.length) {\r\n                showDownloadStatus('No media found to download', true);\r\n                return;\r\n            }\r\n\r\n            const mediaUrl = mediaElement.attr('src');\r\n            if (!mediaUrl || mediaUrl === window.location.href) {\r\n                showDownloadStatus('Invalid media URL', true);\r\n                return;\r\n            }\r\n\r\n            const isVideo = mediaElement.is('video');\r\n            const type = isVideo ? 'video' : 'image';\r\n            const extension = getFileExtension(mediaUrl) || (isVideo ? 'mp4' : 'jpg');\r\n            const filename = generateFileName(type, extension);\r\n\r\n            await downloadMediaFile(mediaUrl, filename, type);\r\n        });\r\n\r\n\r\n\r\n        (function ($) {\r\n            'use strict';\r\n\r\n            function formatNumber(num) {\r\n                if (num === null || num === undefined) return '0';\r\n                num = parseInt(num, 10);\r\n                if (isNaN(num)) return '0';\r\n\r\n                if (num >= 1000000) {\r\n                    return (num \/ 1000000).toFixed(1).replace(\/\\.0$\/, '') + 'M';\r\n                }\r\n                if (num >= 1000) {\r\n                    return (num \/ 1000).toFixed(1).replace(\/\\.0$\/, '') + 'K';\r\n                }\r\n                return num.toString();\r\n            }\r\n\r\n            \/\/ Place this at the top level, outside of any function\r\n            async function forceDownloadImage(imgUrl, filename) {\r\n                try {\r\n                    const resp = await fetch(imgUrl);\r\n                    if (!resp.ok) throw new Error(`Network error: ${resp.status}`);\r\n                    const blob = await resp.blob();\r\n                    const blobUrl = URL.createObjectURL(blob);\r\n                    const a = document.createElement('a');\r\n                    a.href = blobUrl;\r\n                    a.download = filename || '';\r\n                    document.body.appendChild(a);\r\n                    a.click();\r\n                    document.body.removeChild(a);\r\n                    setTimeout(() => URL.revokeObjectURL(blobUrl), 1000);\r\n                } catch (err) {\r\n                    console.error('Download failed:', err);\r\n\r\n                }\r\n            }\r\n\r\n            function clearAllSkeletons() {\r\n                $(\".skeleton-profile\").remove();\r\n                $(\".skeleton-posts-grid\").remove();\r\n                $(\".skeleton-stories-container\").remove();\r\n                $(\".skeleton-highlights-container\").remove();\r\n                $(\".skeleton-reels-grid\").remove();\r\n            }\r\n\r\n            \/\/ Ensure jQuery is available and wait for DOM ready\r\n            $(document).ready(function () {\r\n                \/\/ Track if this is the first search\r\n                var isFirstSearch = true;\r\n                \/\/ Track loaded tabs\r\n                var isPrivateAccount = false;\r\n                var loadedTabs = {\r\n                    posts: false,\r\n                    stories: false,\r\n                    highlights: false,\r\n                    reels: false,\r\n                };\r\n                var activeTab = \"posts\";\r\n\r\n                \/\/ Download management\r\n                var activeDownloads = new Map();\r\n                var downloadCounter = 0;\r\n\r\n                \/\/ CORS Proxy wrapper for API calls\r\n                \/\/ Route API calls through multiple proxy services to avoid browser origin restrictions\r\n                var API_BASE = \"https:\/\/tools.xrespond.com\/api\";\r\n                var CORS_PROXIES = [\r\n                    \"https:\/\/proxy.killcors.com?url=\",\r\n                    \"https:\/\/cors-anywhere.herokuapp.com\/\",\r\n                    \"https:\/\/api.allorigins.win\/raw?url=\"\r\n                ];\r\n                var CURRENT_PROXY_INDEX = 0;\r\n\r\n                function buildProxyUrl(targetUrl) {\r\n                    return CORS_PROXIES[CURRENT_PROXY_INDEX] + encodeURIComponent(targetUrl);\r\n                }\r\n\r\n                function switchProxy() {\r\n                    CURRENT_PROXY_INDEX = (CURRENT_PROXY_INDEX + 1) % CORS_PROXIES.length;\r\n                    console.log(\"Switched to proxy index:\", CURRENT_PROXY_INDEX);\r\n                }\r\n\r\n                \/\/ Enhanced fetch with proxy rotation and better error handling\r\n                function fetchWithProxy(url, options) {\r\n                    var fetchOptions = options || {};\r\n                    var proxyUrl = buildProxyUrl(url);\r\n\r\n                    \/\/ Ensure proper headers for JSON APIs\r\n                    if (fetchOptions.method === \"POST\" || !fetchOptions.method) {\r\n                        fetchOptions.method = \"POST\";\r\n                        if (!fetchOptions.headers) {\r\n                            fetchOptions.headers = {};\r\n                        }\r\n                        \/\/ Content-Type handled by FormData or set explicitly\r\n                        var isFormData = false;\r\n                        try { isFormData = (fetchOptions.body instanceof window.FormData); } catch(e) { isFormData = false; }\r\n                        if (!fetchOptions.headers[\"Content-Type\"] && !isFormData) {\r\n                            fetchOptions.headers[\"Content-Type\"] = \"application\/json\";\r\n                        }\r\n                    }\r\n\r\n                    \/\/ Add browser-like headers to avoid 403 errors\r\n                    fetchOptions.headers = {\r\n                        ...fetchOptions.headers,\r\n                        'Accept': 'application\/json, text\/plain, *\/*',\r\n                        'Accept-Language': 'en-US,en;q=0.9',\r\n                        'Accept-Encoding': 'gzip, deflate, br',\r\n                        'Cache-Control': 'no-cache',\r\n                        'Pragma': 'no-cache',\r\n                        'Sec-Fetch-Dest': 'empty',\r\n                        'Sec-Fetch-Mode': 'cors',\r\n                        'Sec-Fetch-Site': 'cross-site',\r\n                        'User-Agent': 'Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/120.0.0.0 Safari\/537.36'\r\n                    };\r\n\r\n                    fetchOptions.cache = \"no-cache\";\r\n                    fetchOptions.credentials = \"omit\";\r\n\r\n                    return fetch(proxyUrl, fetchOptions)\r\n                        .then(function(response) {\r\n                            if (!response.ok) {\r\n                                throw new Error(\"Proxy error: \" + response.status + \" - \" + response.statusText);\r\n                            }\r\n                            return response.json();\r\n                        })\r\n                        .then(function(data) {\r\n                            \/\/ Check API-level error responses\r\n                            if (data && data.status === \"error\") {\r\n                                throw new Error(data.message || \"API returned error\");\r\n                            }\r\n                            return data;\r\n                        })\r\n                        .catch(function(error) {\r\n                            console.error(\"Proxy fetch failed:\", error);\r\n                            \/\/ Try next proxy if current one fails\r\n                            if (CURRENT_PROXY_INDEX < CORS_PROXIES.length - 1) {\r\n                                switchProxy();\r\n                                return fetchWithProxy(url, options);\r\n                            }\r\n                            throw error;\r\n                        });\r\n                }\r\n\r\n                \/\/ Create toast container if it doesn't exist\r\n                function createToastContainer() {\r\n                    if ($(\"#toast-container\").length === 0) {\r\n                        $(\"body\").append(\r\n                            '<div id=\"toast-container\" style=\"' +\r\n                            'position: fixed;' +\r\n                            'top: 20px;' +\r\n                            'right: 20px;' +\r\n                            'z-index: 10000;' +\r\n                            'max-width: 400px;' +\r\n                            'width: 100%;' +\r\n                            '\"><\/div>'\r\n                        );\r\n                    }\r\n                }\r\n\r\n                \/\/ Create toast notification with progress bar\r\n                function createToast(filename, downloadId) {\r\n                    var toastHtml =\r\n                        '<div class=\"download-toast\" id=\"toast-' + downloadId + '\" style=\"' +\r\n                        'background: white;' +\r\n                        'border-radius: 12px;' +\r\n                        'box-shadow: 0 10px 30px rgba(0,0,0,0.15);' +\r\n                        'margin-bottom: 15px;' +\r\n                        'padding: 20px;' +\r\n                        'border-left: 4px solid #8e24aa;' +\r\n                        'animation: slideInRight 0.3s ease-out;' +\r\n                        'position: relative;' +\r\n                        'overflow: hidden;' +\r\n                        '\">' +\r\n                        '<div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;\">' +\r\n                        '<div style=\"display: flex; align-items: center; gap: 10px;\">' +\r\n                        '<i class=\"fa-solid fa-download\" style=\"color: #8e24aa; font-size: 16px;\"><\/i>' +\r\n                        '<span style=\"font-weight: 600; color: #1e293b; font-size: 14px;\">Downloading...<\/span>' +\r\n                        '<\/div>' +\r\n                        '<button class=\"cancel-download\" data-download-id=\"' + downloadId + '\" style=\"' +\r\n                        'background: #ef4444;' +\r\n                        'color: white;' +\r\n                        'border: none;' +\r\n                        'border-radius: 6px;' +\r\n                        'padding: 4px 8px;' +\r\n                        'font-size: 12px;' +\r\n                        'cursor: pointer;' +\r\n                        'transition: all 0.2s;' +\r\n                        'display: flex;' +\r\n                        'align-items: center;' +\r\n                        'justify-content: center;' +\r\n                        'width: 24px;' +\r\n                        'height: 24px;' +\r\n                        '\">' +\r\n                        '<i class=\"fa-solid fa-xmark\"><\/i>' +\r\n                        '<\/button>' +\r\n                        '<\/div>' +\r\n                        '<div style=\"margin-bottom: 8px;\">' +\r\n                        '<div style=\"font-size: 13px; color: #64748b; margin-bottom: 4px; word-break: break-all;\">' + filename + '<\/div>' +\r\n                        '<div style=\"display: flex; justify-content: space-between; align-items: center;\">' +\r\n                        '<span class=\"download-status\" style=\"font-size: 12px; color: #64748b;\">Preparing download...<\/span>' +\r\n                        '<span class=\"download-percentage\" style=\"font-size: 12px; font-weight: 600; color: #8e24aa;\">0%<\/span>' +\r\n                        '<\/div>' +\r\n                        '<\/div>' +\r\n                        '<div class=\"progress-container\" style=\"' +\r\n                        'width: 100%;' +\r\n                        'height: 6px;' +\r\n                        'background: #f1f5f9;' +\r\n                        'border-radius: 3px;' +\r\n                        'overflow: hidden;' +\r\n                        'position: relative;' +\r\n                        '\">' +\r\n                        '<div class=\"progress-bar\" style=\"' +\r\n                        'height: 100%;' +\r\n                        'background: linear-gradient(90deg, #8e24aa, #ec407a);' +\r\n                        'border-radius: 3px;' +\r\n                        'width: 0%;' +\r\n                        'transition: width 0.3s ease;' +\r\n                        'position: relative;' +\r\n                        '\">' +\r\n                        '<div style=\"' +\r\n                        'position: absolute;' +\r\n                        'top: 0;' +\r\n                        'left: 0;' +\r\n                        'right: 0;' +\r\n                        'bottom: 0;' +\r\n                        'background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);' +\r\n                        'animation: shimmer 1.5s infinite;' +\r\n                        '\"><\/div>' +\r\n                        '<\/div>' +\r\n                        '<\/div>' +\r\n                        '<\/div>';\r\n\r\n                    $(\"#toast-container\").prepend(toastHtml);\r\n\r\n                    \/\/ Add shimmer animation\r\n                    if (!$(\"#shimmer-style\").length) {\r\n                        $(\"head\").append(\r\n                            '<style id=\"shimmer-style\">' +\r\n                            '@keyframes slideInRight {' +\r\n                            'from { transform: translateX(100%); opacity: 0; }' +\r\n                            'to { transform: translateX(0); opacity: 1; }' +\r\n                            '}' +\r\n                            '@keyframes slideOutRight {' +\r\n                            'from { transform: translateX(0); opacity: 1; }' +\r\n                            'to { transform: translateX(100%); opacity: 0; }' +\r\n                            '}' +\r\n                            '@keyframes shimmer {' +\r\n                            '0% { transform: translateX(-100%); }' +\r\n                            '100% { transform: translateX(100%); }' +\r\n                            '}' +\r\n                            '.cancel-download:hover {' +\r\n                            'background: #dc2626 !important;' +\r\n                            'transform: scale(1.05);' +\r\n                            '}' +\r\n                            '.download-toast.success {' +\r\n                            'border-left-color: #10b981 !important;' +\r\n                            '}' +\r\n                            '.download-toast.error {' +\r\n                            'border-left-color: #ef4444 !important;' +\r\n                            '}' +\r\n                            '<\/style>'\r\n                        );\r\n                    }\r\n                }\r\n\r\n                \/\/ Update toast progress\r\n                function updateToastProgress(downloadId, progress, status) {\r\n                    var toast = $(\"#toast-\" + downloadId);\r\n                    if (toast.length) {\r\n                        toast.find(\".progress-bar\").css(\"width\", progress + \"%\");\r\n                        toast.find(\".download-percentage\").text(Math.round(progress) + \"%\");\r\n                        if (status) {\r\n                            toast.find(\".download-status\").text(status);\r\n                        }\r\n                    }\r\n                }\r\n\r\n                \/\/ Complete toast (success or error)\r\n                function completeToast(downloadId, success, message) {\r\n                    var toast = $(\"#toast-\" + downloadId);\r\n                    if (toast.length) {\r\n                        toast.removeClass(\"success error\").addClass(success ? \"success\" : \"error\");\r\n\r\n                        var icon = success ? \"fa-check-circle\" : \"fa-exclamation-circle\";\r\n                        var color = success ? \"#10b981\" : \"#ef4444\";\r\n                        var statusText = success ? \"Download completed!\" : \"Download failed!\";\r\n\r\n                        toast.find(\".fa-download\").removeClass(\"fa-download\").addClass(icon).css(\"color\", color);\r\n                        toast.find(\".download-status\").text(message || statusText);\r\n                        toast.find(\".download-percentage\").text(success ? \"100%\" : \"Failed\");\r\n                        toast.find(\".cancel-download\").hide();\r\n\r\n                        if (success) {\r\n                            toast.find(\".progress-bar\").css(\"width\", \"100%\");\r\n                        }\r\n\r\n                        \/\/ Auto remove after 3 seconds\r\n                        setTimeout(function () {\r\n                            toast.css(\"animation\", \"slideOutRight 0.3s ease-in\");\r\n                            setTimeout(function () { toast.remove(); }, 300);\r\n                        }, 3000);\r\n                    }\r\n\r\n                    \/\/ Remove from active downloads\r\n                    activeDownloads.delete(downloadId);\r\n                }\r\n\r\n                \/\/ Cancel download\r\n                function cancelDownload(downloadId) {\r\n                    var downloadInfo = activeDownloads.get(downloadId);\r\n                    if (downloadInfo && downloadInfo.controller) {\r\n                        downloadInfo.controller.abort();\r\n                        activeDownloads.delete(downloadId);\r\n\r\n                        var toast = $(\"#toast-\" + downloadId);\r\n                        toast.css(\"animation\", \"slideOutRight 0.3s ease-in\");\r\n                        setTimeout(function () { toast.remove(); }, 300);\r\n                    }\r\n                }\r\n\r\n                \/\/ Enhanced download function with progress tracking\r\n                async function downloadWithProgress(url, filename, type) {\r\n                    type = type || \"image\";\r\n\r\n                    if (!url) {\r\n                        console.error(\"No URL provided for download\");\r\n                        \/\/ alert(\"Download URL not found. Please try again.\");\r\n                        return;\r\n                    }\r\n\r\n                    var downloadId = ++downloadCounter;\r\n                    var controller = new AbortController();\r\n\r\n                    \/\/ Store download info\r\n                    activeDownloads.set(downloadId, {\r\n                        controller: controller,\r\n                        filename: filename,\r\n                        url: url,\r\n                        type: type,\r\n                    });\r\n\r\n                    \/\/ Ensure we're getting the highest quality image by removing any size parameters\r\n                    var downloadUrl = url;\r\n                    if (type === \"image\" && url.indexOf(\"instagram\") !== -1) {\r\n                        \/\/ Remove any size parameters to get full resolution\r\n                        downloadUrl = url.split(\"?\")[0];\r\n                    }\r\n\r\n                    createToastContainer();\r\n                    createToast(filename, downloadId);\r\n\r\n                    try {\r\n                        updateToastProgress(downloadId, 5, \"Connecting...\");\r\n                        console.log(\"Fetching from URL:\", downloadUrl);\r\n\r\n                        var response = await fetch(downloadUrl, {\r\n                            signal: controller.signal,\r\n                            mode: \"cors\",\r\n                            headers: {\r\n                                Accept: \"*\/*\",\r\n                                \"User-Agent\": \"Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/91.0.4472.124 Safari\/537.36\",\r\n                            },\r\n                        });\r\n\r\n                        if (!response.ok) {\r\n                            throw new Error(\"HTTP error! status: \" + response.status);\r\n                        }\r\n\r\n                        var contentLength = response.headers.get(\"content-length\");\r\n                        var total = parseInt(contentLength, 10);\r\n                        var loaded = 0;\r\n\r\n                        updateToastProgress(downloadId, 10, \"Downloading...\");\r\n\r\n                        var reader = response.body.getReader();\r\n                        var chunks = [];\r\n\r\n                        while (true) {\r\n                            var result = await reader.read();\r\n                            var done = result.done;\r\n                            var value = result.value;\r\n\r\n                            if (done) break;\r\n\r\n                            chunks.push(value);\r\n                            loaded += value.length;\r\n\r\n                            if (total) {\r\n                                var progress = 10 + (loaded \/ total) * 80; \/\/ 10% to 90%\r\n                                updateToastProgress(\r\n                                    downloadId,\r\n                                    progress,\r\n                                    \"Downloaded \" + formatBytes(loaded) + (total ? \" of \" + formatBytes(total) : \"\")\r\n                                );\r\n                            } else {\r\n                                updateToastProgress(downloadId, 50, \"Downloaded \" + formatBytes(loaded));\r\n                            }\r\n                        }\r\n\r\n                        updateToastProgress(downloadId, 95, \"Processing...\");\r\n\r\n                        \/\/ Create blob and download\r\n                        var blob = new Blob(chunks);\r\n                        var blobUrl = URL.createObjectURL(blob);\r\n\r\n                        \/\/ Use a hidden link to download without opening a new tab\r\n                        var link = document.createElement(\"a\");\r\n                        link.href = blobUrl;\r\n                        link.download = filename;\r\n                        link.style.display = \"none\";\r\n                        document.body.appendChild(link);\r\n\r\n                        \/\/ Use click() method to trigger download without opening a new tab\r\n                        link.click();\r\n\r\n                        \/\/ Clean up\r\n                        setTimeout(function () {\r\n                            document.body.removeChild(link);\r\n                            URL.revokeObjectURL(blobUrl);\r\n                        }, 100);\r\n\r\n                        updateToastProgress(downloadId, 100, \"Completed!\");\r\n                        completeToast(downloadId, true, \"Download completed successfully!\");\r\n                    } catch (error) {\r\n                        if (error.name === \"AbortError\") {\r\n                            console.log(\"Download cancelled\");\r\n                        } else {\r\n                            console.error(\"Download failed:\", error);\r\n                            completeToast(downloadId, false, \"Download failed. Please try again.\");\r\n                        }\r\n                    }\r\n                }\r\n\r\n                \/\/ Format bytes helper function\r\n                function formatBytes(bytes, decimals) {\r\n                    decimals = decimals || 2;\r\n                    if (bytes === 0) return \"0 Bytes\";\r\n                    var k = 1024;\r\n                    var dm = decimals < 0 ? 0 : decimals;\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(dm)) + \" \" + sizes[i];\r\n                }\r\n\r\n                \/\/ Handle cancel button clicks\r\n                $(document).on(\"click\", \".cancel-download\", function () {\r\n                    var downloadId = parseInt($(this).data(\"download-id\"));\r\n                    cancelDownload(downloadId);\r\n                });\r\n\r\n                \/\/ Check for hash parameter on page load to set active tab\r\n                var hashTab = window.location.hash.substring(1);\r\n                if (hashTab && [\"posts\", \"stories\", \"highlights\", \"reels\"].indexOf(hashTab) !== -1) {\r\n                    activeTab = hashTab;\r\n                }\r\n\r\n                \/\/ Global function to pause all videos except the current one\r\n                function pauseAllVideosExcept(currentVideo) {\r\n                    $(\"video\").each(function () {\r\n                        if (this !== currentVideo) {\r\n                            try {\r\n                                if (!this.paused) {\r\n                                    this.pause();\r\n                                }\r\n                            } catch (e) {\r\n                                console.warn(\"Error pausing video:\", e);\r\n                            }\r\n                        }\r\n                    });\r\n\r\n                    \/\/ Reset all video controls to show play buttons and thumbnails\r\n                    $(\".post-video, .story-video, .reel-video\")\r\n                        .not($(currentVideo))\r\n                        .each(function () {\r\n                            var container = $(this).closest(\".post-img-container, .story-img-container, .reel-img-container\");\r\n                            var overlay = container.find(\".post-overlay, .story-overlay, .reel-overlay\");\r\n                            var playBtn = overlay.find(\".post-view-btn, .story-view-btn, .reel-view-btn\");\r\n                            var fullscreenBtn = overlay.find(\".post-fullscreen-btn, .story-fullscreen-btn, .reel-fullscreen-btn\");\r\n\r\n                            $(this).hide();\r\n                            container.find(\".post-thumb, .story-thumb, .reel-thumb\").show();\r\n                            playBtn.show().html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                            fullscreenBtn.hide();\r\n                        });\r\n                }\r\n\r\n                \/\/ Paste button functionality\r\n                $(\"#paste-btn\").on(\"click\", function () {\r\n                    if (navigator.clipboard && navigator.clipboard.readText) {\r\n                        navigator.clipboard\r\n                            .readText()\r\n                            .then(function (text) {\r\n                                $(\"#input-url\").val(text);\r\n                            })\r\n                            .catch(function (err) {\r\n                                console.error(\"Failed to read clipboard: \", err);\r\n                            });\r\n                    }\r\n                });\r\n\r\n                \/\/ Function to determine if media is video\r\n                function isVideo(post) {\r\n                    return (\r\n                        post &&\r\n                        (post.media_type === 2 ||\r\n                            post.video_versions ||\r\n                            (post.carousel_media && post.carousel_media[0] && post.carousel_media[0].video_versions))\r\n                    );\r\n                }\r\n\r\n                \/\/ Function to get media URL (image or video)\r\n                function getMediaUrl(post) {\r\n                    if (isVideo(post)) {\r\n                        \/\/ Get video URL - check all possible paths in the API response\r\n                        var videoUrl = \"\";\r\n                        if (post && post.video_versions && post.video_versions[0]) {\r\n                            videoUrl = post.video_versions[0].url;\r\n                        } else if (\r\n                            post &&\r\n                            post.carousel_media &&\r\n                            post.carousel_media[0] &&\r\n                            post.carousel_media[0].video_versions &&\r\n                            post.carousel_media[0].video_versions[0]\r\n                        ) {\r\n                            videoUrl = post.carousel_media[0].video_versions[0].url;\r\n                        } else if (post && post.media && post.media.video_versions && post.media.video_versions[0]) {\r\n                            videoUrl = post.media.video_versions[0].url;\r\n                        }\r\n                        console.log(\"Video URL found:\", videoUrl);\r\n                        return videoUrl;\r\n                    } else {\r\n                        \/\/ Get image URL - check all possible paths in the API response\r\n                        var imageUrl = \"\";\r\n                        if (post && post.image_versions && post.image_versions.items && post.image_versions.items[0]) {\r\n                            imageUrl = post.image_versions.items[0].url;\r\n                        } else if (\r\n                            post &&\r\n                            post.carousel_media &&\r\n                            post.carousel_media[0] &&\r\n                            post.carousel_media[0].image_versions &&\r\n                            post.carousel_media[0].image_versions.items &&\r\n                            post.carousel_media[0].image_versions.items[0]\r\n                        ) {\r\n                            imageUrl = post.carousel_media[0].image_versions.items[0].url;\r\n                        } else if (\r\n                            post &&\r\n                            post.media &&\r\n                            post.media.image_versions &&\r\n                            post.media.image_versions.items &&\r\n                            post.media.image_versions.items[0]\r\n                        ) {\r\n                            imageUrl = post.media.image_versions.items[0].url;\r\n                        }\r\n                        return imageUrl;\r\n                    }\r\n                }\r\n\r\n                \/\/ Function to get media thumbnail\r\n                function getMediaThumbnail(post) {\r\n                    \/\/ For videos, use the first frame as thumbnail\r\n                    \/\/ For images, use the image itself\r\n                    var thumbnailUrl = \"\";\r\n                    if (post && post.image_versions && post.image_versions.items && post.image_versions.items[0]) {\r\n                        thumbnailUrl = post.image_versions.items[0].url;\r\n                    } else if (\r\n                        post &&\r\n                        post.carousel_media &&\r\n                        post.carousel_media[0] &&\r\n                        post.carousel_media[0].image_versions &&\r\n                        post.carousel_media[0].image_versions.items &&\r\n                        post.carousel_media[0].image_versions.items[0]\r\n                    ) {\r\n                        thumbnailUrl = post.carousel_media[0].image_versions.items[0].url;\r\n                    } else if (\r\n                        post &&\r\n                        post.media &&\r\n                        post.media.image_versions &&\r\n                        post.media.image_versions.items &&\r\n                        post.media.image_versions.items[0]\r\n                    ) {\r\n                        thumbnailUrl = post.media.image_versions.items[0].url;\r\n                    }\r\n                    return thumbnailUrl;\r\n                }\r\n\r\n                \/\/ Function to create and play video directly in the card\r\n                function createAndPlayVideo(container, videoUrl, thumbnailUrl) {\r\n                    \/\/ Remove any existing video\r\n                    container.find('video').remove();\r\n\r\n                    \/\/ Create new video element\r\n                    const video = $('<video>', {\r\n                        class: 'reel-video',\r\n                        controls: true,\r\n                        playsInline: true,\r\n                        preload: 'auto',\r\n                        muted: true \/\/ Start muted to allow autoplay\r\n                    });\r\n\r\n                    \/\/ Set up video source\r\n                    const source = $('<source>', {\r\n                        src: videoUrl,\r\n                        type: 'video\/mp4'\r\n                    });\r\n\r\n                    video.append(source);\r\n                    container.append(video);\r\n\r\n                    \/\/ Set up video event listeners\r\n                    video.on('loadeddata', function () {\r\n                        \/\/ Video is ready to play\r\n                        console.log('Video data loaded');\r\n                        \/\/ Unmute the video once it's loaded\r\n                        this.muted = false;\r\n                    });\r\n\r\n                    video.on('error', function (e) {\r\n                        console.error('Video error:', e);\r\n                        \/\/ Show thumbnail if video fails to load\r\n                        container.find('.reel-thumb').show();\r\n                        video.remove();\r\n                    });\r\n\r\n                    \/\/ Return the video element\r\n                    return video[0];\r\n                }\r\n\r\n                \/\/ Function to create fullscreen video modal\r\n                function createFullscreenModal(videoUrl, title) {\r\n                    \/\/ Simply open in a new tab instead of creating a modal\r\n                    window.open(videoUrl, \"_blank\");\r\n                }\r\n\r\n                \/\/ Function to load stories\r\n                function loadStories(profileUrl) {\r\n                    if (loadedTabs.stories) return;\r\n\r\n                    $(\"#tab-stories\").html(\r\n                        '<div class=\"skeleton-stories-container\">' +\r\n                        '<div class=\"skeleton-story\"><div class=\"skeleton-story-img\"><\/div><div class=\"skeleton-story-meta\"><div class=\"skeleton-story-time\"><\/div><\/div><\/div>' +\r\n                        '<div class=\"skeleton-story\"><div class=\"skeleton-story-img\"><\/div><div class=\"skeleton-story-meta\"><div class=\"skeleton-story-time\"><\/div><\/div><\/div>' +\r\n                        '<div class=\"skeleton-story\"><div class=\"skeleton-story-img\"><\/div><div class=\"skeleton-story-meta\"><div class=\"skeleton-story-time\"><\/div><\/div><\/div>' +\r\n                        '<div class=\"skeleton-story\"><div class=\"skeleton-story-img\"><\/div><div class=\"skeleton-story-meta\"><div class=\"skeleton-story-time\"><\/div><\/div><\/div>' +\r\n                        '<div class=\"skeleton-story\"><div class=\"skeleton-story-img\"><\/div><div class=\"skeleton-story-meta\"><div class=\"skeleton-story-time\"><\/div><\/div><\/div>' +\r\n                        '<div class=\"skeleton-story\"><div class=\"skeleton-story-img\"><\/div><div class=\"skeleton-story-meta\"><div class=\"skeleton-story-time\"><\/div><\/div><\/div>' +\r\n                        '<div class=\"skeleton-story\"><div class=\"skeleton-story-img\"><\/div><div class=\"skeleton-story-meta\"><div class=\"skeleton-story-time\"><\/div><\/div><\/div>' +\r\n                        '<div class=\"skeleton-story\"><div class=\"skeleton-story-img\"><\/div><div class=\"skeleton-story-meta\"><div class=\"skeleton-story-time\"><\/div><\/div><\/div>' +\r\n                        \"<\/div>\"\r\n                    );\r\n\r\n                    var storiesForm = new FormData();\r\n                    storiesForm.append(\"profile\", profileUrl);\r\n\r\n                    var storiesProxyUrl = buildProxyUrl(API_BASE + \"\/instagram\/media\/stories\");\r\n                    var storiesData = new URLSearchParams();\r\n                    storiesData.append(\"profile\", profileUrl);\r\n\r\n                    fetch(storiesProxyUrl, {\r\n                        method: \"POST\",\r\n                        body: storiesData,\r\n                        headers: { \"Content-Type\": \"application\/x-www-form-urlencoded\" }\r\n                    })\r\n                    .then(function(r) { return r.json(); })\r\n                    .then(function(storyRes) {\r\n                            var stories =\r\n                                storyRes && storyRes.data && storyRes.data.data && storyRes.data.data.items ? storyRes.data.data.items : [];\r\n                            $(\"#tab-stories\").empty();\r\n                            if (!stories.length) {\r\n                                $(\"#tab-stories\").html(\"<p class='no-result'>No stories found.<\/p>\");\r\n                                return;\r\n                            }\r\n\r\n                            var storiesHTML = '<div class=\"stories-container\">';\r\n\r\n                            for (var index = 0; index < stories.length; index++) {\r\n                                var story = stories[index];\r\n                                var isStoryVideo = isVideo(story);\r\n                                var mediaUrl = getMediaUrl(story);\r\n                                var thumbnail = getMediaThumbnail(story);\r\n                                var time = new Date(story && story.taken_at ? story.taken_at * 1000 : Date.now()).toLocaleDateString();\r\n                                var storyId = story && story.id ? story.id : \"story-\" + index;\r\n\r\n                                storiesHTML +=\r\n                                    '<div class=\"story-card\" style=\"animation-delay: ' +\r\n                                    index * 0.05 +\r\n                                    's\">' +\r\n                                    '<div class=\"story-img-container\" data-media=\"' +\r\n                                    mediaUrl +\r\n                                    '\" data-type=\"' +\r\n                                    (isStoryVideo ? \"video\" : \"image\") +\r\n                                    '\">' +\r\n                                    '<img decoding=\"async\" src=\"' +\r\n                                    thumbnail +\r\n                                    '\" class=\"story-thumb\" alt=\"IG Story\" loading=\"lazy\"\/>' +\r\n                                    (isStoryVideo\r\n                                        ? '<video src=\"' +\r\n                                        mediaUrl +\r\n                                        '\" class=\"story-video\" controls playsInline style=\"display:none; width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0;\"><\/video>'\r\n                                        : \"\") +\r\n                                    '<div class=\"story-overlay\">' +\r\n                                    '<button class=\"story-view-btn\">' +\r\n                                    (isStoryVideo ? '<i class=\"fa-solid fa-play\"><\/i>' : '<i class=\"fa-solid fa-eye\"><\/i>') +\r\n                                    \"<\/button>\" +\r\n                                    (isStoryVideo\r\n                                        ? '<button class=\"story-fullscreen-btn\" style=\"display:none;\"><i class=\"fa-solid fa-expand\"><\/i><\/button>'\r\n                                        : \"\") +\r\n                                    \"<\/div>\" +\r\n                                    \"<\/div>\" +\r\n                                    '<div class=\"story-meta\">' +\r\n                                    '<div class=\"story-stats-row\">' +\r\n                                    '<small class=\"time\">' +\r\n                                    time +\r\n                                    \"<\/small>\" +\r\n                                    '<button class=\"story-download-btn\" data-url=\"' +\r\n                                    mediaUrl +\r\n                                    '\" data-filename=\"instagram_story_' +\r\n                                    storyId +\r\n                                    \".\" +\r\n                                    (isStoryVideo ? \"mp4\" : \"jpg\") +\r\n                                    '\" data-type=\"' +\r\n                                    (isStoryVideo ? \"video\" : \"image\") +\r\n                                    '\">' +\r\n                                    '<i class=\"fa-solid fa-download\"><\/i>' +\r\n                                    \"<\/button>\" +\r\n                                    \"<\/div>\" +\r\n                                    \"<\/div>\" +\r\n                                    \"<\/div>\";\r\n                            }\r\n\r\n                            storiesHTML += \"<\/div>\";\r\n\r\n                            $(\"#tab-stories\").html(storiesHTML);\r\n                            loadedTabs.stories = true;\r\n\r\n                            \/\/ Add media type indicators\r\n                            setTimeout(addMediaTypeIndicators, 100);\r\n                        })\r\n                        .catch(function(err) {\r\n                            console.error(\"Stories error:\", err);\r\n                            $(\"#error-message\").text(\"Failed to load stories: \" + (err.message || \"Connection error\")).show();\r\n                            $(\"#tab-stories\").html(\"<p class='no-result'>Failed to load stories.<\/p>\");\r\n                        });\r\n                }\r\n\r\n                \/\/ Function to load highlights\r\n                function loadHighlights(profileUrl) {\r\n                    if (loadedTabs.highlights) return;\r\n\r\n                    $(\"#tab-highlights\").html(\r\n                        '<div class=\"skeleton-highlights-container\">' +\r\n                        '<div class=\"skeleton-highlight\"><div class=\"skeleton-highlight-img\"><\/div><div class=\"skeleton-highlight-title\"><\/div><\/div>' +\r\n                        '<div class=\"skeleton-highlight\"><div class=\"skeleton-highlight-img\"><\/div><div class=\"skeleton-highlight-title\"><\/div><\/div>' +\r\n                        '<div class=\"skeleton-highlight\"><div class=\"skeleton-highlight-img\"><\/div><div class=\"skeleton-highlight-title\"><\/div><\/div>' +\r\n                        '<div class=\"skeleton-highlight\"><div class=\"skeleton-highlight-img\"><\/div><div class=\"skeleton-highlight-title\"><\/div><\/div>' +\r\n                        \"<\/div>\"\r\n                    );\r\n\r\n                    var highlightsForm = new FormData();\r\n                    highlightsForm.append(\"profile\", profileUrl);\r\n\r\n                    var highlightsProxyUrl = buildProxyUrl(API_BASE + \"\/instagram\/media\/highlights\");\r\n                    var highlightsData = new URLSearchParams();\r\n                    highlightsData.append(\"profile\", profileUrl);\r\n\r\n                    fetch(highlightsProxyUrl, {\r\n                        method: \"POST\",\r\n                        body: highlightsData,\r\n                        headers: { \"Content-Type\": \"application\/x-www-form-urlencoded\" }\r\n                    })\r\n                    .then(function(r) { return r.json(); })\r\n                    .then(function(highlightRes) {\r\n                            var highlights =\r\n                                highlightRes && highlightRes.data && highlightRes.data.data && highlightRes.data.data.items\r\n                                    ? highlightRes.data.data.items\r\n                                    : [];\r\n                            $(\"#tab-highlights\").empty();\r\n\r\n                            if (!highlights.length) {\r\n                                $(\"#tab-highlights\").html(\"<p class='no-result'>No highlights found.<\/p>\");\r\n                                return;\r\n                            }\r\n\r\n                            var highlightsHTML = '<div class=\"highlights-container\">';\r\n\r\n                            for (var index = 0; index < highlights.length; index++) {\r\n                                var highlight = highlights[index];\r\n                                var originalCoverImg = \"\";\r\n\r\n                                if (\r\n                                    highlight &&\r\n                                    highlight.cover_media &&\r\n                                    highlight.cover_media.cropped_image_version &&\r\n                                    highlight.cover_media.cropped_image_version.url\r\n                                ) {\r\n                                    originalCoverImg = highlight.cover_media.cropped_image_version.url;\r\n                                }\r\n\r\n                                var coverImg = originalCoverImg\r\n                                    ? \"https:\/\/tools.xrespond.com\/api\/instagram\/highlights\/proxy-image?url=\" + encodeURIComponent(originalCoverImg)\r\n                                    : \"https:\/\/via.placeholder.com\/60?text=No+Image\";\r\n\r\n                                var title = highlight && highlight.title ? highlight.title : \"Highlight\";\r\n                                var highlightId = highlight && highlight.id ? highlight.id : \"highlight-\" + index;\r\n                                var username = highlight && highlight.user && highlight.user.username ? highlight.user.username : \"\";\r\n                                var isVerified = highlight && highlight.user && highlight.user.is_verified ? true : false;\r\n                                var mediaCount = highlight && highlight.media_count ? highlight.media_count : 0;\r\n\r\n                                \/\/ Create the highlight items container\r\n                                var itemsHtml = '';\r\n                                if (highlight.items && Array.isArray(highlight.items) && highlight.items.length > 0) {\r\n                                    itemsHtml = '<div class=\"highlight-items\" style=\"display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;\">';\r\n                                    highlight.items.forEach(function (media, mediaIndex) {\r\n                                        var imgUrl = '';\r\n                                        var isVideo = false;\r\n\r\n                                        \/\/ Check for video\r\n                                        if (media.video_versions && media.video_versions.length > 0) {\r\n                                            imgUrl = media.video_versions[0].url;\r\n                                            isVideo = true;\r\n                                        } else if (media.cover_media && media.cover_media.cropped_image_version) {\r\n                                            imgUrl = media.cover_media.cropped_image_version.url;\r\n                                        } else if (media.image_versions2 && media.image_versions2.candidates && media.image_versions2.candidates.length > 0) {\r\n                                            imgUrl = media.image_versions2.candidates[0].url;\r\n                                        }\r\n\r\n                                        var proxyImg = imgUrl\r\n                                            ? \"https:\/\/tools.xrespond.com\/api\/instagram\/highlights\/proxy-image?url=\" + encodeURIComponent(imgUrl)\r\n                                            : \"https:\/\/via.placeholder.com\/60?text=No+Image\";\r\n\r\n                                        var mediaType = isVideo ? 'video' : 'image';\r\n                                        var mediaTitle = `${title}-${mediaIndex + 1}`;\r\n\r\n                                        itemsHtml += `\r\n                                    <div class=\"highlight-item\" style=\"display:flex;flex-direction:column;align-items:center;\">\r\n                                        <div class=\"highlight-img-container\" style=\"position:relative;\">\r\n                                            <img decoding=\"async\" src=\"${proxyImg}\"\r\n                                                 alt=\"Highlight Media\"\r\n                                                 style=\"width:80px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;border:1px solid #dbdbdb;\"\r\n                                                 onclick=\"window.showMediaModal('${proxyImg}', '${mediaType}', '${mediaTitle}')\" \/>\r\n                                            <div class=\"highlight-overlay\" style=\"position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s;\">\r\n                                                <button class=\"highlight-view-btn\" style=\"background:none;border:none;color:white;cursor:pointer;font-size:20px;\">\r\n                                                    <i class=\"fa-solid fa-${isVideo ? 'play' : 'expand'}\"><\/i>\r\n                                                <\/button>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <button class=\"download-btn\"\r\n                                                onclick=\"forceDownloadImage('${proxyImg}', '${mediaTitle}.jpg')\"\r\n                                                style=\"margin-top:4px;font-size:13px;color:#1e88e5;text-decoration:underline;background:none;border:none;cursor:pointer;\">\r\n                                            Download\r\n                                        <\/button>\r\n                                    <\/div>\r\n                                `;\r\n                                    });\r\n                                    itemsHtml += '<\/div>';\r\n                                }\r\n\r\n                                highlightsHTML +=\r\n                                    '<div class=\"highlight-card\" style=\"animation-delay: ' +\r\n                                    index * 0.05 +\r\n                                    's\" data-id=\"' +\r\n                                    highlightId +\r\n                                    '\">' +\r\n                                    '<div class=\"highlight-img-container\" style=\"position:relative;\">' +\r\n                                    '<img decoding=\"async\" src=\"' +\r\n                                    coverImg +\r\n                                    '\" class=\"highlight-thumb\" alt=\"IG Highlight: ' +\r\n                                    title +\r\n                                    '\" ' +\r\n                                    'loading=\"lazy\" onerror=\"this.onerror=null; this.src=\\'https:\/\/via.placeholder.com\/60?text=No+Image\\';\"\/>' +\r\n                                    '<div class=\"highlight-overlay\" style=\"position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s;\">' +\r\n                                    '<button class=\"highlight-view-btn\" onclick=\"window.showMediaModal(\\'' +\r\n                                    coverImg +\r\n                                    '\\', \\'image\\', \\'' +\r\n                                    title +\r\n                                    '\\')\" style=\"background:none;border:none;color:white;cursor:pointer;font-size:20px;\">' +\r\n                                    '<i class=\"fa-solid fa-expand\"><\/i>' +\r\n                                    \"<\/button>\" +\r\n                                    \"<\/div>\" +\r\n                                    \"<\/div>\" +\r\n                                    '<div class=\"highlight-meta\">' +\r\n                                    '<p class=\"highlight-title\">' +\r\n                                    title +\r\n                                    \"<\/p>\" +\r\n                                    (mediaCount > 0\r\n                                        ? '<span class=\"highlight-count\"><i class=\"fa-solid fa-photo-film\"><\/i> ' + mediaCount + \"<\/span>\"\r\n                                        : \"\") +\r\n                                    (username\r\n                                        ? '<span class=\"highlight-username\">@' +\r\n                                        username +\r\n                                        (isVerified ? ' <i class=\"fa-solid fa-badge-check\"><\/i>' : \"\") +\r\n                                        \"<\/span>\"\r\n                                        : \"\") +\r\n                                    \"<\/div>\" +\r\n                                    itemsHtml +\r\n                                    \"<\/div>\";\r\n                            }\r\n\r\n                            highlightsHTML += \"<\/div>\";\r\n                            $(\"#tab-highlights\").html(highlightsHTML);\r\n                            loadedTabs.highlights = true;\r\n\r\n                            \/\/ Add hover effects for highlight items\r\n                            $('.highlight-img-container').hover(\r\n                                function () {\r\n                                    $(this).find('.highlight-overlay').css('opacity', '1');\r\n                                },\r\n                                function () {\r\n                                    $(this).find('.highlight-overlay').css('opacity', '0');\r\n                                }\r\n                            );\r\n                        })\r\n                        .catch(function(err) {\r\n                            console.error(\"Highlights error:\", err);\r\n                            $(\"#tab-highlights\").html(\"<p class='no-result'>Failed to load highlights.<\/p>\");\r\n                        });\r\n                }\r\n\r\n                \/\/ Function to load reels\r\n                function loadReels(profileUrl) {\r\n                    if (loadedTabs.reels) return;\r\n\r\n                    $(\"#tab-reels\").html(\r\n                        '<div class=\"skeleton-reels-grid\">' +\r\n                        '<div class=\"skeleton-reel\"><div class=\"skeleton-reel-img\"><\/div><div class=\"skeleton-reel-meta\"><div class=\"skeleton-reel-caption\"><\/div><div class=\"skeleton-reel-caption-short\"><\/div><div class=\"skeleton-reel-stats\"><div class=\"skeleton-reel-stat\"><\/div><div class=\"skeleton-reel-stat\"><\/div><\/div><div class=\"skeleton-reel-time\"><\/div><\/div><\/div>' +\r\n                        '<div class=\"skeleton-reel\"><div class=\"skeleton-reel-img\"><\/div><div class=\"skeleton-reel-meta\"><div class=\"skeleton-reel-caption\"><\/div><div class=\"skeleton-reel-caption-short\"><\/div><div class=\"skeleton-reel-stats\"><div class=\"skeleton-reel-stat\"><\/div><div class=\"skeleton-reel-stat\"><\/div><\/div><div class=\"skeleton-reel-time\"><\/div><\/div><\/div>' +\r\n                        '<div class=\"skeleton-reel\"><div class=\"skeleton-reel-img\"><\/div><div class=\"skeleton-reel-meta\"><div class=\"skeleton-reel-caption\"><\/div><div class=\"skeleton-reel-caption-short\"><\/div><div class=\"skeleton-reel-stats\"><div class=\"skeleton-reel-stat\"><\/div><div class=\"skeleton-reel-stat\"><\/div><\/div><div class=\"skeleton-reel-time\"><\/div><\/div><\/div>' +\r\n                        '<div class=\"skeleton-reel\"><div class=\"skeleton-reel-img\"><\/div><div class=\"skeleton-reel-meta\"><div class=\"skeleton-reel-caption\"><\/div><div class=\"skeleton-reel-caption-short\"><\/div><div class=\"skeleton-reel-stats\"><div class=\"skeleton-reel-stat\"><\/div><div class=\"skeleton-reel-stat\"><\/div><\/div><div class=\"skeleton-reel-time\"><\/div><\/div><\/div>' +\r\n                        '<div class=\"skeleton-reel\"><div class=\"skeleton-reel-img\"><\/div><div class=\"skeleton-reel-meta\"><div class=\"skeleton-reel-caption\"><\/div><div class=\"skeleton-reel-caption-short\"><\/div><div class=\"skeleton-reel-stats\"><div class=\"skeleton-reel-stat\"><\/div><div class=\"skeleton-reel-stat\"><\/div><\/div><div class=\"skeleton-reel-time\"><\/div><\/div><\/div>' +\r\n                        '<div class=\"skeleton-reel\"><div class=\"skeleton-reel-img\"><\/div><div class=\"skeleton-reel-meta\"><div class=\"skeleton-reel-caption\"><\/div><div class=\"skeleton-reel-caption-short\"><\/div><div class=\"skeleton-reel-stats\"><div class=\"skeleton-reel-stat\"><\/div><div class=\"skeleton-reel-stat\"><\/div><\/div><div class=\"skeleton-reel-time\"><\/div><\/div><\/div>' +\r\n                        \"<\/div>\"\r\n                    );\r\n\r\n                    var reelsForm = new FormData();\r\n                    reelsForm.append(\"profile\", profileUrl);\r\n\r\n                    var reelsProxyUrl = buildProxyUrl(API_BASE + \"\/instagram\/media\/reels\");\r\n                    var reelsData = new URLSearchParams();\r\n                    reelsData.append(\"profile\", profileUrl);\r\n\r\n                    fetch(reelsProxyUrl, {\r\n                        method: \"POST\",\r\n                        body: reelsData,\r\n                        headers: { \"Content-Type\": \"application\/x-www-form-urlencoded\" }\r\n                    })\r\n                    .then(function(r) { return r.json(); })\r\n                    .then(function(reelRes) {\r\n\r\n                            var reels =\r\n                                reelRes && reelRes.data && reelRes.data.data && reelRes.data.data.items ? reelRes.data.data.items : [];\r\n                            $(\"#tab-reels\").empty();\r\n                            if (!reels.length) {\r\n                                $(\"#tab-reels\").html(\"<p class='no-result'>No reels found.<\/p>\");\r\n                                return;\r\n                            }\r\n\r\n                            var reelsHTML = '<div class=\"reels-grid\">';\r\n\r\n                            for (var index = 0; index < reels.length; index++) {\r\n                                var reel = reels[index];\r\n                                var videoUrl = \"\";\r\n                                if (reel && reel.video_versions && reel.video_versions[0]) {\r\n                                    videoUrl = reel.video_versions[0].url;\r\n                                } else if (reel && reel.media && reel.media.video_versions && reel.media.video_versions[0]) {\r\n                                    videoUrl = reel.media.video_versions[0].url;\r\n                                }\r\n\r\n                                var thumbnail = \"\";\r\n                                if (reel && reel.image_versions && reel.image_versions.items && reel.image_versions.items[0]) {\r\n                                    thumbnail = reel.image_versions.items[0].url;\r\n                                } else if (\r\n                                    reel &&\r\n                                    reel.media &&\r\n                                    reel.media.image_versions &&\r\n                                    reel.media.image_versions.items &&\r\n                                    reel.media.image_versions.items[0]\r\n                                ) {\r\n                                    thumbnail = reel.media.image_versions.items[0].url;\r\n                                }\r\n\r\n                                var caption = reel && reel.caption && reel.caption.text ? reel.caption.text : \"\";\r\n                                var time = new Date(reel && reel.taken_at ? reel.taken_at * 1000 : Date.now()).toLocaleDateString();\r\n                                var reelId = reel && reel.id ? reel.id : \"reel-\" + index;\r\n                                var views =\r\n                                    reel && reel.view_count\r\n                                        ? reel.view_count\r\n                                        : reel && reel.media && reel.media.view_count\r\n                                            ? reel.media.view_count\r\n                                            : 0;\r\n                                var likes =\r\n                                    reel && reel.like_count\r\n                                        ? reel.like_count\r\n                                        : reel && reel.media && reel.media.like_count\r\n                                            ? reel.media.like_count\r\n                                            : 0;\r\n\r\n                                \/\/ FIXED: Use data-url attribute for download button\r\n                                reelsHTML +=\r\n                                    '<div class=\"reel-card\" style=\"animation-delay: ' +\r\n                                    index * 0.05 +\r\n                                    's\">' +\r\n                                    '<div class=\"reel-img-container\" data-media=\"' +\r\n                                    videoUrl +\r\n                                    '\" data-type=\"video\">' +\r\n                                    '<img decoding=\"async\" src=\"' +\r\n                                    thumbnail +\r\n                                    '\" class=\"reel-thumb\" alt=\"IG Reel\" loading=\"lazy\"\/>' +\r\n                                    '<video src=\"' +\r\n                                    videoUrl +\r\n                                    '\" class=\"reel-video\" controls playsInline style=\"display:none; width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0;\"><\/video>' +\r\n                                    '<div class=\"reel-overlay\">' +\r\n                                    '<button class=\"reel-view-btn\">' +\r\n                                    '<i class=\"fa-solid fa-play\"><\/i>' +\r\n                                    \"<\/button>\" +\r\n                                    '<button class=\"reel-fullscreen-btn\" style=\"display:none;\">' +\r\n                                    '<i class=\"fa-solid fa-expand\"><\/i>' +\r\n                                    \"<\/button>\" +\r\n                                    \"<\/div>\" +\r\n                                    \"<\/div>\" +\r\n                                    '<div class=\"reel-meta\">' +\r\n                                    '<p class=\"caption\">' +\r\n                                    caption +\r\n                                    \"<\/p>\" +\r\n                                    '<div class=\"reel-stats-row\">' +\r\n                                    '<div class=\"reel-stats\">' +\r\n                                    '<span><i class=\"fa-solid fa-play\"><\/i> ' +\r\n                                    formatNumber(views) +\r\n                                    \"<\/span>\" +\r\n                                    '<span><i class=\"fa-solid fa-heart\"><\/i> ' +\r\n                                    formatNumber(likes) +\r\n                                    \"<\/span>\" +\r\n                                    \"<\/div>\" +\r\n                                    '<button class=\"reel-download-btn\" data-url=\"' +\r\n                                    videoUrl +\r\n                                    '\" data-filename=\"instagram_reel_' +\r\n                                    reelId +\r\n                                    '.mp4\" data-type=\"video\">' +\r\n                                    '<i class=\"fa-solid fa-download\"><\/i>' +\r\n                                    \"<\/button>\" +\r\n                                    \"<\/div>\" +\r\n                                    '<small class=\"time\">' +\r\n                                    time +\r\n                                    \"<\/small>\" +\r\n                                    \"<\/div>\" +\r\n                                    \"<\/div>\";\r\n                            }\r\n\r\n                            reelsHTML += \"<\/div>\";\r\n\r\n                            $(\"#tab-reels\").html(reelsHTML);\r\n                            loadedTabs.reels = true;\r\n\r\n                            \/\/ Add media type indicators\r\n                            setTimeout(addMediaTypeIndicators, 100);\r\n                        })\r\n                        .catch(function(err) {\r\n                            console.error(\"Reels error:\", err);\r\n                            $(\"#tab-reels\").html(\"<p class='no-result'>Failed to load reels.<\/p>\");\r\n                        });\r\n                }\r\n\r\n                \/\/ Function to load posts\r\n                function loadPosts(profileUrl) {\r\n                    $(\"#tab-posts\").html(\r\n                        '<div class=\"skeleton-posts-grid\">' +\r\n                        Array(6).fill().map(() =>\r\n                            '<div class=\"skeleton-post\">' +\r\n                            '<div class=\"skeleton-post-img\"><\/div>' +\r\n                            '<div class=\"skeleton-post-meta\">' +\r\n                            '<div class=\"skeleton-post-stats\">' +\r\n                            '<div class=\"skeleton-post-stat\"><\/div>' +\r\n                            '<div class=\"skeleton-post-stat\"><\/div>' +\r\n                            '<\/div>' +\r\n                            '<div class=\"skeleton-post-caption\"><\/div>' +\r\n                            '<div class=\"skeleton-post-caption-short\"><\/div>' +\r\n                            '<div class=\"skeleton-post-time\"><\/div>' +\r\n                            '<\/div>' +\r\n                            '<\/div>'\r\n                        ).join('') +\r\n                        '<\/div>'\r\n                    );\r\n                    var postsForm = new FormData();\r\n                    postsForm.append(\"profile\", profileUrl);\r\n\r\n                    var postsProxyUrl = buildProxyUrl(API_BASE + \"\/instagram\/media\/posts\");\r\n                    var postsData = new URLSearchParams();\r\n                    postsData.append(\"profile\", profileUrl);\r\n\r\n                    fetch(postsProxyUrl, {\r\n                        method: \"POST\",\r\n                        body: postsData,\r\n                        headers: { \"Content-Type\": \"application\/x-www-form-urlencoded\" }\r\n                    })\r\n                    .then(function(r) { return r.json(); })\r\n                    .then(function(postRes) {\r\n\r\n                            var posts =\r\n                                postRes && postRes.data && postRes.data.data && postRes.data.data.items ? postRes.data.data.items : [];\r\n                            $(\"#tab-posts\").empty();\r\n                            if (!posts.length) {\r\n                                $(\"#tab-posts\").html(\"<p class='no-result'>No posts found.<\/p>\");\r\n                                return;\r\n                            }\r\n\r\n                            var postHTML = '<div class=\"posts-grid\">';\r\n\r\n                            for (var index = 0; index < posts.length; index++) {\r\n                                var post = posts[index];\r\n                                var isPostVideo = isVideo(post);\r\n                                var mediaUrl = getMediaUrl(post);\r\n                                var thumbnail = getMediaThumbnail(post);\r\n                                var caption = post && post.caption && post.caption.text ? post.caption.text : \"\";\r\n                                var time = new Date(post && post.taken_at ? post.taken_at * 1000 : Date.now()).toLocaleDateString();\r\n                                var postId = post && post.id ? post.id : \"post-\" + index;\r\n                                var likes = post && post.like_count ? post.like_count : 0;\r\n                                var comments = post && post.comment_count ? post.comment_count : 0;\r\n\r\n                                postHTML +=\r\n                                    '<div class=\"post-card\" style=\"animation-delay: ' +\r\n                                    index * 0.05 +\r\n                                    's\">' +\r\n                                    '<div class=\"post-img-container\" data-media=\"' +\r\n                                    mediaUrl +\r\n                                    '\" data-type=\"' +\r\n                                    (isPostVideo ? \"video\" : \"image\") +\r\n                                    '\">' +\r\n                                    '<img decoding=\"async\" src=\"' +\r\n                                    thumbnail +\r\n                                    '\" class=\"post-thumb\" alt=\"IG Post\" loading=\"lazy\"\/>' +\r\n                                    (isPostVideo\r\n                                        ? '<video src=\"' +\r\n                                        mediaUrl +\r\n                                        '\" class=\"post-video\" controls playsInline style=\"display:none; width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0;\"><\/video>'\r\n                                        : \"\") +\r\n                                    '<div class=\"post-overlay\">' +\r\n                                    '<button class=\"post-view-btn\">' +\r\n                                    (isPostVideo ? '<i class=\"fa-solid fa-play\"><\/i>' : '<i class=\"fa-solid fa-eye\"><\/i>') +\r\n                                    \"<\/button>\" +\r\n                                    (isPostVideo\r\n                                        ? '<button class=\"post-fullscreen-btn\" style=\"display:none;\"><i class=\"fa-solid fa-expand\"><\/i><\/button>'\r\n                                        : \"\") +\r\n                                    \"<\/div>\" +\r\n                                    \"<\/div>\" +\r\n                                    '<div class=\"post-meta\">' +\r\n                                    '<div class=\"post-stats-row\">' +\r\n                                    '<div class=\"post-stats\">' +\r\n                                    '<span><i class=\"fa-solid fa-heart\"><\/i> ' +\r\n                                    formatNumber(likes) +\r\n                                    \"<\/span>\" +\r\n                                    '<span><i class=\"fa-solid fa-comment\"><\/i> ' +\r\n                                    formatNumber(comments) +\r\n                                    \"<\/span>\" +\r\n                                    \"<\/div>\" +\r\n                                    '<button class=\"post-download-btn\" data-url=\"' +\r\n                                    mediaUrl +\r\n                                    '\" data-filename=\"instagram_post_' +\r\n                                    postId +\r\n                                    \".\" +\r\n                                    (isPostVideo ? \"mp4\" : \"jpg\") +\r\n                                    '\" data-type=\"' +\r\n                                    (isPostVideo ? \"video\" : \"image\") +\r\n                                    '\">' +\r\n                                    '<i class=\"fa-solid fa-download\"><\/i>' +\r\n                                    \"<\/button>\" +\r\n                                    \"<\/div>\" +\r\n                                    '<p class=\"caption\">' +\r\n                                    caption +\r\n                                    \"<\/p>\" +\r\n                                    '<small class=\"time\">' +\r\n                                    time +\r\n                                    \"<\/small>\" +\r\n                                    \"<\/div>\" +\r\n                                    \"<\/div>\";\r\n                            }\r\n\r\n                            postHTML += \"<\/div>\";\r\n\r\n                            $(\"#tab-posts\").html(postHTML);\r\n                            loadedTabs.posts = true;\r\n\r\n                            \/\/ Add media type indicators\r\n                            setTimeout(addMediaTypeIndicators, 100);\r\n                        })\r\n                        .catch(function(err) {\r\n                            console.error(\"Posts error:\", err);\r\n                            $(\"#tab-posts\").html(\"<p class='no-result'>Failed to load posts.<\/p>\");\r\n                        });\r\n                }\r\n\r\n                \/\/ Enhanced download button click handlers - ONLY for explicit download buttons\r\n                $(document).on(\"click\", \".post-download-btn, .story-download-btn, .reel-download-btn\", function (e) {\r\n                    e.preventDefault();\r\n                    e.stopPropagation();\r\n\r\n                    \/\/ Get the media URL from data-media if data-url is not available (for backward compatibility)\r\n                    var url = $(this).attr(\"data-url\") || $(this).data(\"url\") || $(this).data(\"media\");\r\n                    var filename = $(this).attr(\"data-filename\") || $(this).data(\"filename\");\r\n                    var type = $(this).attr(\"data-type\") || $(this).data(\"type\");\r\n\r\n                    console.log(\"Download button clicked:\", { url: url, filename: filename, type: type });\r\n\r\n                    \/\/ Ensure we're getting the highest quality image\r\n                    if (type === \"image\" && url && url.indexOf(\"instagram\") !== -1) {\r\n                        \/\/ Remove any size parameters to get full resolution\r\n                        url = url.split(\"?\")[0];\r\n                    }\r\n\r\n                    if (url && filename) {\r\n                        \/\/ Use downloadWithProgress instead of direct fetch to prevent new tab\r\n                        downloadWithProgress(url, filename, type);\r\n                    } else {\r\n                        console.error(\"Missing download data:\", { url: url, filename: filename, type: type });\r\n                        alert(\"Download information is missing. Please try again.\");\r\n                    }\r\n                });\r\n\r\n                \/\/ Check if account type is selected before allowing API request\r\n                $(\".view-btn\").on(\"click\", function (e) {\r\n                    e.preventDefault();\r\n\r\n                    var profileUrl = $(\".ig-input-area input\").val().trim();\r\n\r\n                    if (profileUrl === \"\") {\r\n                        $(\"#error-message\").text(\"Please enter an Instagram profile URL or username\").show();\r\n                        return;\r\n                    }\r\n\r\n                    \/\/ Open new tab on second+ searches but don't navigate to it\r\n                    \/\/ if (!isFirstSearch) {\r\n                    \/\/     var tempLink = document.createElement(\"a\");\r\n                    \/\/     tempLink.href = \"https:\/\/appsumo.8odi.net\/c\/5721360\/2819681\/7443\/#\" + activeTab;\r\n                    \/\/     tempLink.target = \"_blank\";\r\n                    \/\/     tempLink.rel = \"noopener noreferrer\";\r\n                    \/\/     tempLink.style.display = \"none\";\r\n                    \/\/     document.body.appendChild(tempLink);\r\n\r\n                    \/\/     setTimeout(function () {\r\n                    \/\/         tempLink.click();\r\n                    \/\/         document.body.removeChild(tempLink);\r\n                    \/\/     }, 100);\r\n                    \/\/ } else {\r\n                    \/\/     isFirstSearch = false;\r\n                    \/\/ }\r\n\r\n                    \/\/ Reset loaded tabs\r\n                    loadedTabs = {\r\n                        posts: false,\r\n                        stories: false,\r\n                        highlights: false,\r\n                        reels: false,\r\n                    };\r\n\r\n                    var formData = new FormData();\r\n                    formData.append(\"profile\", profileUrl);\r\n\r\n                    $(\".view-btn\").prop(\"disabled\", true).html(\"<span style='font-weight: 600;'>Loading...<\/span>\");\r\n\r\n                    $(\".ig-result\").html(\r\n                        '<div class=\"skeleton-profile\">' +\r\n                        '<div class=\"skeleton-profile-header\">' +\r\n                        '<div class=\"skeleton-avatar\"><\/div>' +\r\n                        '<div class=\"skeleton-profile-info\">' +\r\n                        '<div class=\"skeleton-username\"><\/div>' +\r\n                        '<div class=\"skeleton-fullname\"><\/div>' +\r\n                        '<div class=\"skeleton-stats\">' +\r\n                        '<div class=\"skeleton-stat\"><\/div>' +\r\n                        '<div class=\"skeleton-stat\"><\/div>' +\r\n                        '<div class=\"skeleton-stat\"><\/div>' +\r\n                        \"<\/div>\" +\r\n                        \"<\/div>\" +\r\n                        '<div class=\"skeleton-bio\"><\/div>' +\r\n                        '<div class=\"skeleton-tabs\">' +\r\n                        '<div class=\"skeleton-tab\"><\/div>' +\r\n                        '<div class=\"skeleton-tab\"><\/div>' +\r\n                        '<div class=\"skeleton-tab\"><\/div>' +\r\n                        '<div class=\"skeleton-tab\"><\/div>' +\r\n                        \"<\/div>\" +\r\n                        '<div class=\"skeleton-posts-grid\">' +\r\n                        \"<\/div>\" +\r\n                        \"<\/div>\"\r\n                    );\r\n                    $(\"#error-message\").hide().text(\"\");\r\n\r\n                    \/\/ Use proxy for AJAX to handle CORS\r\n                    var profileInfoUrl = API_BASE + \"\/instagram\/profile-info\";\r\n                    var proxyUrl = buildProxyUrl(profileInfoUrl);\r\n\r\n                    var postData = new URLSearchParams();\r\n                    postData.append(\"profile\", profileUrl);\r\n\r\n                    fetch(proxyUrl, {\r\n                        method: \"POST\",\r\n                        body: postData,\r\n                        headers: {\r\n                            \"Content-Type\": \"application\/x-www-form-urlencoded\"\r\n                        }\r\n                    })\r\n                    .then(function(response) {\r\n                        if (!response.ok) {\r\n                            throw new Error(\"Request failed: \" + response.status);\r\n                        }\r\n                        return response.json();\r\n                    })\r\n                    .catch(function(err) {\r\n                        console.error(\"Profile fetch error:\", err);\r\n                        $(\"#error-message\").text(\"Failed to connect: \" + (err.message || \"Please try again\")).show();\r\n                        $(\".view-btn\").prop(\"disabled\", false).html(\"<i class='fa-solid fa-unlock'><\/i> View Profile\");\r\n                        $(\".ig-result\").empty();\r\n                    })\r\n                    .then(function(res) {\r\n                            if (!res) return;\r\n                            \/\/ Add scroll function\r\n                            function scrollToProfile() {\r\n                                const profileSection = document.querySelector('.ig-result');\r\n                                if (profileSection) {\r\n                                    profileSection.scrollIntoView({\r\n                                        behavior: 'smooth',\r\n                                        block: 'start'\r\n                                    });\r\n                                }\r\n                            }\r\n\r\n                            \/\/ Modify the existing AJAX success handler in the .view-btn click event\r\n\r\n                            setTimeout(scrollToProfile, 500);\r\n                            if (res.data && res.data.status === \"error\") {\r\n                                $(\"#error-message\").text(res.data.message || \"Failed to load profile\").show();\r\n\r\n                                loadedTabs.posts = false;\r\n                                loadedTabs.stories = false;\r\n                                loadedTabs.highlights = false;\r\n                                loadedTabs.reels = false;\r\n                                $(\".view-btn\").prop(\"disabled\", false).html(\"<i class='fa-solid fa-unlock'><\/i> View Profile\");\r\n                                \/\/ Clear any existing content in the results container\r\n                                $(\".ig-result\").empty();\r\n\r\n                                \/\/ Return immediately to stop further rendering\r\n                                return;\r\n                            }\r\n                            $(\".view-btn\").prop(\"disabled\", false).html(\"<i class='fa-solid fa-unlock'><\/i> View Profile\");\r\n\r\n                            var data = res && res.data && res.data.data ? res.data.data : {};\r\n                            console.log(\"Profile data:\", data);\r\n\r\n                            var profileImage = data.hd_profile_pic_url || data.profile_pic_url || \"\";\r\n                            var profileImageViewer = \"\";\r\n\r\n                            isPrivateAccount = !!data.is_private;\r\n\r\n                            if (profileImage) {\r\n                                profileImageViewer =\r\n                                    '<div class=\"profile-image-container\">' +\r\n                                    '<img decoding=\"async\" class=\"profile-image\" src=\"' +\r\n                                    profileImage +\r\n                                    '\" alt=\"Profile Picture\" referrerpolicy=\"no-referrer\"\/>' +\r\n                                    '<button class=\"view-profile-img\"><i class=\"fa-solid fa-expand\"><\/i><\/button>' +\r\n                                    \"<\/div>\";\r\n                            }\r\n\r\n                            $(\".ig-result\").html(\r\n                                '<div class=\"ig-profile-header\">' +\r\n                                '<div class=\"profile-header-content\">' +\r\n                                profileImageViewer +\r\n                                '<div class=\"profile-info\">' +\r\n                                '<div class=\"username-text\">@' +\r\n                                (data.username || \"username\") +\r\n                                \"<\/div>\" +\r\n                                '<div class=\"fullname-text\">' +\r\n                                (data.full_name || \"\") +\r\n                                \"<\/div>\" +\r\n                                '<div class=\"stats\">' +\r\n                                '<div class=\"stat-item\">' +\r\n                                '<span class=\"stat-value\">' +\r\n                                formatNumber(data.media_count || 0) +\r\n                                \"<\/span>\" +\r\n                                '<span class=\"stat-label\">posts<\/span>' +\r\n                                \"<\/div>\" +\r\n                                '<div class=\"stat-item\">' +\r\n                                '<span class=\"stat-value\">' +\r\n                                formatNumber(data.follower_count || 0) +\r\n                                \"<\/span>\" +\r\n                                '<span class=\"stat-label\">followers<\/span>' +\r\n                                \"<\/div>\" +\r\n                                '<div class=\"stat-item\">' +\r\n                                '<span class=\"stat-value\">' +\r\n                                formatNumber(data.following_count || 0) +\r\n                                \"<\/span>\" +\r\n                                '<span class=\"stat-label\">following<\/span>' +\r\n                                \"<\/div>\" +\r\n                                \"<\/div>\" +\r\n                                \"<\/div>\" +\r\n                                \"<\/div>\" +\r\n                                '<div class=\"profile-bio\">' +\r\n                                \"<p>\" +\r\n                                (data.biography || \"\") +\r\n                                \"<\/p>\" +\r\n                                (data.external_url\r\n                                    ? '<a href=\"' +\r\n                                    data.external_url +\r\n                                    '\" target=\"_blank\" class=\"profile-link\"><i class=\"fa-solid fa-link\"><\/i> ' +\r\n                                    data.external_url +\r\n                                    \"<\/a>\"\r\n                                    : \"\") +\r\n                                (data.is_private\r\n                                    ? '<div class=\"private-account-message\" style=\"width:60%; margin:auto; text-align:center; padding:10px 0;\"><i class=\"fa-solid fa-lock\"><\/i> This is a private account. Posts, stories, reels, and highlights are not visible due to Instagram\\'s privacy policy.<\/div>'\r\n                                    : \"\") +\r\n                                \"<\/div>\" +\r\n                                \"<\/div>\"\r\n                            );\r\n\r\n                            var tabHTML =\r\n                                '<div class=\"ig-tabs\">' +\r\n                                '<button class=\"tab-btn active\" data-tab=\"posts\"><i class=\"fa-solid fa-grid-2\"><\/i> Posts<\/button>' +\r\n                                '<button class=\"tab-btn\" data-tab=\"stories\"><i class=\"fa-solid fa-circle-play\"><\/i> Stories<\/button>' +\r\n                                '<button class=\"tab-btn\" data-tab=\"highlights\"><i class=\"fa-solid fa-star\"><\/i> Highlights<\/button>' +\r\n                                '<button class=\"tab-btn\" data-tab=\"reels\"><i class=\"fa-solid fa-film\"><\/i> Reels<\/button>' +\r\n                                \"<\/div>\";\r\n\r\n                            $(\".ig-result\").append(tabHTML);\r\n\r\n                            if (isPrivateAccount) {\r\n                                $(\".ig-result\").append(\r\n                                    '<div class=\"ig-tab-content\" id=\"tab-posts\">' +\r\n                                    '<div class=\"private-account-message\">' +\r\n                                    '<i class=\"fa-solid fa-lock\"><\/i> This content cannot be displayed due to Instagram\\'s privacy policy for private accounts.' +\r\n                                    \"<\/div>\" +\r\n                                    \"<\/div>\" +\r\n                                    '<div class=\"ig-tab-content\" id=\"tab-stories\" style=\"display:none;\">' +\r\n                                    '<div class=\"private-account-message\">' +\r\n                                    '<i class=\"fa-solid fa-lock\"><\/i> Stories cannot be displayed due to Instagram\\'s privacy policy for private accounts.' +\r\n                                    \"<\/div>\" +\r\n                                    \"<\/div>\" +\r\n                                    '<div class=\"ig-tab-content\" id=\"tab-highlights\" style=\"display:none;\">' +\r\n                                    '<div class=\"private-account-message\">' +\r\n                                    '<i class=\"fa-solid fa-lock\"><\/i> Highlights cannot be displayed due to Instagram\\'s privacy policy for private accounts.' +\r\n                                    \"<\/div>\" +\r\n                                    \"<\/div>\" +\r\n                                    '<div class=\"ig-tab-content\" id=\"tab-reels\" style=\"display:none;\">' +\r\n                                    '<div class=\"private-account-message\">' +\r\n                                    '<i class=\"fa-solid fa-lock\"><\/i> Reels cannot be displayed due to Instagram\\'s privacy policy for private accounts.' +\r\n                                    \"<\/div>\" +\r\n                                    \"<\/div>\"\r\n                                );\r\n                                return;\r\n                            }\r\n\r\n                            \/\/ Public account tab content setup\r\n                            $(\".ig-result\").append(\r\n                                '<div class=\"ig-tab-content\" id=\"tab-posts\">' +\r\n                                '<div class=\"skeleton-posts-grid\">' +\r\n                                Array(6)\r\n                                    .fill()\r\n                                    .map(function () {\r\n                                        return (\r\n                                            ''\r\n                                        );\r\n                                    })\r\n                                    .join(\"\") +\r\n                                \"<\/div>\" +\r\n                                \"<\/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                            );\r\n                            loadPosts(profileUrl);\r\n                            loadedTabs.posts = true;\r\n                    });\r\n                });\r\n\r\n                $(document).on(\"click\", \".tab-btn\", function () {\r\n                    var tab = $(this).data(\"tab\");\r\n                    var profileUrl = $(\".ig-input-area input\").val().trim();\r\n\r\n                    \/\/ Prevent unnecessary re-click\r\n                    if ($(this).hasClass(\"active\")) return;\r\n\r\n                    \/\/ Store the active tab\r\n                    activeTab = tab;\r\n\r\n                    \/\/ UI: Highlight current tab\r\n                    $(\".tab-btn\").removeClass(\"active\");\r\n                    $(this).addClass(\"active\");\r\n\r\n                    \/\/ UI: Show tab content\r\n                    $(\".ig-tab-content\").hide();\r\n                    $(\"#tab-\" + tab).fadeIn(300);\r\n\r\n                    \/\/ Pause any playing videos and reset buttons\r\n                    pauseAllVideosExcept(null);\r\n\r\n                    \/\/ External link redirect (DO THIS BEFORE checking if private)\r\n                    \/\/ var externalUrl = null;\r\n                    \/\/ if (tab === \"stories\") {\r\n                    \/\/     externalUrl = \"https:\/\/amzn.to\/4k906Sg\";\r\n                    \/\/ } else if (tab === \"reels\") {\r\n                    \/\/     externalUrl = \"https:\/\/hostinger.sjv.io\/c\/5721360\/1393511\/12282\";\r\n                    \/\/ } else {\r\n                    \/\/     externalUrl = \"https:\/\/appsumo.8odi.net\/c\/5721360\/2819681\/7443\/#\" + tab;\r\n                    \/\/ }\r\n\r\n                    \/\/ if (externalUrl) {\r\n                    \/\/     var link = document.createElement(\"a\");\r\n                    \/\/     link.href = externalUrl;\r\n                    \/\/     link.target = \"_blank\";\r\n                    \/\/     link.rel = \"noopener noreferrer nofollow\";\r\n                    \/\/     document.body.appendChild(link);\r\n                    \/\/     link.click();\r\n                    \/\/     document.body.removeChild(link);\r\n                    \/\/ }\r\n\r\n                    \/\/ Now check if private to skip loading content\r\n                    if (isPrivateAccount) return;\r\n\r\n                    \/\/ Load content if not already loaded\r\n                    if (tab === \"posts\" && !loadedTabs.posts && profileUrl) {\r\n                        loadPosts(profileUrl);\r\n                        loadedTabs.posts = true;\r\n                    } else if (tab === \"stories\" && !loadedTabs.stories && profileUrl) {\r\n                        loadStories(profileUrl);\r\n                        loadedTabs.stories = true;\r\n                    } else if (tab === \"highlights\" && !loadedTabs.highlights && profileUrl) {\r\n                        loadHighlights(profileUrl);\r\n                        loadedTabs.highlights = true;\r\n                    } else if (tab === \"reels\" && !loadedTabs.reels && profileUrl) {\r\n                        loadReels(profileUrl);\r\n                        loadedTabs.reels = true;\r\n                    }\r\n\r\n                    \/\/ Add media type indicators when switching tabs\r\n                    setTimeout(addMediaTypeIndicators, 200);\r\n                });\r\n\r\n                \/\/ Enhanced Profile Image Modal with Animation\r\n                $(document).on(\"click\", \".view-profile-img\", function (e) {\r\n                    e.preventDefault();\r\n                    e.stopPropagation();\r\n\r\n                    \/\/ Get the profile image source directly from the img element\r\n                    var profileImage = $(\".profile-image\").attr(\"src\");\r\n\r\n                    console.log(\"Original profile image URL:\", profileImage);\r\n\r\n                    if (!profileImage) {\r\n                        console.error(\"No profile image found\");\r\n                        return;\r\n                    }\r\n\r\n                    \/\/ Ensure we're getting the highest quality image\r\n                    if (profileImage.indexOf(\"instagram\") !== -1) {\r\n                        \/\/ Remove any size parameters to get full resolution\r\n                        profileImage = profileImage.split(\"?\")[0];\r\n                    }\r\n\r\n                    console.log(\"Cleaned profile image URL for download:\", profileImage);\r\n\r\n                    \/\/ Remove existing modal if any\r\n                    $(\".profile-img-modal\").remove();\r\n\r\n                    \/\/ Create modal elements step by step to ensure proper attribute setting\r\n                    var modal = $('<div class=\"ipgv-profile-img-modal\">');\r\n                    var backdrop = $('<div class=\"ipgv-modal-backdrop\">');\r\n                    var content = $('<div class=\"ipgv-modal-content\">');\r\n                    var img = $('<img class=\"ipgv-modal-img\" referrerpolicy=\"no-referrer\" alt=\"Profile Image\">');\r\n                    var actions = $('<div class=\"ipgv-modal-actions\">');\r\n                    var downloadBtn = $('<button class=\"ipgv-modal-download-btn\">');\r\n                    var closeBtn = $('<button class=\"ipgv-close-modal\">');\r\n\r\n                    \/\/ Set image source\r\n                    img.attr(\"src\", profileImage);\r\n\r\n                    \/\/ Set download button content and attributes using both attr() and data()\r\n                    downloadBtn.html('<i class=\"fa-solid fa-download\"><\/i> Download');\r\n                    downloadBtn.attr(\"data-url\", profileImage);\r\n                    downloadBtn.attr(\"data-filename\", \"instagram_profile_hd.jpg\");\r\n                    downloadBtn.attr(\"data-type\", \"image\");\r\n\r\n                    \/\/ Also set using jQuery data() for redundancy\r\n                    downloadBtn.data(\"url\", profileImage);\r\n                    downloadBtn.data(\"filename\", \"instagram_profile_hd.jpg\");\r\n                    downloadBtn.data(\"type\", \"image\");\r\n\r\n                    \/\/ Set close button\r\n                    closeBtn.html('<i class=\"fa-solid fa-xmark\"><\/i>');\r\n\r\n                    \/\/ Assemble modal\r\n                    actions.append(downloadBtn);\r\n                    content.append(img, actions, closeBtn);\r\n                    modal.append(backdrop, content);\r\n\r\n                    \/\/ Add modal to body\r\n                    $(\"body\").append(modal);\r\n\r\n                    \/\/ Debug: Verify attributes are set correctly\r\n                    setTimeout(function () {\r\n                        var btn = $(\".ipgv-modal-download-btn\");\r\n                        console.log(\"Download button element:\", btn[0]);\r\n                        console.log(\"Download button outerHTML:\", btn[0].outerHTML);\r\n                        console.log(\"data-url attribute:\", btn.attr(\"data-url\"));\r\n                        console.log(\"data-filename attribute:\", btn.attr(\"data-filename\"));\r\n                        console.log(\"data-type attribute:\", btn.attr(\"data-type\"));\r\n                        console.log(\"jQuery data url:\", btn.data(\"url\"));\r\n                        console.log(\"Direct getAttribute:\", btn[0].getAttribute(\"data-url\"));\r\n                    }, 100);\r\n\r\n                    \/\/ Show modal with animation\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                \/\/ Close modal events\r\n                $(document).on(\"click\", \".ipgv-close-modal, .ipgv-modal-backdrop\", function (e) {\r\n                    e.preventDefault();\r\n                    $(\".ipgv-profile-img-modal, .ipgv-media-modal\").removeClass(\"active\");\r\n                    $(\"body\").removeClass(\"ipgv-modal-open\");\r\n\r\n                    setTimeout(function () {\r\n                        $(\".ipgv-profile-img-modal, .ipgv-media-modal\").remove();\r\n                    }, 300);\r\n                });\r\n\r\n                \/\/ Prevent clicks inside modal content from closing the modal\r\n                $(document).on(\"click\", \".ipgv-modal-content\", function (e) {\r\n                    e.stopPropagation();\r\n                });\r\n\r\n                \/\/ FIXED: Profile image modal download button - downloads directly with toast (NO NEW TAB)\r\n                $(document).on(\"click\", \".ipgv-modal-download-btn\", function (e) {\r\n                    e.preventDefault();\r\n                    e.stopPropagation();\r\n\r\n                    \/\/ Try multiple methods to get the URL\r\n                    var $this = $(this);\r\n                    var url = $this.attr(\"data-url\") || $this.data(\"url\") || $this[0].getAttribute(\"data-url\");\r\n                    var filename = $this.attr(\"data-filename\") || $this.data(\"filename\") || \"instagram_profile_hd.jpg\";\r\n                    var type = $this.attr(\"data-type\") || $this.data(\"type\") || \"image\";\r\n\r\n\r\n\r\n                    if (!url) {\r\n                        \/\/ Fallback: try to get URL from the modal image\r\n                        url = $(\".ipgv-modal-img\").attr(\"src\");\r\n                        console.log(\"Fallback URL from modal image:\", url);\r\n                    }\r\n\r\n                    if (!url) {\r\n                        console.error(\"No URL found for download\");\r\n                        \/\/ alert(\"Download URL not found. Please try again.\");\r\n                        return;\r\n                    }\r\n\r\n                    \/\/ Ensure we're getting the highest quality image\r\n                    var downloadUrl = url;\r\n                    if (type === \"image\" && url.indexOf(\"instagram\") !== -1) {\r\n                        \/\/ Remove any size parameters to get full resolution\r\n                        downloadUrl = url.split(\"?\")[0];\r\n                    }\r\n\r\n                    console.log(\"Starting download with URL:\", downloadUrl);\r\n\r\n                    \/\/ Use the downloadWithProgress function for a better user experience\r\n                    downloadWithProgress(downloadUrl, filename, type);\r\n\r\n                    \/\/ Close the modal after starting download\r\n                    setTimeout(function () {\r\n                        $(\".ipgv-close-modal\").click();\r\n                    }, 500);\r\n                });\r\n\r\n                \/\/ FIXED: View button handlers - Show media in modal with download option\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 overlay = $(this).closest(\".post-overlay, .story-overlay, .reel-overlay\");\r\n\r\n                    if (mediaType === \"video\") {\r\n                        var video = container.find(\"video\");\r\n                        var img = container.find(\"img.post-thumb, img.story-thumb, img.reel-thumb\");\r\n                        var viewBtn = $(this);\r\n                        var fullscreenBtn = overlay.find(\".post-fullscreen-btn, .story-fullscreen-btn, .reel-fullscreen-btn\");\r\n                        var videoElement = video.get(0);\r\n\r\n                        if (videoElement.paused) {\r\n                            \/\/ Pause all other videos first\r\n                            pauseAllVideosExcept(videoElement);\r\n\r\n                            img.hide();\r\n                            video.show();\r\n\r\n                            \/\/ Set video to start from beginning and play with a small delay\r\n                            videoElement.currentTime = 0;\r\n                            setTimeout(() => {\r\n                                videoElement.play()\r\n                                    .then(() => {\r\n                                        viewBtn.html('<i class=\"fa-solid fa-pause\"><\/i>');\r\n                                        fullscreenBtn.show();\r\n                                    })\r\n                                    .catch((e) => {\r\n                                        console.warn(\"Video play error:\", e);\r\n                                        \/\/ Reset to play button if video fails\r\n                                        viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                                        fullscreenBtn.hide();\r\n                                    });\r\n                            }, 100);\r\n                        } else {\r\n                            try {\r\n                                videoElement.pause();\r\n                                viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                                fullscreenBtn.hide();\r\n                                video.hide();\r\n                                img.show();\r\n                            } catch (e) {\r\n                                console.warn(\"Error pausing video:\", e);\r\n                            }\r\n                        }\r\n                    } else {\r\n                        \/\/ For images, show in modal with download option\r\n                        var containerType = container.hasClass(\"post-img-container\")\r\n                            ? \"post\"\r\n                            : container.hasClass(\"story-img-container\")\r\n                                ? \"story\"\r\n                                : \"media\";\r\n                        var filename = \"instagram_\" + containerType + \"_\" + Date.now() + \".jpg\";\r\n                        window.showMediaModal(mediaUrl, \"image\", filename);\r\n                    }\r\n                });\r\n\r\n                \/\/ FIXED: Fullscreen button handlers - Show media in modal with download option\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\") || container.data(\"video\");\r\n                    var video = container.find(\"video\").get(0);\r\n                    var img = container.find(\"img.post-thumb, img.story-thumb, img.reel-thumb\");\r\n                    var overlay = container.find(\".post-overlay, .story-overlay, .reel-overlay\");\r\n                    var viewBtn = overlay.find(\".post-view-btn, .story-view-btn, .reel-view-btn\");\r\n                    var fullscreenBtn = $(this);\r\n\r\n                    \/\/ Pause the current video and reset the UI\r\n                    if (video && !video.paused) {\r\n                        video.pause();\r\n                    }\r\n\r\n                    \/\/ Hide video and show thumbnail\r\n                    container.find(\"video\").hide();\r\n                    img.show();\r\n\r\n                    \/\/ Reset buttons to initial state\r\n                    viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                    fullscreenBtn.hide();\r\n\r\n                    \/\/ Show video in modal with download option\r\n                    var containerType = container.hasClass(\"post-img-container\")\r\n                        ? \"post\"\r\n                        : container.hasClass(\"story-img-container\")\r\n                            ? \"story\"\r\n                            : \"reel\";\r\n                    var filename = \"instagram_\" + containerType + \"_\" + Date.now() + \".mp4\";\r\n\r\n                    window.showMediaModal(mediaUrl, \"video\", filename);\r\n                });\r\n\r\n                \/\/ Function to show media in modal with download option\r\n                window.showMediaModal = function (mediaUrl, mediaType, filename) {\r\n                    var modal = $('<div class=\"ipgv-media-modal profile-img-modal\">');\r\n                    var backdrop = $('<div class=\"ipgv-modal-backdrop\">');\r\n                    var content = $('<div class=\"ipgv-modal-content\">');\r\n                    var actions = $('<div class=\"ipgv-modal-actions\">');\r\n                    var downloadBtn = $('<button class=\"ipgv-modal-download-btn\">');\r\n                    var closeBtn = $('<button class=\"ipgv-close-modal\">');\r\n\r\n                    \/\/ Create media element based on type\r\n                    var mediaElement;\r\n                    if (mediaType === \"video\") {\r\n                        mediaElement = $(\r\n                            '<video class=\"ipgv-modal-media\" controls autoplay style=\"max-width: 90vw; max-height: 70vh; object-fit: contain;\" \/>'\r\n                        );\r\n                        mediaElement.attr(\"src\", mediaUrl);\r\n                    } else {\r\n                        mediaElement = $(\r\n                            '<img class=\"ipgv-modal-media modal-img\" referrerpolicy=\"no-referrer\" alt=\"Media\" style=\"max-width: 90vw; max-height: 70vh; object-fit: contain;\" \/>'\r\n                        );\r\n                        mediaElement.attr(\"src\", mediaUrl);\r\n                    }\r\n\r\n                    \/\/ Always show Download Highlight for highlight modal\r\n                    downloadBtn.html('<i class=\"fa-solid fa-download\"><\/i> Download');\r\n                    downloadBtn.on('click', function () {\r\n                        forceDownloadImage(mediaUrl, filename + '.jpg');\r\n                    });\r\n\r\n                    \/\/ Set close button\r\n                    closeBtn.html('<i class=\"fa-solid fa-xmark\"><\/i>');\r\n\r\n                    \/\/ Assemble modal\r\n                    actions.append(downloadBtn);\r\n                    content.append(mediaElement, actions, closeBtn);\r\n                    modal.append(backdrop, content);\r\n\r\n                    \/\/ Add modal to body\r\n                    $(\"body\").append(modal);\r\n\r\n                    \/\/ Show modal with animation\r\n                    setTimeout(function () {\r\n                        modal.addClass(\"active\");\r\n                        $(\"body\").addClass(\"ipgv-modal-open\");\r\n                    }, 10);\r\n\r\n                    \/\/ Close modal when clicking close button or backdrop\r\n                    closeBtn.on('click', function () {\r\n                        modal.removeClass(\"active\");\r\n                        setTimeout(function () {\r\n                            modal.remove();\r\n                            $(\"body\").removeClass(\"ipgv-modal-open\");\r\n                        }, 300);\r\n                    });\r\n\r\n                    backdrop.on('click', function () {\r\n                        modal.removeClass(\"active\");\r\n                        setTimeout(function () {\r\n                            modal.remove();\r\n                            $(\"body\").removeClass(\"ipgv-modal-open\");\r\n                        }, 300);\r\n                    });\r\n                };\r\n\r\n                \/\/ Modified video event handlers\r\n                $(document).on(\"click\", \"video\", function (e) {\r\n                    e.stopPropagation();\r\n\r\n                    var container = $(this).closest(\".post-img-container, .story-img-container, .reel-img-container\");\r\n                    var overlay = container.find(\".post-overlay, .story-overlay, .reel-overlay\");\r\n                    var viewBtn = overlay.find(\".post-view-btn, .story-view-btn, .reel-view-btn\");\r\n                    var fullscreenBtn = overlay.find(\".post-fullscreen-btn, .story-fullscreen-btn, .reel-fullscreen-btn\");\r\n\r\n                    if (this.paused) {\r\n                        \/\/ Pause all other videos first\r\n                        pauseAllVideosExcept(this);\r\n\r\n                        \/\/ Add a small delay before playing to prevent race conditions\r\n                        setTimeout(() => {\r\n                            this.play()\r\n                                .then(() => {\r\n                                    viewBtn.html('<i class=\"fa-solid fa-pause\"><\/i>');\r\n                                    fullscreenBtn.show();\r\n                                })\r\n                                .catch((e) => {\r\n                                    console.warn(\"Video play error:\", e);\r\n                                    \/\/ Reset UI if play fails\r\n                                    viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                                    fullscreenBtn.hide();\r\n                                });\r\n                        }, 100);\r\n                    } else {\r\n                        try {\r\n                            this.pause();\r\n                            viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                            fullscreenBtn.hide();\r\n                        } catch (e) {\r\n                            console.warn(\"Error pausing video:\", e);\r\n                        }\r\n                    }\r\n                });\r\n\r\n                $(document).on(\"ended\", \"video\", function () {\r\n                    var container = $(this).closest(\".post-img-container, .story-img-container, .reel-img-container\");\r\n                    var overlay = container.find(\".post-overlay, .story-overlay, .reel-overlay\");\r\n                    var viewBtn = overlay.find(\".post-view-btn, .story-view-btn, .reel-view-btn\");\r\n                    var fullscreenBtn = overlay.find(\".post-fullscreen-btn, .story-fullscreen-btn, .reel-fullscreen-btn\");\r\n\r\n                    viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                    fullscreenBtn.hide();\r\n                    overlay.css(\"opacity\", \"1\");\r\n                });\r\n\r\n                $(document).on(\"pause\", \"video\", function () {\r\n                    var container = $(this).closest(\".post-img-container, .story-img-container, .reel-img-container\");\r\n                    var overlay = container.find(\".post-overlay, .story-overlay, .reel-overlay\");\r\n                    var viewBtn = overlay.find(\".post-view-btn, .story-view-btn, .reel-view-btn\");\r\n                    var fullscreenBtn = overlay.find(\".post-fullscreen-btn, .story-fullscreen-btn, .reel-fullscreen-btn\");\r\n\r\n                    viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                    fullscreenBtn.hide();\r\n                    overlay.css(\"opacity\", \"1\");\r\n                });\r\n\r\n                \/\/ Modified play event handler\r\n                $(document).on(\"play\", \"video\", function () {\r\n                    var container = $(this).closest(\".post-img-container, .story-img-container, .reel-img-container\");\r\n                    var overlay = container.find(\".post-overlay, .story-overlay, .reel-overlay\");\r\n                    var viewBtn = overlay.find(\".post-view-btn, .story-view-btn, .reel-view-btn\");\r\n                    var fullscreenBtn = overlay.find(\".post-fullscreen-btn, .story-fullscreen-btn, .reel-fullscreen-btn\");\r\n\r\n                    \/\/ Pause all other videos with a small delay\r\n                    setTimeout(() => {\r\n                        pauseAllVideosExcept(this);\r\n                    }, 50);\r\n\r\n                    viewBtn.html('<i class=\"fa-solid fa-pause\"><\/i>');\r\n                    fullscreenBtn.show().css(\"display\", \"flex\");\r\n                    overlay.css(\"opacity\", \"0\");\r\n                });\r\n\r\n                \/\/ Modified escape key handler\r\n                $(document).keydown(function (e) {\r\n                    if (e.key === \"Escape\") {\r\n                        \/\/ Close any open modals\r\n                        $(\".ipgv-profile-img-modal, .ipgv-media-modal\").fadeOut(300).removeClass(\"active\");\r\n                        $(\"body\").removeClass(\"ipgv-modal-open\");\r\n\r\n                        \/\/ Pause all videos and reset controls\r\n                        pauseAllVideosExcept(null);\r\n                    }\r\n                });\r\n\r\n                \/\/ Prevent video controls from interfering with custom controls\r\n                $(document).on(\"contextmenu\", \"video\", function (e) {\r\n                    e.preventDefault();\r\n                    return false;\r\n                });\r\n\r\n                \/\/ Handle window resize for fullscreen modal\r\n                $(window).resize(function () {\r\n                    var modal = $(\".ipgv-fullscreen-video-modal\");\r\n                    if (modal.length && modal.is(\":visible\")) {\r\n                        var video = modal.find(\"video\");\r\n                        if (video.length) {\r\n                            \/\/ Adjust video size on window resize\r\n                            video.css({\r\n                                \"max-width\": \"90%\",\r\n                                \"max-height\": \"80%\",\r\n                            });\r\n                        }\r\n                    }\r\n                });\r\n\r\n                \/\/ Initialize tooltips for buttons (if needed)\r\n                $(document).on(\"mouseenter\", \".post-view-btn, .story-view-btn, .reel-view-btn\", function () {\r\n                    var mediaType = $(this).closest(\".post-img-container, .story-img-container, .reel-img-container\").data(\"type\");\r\n                    if (mediaType === \"video\") {\r\n                        $(this).attr(\"title\", \"Play\/Pause Video\");\r\n                    } else {\r\n                        $(this).attr(\"title\", \"View Image\");\r\n                    }\r\n                });\r\n\r\n                $(document).on(\"mouseenter\", \".post-fullscreen-btn, .story-fullscreen-btn, .reel-fullscreen-btn\", function () {\r\n                    $(this).attr(\"title\", \"View Fullscreen\");\r\n                });\r\n\r\n                $(document).on(\"mouseenter\", \".post-download-btn, .story-download-btn, .reel-download-btn\", function () {\r\n                    $(this).attr(\"title\", \"Download\");\r\n                });\r\n\r\n                \/\/ Performance optimization: Lazy load videos\r\n                var videoObserver = new IntersectionObserver(\r\n                    function (entries) {\r\n                        entries.forEach(function (entry) {\r\n                            if (entry.isIntersecting) {\r\n                                var video = entry.target;\r\n                                if (video.dataset.src && !video.src) {\r\n                                    video.src = video.dataset.src;\r\n                                    video.load();\r\n                                }\r\n                            }\r\n                        });\r\n                    },\r\n                    {\r\n                        rootMargin: \"50px\",\r\n                    }\r\n                );\r\n\r\n                \/\/ Observe videos for lazy loading\r\n                $(document).on(\"DOMNodeInserted\", function (e) {\r\n                    var videos = $(e.target).find(\"video[data-src]\");\r\n                    videos.each(function () {\r\n                        videoObserver.observe(this);\r\n                    });\r\n                });\r\n\r\n                \/\/ Clean up observers when page unloads\r\n                $(window).on(\"beforeunload\", function () {\r\n                    if (videoObserver) {\r\n                        videoObserver.disconnect();\r\n                    }\r\n                });\r\n\r\n                \/\/ Function to add media type indicators\r\n                function addMediaTypeIndicators() {\r\n                    $(\".post-img-container, .story-img-container, .reel-img-container\").each(function () {\r\n                        \/\/ Skip if indicator already exists\r\n                        if ($(this).find(\".media-type-indicator\").length > 0) {\r\n                            return;\r\n                        }\r\n\r\n                        var mediaType = $(this).data(\"type\");\r\n                        var indicator;\r\n\r\n                        if (mediaType === \"video\") {\r\n                            indicator = '<div class=\"media-type-indicator video-indicator\"><i class=\"fa-solid fa-video\"><\/i> Video<\/div>';\r\n                        } else {\r\n                            indicator = '<div class=\"media-type-indicator image-indicator\"><i class=\"fa-solid fa-image\"><\/i> Image<\/div>';\r\n                        }\r\n\r\n                        $(this).prepend(indicator);\r\n                    });\r\n                }\r\n\r\n                \/\/ Ensure the profile image container has the correct structure\r\n                \/\/ This function can be called after the profile data is loaded\r\n                function setupProfileImageViewer() {\r\n                    \/\/ Check if the profile image container exists but doesn't have the view button\r\n                    if ($(\".profile-image-container\").length && $(\".view-profile-img\").length === 0) {\r\n                        $(\".profile-image-container\").append(\r\n                            '<button class=\"view-profile-img\" title=\"View full size image\">' +\r\n                            '<i class=\"fa-solid fa-expand\"><\/i>' +\r\n                            \"<\/button>\"\r\n                        );\r\n                    }\r\n                }\r\n\r\n                \/\/ Call this function after the profile is loaded\r\n                $(document).ajaxComplete(function (event, xhr, settings) {\r\n                    if (settings.url.indexOf(\"profile-info\") !== -1) {\r\n                        setTimeout(setupProfileImageViewer, 500);\r\n                    }\r\n                });\r\n\r\n                \/\/ Show the result container when the view button is clicked\r\n                $(\".view-btn\").on(\"click\", function () {\r\n                    $(\".ig-result\").show();\r\n                });\r\n\r\n                \/\/ Modified video handling functions\r\n                function createAndPlayVideo(container, videoUrl, thumbnailUrl) {\r\n                    \/\/ Remove any existing video\r\n                    container.find('video').remove();\r\n\r\n                    \/\/ Create new video element\r\n                    const video = $('<video>', {\r\n                        class: 'reel-video',\r\n                        controls: true,\r\n                        playsInline: true,\r\n                        preload: 'auto',\r\n                        muted: true \/\/ Start muted to allow autoplay\r\n                    });\r\n\r\n                    \/\/ Set up video source\r\n                    const source = $('<source>', {\r\n                        src: videoUrl,\r\n                        type: 'video\/mp4'\r\n                    });\r\n\r\n                    video.append(source);\r\n                    container.append(video);\r\n\r\n                    \/\/ Set up video event listeners\r\n                    video.on('loadeddata', function () {\r\n                        \/\/ Video is ready to play\r\n                        console.log('Video data loaded');\r\n                        \/\/ Unmute the video once it's loaded\r\n                        this.muted = false;\r\n                    });\r\n\r\n                    video.on('error', function (e) {\r\n                        console.error('Video error:', e);\r\n                        \/\/ Show thumbnail if video fails to load\r\n                        container.find('.reel-thumb').show();\r\n                        video.remove();\r\n                    });\r\n\r\n                    \/\/ Return the video element\r\n                    return video[0];\r\n                }\r\n\r\n                \/\/ Modified video click handler\r\n                $(document).on('click', '.reel-view-btn', function (e) {\r\n                    e.preventDefault();\r\n                    e.stopPropagation();\r\n\r\n                    const container = $(this).closest('.reel-img-container');\r\n                    const videoUrl = container.data('media');\r\n                    const thumbnail = container.find('.reel-thumb');\r\n                    const viewBtn = $(this);\r\n                    const fullscreenBtn = container.find('.reel-fullscreen-btn');\r\n\r\n                    \/\/ Pause all other videos first\r\n                    $('.reel-video').each(function () {\r\n                        if (this !== container.find('video')[0]) {\r\n                            try {\r\n                                if (!this.paused) {\r\n                                    this.pause();\r\n                                }\r\n                                $(this).closest('.reel-img-container').find('.reel-thumb').show();\r\n                                $(this).closest('.reel-img-container').find('.reel-view-btn').html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                            } catch (e) {\r\n                                console.warn('Error pausing video:', e);\r\n                            }\r\n                        }\r\n                    });\r\n\r\n                    let video = container.find('video')[0];\r\n\r\n                    if (!video) {\r\n                        \/\/ Create new video if it doesn't exist\r\n                        video = createAndPlayVideo(container, videoUrl, thumbnail.attr('src'));\r\n\r\n                        \/\/ Wait for video to be ready\r\n                        video.addEventListener('loadeddata', function onLoad() {\r\n                            \/\/ Remove the listener to prevent multiple calls\r\n                            video.removeEventListener('loadeddata', onLoad);\r\n\r\n                            \/\/ Hide thumbnail and show video\r\n                            thumbnail.hide();\r\n                            $(video).show();\r\n\r\n                            \/\/ Play the video\r\n                            const playPromise = video.play();\r\n                            if (playPromise !== undefined) {\r\n                                playPromise\r\n                                    .then(() => {\r\n                                        viewBtn.html('<i class=\"fa-solid fa-pause\"><\/i>');\r\n                                        fullscreenBtn.show();\r\n                                    })\r\n                                    .catch(error => {\r\n                                        console.warn('Playback failed:', error);\r\n                                        \/\/ Reset UI if play fails\r\n                                        thumbnail.show();\r\n                                        $(video).hide();\r\n                                        viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                                    });\r\n                            }\r\n                        }, { once: true });\r\n                    } else {\r\n                        if (video.paused) {\r\n                            \/\/ Hide thumbnail and show video\r\n                            thumbnail.hide();\r\n                            $(video).show();\r\n\r\n                            \/\/ Play the video\r\n                            const playPromise = video.play();\r\n                            if (playPromise !== undefined) {\r\n                                playPromise\r\n                                    .then(() => {\r\n                                        viewBtn.html('<i class=\"fa-solid fa-pause\"><\/i>');\r\n                                        fullscreenBtn.show();\r\n                                    })\r\n                                    .catch(error => {\r\n                                        console.warn('Playback failed:', error);\r\n                                        \/\/ Reset UI if play fails\r\n                                        thumbnail.show();\r\n                                        $(video).hide();\r\n                                        viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                                    });\r\n                            }\r\n                        } else {\r\n                            \/\/ Pause video\r\n                            try {\r\n                                video.pause();\r\n                                viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                            } catch (e) {\r\n                                console.warn('Error pausing video:', e);\r\n                            }\r\n                        }\r\n                    }\r\n                });\r\n\r\n                \/\/ Modified video event handlers\r\n                $(document).on('play', '.reel-video', function () {\r\n                    const container = $(this).closest('.reel-img-container');\r\n                    const viewBtn = container.find('.reel-view-btn');\r\n                    const fullscreenBtn = container.find('.reel-fullscreen-btn');\r\n\r\n                    viewBtn.html('<i class=\"fa-solid fa-pause\"><\/i>');\r\n                    fullscreenBtn.show();\r\n                });\r\n\r\n                $(document).on('pause', '.reel-video', function () {\r\n                    const container = $(this).closest('.reel-img-container');\r\n                    const viewBtn = container.find('.reel-view-btn');\r\n\r\n                    viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                });\r\n\r\n                $(document).on('ended', '.reel-video', function () {\r\n                    const container = $(this).closest('.reel-img-container');\r\n                    const viewBtn = container.find('.reel-view-btn');\r\n                    const thumbnail = container.find('.reel-thumb');\r\n\r\n                    $(this).hide();\r\n                    thumbnail.show();\r\n                    viewBtn.html('<i class=\"fa-solid fa-play\"><\/i>');\r\n                });\r\n            });\r\n\r\n\r\n\r\n            \/\/ Add enter key support for input (WordPress compatible)\r\n            $(document).ready(function () {\r\n                var inputElement = document.getElementById(\"input-url\");\r\n                if (inputElement) {\r\n                    inputElement.addEventListener(\"keypress\", function (e) {\r\n                        if (e.key === \"Enter\") {\r\n                            var viewBtn = document.querySelector(\".view-btn\");\r\n                            if (viewBtn) {\r\n                                viewBtn.click();\r\n                            }\r\n                        }\r\n                    });\r\n                }\r\n            });\r\n\r\n        })(jQuery);\r\n\r\n\r\n    <\/script>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n\r\n\r\n<!-- Content Section Start From Here  -->\r\n\r\n<!-- Font Awesome CDN -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* --- Base Variables & Global Support Styles --- *\/\r\n    .support-wrapper {\r\n        --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        --accent-color: #FF9800;\r\n        --text-dark: #2d3748;\r\n        --text-muted: #4a5568;\r\n        --bg-blue-light: #f0f7ff;\r\n        --card-radius: 10px;\r\n        width: 100%;\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    }\r\n\r\n    .support-container {\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .support-inner {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 80px 20px;\r\n    }\r\n\r\n    \/* --- Typography --- *\/\r\n    .support-header {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .support-header h2 {\r\n        font-size: clamp(28px, 5vw, 36px);\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n        background: var(--primary-gradient);\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .support-header p {\r\n        font-size: 18px;\r\n        color: var(--text-muted);\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* --- Grid System --- *\/\r\n    .support-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 25px;\r\n    }\r\n\r\n    .support-card {\r\n        border-radius: var(--card-radius);\r\n        padding: 30px 20px;\r\n        text-align: center;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        height: 100%;\r\n    }\r\n\r\n    .support-card i {\r\n        font-size: 32px;\r\n        margin-bottom: 20px;\r\n        background: var(--primary-gradient);\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .support-card h3 {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: var(--text-dark);\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .support-card p {\r\n        font-size: 14px;\r\n        color: var(--text-muted);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* --- SECTION 1: Why | White BG | Card Lift Interaction --- *\/\r\n    .section-1 { background-color: #fff; }\r\n    .s1-card { background-color: var(--bg-blue-light); }\r\n    .s1-card:hover {\r\n        transform: translateY(-12px);\r\n        box-shadow: 0 20px 25px -5px rgba(102, 126, 234, 0.15), 0 10px 10px -5px rgba(102, 126, 234, 0.1);\r\n    }\r\n    .s1-card:hover i { transform: scale(1.1) rotate(-5deg); }\r\n\r\n    \/* --- SECTION 2: How | Blue BG | Animated Border Trace Interaction --- *\/\r\n    .section-2 { background-color: var(--bg-blue-light); }\r\n    .s2-card { \r\n        background-color: #fff; \r\n        border: 1px solid transparent;\r\n        overflow: hidden;\r\n    }\r\n    .s2-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 0; height: 3px;\r\n        background: var(--primary-gradient);\r\n        transition: width 0.4s ease;\r\n    }\r\n    .s2-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0; right: 0; width: 0; height: 3px;\r\n        background: var(--primary-gradient);\r\n        transition: width 0.4s ease;\r\n    }\r\n    .s2-card:hover::before, .s2-card:hover::after { width: 100%; }\r\n    .s2-card:hover i { transform: translateY(-5px); }\r\n\r\n    \/* --- SECTION 3: What | White BG | Diagonal Light Sweep Interaction --- *\/\r\n    .section-3 { background-color: #fff; }\r\n    .s3-card { \r\n        background-color: var(--bg-blue-light); \r\n        overflow: hidden;\r\n    }\r\n    .s3-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: -150%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.6), transparent);\r\n        transition: all 0.6s ease;\r\n    }\r\n    .s3-card:hover::before {\r\n        left: 150%;\r\n    }\r\n    .s3-card:hover i { transform: scale(1.2); }\r\n\r\n    \/* --- Responsive Breakpoints --- *\/\r\n    @media (max-width: 1024px) {\r\n        .support-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .support-grid { grid-template-columns: 1fr; gap: 15px; }\r\n        .support-inner { padding: 50px 15px; }\r\n        .support-header h2 { font-size: 24px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"support-wrapper\">\r\n    <!-- Section 1: WHY (White BG, Blue Cards) -->\r\n    <section class=\"support-section section-1\">\r\n        <div class=\"support-inner\">\r\n            <div class=\"support-header\">\r\n                <h2>Why Use Our Instagram Web Viewer?<\/h2>\r\n                <p>Discover the ultimate way to browse social content with privacy, speed, and efficiency.<\/p>\r\n            <\/div>\r\n            <div class=\"support-grid\">\r\n                <div class=\"support-card s1-card\">\r\n                    <i class=\"fas fa-user-secret\"><\/i>\r\n                    <h3>100% Anonymity<\/h3>\r\n                    <p>View profiles and stories without ever appearing in the seen list or notification tray.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s1-card\">\r\n                    <i class=\"fas fa-bolt\"><\/i>\r\n                    <h3>Instant Access<\/h3>\r\n                    <p>No more slow app loading. Our web engine renders media instantly in your browser.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s1-card\">\r\n                    <i class=\"fas fa-right-to-bracket\"><\/i>\r\n                    <h3>No Login Required<\/h3>\r\n                    <p>Access public data without sharing your password or linking your personal account.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s1-card\">\r\n                    <i class=\"fas fa-file-video\"><\/i>\r\n                    <h3>HD Media Quality<\/h3>\r\n                    <p>Recover and view images and videos in their original, uncompressed high-definition resolution.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s1-card\">\r\n                    <i class=\"fas fa-shield-halved\"><\/i>\r\n                    <h3>Safe & Secure<\/h3>\r\n                    <p>We use SSL encryption to ensure your browsing session is private and your IP is hidden.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s1-card\">\r\n                    <i class=\"fas fa-ban\"><\/i>\r\n                    <h3>Bypass Restrictions<\/h3>\r\n                    <p>Browse content freely even if you don't have an account or have been blocked by a user.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s1-card\">\r\n                    <i class=\"fas fa-mobile-screen\"><\/i>\r\n                    <h3>Cross-Platform<\/h3>\r\n                    <p>Works flawlessly on PC, Mac, Android, and iOS without installing any bulky third-party apps.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s1-card\">\r\n                    <i class=\"fas fa-clock-rotate-left\"><\/i>\r\n                    <h3>Archive Browsing<\/h3>\r\n                    <p>Easily view highlights and older posts organized in a clean, chronological grid format.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 2: HOW (Blue BG, White Cards) -->\r\n    <section class=\"support-section section-2\">\r\n        <div class=\"support-inner\">\r\n            <div class=\"support-header\">\r\n                <h2>How to Browse Instagram Anonymously?<\/h2>\r\n                <p>Follow our simple three-step process to access any public Instagram feed privately.<\/p>\r\n            <\/div>\r\n            <div class=\"support-grid\">\r\n                <div class=\"support-card s2-card\">\r\n                    <i class=\"fas fa-at\"><\/i>\r\n                    <h3>Step 1: Enter Username<\/h3>\r\n                    <p>Type the @username of the person whose profile you want to explore into our search bar.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s2-card\">\r\n                    <i class=\"fas fa-magnifying-glass\"><\/i>\r\n                    <h3>Step 2: Fetch Data<\/h3>\r\n                    <p>Our server securely connects to the platform to retrieve posts, stories, and reels safely.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s2-card\">\r\n                    <i class=\"fas fa-eye\"><\/i>\r\n                    <h3>Step 3: View Private<\/h3>\r\n                    <p>Browse through the media content anonymously. The user will never know you were there.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s2-card\">\r\n                    <i class=\"fas fa-download\"><\/i>\r\n                    <h3>Step 4: Download Media<\/h3>\r\n                    <p>Easily save any photo or video status directly to your device with a single click.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s2-card\">\r\n                    <i class=\"fas fa-layer-group\"><\/i>\r\n                    <h3>View Highlights<\/h3>\r\n                    <p>Access the 'Highlights' tab to see saved stories that are usually hard to browse without an account.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s2-card\">\r\n                    <i class=\"fas fa-play-circle\"><\/i>\r\n                    <h3>Watch Reels<\/h3>\r\n                    <p>Stream high-quality Reels directly through our optimized web player for a buffer-free experience.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s2-card\">\r\n                    <i class=\"fas fa-chart-line\"><\/i>\r\n                    <h3>Check Stats<\/h3>\r\n                    <p>Analyze follower counts and post engagement metrics without visiting the official app.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s2-card\">\r\n                    <i class=\"fas fa-sync\"><\/i>\r\n                    <h3>Real-time Updates<\/h3>\r\n                    <p>Our tool fetches the latest live data, ensuring you never miss a new story or post update.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 3: WHAT (White BG, Blue Cards) -->\r\n    <section class=\"support-section section-3\">\r\n        <div class=\"support-inner\">\r\n            <div class=\"support-header\">\r\n                <h2>What is the Instagram Web Viewer Tool?<\/h2>\r\n                <p>A professional-grade analyzer designed to provide a transparent look into social media feeds.<\/p>\r\n            <\/div>\r\n            <div class=\"support-grid\">\r\n                <div class=\"support-card s3-card\">\r\n                    <i class=\"fas fa-microchip\"><\/i>\r\n                    <h3>Server-Side Parsing<\/h3>\r\n                    <p>We use advanced server technology to process requests, keeping your device hardware safe and fast.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s3-card\">\r\n                    <i class=\"fas fa-database\"><\/i>\r\n                    <h3>Metadata Insight<\/h3>\r\n                    <p>View hidden details like original upload timestamps and exact caption text without UI clutter.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s3-card\">\r\n                    <i class=\"fas fa-code\"><\/i>\r\n                    <h3>API-Free Technology<\/h3>\r\n                    <p>Our proprietary scripts allow browsing without relying on official API tokens that track user behavior.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s3-card\">\r\n                    <i class=\"fas fa-fingerprint\"><\/i>\r\n                    <h3>Privacy First<\/h3>\r\n                    <p>We do not store your search history or username data. Every session is completely volatile and private.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s3-card\">\r\n                    <i class=\"fas fa-globe-americas\"><\/i>\r\n                    <h3>Global Availability<\/h3>\r\n                    <p>Our distributed server network ensures that you can lookup profiles from any country without lag.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s3-card\">\r\n                    <i class=\"fas fa-hand-sparkles\"><\/i>\r\n                    <h3>Ad-Free Experience<\/h3>\r\n                    <p>Focus on the content you want to see without intrusive pop-ups or annoying banner advertisements.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s3-card\">\r\n                    <i class=\"fas fa-filter\"><\/i>\r\n                    <h3>Media Filtering<\/h3>\r\n                    <p>Switch between image posts, video carousels, and Reels using our intelligent content filters.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s3-card\">\r\n                    <i class=\"fas fa-heart\"><\/i>\r\n                    <h3>Community Choice<\/h3>\r\n                    <p>Rated as the most reliable anonymous viewer for researchers, journalists, and curious users alike.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div><\/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":5,"featured_media":0,"parent":6663,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-6737","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/comments?post=6737"}],"version-history":[{"count":5,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6737\/revisions"}],"predecessor-version":[{"id":6776,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6737\/revisions\/6776"}],"up":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6663"}],"wp:attachment":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/media?parent=6737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}