{"id":5226,"date":"2026-04-15T00:00:17","date_gmt":"2026-04-15T00:00:17","guid":{"rendered":"https:\/\/gramiewer.com\/?page_id=5226"},"modified":"2026-09-30T05:08:48","modified_gmt":"2026-09-30T05:08:48","slug":"instagram-web-viewer","status":"publish","type":"page","link":"https:\/\/gramiewer.com\/tools\/instagram-web-viewer\/","title":{"rendered":"Instagram Web Viewer \u2013 Browse &amp; Explore Free"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5226\" class=\"elementor elementor-5226\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6592ed38 e-con-full e-flex e-con e-parent\" data-id=\"6592ed38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-701e5876 elementor-widget elementor-widget-shortcode\" data-id=\"701e5876\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* New Social Instagram Profile Viewer \u2014 WordPress-scoped styles *\/\n  .nsipv {\n    container-type: inline-size;\n    container-name: nsipv;\n    --nsipv-ink: #f4f0ff;\n    --nsipv-muted: #c9b8e8;\n    --nsipv-dim: #9a86c4;\n    --nsipv-panel: rgba(62, 28, 110, 0.92);\n    --nsipv-panel-soft: rgba(255, 255, 255, 0.08);\n    --nsipv-line: rgba(255, 255, 255, 0.12);\n    --nsipv-accent: #ff9f1a;\n    --nsipv-accent-deep: #e88700;\n    --nsipv-cool: #22c8d4;\n    --nsipv-cool-deep: #149aa3;\n    --nsipv-danger: #ff6b7a;\n    --nsipv-radius: 16px;\n    --nsipv-shadow: 0 16px 36px rgba(12, 4, 28, 0.32);\n    --nsipv-font: \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;\n    --nsipv-space: 16px;\n    --nsipv-avatar: 88px;\n    --nsipv-pad: 12px;\n    --nsipv-gap: 12px;\n    --nsipv-grid-min: 100%;\n    --nsipv-story-min: calc(50% - 6px);\n\n    box-sizing: border-box;\n    font-family: var(--nsipv-font);\n    color: var(--nsipv-ink);\n    line-height: 1.5;\n    width: 100%;\n    max-width: 100%;\n    min-height: 100vh;\n    min-width: 0;\n    margin: 0 auto;\n    padding: clamp(10px, 2.5vw, 28px) clamp(6px, 2vw, 14px) clamp(14px, 3vw, 28px);\n    background:\n      radial-gradient(ellipse 80% 50% at 10% 0%, rgba(180, 110, 255, 0.3), transparent 55%),\n      radial-gradient(ellipse 70% 45% at 90% 10%, rgba(34, 200, 212, 0.16), transparent 50%),\n      linear-gradient(125deg, #2a1a4a 0%, #4a2d7a 45%, #6b3fa0 100%);\n    border-radius: 0;\n    position: relative;\n    isolation: isolate;\n    text-align: left;\n    overflow-x: hidden;\n    -webkit-text-size-adjust: 100%;\n    text-size-adjust: 100%;\n  }\n\n  .nsipv *,\n  .nsipv *::before,\n  .nsipv *::after {\n    box-sizing: border-box;\n  }\n\n  .nsipv :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, label, span) {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    font-weight: inherit;\n  }\n\n  .nsipv :where(ul, ol) {\n    list-style: none;\n  }\n\n  .nsipv img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n    border: 0;\n    vertical-align: middle;\n  }\n\n  .nsipv a {\n    color: var(--nsipv-cool);\n    text-decoration: none;\n  }\n\n  .nsipv a:hover {\n    text-decoration: underline;\n  }\n\n  .nsipv-shell {\n    max-width: min(1280px, 100%);\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n    gap: var(--nsipv-gap);\n    width: 100%;\n    min-width: 0;\n  }\n\n  \/* Hero \/ search *\/\n  .nsipv-hero {\n    background: transparent;\n    padding: 36px 0 14px;\n    text-align: center;\n    backdrop-filter: blur(12px);\n    width: 100%;\n    min-width: 0;\n    border: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .nsipv .nsipv-hero__title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 10px;\n    color: var(--nsipv-ink);\n  }\n\n  .nsipv-hero__brand {\n    display: inline-flex;\n    flex-wrap: wrap;\n    max-width: 100%;\n    min-width: 0;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 12px;\n    max-width: 100%;\n    min-width: 0;\n    flex-wrap: wrap;\n  }\n\n  .nsipv .nsipv-hero__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 42px;\n    height: 42px;\n    border-radius: 10px;\n    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);\n    color: #fff;\n    font-size: 1.45rem;\n    line-height: 1;\n    box-shadow: 0 1px 2px rgba(214, 36, 159, 0.28);\n  }\n\n  .nsipv .nsipv-hero__icon i {\n    display: block;\n    line-height: 1;\n    width: auto;\n    font-size: 1em;\n  }\n\n  .nsipv-hero__title-text {\n    display: inline-flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    justify-content: flex-start;\n    gap: 0.35em;\n    min-width: 0;\n    font-size: clamp(1.28rem, 2.8vw, 1.7rem);\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    text-align: left;\n    overflow-wrap: anywhere;\n    word-break: break-word;\n  }\n\n  .nsipv-hero__title-mark {\n    color: var(--nsipv-accent);\n    font-weight: 800;\n  }\n\n  .nsipv .nsipv-hero__lead {\n    max-width: 560px;\n    margin: 0 auto 18px;\n    color: var(--nsipv-muted);\n    font-size: clamp(0.88rem, 2.4vw, 0.95rem);\n    line-height: 1.55;\n    padding: 0 2px;\n  }\n\n  .nsipv-search {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 10px;\n    text-align: left;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    margin-top: 4px;\n    padding: clamp(10px, 2vw, 14px);\n    background: var(--nsipv-panel-soft);\n    border: 1px solid var(--nsipv-line);\n    border-radius: 12px;\n    box-shadow: var(--nsipv-shadow);\n  }\n\n  .nsipv .nsipv-search__label {\n    display: block;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: var(--nsipv-muted);\n    line-height: 1.3;\n  }\n\n  .nsipv-search__row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    align-items: stretch;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsipv .nsipv-search__field {\n    flex:  1 1 0%;\n    min-width: 0;\n    height: 46px;\n    min-height: 46px;\n    padding: 0 14px !important;\n    border: 0 !important;\n    border-radius: 10px;\n    background: rgba(255, 255, 255, 0.95) !important;\n    color: #1d1630 !important;\n    font-family: var(--nsipv-font);\n    font-size: 16px !important;\n    font-weight: 500;\n    line-height: 46px;\n    outline: none;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .nsipv .nsipv-search__field:focus {\n    background: #fff !important;\n    box-shadow: 0 0 0 3px rgba(255, 159, 26, 0.45);\n  }\n\n  .nsipv .nsipv-search__field::placeholder {\n    color: #8a7aa8;\n  }\n\n  .nsipv .nsipv-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n    flex: 1 1 calc(50% - 4px);\n    height: 46px;\n    min-height: 46px;\n    min-width: 0;\n    padding: 0 14px !important;\n    border: 0 !important;\n    border-radius: 10px;\n    font-family: var(--nsipv-font);\n    font-size: 0.9rem !important;\n    font-weight: 700 !important;\n    line-height: 1;\n    cursor: pointer;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\n    white-space: nowrap;\n    user-select: none;\n    text-decoration: none;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n  }\n\n  .nsipv .nsipv-btn i,\n  .nsipv .nsipv-tabs__btn i,\n  .nsipv .nsipv-card__action i,\n  .nsipv .nsipv-avatar__zoom i,\n  .nsipv .nsipv-modal__close i,\n  .nsipv .nsipv-demo-chip i,\n  .nsipv .nsipv-bio__link i,\n  .nsipv .nsipv-card__badge i,\n  .nsipv .nsipv-card__overlay i,\n  .nsipv i.fa-solid,\n  .nsipv i.fa-brands,\n  .nsipv i.fas {\n    --fa-display: inline-block;\n    display: inline-block !important;\n    line-height: 1 !important;\n    font-size: 0.92em;\n    width: 1.15em;\n    text-align: center;\n    vertical-align: middle;\n    font-style: normal !important;\n    font-variant: normal;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .nsipv .nsipv-empty i {\n    display: block !important;\n    font-size: 2.1rem !important;\n    width: auto;\n    margin: 0 auto 14px;\n    opacity: 0.85;\n    line-height: 1 !important;\n    color: #fff;\n  }\n\n  \/* Skeleton loading *\/\n  .nsipv .nsipv-skeleton {\n    display: none;\n    margin: 0;\n  }\n\n  .nsipv .nsipv-skeleton.is-visible {\n    display: block;\n  }\n\n  .nsipv .nsipv-content.is-hidden {\n    display: none !important;\n  }\n\n  @keyframes nsipv-shimmer {\n    0% {\n      background-position: -400px 0;\n    }\n\n    100% {\n      background-position: 400px 0;\n    }\n  }\n\n  .nsipv .nsipv-sk {\n    background: linear-gradient(90deg,\n        rgba(255, 255, 255, 0.06) 0%,\n        rgba(255, 255, 255, 0.14) 45%,\n        rgba(255, 255, 255, 0.06) 100%);\n    background-size: 800px 100%;\n    animation: nsipv-shimmer 1.35s ease-in-out infinite;\n    border-radius: 8px;\n  }\n\n  .nsipv-skeleton__panel {\n    background: var(--nsipv-panel);\n    border: 1px solid var(--nsipv-line);\n    border-radius: var(--nsipv-radius);\n    box-shadow: var(--nsipv-shadow);\n    padding: 18px;\n  }\n\n  .nsipv-skeleton__profile {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n    align-items: center;\n    justify-items: center;\n    padding: var(--nsipv-pad);\n    border-radius: 12px;\n    background: linear-gradient(160deg, rgba(34, 200, 212, 0.08), rgba(255, 159, 26, 0.08));\n    border: 1px solid rgba(255, 255, 255, 0.06);\n    text-align: center;\n  }\n\n  .nsipv .nsipv-skeleton__avatar {\n    width: var(--nsipv-avatar);\n    height: var(--nsipv-avatar);\n    border-radius: 50% !important;\n    border: 3px solid rgba(255, 255, 255, 0.12);\n  }\n\n  .nsipv-skeleton__meta {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-width: 0;\n    align-items: center;\n    text-align: center;\n    width: 100%;\n  }\n\n  .nsipv-skeleton__line {\n    height: 16px;\n  }\n\n  .nsipv-skeleton__line--lg {\n    width: min(200px, 70%);\n    height: 22px;\n  }\n\n  .nsipv-skeleton__line--md {\n    width: min(140px, 50%);\n    height: 14px;\n  }\n\n  .nsipv-skeleton__line--bio {\n    width: 100%;\n    height: 54px;\n    margin-top: 4px;\n    grid-column: 1 \/ -1;\n  }\n\n  .nsipv-skeleton__stats {\n    display: flex;\n    gap: 14px;\n    margin-top: 2px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .nsipv-skeleton__stat {\n    width: 58px;\n    height: 36px;\n    border-radius: 8px;\n  }\n\n  .nsipv-skeleton__tabs {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin: 16px 0 14px;\n    width: 100%;\n  }\n\n  .nsipv-skeleton__tab {\n    flex: 1 1 calc(50% - 8px);\n    width: auto;\n    min-width: 0;\n    height: 40px;\n    border-radius: 999px;\n  }\n\n  .nsipv-skeleton__grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .nsipv-skeleton__card {\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid var(--nsipv-line);\n    background: rgba(255, 255, 255, 0.04);\n  }\n\n  .nsipv-skeleton__thumb {\n    aspect-ratio: 1 \/ 1;\n    border-radius: 0;\n  }\n\n  .nsipv-skeleton__foot {\n    height: 44px;\n    margin: 10px 12px;\n    border-radius: 8px;\n  }\n\n  \/* In-pane tab skeletons *\/\n  .nsipv-tab-sk {\n    margin: 0;\n    width: 100%;\n  }\n\n  .nsipv-tab-sk--stories {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .nsipv-tab-sk__story {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    align-items: center;\n  }\n\n  .nsipv-tab-sk__story-thumb {\n    width: 100%;\n    aspect-ratio: 9 \/ 16;\n    border-radius: 12px;\n  }\n\n  .nsipv-tab-sk__story-time {\n    width: 56%;\n    height: 12px;\n    border-radius: 6px;\n  }\n\n  .nsipv-tab-sk--highlights {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px 16px;\n    justify-content: flex-start;\n  }\n\n  .nsipv-tab-sk__highlight {\n    width: 88px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .nsipv-tab-sk__highlight-cover {\n    width: 78px;\n    height: 78px;\n    border-radius: 50% !important;\n  }\n\n  .nsipv-tab-sk__highlight-title {\n    width: 64px;\n    height: 10px;\n    border-radius: 6px;\n  }\n\n  .nsipv-tab-sk--reels,\n  .nsipv-tab-sk--posts {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .nsipv-tab-sk__reel,\n  .nsipv-tab-sk__post {\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid var(--nsipv-line);\n    background: rgba(255, 255, 255, 0.04);\n  }\n\n  .nsipv-tab-sk__reel-thumb {\n    aspect-ratio: 9 \/ 14;\n    border-radius: 0;\n  }\n\n  .nsipv-tab-sk__post-thumb {\n    aspect-ratio: 1 \/ 1;\n    border-radius: 0;\n  }\n\n  .nsipv-tab-sk__reel-foot,\n  .nsipv-tab-sk__post-foot {\n    height: 40px;\n    margin: 10px 12px;\n    border-radius: 8px;\n  }\n\n  .nsipv .nsipv-loader {\n    display: none !important;\n  }\n\n  .nsipv .nsipv-btn:hover {\n    transform: translateY(-1px);\n  }\n\n  .nsipv .nsipv-btn:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n    transform: none;\n  }\n\n  .nsipv .nsipv-btn--paste {\n    background: linear-gradient(135deg, var(--nsipv-cool), var(--nsipv-cool-deep)) !important;\n    color: #fff !important;\n    box-shadow: 0 4px 12px rgba(20, 154, 163, 0.3);\n  }\n\n  .nsipv .nsipv-btn--view {\n    background: linear-gradient(135deg, var(--nsipv-accent), var(--nsipv-accent-deep)) !important;\n    color: #fff !important;\n    box-shadow: 0 4px 12px rgba(232, 135, 0, 0.3);\n  }\n\n  .nsipv-more {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    margin: 14px 0 2px;\n  }\n\n  .nsipv .nsipv-btn--more {\n    flex: 0 1 auto;\n    width: auto;\n    min-width: 200px;\n    max-width: 100%;\n    background: linear-gradient(135deg, var(--nsipv-accent), var(--nsipv-accent-deep)) !important;\n    color: #fff !important;\n    box-shadow: 0 4px 12px rgba(232, 135, 0, 0.3);\n  }\n\n  .nsipv .nsipv-search__hint {\n    margin: 0;\n    font-size: 0.8rem;\n    font-style: italic;\n    color: var(--nsipv-dim);\n    line-height: 1.4;\n  }\n\n  .nsipv .nsipv-alert {\n    display: none;\n    margin: 0;\n    padding: 10px 12px;\n    border-radius: 8px;\n    background: rgba(255, 107, 122, 0.12);\n    border: 1px solid rgba(255, 107, 122, 0.35);\n    color: var(--nsipv-danger);\n    font-weight: 600;\n    font-size: 0.88rem;\n    text-align: left;\n    line-height: 1.4;\n  }\n\n  .nsipv .nsipv-alert.is-visible {\n    display: block;\n  }\n\n  .nsipv .nsipv-demo-chip {\n    display: inline-flex;\n    align-items: center;\n    align-self: flex-start;\n    width: auto;\n    max-width: max-content;\n    gap: 6px;\n    margin: 0;\n    padding: 5px 10px;\n    border-radius: 999px;\n    background: rgba(34, 200, 212, 0.15);\n    color: var(--nsipv-cool);\n    font-size: 0.75rem;\n    font-weight: 700;\n    line-height: 1.2;\n  }\n\n  \/* Result panel *\/\n  .nsipv .nsipv-result {\n    display: block;\n    margin: 0;\n  }\n\n  .nsipv-panel {\n    background: var(--nsipv-panel);\n    border: 1px solid var(--nsipv-line);\n    border-radius: var(--nsipv-radius);\n    box-shadow: var(--nsipv-shadow);\n    padding: var(--nsipv-pad);\n    backdrop-filter: blur(12px);\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsipv-profile {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n    align-items: center;\n    justify-items: center;\n    padding: var(--nsipv-pad);\n    border-radius: 12px;\n    background: linear-gradient(160deg, rgba(34, 200, 212, 0.1), rgba(255, 159, 26, 0.1));\n    border: 1px solid rgba(255, 255, 255, 0.06);\n    width: 100%;\n    min-width: 0;\n    text-align: center;\n  }\n\n  .nsipv-avatar {\n    position: relative;\n    width: var(--nsipv-avatar);\n    height: var(--nsipv-avatar);\n    justify-self: center;\n  }\n\n  .nsipv-avatar__ring {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    padding: 3px;\n    background: linear-gradient(145deg, var(--nsipv-cool), var(--nsipv-accent));\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);\n    overflow: hidden;\n  }\n\n  .nsipv .nsipv-avatar__img {\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none;\n    border-radius: 50%;\n    object-fit: cover;\n    background: #1a1230;\n    border: 3px solid rgba(255, 255, 255, 0.18);\n  }\n\n  .nsipv .nsipv-avatar__zoom {\n    position: absolute;\n    right: 2px;\n    bottom: 2px;\n    width: 32px;\n    height: 32px;\n    padding: 0 !important;\n    border: 0 !important;\n    border-radius: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--nsipv-accent-deep) !important;\n    color: #fff !important;\n    cursor: pointer;\n    box-shadow: 0 4px 12px rgba(232, 135, 0, 0.45);\n    transition: transform 0.2s ease;\n    appearance: none;\n    -webkit-appearance: none;\n    z-index: 2;\n  }\n\n  .nsipv .nsipv-avatar__download {\n    right: auto;\n    left: 2px;\n  }\n\n  .nsipv .nsipv-avatar__zoom:hover {\n    transform: scale(1.08) rotate(12deg);\n  }\n\n  .nsipv .nsipv-card__actions,\n  .nsipv .nsipv-reel__actions {\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    align-items: center;\n  }\n\n  .nsipv-meta {\n    min-width: 0;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .nsipv .nsipv-meta__name {\n    font-size: clamp(1.1rem, 4cqi, 1.35rem);\n    font-weight: 800;\n    color: var(--nsipv-accent);\n    line-height: 1.25;\n    word-break: break-word;\n    overflow-wrap: anywhere;\n  }\n\n  .nsipv .nsipv-meta__handle {\n    font-size: clamp(0.9rem, 3cqi, 0.98rem);\n    font-weight: 600;\n    color: var(--nsipv-dim);\n    line-height: 1.3;\n    margin: 0 0 8px;\n  }\n\n  .nsipv .nsipv-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px 18px;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .nsipv .nsipv-stats__item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 1px;\n    min-width: 0;\n  }\n\n  .nsipv .nsipv-stats__value {\n    font-size: clamp(1rem, 3.5cqi, 1.1rem);\n    font-weight: 800;\n    color: var(--nsipv-cool);\n    line-height: 1.2;\n  }\n\n  .nsipv .nsipv-stats__label {\n    font-size: 0.78rem;\n    color: var(--nsipv-dim);\n    text-transform: lowercase;\n    line-height: 1.2;\n  }\n\n  .nsipv .nsipv-bio {\n    grid-column: 1 \/ -1;\n    margin: 0;\n    padding: 12px 0 0;\n    border-top: 1px solid var(--nsipv-line);\n    text-align: center;\n    color: #ddd2f5;\n    font-size: clamp(0.86rem, 3cqi, 0.92rem);\n    line-height: 1.55;\n    min-width: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .nsipv .nsipv-bio p {\n    margin: 0;\n    white-space: pre-line;\n  }\n\n  .nsipv .nsipv-bio__link {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 8px;\n    font-weight: 600;\n    font-size: 0.9rem;\n  }\n\n  .nsipv-tabs {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: stretch;\n    gap: 8px;\n    margin: 16px 0 14px;\n    padding: 0;\n    width: 100%;\n  }\n\n  .nsipv .nsipv-tabs__btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n    height: 40px;\n    min-height: 40px;\n    min-width: 0;\n    padding: 0 12px !important;\n    border-radius: 999px;\n    background: var(--nsipv-panel-soft) !important;\n    border: 1px solid var(--nsipv-line) !important;\n    color: var(--nsipv-muted) !important;\n    font-family: var(--nsipv-font);\n    font-weight: 700 !important;\n    font-size: clamp(0.78rem, 2.8cqi, 0.88rem) !important;\n    line-height: 1;\n    cursor: pointer;\n    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    flex: 1 1 calc(50% - 8px);\n    max-width: 100%;\n  }\n\n  .nsipv .nsipv-tabs__btn:hover {\n    transform: translateY(-1px);\n    background: rgba(255, 255, 255, 0.14) !important;\n    color: #fff !important;\n  }\n\n  .nsipv .nsipv-tabs__btn.is-active {\n    background: linear-gradient(135deg, var(--nsipv-cool), var(--nsipv-accent)) !important;\n    color: #fff !important;\n    border-color: transparent !important;\n    box-shadow: 0 6px 14px rgba(34, 200, 212, 0.25);\n  }\n\n  .nsipv .nsipv-pane {\n    display: none !important;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  .nsipv .nsipv-pane.is-active {\n    display: block !important;\n  }\n\n  .nsipv-empty {\n    margin: 0;\n    padding: clamp(36px, 6vw, 56px) 20px;\n    border: 1px dashed rgba(255, 255, 255, 0.28);\n    border-radius: 14px;\n    background: transparent;\n    color: rgba(255, 255, 255, 0.88);\n    text-align: center;\n  }\n\n  .nsipv-empty i {\n    \/* overridden by .nsipv .nsipv-empty i above for Font Awesome *\/\n    display: block;\n    font-size: 2rem;\n    margin: 0 auto 10px;\n    opacity: 0.35;\n  }\n\n  .nsipv .nsipv-empty p {\n    margin: 0 auto;\n    max-width: 36ch;\n    font-size: 0.95rem;\n    line-height: 1.55;\n    color: rgba(255, 255, 255, 0.9);\n  }\n\n  .nsipv-content.is-placeholder .nsipv-bio,\n  .nsipv-content.is-placeholder .nsipv-avatar__download {\n    display: none !important;\n  }\n\n  .nsipv-content.is-placeholder .nsipv-meta__handle {\n    order: -1;\n    font-size: clamp(1.1rem, 4cqi, 1.35rem);\n    font-weight: 800;\n    color: var(--nsipv-text);\n    opacity: 1;\n  }\n\n  .nsipv-content.is-placeholder .nsipv-meta__name {\n    font-size: 1rem;\n    font-weight: 500;\n    color: rgba(255, 255, 255, 0.92);\n  }\n\n  .nsipv-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin: 0;\n    align-items: stretch;\n    width: 100%;\n  }\n\n  .nsipv-card {\n    display: flex;\n    flex-direction: column;\n    border-radius: 12px;\n    overflow: hidden;\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid var(--nsipv-line);\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16);\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n    min-width: 0;\n    max-width: 100%;\n    width: 100%;\n    height: 100%;\n  }\n\n  .nsipv-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24);\n  }\n\n  .nsipv-card__media {\n    position: relative;\n    aspect-ratio: 1 \/ 1;\n    width: 100%;\n    overflow: hidden;\n    background: #1a1230;\n    flex: 0 0 auto;\n    cursor: pointer;\n  }\n\n  \/* Posts always share one square frame so row heights and footers align *\/\n  .nsipv-card__media--post {\n    aspect-ratio: 1 \/ 1;\n  }\n\n  .nsipv-card__media--reel {\n    aspect-ratio: 9 \/ 14;\n  }\n\n  .nsipv .nsipv-card__img {\n    position: absolute;\n    inset: 0;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 0.45s ease;\n  }\n\n  .nsipv-card:hover .nsipv-card__img {\n    transform: scale(1.05);\n  }\n\n  .nsipv-card__badge {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    width: 28px;\n    height: 28px;\n    border-radius: 7px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0, 0, 0, 0.55);\n    color: #fff;\n    font-size: 0.75rem;\n    z-index: 1;\n  }\n\n  .nsipv-card__overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    background: rgba(20, 8, 40, 0.55);\n    opacity: 0;\n    transition: opacity 0.25s ease;\n    color: #fff;\n    font-weight: 700;\n    font-size: 0.85rem;\n    z-index: 1;\n  }\n\n  .nsipv-card:hover .nsipv-card__overlay {\n    opacity: 1;\n  }\n\n  .nsipv-card__overlay span {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n  }\n\n  .nsipv-card__foot {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 8px;\n    min-height: 48px;\n    height: auto;\n    flex-wrap: wrap;\n    padding: 8px 10px;\n    margin-top: auto;\n    flex: 0 0 auto;\n    color: var(--nsipv-muted);\n    font-size: 0.82rem;\n    line-height: 1.2;\n    box-sizing: border-box;\n    border-top: 1px solid rgba(255, 255, 255, 0.06);\n    background: rgba(0, 0, 0, 0.14);\n  }\n\n  .nsipv-card__foot>span:first-child {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .nsipv .nsipv-card__actions {\n    display: inline-flex !important;\n    flex: 1 1 auto;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 6px;\n    flex-wrap: wrap !important;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsipv .nsipv-card__action {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    height: auto;\n    min-height: 36px;\n    max-height: none;\n    padding: 6px 10px !important;\n    border: 0 !important;\n    border-radius: 999px;\n    background: rgba(255, 159, 26, 0.15) !important;\n    color: var(--nsipv-accent) !important;\n    font-family: var(--nsipv-font);\n    font-size: 0.78rem !important;\n    font-weight: 700 !important;\n    line-height: 1;\n    white-space: nowrap;\n    cursor: pointer;\n    transition: background 0.2s ease;\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .nsipv .nsipv-card__action:hover {\n    background: rgba(255, 159, 26, 0.28) !important;\n  }\n\n  .nsipv-stories {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n    margin: 0;\n  }\n\n  .nsipv-story {\n    text-align: center;\n    margin: 0;\n  }\n\n  .nsipv .nsipv-story__thumb {\n    width: 100% !important;\n    height: auto !important;\n    aspect-ratio: 9 \/ 16;\n    border-radius: 12px;\n    object-fit: cover;\n    border: 2px solid transparent;\n    background:\n      linear-gradient(#2a1a4a, #2a1a4a) padding-box,\n      linear-gradient(145deg, var(--nsipv-cool), var(--nsipv-accent)) border-box;\n    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n    transition: transform 0.2s ease;\n  }\n\n  .nsipv-story__thumb:hover {\n    transform: scale(1.02);\n  }\n\n  .nsipv .nsipv-story__time {\n    display: block;\n    margin-top: 6px;\n    font-size: 0.75rem;\n    color: var(--nsipv-dim);\n    line-height: 1.3;\n  }\n\n  .nsipv-highlights {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px 16px;\n    justify-content: flex-start;\n    margin: 0;\n  }\n\n  .nsipv-highlight {\n    width: 88px;\n    text-align: center;\n    cursor: pointer;\n    margin: 0;\n  }\n\n  .nsipv .nsipv-highlight__cover {\n    width: 78px !important;\n    height: 78px !important;\n    max-width: none;\n    margin: 0 auto;\n    border-radius: 50%;\n    object-fit: cover;\n    padding: 3px;\n    background: linear-gradient(145deg, var(--nsipv-accent), var(--nsipv-cool));\n    border: 2px solid rgba(255, 255, 255, 0.2);\n  }\n\n  .nsipv .nsipv-highlight__title {\n    display: block;\n    margin-top: 6px;\n    font-size: 0.75rem;\n    color: var(--nsipv-muted);\n    word-break: break-word;\n    line-height: 1.3;\n  }\n\n  .nsipv-modal {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    align-items: center;\n    justify-content: center;\n    padding: clamp(10px, 3vw, 20px);\n    background: rgba(10, 4, 22, 0.78);\n    backdrop-filter: blur(6px);\n  }\n\n  .nsipv-modal.is-open {\n    display: flex;\n  }\n\n  .nsipv-modal__dialog {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: min(480px, 100%);\n    max-width: 100%;\n    max-height: min(92vh, 100%);\n    border-radius: 14px;\n    overflow: hidden;\n    background: #160c28;\n    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);\n  }\n\n  .nsipv-modal__stage {\n    position: relative;\n    flex: 1 1 auto;\n    min-height: 220px;\n    max-height: min(70vh, 720px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0d0718;\n    overflow: hidden;\n  }\n\n  .nsipv .nsipv-modal__media {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-height: min(70vh, 720px);\n    margin: 0 auto;\n    object-fit: contain;\n    background: #0d0718;\n  }\n\n  .nsipv .nsipv-modal__media.is-hidden {\n    display: none !important;\n  }\n\n  .nsipv .nsipv-modal__media--video {\n    width: 100%;\n    max-height: min(70vh, 720px);\n    background: #000;\n  }\n\n  .nsipv .nsipv-modal__play {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 3;\n    width: 72px;\n    height: 72px;\n    padding: 0 !important;\n    border: 0 !important;\n    border-radius: 50%;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0, 0, 0, 0.55) !important;\n    color: #fff !important;\n    font-size: 1.5rem !important;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .nsipv .nsipv-modal__play.is-hidden {\n    display: none !important;\n  }\n\n  .nsipv-modal__bar {\n    flex: 0 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 10px 14px 12px;\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n    background: #160c28;\n    z-index: 2;\n  }\n\n  .nsipv-modal__caption {\n    margin: 0;\n    min-width: 0;\n    color: var(--nsipv-muted);\n    font-size: 0.88rem;\n    line-height: 1.4;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .nsipv-modal__actions {\n    display: flex;\n    gap: 8px;\n  }\n\n  .nsipv .nsipv-modal__action {\n    flex: 1 1 0;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    min-height: 44px;\n    padding: 10px 12px !important;\n    border: 0 !important;\n    border-radius: 12px !important;\n    font-size: 0.88rem !important;\n    font-weight: 700 !important;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .nsipv .nsipv-modal__action--play {\n    background: rgba(255, 255, 255, 0.12) !important;\n    color: #fff !important;\n  }\n\n  .nsipv .nsipv-modal__action--download {\n    background: var(--nsipv-accent, #ff9f1a) !important;\n    color: #1a0f08 !important;\n  }\n\n  .nsipv .nsipv-modal__action:disabled,\n  .nsipv .nsipv-modal__action.is-hidden {\n    opacity: 0.55;\n  }\n\n  .nsipv .nsipv-modal__action.is-hidden {\n    display: none !important;\n  }\n\n  .nsipv .nsipv-modal__close {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 36px;\n    height: 36px;\n    padding: 0 !important;\n    border: 0 !important;\n    border-radius: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0, 0, 0, 0.55) !important;\n    color: #fff !important;\n    cursor: pointer;\n    z-index: 2;\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  \/* Download progress toast *\/\n  .nsipv-dlprog {\n    position: fixed;\n    left: 50%;\n    bottom: max(18px, env(safe-area-inset-bottom, 0px));\n    transform: translate(-50%, 120%);\n    z-index: 1000000;\n    width: min(420px, calc(100vw - 24px));\n    padding: 14px 16px;\n    border-radius: 16px;\n    background: rgba(22, 12, 40, 0.96);\n    border: 1px solid rgba(255, 255, 255, 0.14);\n    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);\n    color: var(--nsipv-ink);\n    opacity: 0;\n    pointer-events: none;\n    transition: transform 0.28s ease, opacity 0.28s ease;\n    backdrop-filter: blur(10px);\n  }\n\n  .nsipv-dlprog.is-open {\n    transform: translate(-50%, 0);\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .nsipv-dlprog.is-success {\n    border-color: rgba(34, 200, 212, 0.45);\n  }\n\n  .nsipv-dlprog.is-error {\n    border-color: rgba(255, 107, 122, 0.55);\n  }\n\n  .nsipv-dlprog__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 10px;\n  }\n\n  .nsipv-dlprog__title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n    font-size: 0.92rem;\n    font-weight: 700;\n  }\n\n  .nsipv-dlprog__title i {\n    color: var(--nsipv-accent, #ff9f1a);\n  }\n\n  .nsipv-dlprog__name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .nsipv-dlprog__pct {\n    flex-shrink: 0;\n    font-variant-numeric: tabular-nums;\n    font-weight: 800;\n    font-size: 0.95rem;\n    color: var(--nsipv-cool, #22c8d4);\n  }\n\n  .nsipv-dlprog__track {\n    width: 100%;\n    height: 10px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.08);\n    overflow: hidden;\n  }\n\n  .nsipv-dlprog__fill {\n    height: 100%;\n    width: 0%;\n    border-radius: inherit;\n    background: linear-gradient(90deg, #e88700, #ff9f1a, #22c8d4);\n    box-shadow: 0 0 16px rgba(255, 159, 26, 0.35);\n    transition: width 0.18s ease-out;\n  }\n\n  .nsipv-dlprog.is-indeterminate .nsipv-dlprog__fill {\n    width: 36% !important;\n    animation: nsipv-dlprog-slide 1.1s ease-in-out infinite;\n  }\n\n  @keyframes nsipv-dlprog-slide {\n    0% {\n      transform: translateX(-120%);\n    }\n\n    100% {\n      transform: translateX(320%);\n    }\n  }\n\n  .nsipv-dlprog__meta {\n    display: flex;\n    justify-content: space-between;\n    gap: 10px;\n    margin-top: 8px;\n    font-size: 0.78rem;\n    color: var(--nsipv-muted);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .nsipv-dlprog__status {\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  \/* ========== Responsive (viewport + overflow-proof) ========== *\/\n\n  \/* Prevent children from expanding the widget past the viewport.\n   Shell keeps max 1280 \u2014 do not force it to 100%. *\/\n  .nsipv-shell {\n    max-width: min(1280px, 100%) !important;\n    min-width: 0 !important;\n  }\n\n  .nsipv-hero,\n  .nsipv-panel,\n  .nsipv-result,\n  .nsipv-content,\n  .nsipv-search,\n  .nsipv-search__row,\n  .nsipv-profile,\n  .nsipv-skeleton__profile,\n  .nsipv-tabs,\n  .nsipv-pane,\n  .nsipv-grid,\n  .nsipv-stories,\n  .nsipv-highlights,\n  .nsipv-skeleton__panel,\n  .nsipv-skeleton__grid,\n  .nsipv-tab-sk,\n  .nsipv-card {\n    max-width: 100% !important;\n    min-width: 0 !important;\n  }\n\n  .nsipv .nsipv-btn,\n  .nsipv .nsipv-tabs__btn,\n  .nsipv .nsipv-search__field {\n    max-width: 100% !important;\n  }\n\n  \/* JS ResizeObserver fallback classes *\/\n  .nsipv.nsipv--compact .nsipv-search__row {\n    flex-wrap: wrap !important;\n    flex-direction: row !important;\n  }\n\n  .nsipv.nsipv--compact .nsipv-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n  }\n\n  .nsipv.nsipv--compact .nsipv-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n    width: auto !important;\n    min-width: 0 !important;\n  }\n\n  .nsipv.nsipv--compact .nsipv-btn--more,\n  .nsipv.nsipv--narrow .nsipv-btn--more {\n    flex: 0 1 auto !important;\n    width: auto !important;\n    min-width: min(200px, 100%) !important;\n  }\n\n  .nsipv.nsipv--compact .nsipv-profile,\n  .nsipv.nsipv--compact .nsipv-skeleton__profile {\n    grid-template-columns: 1fr !important;\n    justify-items: center !important;\n    text-align: center !important;\n  }\n\n  .nsipv.nsipv--compact .nsipv-avatar,\n  .nsipv.nsipv--compact .nsipv-meta,\n  .nsipv.nsipv--compact .nsipv-bio,\n  .nsipv.nsipv--compact .nsipv-stats,\n  .nsipv.nsipv--compact .nsipv-stats__item {\n    justify-self: center !important;\n    text-align: center !important;\n    align-items: center !important;\n    justify-content: center !important;\n  }\n\n  .nsipv.nsipv--compact .nsipv-tabs__btn {\n    flex: 1 1 calc(50% - 6px) !important;\n  }\n\n  .nsipv.nsipv--compact .nsipv-grid,\n  .nsipv.nsipv--compact .nsipv-skeleton__grid,\n  .nsipv.nsipv--compact .nsipv-tab-sk--posts,\n  .nsipv.nsipv--compact .nsipv-tab-sk--reels {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n\n  .nsipv.nsipv--compact .nsipv-stories,\n  .nsipv.nsipv--compact .nsipv-tab-sk--stories {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n\n  .nsipv.nsipv--compact .nsipv-card__action {\n    min-height: 40px;\n    flex: 1 1 calc(50% - 4px);\n  }\n\n  .nsipv.nsipv--narrow {\n    padding-left: 6px !important;\n    padding-right: 6px !important;\n  }\n\n  .nsipv.nsipv--narrow .nsipv-btn {\n    flex: 1 1 100% !important;\n  }\n\n  .nsipv.nsipv--narrow .nsipv-tabs__btn {\n    flex: 1 1 100% !important;\n  }\n\n  .nsipv.nsipv--narrow .nsipv-grid,\n  .nsipv.nsipv--narrow .nsipv-skeleton__grid,\n  .nsipv.nsipv--narrow .nsipv-tab-sk--posts,\n  .nsipv.nsipv--narrow .nsipv-tab-sk--reels,\n  .nsipv.nsipv--narrow .nsipv-stories,\n  .nsipv.nsipv--narrow .nsipv-tab-sk--stories {\n    grid-template-columns: 1fr !important;\n  }\n\n  .nsipv.nsipv--narrow .nsipv-card__action {\n    flex: 1 1 100%;\n    min-height: 44px;\n  }\n\n  .nsipv.nsipv--narrow .nsipv-hero__title-text {\n    font-size: clamp(1.05rem, 5.2vw, 1.35rem);\n    justify-content: center;\n    text-align: center;\n  }\n\n  .nsipv.nsipv--wide:not(.nsipv--compact) .nsipv-grid,\n  .nsipv.nsipv--wide:not(.nsipv--compact) .nsipv-skeleton__grid,\n  .nsipv.nsipv--wide:not(.nsipv--compact) .nsipv-tab-sk--posts {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n\n  .nsipv.nsipv--xlarge:not(.nsipv--compact) .nsipv-grid,\n  .nsipv.nsipv--xlarge:not(.nsipv--compact) .nsipv-skeleton__grid,\n  .nsipv.nsipv--xlarge:not(.nsipv--compact) .nsipv-tab-sk--posts {\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  }\n\n  .nsipv.nsipv--roomy:not(.nsipv--compact) .nsipv-grid,\n  .nsipv.nsipv--roomy:not(.nsipv--compact) .nsipv-skeleton__grid,\n  .nsipv.nsipv--roomy:not(.nsipv--compact) .nsipv-tab-sk--posts {\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n  }\n\n  \/* Mobile \/ narrow viewports \u2014 force stacked layout *\/\n  @media (max-width: 767px) {\n    .nsipv {\n      --nsipv-avatar: 88px;\n      --nsipv-grid-min: 100%;\n      --nsipv-story-min: calc(50% - 6px);\n      --nsipv-radius: 14px;\n      width: 100% !important;\n      max-width: 100% !important;\n      padding: 12px 8px 16px !important;\n      overflow-x: hidden !important;\n    }\n\n    .nsipv-hero,\n    .nsipv-panel,\n    .nsipv-skeleton__panel {\n      padding: 12px 10px !important;\n    }\n\n    .nsipv .nsipv-search__row {\n      flex-direction: row !important;\n      flex-wrap: wrap !important;\n      align-items: stretch !important;\n    }\n\n    .nsipv .nsipv-search__field {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n    }\n\n    .nsipv .nsipv-btn {\n      flex: 1 1 calc(50% - 4px) !important;\n      width: auto !important;\n      min-width: 0 !important;\n    }\n\n    .nsipv-profile,\n    .nsipv-skeleton__profile {\n      grid-template-columns: 1fr !important;\n      justify-items: center !important;\n      text-align: center !important;\n      gap: 12px !important;\n    }\n\n    .nsipv-avatar,\n    .nsipv-skeleton__avatar {\n      justify-self: center !important;\n    }\n\n    .nsipv-meta,\n    .nsipv-skeleton__meta {\n      text-align: center !important;\n      align-items: center !important;\n    }\n\n    .nsipv .nsipv-stats,\n    .nsipv-skeleton__stats {\n      justify-content: center !important;\n    }\n\n    .nsipv .nsipv-stats__item {\n      align-items: center !important;\n    }\n\n    .nsipv .nsipv-bio {\n      text-align: center !important;\n    }\n\n    .nsipv .nsipv-tabs {\n      gap: 6px !important;\n    }\n\n    .nsipv .nsipv-tabs__btn {\n      flex: 1 1 calc(50% - 6px) !important;\n      width: auto !important;\n      min-height: 44px !important;\n    }\n\n    .nsipv-skeleton__tab {\n      flex: 1 1 calc(50% - 6px) !important;\n    }\n\n    .nsipv-grid,\n    .nsipv-skeleton__grid,\n    .nsipv-tab-sk--posts,\n    .nsipv-tab-sk--reels {\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n      gap: 10px !important;\n    }\n\n    .nsipv-stories,\n    .nsipv-tab-sk--stories {\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    }\n\n    .nsipv-highlights,\n    .nsipv-tab-sk--highlights {\n      justify-content: center !important;\n    }\n\n    .nsipv-modal {\n      padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important;\n    }\n\n    .nsipv-modal__dialog {\n      width: min(480px, 100%) !important;\n      max-height: min(92dvh, 100%) !important;\n    }\n\n    .nsipv .nsipv-modal__close {\n      width: 44px !important;\n      height: 44px !important;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .nsipv .nsipv-btn {\n      flex: 1 1 100% !important;\n    }\n\n    .nsipv .nsipv-btn--more {\n      flex: 0 1 auto !important;\n      width: auto !important;\n    }\n\n    .nsipv .nsipv-tabs__btn {\n      flex: 1 1 100% !important;\n    }\n\n    .nsipv-grid,\n    .nsipv-skeleton__grid,\n    .nsipv-tab-sk--posts,\n    .nsipv-tab-sk--reels,\n    .nsipv-stories,\n    .nsipv-tab-sk--stories {\n      grid-template-columns: 1fr !important;\n    }\n  }\n\n  \/* Tablet+ \u2014 side-by-side where there is real room *\/\n  @media (min-width: 768px) {\n    .nsipv {\n      --nsipv-avatar: 110px;\n      --nsipv-grid-min: 180px;\n      --nsipv-story-min: 110px;\n    }\n\n    .nsipv .nsipv-search__row {\n      flex-direction: row !important;\n      flex-wrap: wrap !important;\n    }\n\n    .nsipv .nsipv-search__field {\n      flex: 1 1 220px !important;\n      width: auto !important;\n    }\n\n    .nsipv .nsipv-btn {\n      flex: 0 1 auto !important;\n      width: auto !important;\n    }\n\n    .nsipv-profile,\n    .nsipv-skeleton__profile {\n      grid-template-columns: var(--nsipv-avatar) minmax(0, 1fr) !important;\n      justify-items: stretch !important;\n      text-align: left !important;\n    }\n\n    .nsipv-avatar,\n    .nsipv-skeleton__avatar {\n      justify-self: start !important;\n      grid-column: 1;\n      grid-row: 1;\n    }\n\n    .nsipv-meta,\n    .nsipv-skeleton__meta {\n      grid-column: 2;\n      grid-row: 1;\n      text-align: left !important;\n      align-items: flex-start !important;\n    }\n\n    .nsipv .nsipv-bio,\n    .nsipv-skeleton__line--bio {\n      grid-column: 1 \/ -1 !important;\n      text-align: left !important;\n    }\n\n    .nsipv .nsipv-stats,\n    .nsipv-skeleton__stats {\n      justify-content: flex-start !important;\n    }\n\n    .nsipv .nsipv-stats__item {\n      align-items: flex-start !important;\n    }\n\n    .nsipv .nsipv-tabs__btn {\n      flex:   0 1 auto !important;\n    }\n\n    .nsipv-grid,\n    .nsipv-skeleton__grid,\n    .nsipv-tab-sk--posts {\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    }\n\n    .nsipv-tab-sk--reels {\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    }\n\n    .nsipv-stories,\n    .nsipv-tab-sk--stories {\n      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .nsipv {\n      --nsipv-avatar: 120px;\n      --nsipv-grid-min: 220px;\n    }\n\n    .nsipv-grid,\n    .nsipv-skeleton__grid,\n    .nsipv-tab-sk--posts {\n      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    }\n\n    .nsipv-tab-sk--reels {\n      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    }\n\n    .nsipv-stories,\n    .nsipv-tab-sk--stories {\n      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n    }\n  }\n\n  @media (min-width: 1200px) {\n\n    .nsipv-grid,\n    .nsipv-skeleton__grid,\n    .nsipv-tab-sk--posts {\n      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n    }\n  }\n\n  @media (max-height: 480px) and (orientation: landscape) {\n    .nsipv .nsipv-hero__lead {\n      display: none;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .nsipv *,\n    .nsipv *::before,\n    .nsipv *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .nsipv .nsipv-sk {\n      animation: none;\n      background: rgba(255, 255, 255, 0.1);\n    }\n  }\n\n  @media (hover: none) {\n\n    .nsipv .nsipv-btn:hover,\n    .nsipv .nsipv-tabs__btn:hover,\n    .nsipv-card:hover {\n      transform: none;\n    }\n\n    .nsipv-card:hover .nsipv-card__overlay {\n      opacity: 0;\n    }\n\n    .nsipv-card:focus-within .nsipv-card__overlay,\n    .nsipv-card__media:active .nsipv-card__overlay {\n      opacity: 1;\n    }\n  }\n\n  \/* Turnstile host: keep hidden in-flow; floating panel styles come from turnstile-handler.js *\/\n  .nsipv #xrespond-tools-turnstile-host {\n    display: none;\n  }\n\n  .nsipv #xrespond-tools-turnstile-host.is-visible {\n    display: block !important;\n  }\n\n  \/* Ensure floating Turnstile panel (moved to body) is never clipped\/hidden by tool CSS *\/\n  body>#xrespond-tools-turnstile-host.is-visible {\n    display: block !important;\n    position: fixed !important;\n    z-index: 2147483000 !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    pointer-events: auto !important;\n  }\n\n  \/* Search controls: one row on large screens, wrap on narrow\/compact *\/\n  .nsipv .nsipv-search,\n  .nsipv .nsipv-search .nsipv-search__row,\n  .nsipv .nsipv-search .nsipv-search__actions {\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    box-sizing: border-box !important;\n  }\n\n  .nsipv .nsipv-search .nsipv-search__row {\n    display: flex !important;\n    flex-direction: row !important;\n    flex-wrap: nowrap !important;\n    align-items: stretch !important;\n    gap: 8px !important;\n  }\n\n  .nsipv .nsipv-search .nsipv-search__field,\n  .nsipv .nsipv-search .nsipv-search__row > .nsipv-search__field {\n    flex: 1 1 0% !important;\n    width: 100% !important;\n    max-width: none !important;\n    min-width: 0 !important;\n  }\n\n  .nsipv .nsipv-search .nsipv-search__actions,\n  .nsipv .nsipv-search .nsipv-search__row > .nsipv-search__actions {\n    display: flex !important;\n    flex: 0 0 auto !important;\n    flex-direction: row !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 0 !important;\n    flex-wrap: nowrap !important;\n    gap: 8px !important;\n  }\n\n  .nsipv .nsipv-search .nsipv-search__row > .nsipv-btn,\n  .nsipv .nsipv-search .nsipv-search__actions .nsipv-btn,\n  .nsipv .nsipv-search .nsipv-search__row .nsipv-search__actions .nsipv-btn {\n    flex: 0 0 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 110px !important;\n  }\n\n  .nsipv.nsipv--compact .nsipv-search .nsipv-search__row,\n  .nsipv.nsipv--narrow .nsipv-search .nsipv-search__row {\n    flex-wrap: wrap !important;\n  }\n\n  .nsipv.nsipv--compact .nsipv-search .nsipv-search__field,\n  .nsipv.nsipv--narrow .nsipv-search .nsipv-search__field,\n  .nsipv.nsipv--compact .nsipv-search .nsipv-search__row > .nsipv-search__field,\n  .nsipv.nsipv--narrow .nsipv-search .nsipv-search__row > .nsipv-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsipv.nsipv--compact .nsipv-search .nsipv-search__actions,\n  .nsipv.nsipv--narrow .nsipv-search .nsipv-search__actions,\n  .nsipv.nsipv--compact .nsipv-search .nsipv-search__row > .nsipv-search__actions,\n  .nsipv.nsipv--narrow .nsipv-search .nsipv-search__row > .nsipv-search__actions {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsipv.nsipv--compact .nsipv-search .nsipv-search__row > .nsipv-btn,\n  .nsipv.nsipv--narrow .nsipv-search .nsipv-search__row > .nsipv-btn,\n  .nsipv.nsipv--compact .nsipv-search .nsipv-search__actions .nsipv-btn,\n  .nsipv.nsipv--narrow .nsipv-search .nsipv-search__actions .nsipv-btn,\n  .nsipv.nsipv--compact .nsipv-search .nsipv-search__row .nsipv-search__actions .nsipv-btn,\n  .nsipv.nsipv--narrow .nsipv-search .nsipv-search__row .nsipv-search__actions .nsipv-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n  }\n\n  @media (max-width: 720px) {\n    .nsipv .nsipv-search .nsipv-search__row {\n      flex-wrap: wrap !important;\n    }\n\n    .nsipv .nsipv-search .nsipv-search__field,\n    .nsipv .nsipv-search .nsipv-search__row > .nsipv-search__field {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsipv .nsipv-search .nsipv-search__actions,\n    .nsipv .nsipv-search .nsipv-search__row > .nsipv-search__actions {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsipv .nsipv-search .nsipv-search__row > .nsipv-btn,\n    .nsipv .nsipv-search .nsipv-search__actions .nsipv-btn,\n    .nsipv .nsipv-search .nsipv-search__row .nsipv-search__actions .nsipv-btn {\n      flex: 1 1 calc(50% - 4px) !important;\n      min-width: 0 !important;\n      max-width: 100% !important;\n    }\n  }\n\n  \/* Narrow embed on a wide browser: wrap when container is compact even if viewport is large *\/\n  @container nsipv (max-width: 767px) {\n    .nsipv .nsipv-search .nsipv-search__row {\n      flex-wrap: wrap !important;\n    }\n    .nsipv .nsipv-search .nsipv-search__field,\n    .nsipv .nsipv-search .nsipv-search__row > .nsipv-search__field {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n    .nsipv .nsipv-search .nsipv-search__actions,\n    .nsipv .nsipv-search .nsipv-search__row > .nsipv-search__actions {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n    .nsipv .nsipv-search .nsipv-search__row > .nsipv-btn,\n    .nsipv .nsipv-search .nsipv-search__actions .nsipv-btn,\n    .nsipv .nsipv-search .nsipv-search__row .nsipv-search__actions .nsipv-btn {\n      flex: 1 1 calc(50% - 4px) !important;\n      min-width: 0 !important;\n      max-width: 100% !important;\n    }\n  }\n\n\/* ns-responsive-fix:nsipv \u2014 keep desktop shell max-width; only prevent overflow *\/\n  .nsipv-tabs,\n  .nsipv .nsipv-tabs {\n    width: 100%;\n    min-width: 0;\n    flex-wrap: wrap;\n  }\n  .nsipv .nsipv-tabs__btn {\n    min-width: 0;\n    max-width: 100%;\n  }\n  .nsipv.nsipv--wide:not(.nsipv--compact) .nsipv-tabs__btn {\n    flex: 0 1 auto;\n  }\n  .nsipv.nsipv--compact .nsipv-tabs__btn,\n  .nsipv.nsipv--narrow .nsipv-tabs__btn {\n    flex: 1 1 calc(50% - 8px);\n  }\n  .nsipv-hero__lead,\n  .nsipv .nsipv-hero__lead,\n  .nsipv-hero__title-text,\n  .nsipv .nsipv-hero__title-text {\n    max-width: 100%;\n    min-width: 0;\n    overflow-wrap: anywhere;\n    word-break: break-word;\n  }\n  .nsipv-shell,\n  .nsipv .nsipv-shell {\n    min-width: 0;\n    width: 100%;\n    \/* preserve existing max-width: min(1280px, 100%) \u2014 do not force 100% *\/\n  }\n\n\/* --- Codex CSS updates --- *\/\n\/* New Social Instagram Profile Viewer \u2014 Premium SaaS Redesign (WordPress-scoped) *\/\n.nsipv{\ncontainer-type:inline-size;\ncontainer-name:nsipv;\n--nsipv-ink:#f8f5ff;\n--nsipv-muted:#d7c9f2;\n--nsipv-dim:#b39ddb;\n--nsipv-panel:rgba(28,14,52,.78);\n--nsipv-panel-soft:rgba(255,255,255,.08);\n--nsipv-panel-strong:rgba(38,20,72,.92);\n--nsipv-line:rgba(255,255,255,.14);\n--nsipv-line-soft:rgba(255,255,255,.09);\n--nsipv-accent:#ffab2e;\n--nsipv-accent-deep:#e67e00;\n--nsipv-accent-glow:rgba(255,171,46,.42);\n--nsipv-cool:#2dd4e0;\n--nsipv-cool-deep:#0e9aa6;\n--nsipv-cool-glow:rgba(45,212,224,.38);\n--nsipv-violet:#a855f7;\n--nsipv-pink:#ec4899;\n--nsipv-danger:#ff6b7a;\n--nsipv-success:#22dd9a;\n--nsipv-radius:18px;\n--nsipv-radius-sm:12px;\n--nsipv-shadow:0 18px 44px rgba(8,2,20,.42);\n--nsipv-shadow-sm:0 8px 22px rgba(8,2,20,.28);\n--nsipv-font:\"Segoe UI\",\"Helvetica Neue\",Arial,sans-serif;\n--nsipv-space:16px;\n--nsipv-avatar:88px;\n--nsipv-pad:14px;\n--nsipv-gap:14px;\n--nsipv-grid-min:100%;\n--nsipv-story-min:calc(50% - 6px);\nbox-sizing:border-box;\nfont-family:var(--nsipv-font);\ncolor:var(--nsipv-ink);\nline-height:1.5;\nwidth:100%;\nmax-width:100%;\nmin-height:100vh;\nmin-width:0;\nmargin:0 auto;\npadding:clamp(10px,2.5vw,28px) clamp(6px,2vw,14px) clamp(14px,3vw,28px);\nbackground:radial-gradient(ellipse 70% 42% at 8% -2%,rgba(168,85,247,.38),transparent 58%),radial-gradient(ellipse 62% 40% at 92% 6%,rgba(45,212,224,.22),transparent 55%),radial-gradient(ellipse 60% 50% at 50% 110%,rgba(236,72,153,.18),transparent 60%),linear-gradient(128deg,#1a0f36 0%,#33205e 38%,#5b2f96 72%,#7a3fb0 100%);\nborder-radius:0;\nposition:relative;\nisolation:isolate;\ntext-align:left;\noverflow-x:hidden;\n-webkit-text-size-adjust:100%;\ntext-size-adjust:100%;\n}\n.nsipv::before{\ncontent:\"\";\nposition:absolute;\ninset:0;\nz-index:0;\npointer-events:none;\nbackground:radial-gradient(1px 1px at 12% 22%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1px 1px at 78% 12%,rgba(255,255,255,.45),transparent 60%),radial-gradient(1.5px 1.5px at 62% 32%,rgba(255,255,255,.35),transparent 60%),radial-gradient(1px 1px at 32% 68%,rgba(255,255,255,.3),transparent 60%);\nopacity:.5;\n}\n.nsipv *,.nsipv *::before,.nsipv *::after{box-sizing:border-box}\n.nsipv :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,label,span){margin:0;padding:0;border:0;font-weight:inherit}\n.nsipv :where(ul,ol){list-style:none}\n.nsipv img{max-width:100%;height:auto;display:block;border:0;vertical-align:middle}\n.nsipv a{color:var(--nsipv-cool);text-decoration:none}\n.nsipv a:hover{text-decoration:underline}\n.nsipv-shell{max-width:min(1280px,100%);margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--nsipv-gap);width:100%;min-width:0}\n\/* Hero \/ search *\/\n.nsipv-hero{background:transparent;padding:40px 0 14px;text-align:center;width:100%;min-width:0;border:0;box-shadow:none;border-radius:0;position:relative;z-index:1}\n.nsipv .nsipv-hero__title{display:flex;align-items:center;justify-content:center;margin:0 0 10px;color:var(--nsipv-ink)}\n.nsipv-hero__brand{display:inline-flex;flex-wrap:wrap;max-width:100%;min-width:0;align-items:center;justify-content:center;gap:12px}\n.nsipv .nsipv-hero__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:48px;height:48px;border-radius:14px;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff;font-size:1.5rem;line-height:1;box-shadow:0 8px 24px rgba(214,36,159,.45),inset 0 1px 0 rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.35)}\n.nsipv .nsipv-hero__icon i{display:block;line-height:1;width:auto;font-size:1em}\n.nsipv-hero__title-text{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:.35em;min-width:0;font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:800;letter-spacing:-.025em;line-height:1.2;text-align:left;overflow-wrap:anywhere;word-break:break-word;text-shadow:0 2px 18px rgba(0,0,0,.3)}\n.nsipv-hero__title-mark{background:linear-gradient(90deg,var(--nsipv-accent),#ffd47a 50%,var(--nsipv-cool));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}\n.nsipv .nsipv-hero__lead{max-width:580px;margin:0 auto 20px;color:var(--nsipv-muted);font-size:clamp(.9rem,2.4vw,.98rem);line-height:1.6;padding:0 4px}\n.nsipv-search{display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:left;width:100%;max-width:720px;min-width:0;box-sizing:border-box;margin:4px auto 0;padding:clamp(12px,2vw,18px);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid var(--nsipv-line);border-radius:16px;box-shadow:var(--nsipv-shadow),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}\n.nsipv .nsipv-search__label{display:block;font-size:.86rem;font-weight:700;letter-spacing:.02em;color:#efe7ff;line-height:1.3}\n.nsipv-search__row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;width:100%;min-width:0}\n.nsipv .nsipv-search__field{flex:1 1 0%;min-width:0;height:48px;min-height:48px;padding:0 16px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px;background:rgba(255,255,255,.96)!important;color:#1d1630!important;font-family:var(--nsipv-font);font-size:16px!important;font-weight:500;line-height:48px;outline:none;box-shadow:0 2px 10px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.9);width:100%;max-width:100%;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}\n.nsipv .nsipv-search__field:focus{background:#fff!important;border-color:var(--nsipv-accent)!important;box-shadow:0 0 0 4px var(--nsipv-accent-glow),0 4px 16px rgba(0,0,0,.18)}\n.nsipv .nsipv-search__field::placeholder{color:#8a7aa8}\n.nsipv .nsipv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 calc(50% - 4px);height:48px;min-height:48px;min-width:0;padding:0 18px!important;border:1px solid transparent!important;border-radius:12px;font-family:var(--nsipv-font);font-size:.92rem!important;font-weight:800!important;letter-spacing:.01em;line-height:1;cursor:pointer;transition:transform .18s ease,box-shadow .2s ease,filter .2s ease,background .2s ease;white-space:nowrap;user-select:none;text-decoration:none;appearance:none;-webkit-appearance:none;touch-action:manipulation}\n.nsipv .nsipv-btn i,.nsipv .nsipv-tabs__btn i,.nsipv .nsipv-card__action i,.nsipv .nsipv-avatar__zoom i,.nsipv .nsipv-modal__close i,.nsipv .nsipv-demo-chip i,.nsipv .nsipv-bio__link i,.nsipv .nsipv-card__badge i,.nsipv .nsipv-card__overlay i,.nsipv i.fa-solid,.nsipv i.fa-brands,.nsipv i.fas{--fa-display:inline-block;display:inline-block!important;line-height:1!important;font-size:.92em;width:1.15em;text-align:center;vertical-align:middle;font-style:normal!important;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased}\n.nsipv .nsipv-empty i{display:block!important;font-size:2.1rem!important;width:auto;margin:0 auto 14px;opacity:.9;line-height:1!important;color:#fff}\n\/* Required FA icon aliases \u2014 keep visible, inherit color, premium sizing *\/\n.nsipv .fa-circle,.nsipv .fa-circle-play,.nsipv .fa-download,.nsipv .fa-expand,.nsipv .fa-eye,.nsipv .fa-film,.nsipv .fa-images,.nsipv .fa-paste,.nsipv .fa-play,.nsipv .fa-star,.nsipv .fa-table-cells,.nsipv .fa-xmark{display:inline-block!important;line-height:1!important;font-style:normal!important;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;text-align:center;vertical-align:middle;color:inherit}\n.nsipv .fa-circle{font-size:.6em}\n.nsipv .fa-play,.nsipv .fa-circle-play{font-size:1em}\n.nsipv .fa-star{color:#ffd166!important}\n.nsipv .nsipv-card__overlay .fa-eye,.nsipv .nsipv-card__overlay .fa-play,.nsipv .fa-film,.nsipv .fa-images{color:#fff!important}\n\/* Skeleton loading *\/\n.nsipv .nsipv-skeleton{display:none;margin:0}\n.nsipv .nsipv-skeleton.is-visible{display:block}\n.nsipv .nsipv-content.is-hidden{display:none!important}\n@keyframes nsipv-shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}\n.nsipv .nsipv-sk{background:linear-gradient(90deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.17) 45%,rgba(255,255,255,.06) 100%);background-size:800px 100%;animation:nsipv-shimmer 1.35s ease-in-out infinite;border-radius:8px}\n.nsipv-skeleton__panel{background:var(--nsipv-panel);border:1px solid var(--nsipv-line);border-radius:var(--nsipv-radius);box-shadow:var(--nsipv-shadow);padding:18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}\n.nsipv-skeleton__profile{display:grid;grid-template-columns:1fr;gap:14px;align-items:center;justify-items:center;padding:var(--nsipv-pad);border-radius:14px;background:linear-gradient(160deg,rgba(45,212,224,.12),rgba(255,171,46,.12));border:1px solid rgba(255,255,255,.08);text-align:center}\n.nsipv .nsipv-skeleton__avatar{width:var(--nsipv-avatar);height:var(--nsipv-avatar);border-radius:50%!important;border:3px solid rgba(255,255,255,.14)}\n.nsipv-skeleton__meta{display:flex;flex-direction:column;gap:10px;min-width:0;align-items:center;text-align:center;width:100%}\n.nsipv-skeleton__line{height:16px}\n.nsipv-skeleton__line--lg{width:min(200px,70%);height:22px}\n.nsipv-skeleton__line--md{width:min(140px,50%);height:14px}\n.nsipv-skeleton__line--bio{width:100%;height:54px;margin-top:4px;grid-column:1\/-1}\n.nsipv-skeleton__stats{display:flex;gap:14px;margin-top:2px;justify-content:center;flex-wrap:wrap}\n.nsipv-skeleton__stat{width:58px;height:36px;border-radius:8px}\n.nsipv-skeleton__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 14px;width:100%}\n.nsipv-skeleton__tab{flex:1 1 calc(50% - 8px);width:auto;min-width:0;height:40px;border-radius:999px}\n.nsipv-skeleton__grid{display:grid;grid-template-columns:1fr;gap:12px}\n.nsipv-skeleton__card{border-radius:12px;overflow:hidden;border:1px solid var(--nsipv-line);background:rgba(255,255,255,.05)}\n.nsipv-skeleton__thumb{aspect-ratio:1\/1;border-radius:0}\n.nsipv-skeleton__foot{height:44px;margin:10px 12px;border-radius:8px}\n.nsipv-tab-sk{margin:0;width:100%}\n.nsipv-tab-sk--stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}\n.nsipv-tab-sk__story{display:flex;flex-direction:column;gap:8px;align-items:center}\n.nsipv-tab-sk__story-thumb{width:100%;aspect-ratio:9\/16;border-radius:12px}\n.nsipv-tab-sk__story-time{width:56%;height:12px;border-radius:6px}\n.nsipv-tab-sk--highlights{display:flex;flex-wrap:wrap;gap:14px 16px;justify-content:flex-start}\n.nsipv-tab-sk__highlight{width:88px;display:flex;flex-direction:column;align-items:center;gap:8px}\n.nsipv-tab-sk__highlight-cover{width:78px;height:78px;border-radius:50%!important}\n.nsipv-tab-sk__highlight-title{width:64px;height:10px;border-radius:6px}\n.nsipv-tab-sk--reels,.nsipv-tab-sk--posts{display:grid;grid-template-columns:1fr;gap:12px}\n.nsipv-tab-sk__reel,.nsipv-tab-sk__post{border-radius:12px;overflow:hidden;border:1px solid var(--nsipv-line);background:rgba(255,255,255,.05)}\n.nsipv-tab-sk__reel-thumb{aspect-ratio:9\/14;border-radius:0}\n.nsipv-tab-sk__post-thumb{aspect-ratio:1\/1;border-radius:0}\n.nsipv-tab-sk__reel-foot,.nsipv-tab-sk__post-foot{height:40px;margin:10px 12px;border-radius:8px}\n.nsipv .nsipv-loader{display:none!important}\n.nsipv .nsipv-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}\n.nsipv .nsipv-btn:active{transform:translateY(0) scale(.98)}\n.nsipv .nsipv-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--nsipv-accent-glow)}\n.nsipv .nsipv-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}\n.nsipv .nsipv-btn--paste{background:linear-gradient(135deg,#3ae0ec 0%,var(--nsipv-cool-deep) 100%)!important;color:#062a2e!important;font-weight:800!important;box-shadow:0 6px 18px rgba(14,154,166,.4),inset 0 1px 0 rgba(255,255,255,.55)}\n.nsipv .nsipv-btn--paste:hover{box-shadow:0 10px 26px rgba(45,212,224,.5),inset 0 1px 0 rgba(255,255,255,.6)}\n.nsipv .nsipv-btn--view{background:linear-gradient(135deg,#ffc24b 0%,var(--nsipv-accent) 42%,#ff7a3d 100%)!important;color:#2a1400!important;box-shadow:0 6px 18px rgba(232,135,0,.42),inset 0 1px 0 rgba(255,255,255,.55)}\n.nsipv .nsipv-btn--view:hover{box-shadow:0 10px 26px rgba(255,171,46,.55),inset 0 1px 0 rgba(255,255,255,.65)}\n.nsipv-more{display:flex;justify-content:center;width:100%;margin:16px 0 2px}\n.nsipv .nsipv-btn--more{flex:0 1 auto;width:auto;min-width:220px;max-width:100%;background:linear-gradient(135deg,#ffc24b 0%,var(--nsipv-accent) 45%,#ff7a3d 100%)!important;color:#2a1400!important;box-shadow:0 6px 18px rgba(232,135,0,.4),inset 0 1px 0 rgba(255,255,255,.55)}\n.nsipv .nsipv-search__hint{margin:0;font-size:.8rem;font-style:italic;color:var(--nsipv-dim);line-height:1.45}\n.nsipv .nsipv-alert{display:none;margin:0;padding:12px 14px;border-radius:12px;background:rgba(255,107,122,.14);border:1px solid rgba(255,107,122,.42);color:#ffd7dc;font-weight:600;font-size:.88rem;text-align:left;line-height:1.45;box-shadow:var(--nsipv-shadow-sm)}\n.nsipv .nsipv-alert.is-visible{display:block}\n.nsipv .nsipv-demo-chip{display:inline-flex;align-items:center;align-self:flex-start;width:auto;max-width:max-content;gap:6px;margin:0;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(45,212,224,.22),rgba(168,85,247,.22));border:1px solid rgba(45,212,224,.4);color:#aef3f8;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}\n\/* Result panel *\/\n.nsipv .nsipv-result{display:block;margin:0}\n.nsipv-panel{background:linear-gradient(180deg,rgba(46,26,86,.86),rgba(28,14,52,.82));border:1px solid var(--nsipv-line);border-radius:var(--nsipv-radius);box-shadow:var(--nsipv-shadow),inset 0 1px 0 rgba(255,255,255,.12);padding:clamp(12px,2vw,20px);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);width:100%;min-width:0}\n.nsipv-profile{display:grid;grid-template-columns:1fr;gap:14px;align-items:center;justify-items:center;padding:clamp(14px,2vw,20px);border-radius:14px;background:linear-gradient(155deg,rgba(45,212,224,.12),rgba(168,85,247,.1) 45%,rgba(255,171,46,.12));border:1px solid rgba(255,255,255,.1);width:100%;min-width:0;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}\n.nsipv-avatar{position:relative;width:var(--nsipv-avatar);height:var(--nsipv-avatar);justify-self:center}\n.nsipv-avatar__ring{width:100%;height:100%;border-radius:50%;padding:3px;background:conic-gradient(from 180deg,var(--nsipv-cool),var(--nsipv-violet),var(--nsipv-pink),var(--nsipv-accent),var(--nsipv-cool));box-shadow:0 10px 26px rgba(0,0,0,.35);overflow:hidden}\n.nsipv .nsipv-avatar__img{width:100%!important;height:100%!important;max-width:none;border-radius:50%;object-fit:cover;background:#1a1230;border:3px solid rgba(255,255,255,.22)}\n.nsipv .nsipv-avatar__zoom{position:absolute;right:2px;bottom:2px;width:34px;height:34px;padding:0!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--nsipv-accent),var(--nsipv-accent-deep))!important;color:#fff!important;cursor:pointer;box-shadow:0 6px 16px rgba(232,135,0,.5);transition:transform .2s ease;appearance:none;-webkit-appearance:none;z-index:2}\n.nsipv .nsipv-avatar__download{right:auto;left:2px}\n.nsipv .nsipv-avatar__zoom:hover{transform:scale(1.1) rotate(8deg)}\n.nsipv .nsipv-avatar__zoom:focus-visible{outline:2px solid #fff;outline-offset:2px}\n.nsipv .nsipv-card__actions,.nsipv .nsipv-reel__actions{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}\n.nsipv-meta{min-width:0;text-align:center;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center}\n.nsipv .nsipv-meta__name{font-size:clamp(1.12rem,4cqi,1.4rem);font-weight:800;letter-spacing:-.01em;color:#fff;line-height:1.25;word-break:break-word;overflow-wrap:anywhere}\n.nsipv .nsipv-meta__handle{font-size:clamp(.9rem,3cqi,.98rem);font-weight:600;color:var(--nsipv-cool);line-height:1.3;margin:0 0 8px}\n.nsipv .nsipv-stats{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;margin:6px 0 0;padding:0;justify-content:center;width:100%}\n.nsipv .nsipv-stats__item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:86px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}\n.nsipv .nsipv-stats__value{font-size:clamp(1rem,3.5cqi,1.12rem);font-weight:800;color:#fff;line-height:1.2;font-variant-numeric:tabular-nums}\n.nsipv .nsipv-stats__label{font-size:.76rem;font-weight:600;color:var(--nsipv-dim);text-transform:lowercase;letter-spacing:.02em;line-height:1.2}\n.nsipv .nsipv-bio{grid-column:1\/-1;margin:0;padding:14px 2px 0;border-top:1px solid var(--nsipv-line);text-align:center;color:#e6dbfb;font-size:clamp(.87rem,3cqi,.94rem);line-height:1.6;min-width:0;overflow-wrap:anywhere}\n.nsipv .nsipv-bio p{margin:0;white-space:pre-line}\n.nsipv .nsipv-bio__link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 14px;border-radius:999px;background:rgba(45,212,224,.14);border:1px solid rgba(45,212,224,.35);font-weight:700;font-size:.88rem;color:#aef3f8!important;text-decoration:none!important}\n.nsipv .nsipv-bio__link:hover{background:rgba(45,212,224,.24);text-decoration:none!important}\n.nsipv-tabs{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;margin:18px 0 14px;padding:4px;width:100%;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);border-radius:999px}\n.nsipv .nsipv-tabs__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;min-height:42px;min-width:0;padding:0 16px!important;border-radius:999px;background:transparent!important;border:1px solid transparent!important;color:var(--nsipv-muted)!important;font-family:var(--nsipv-font);font-weight:800!important;font-size:clamp(.8rem,2.8cqi,.88rem)!important;line-height:1;cursor:pointer;transition:transform .18s ease,background .2s ease,color .2s ease,box-shadow .2s ease;appearance:none;-webkit-appearance:none;touch-action:manipulation;flex:1 1 calc(50% - 8px);max-width:100%}\n.nsipv .nsipv-tabs__btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)!important;color:#fff!important}\n.nsipv .nsipv-tabs__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}\n.nsipv .nsipv-tabs__btn.is-active{background:linear-gradient(135deg,var(--nsipv-cool) 0%,var(--nsipv-violet) 55%,var(--nsipv-accent) 130%)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important;box-shadow:0 8px 20px rgba(45,212,224,.32),inset 0 1px 0 rgba(255,255,255,.35)}\n.nsipv .nsipv-pane{display:none!important;margin:0;padding:0;width:100%;min-width:0;overflow:hidden}\n.nsipv .nsipv-pane.is-active{display:block!important}\n.nsipv-empty{margin:0;padding:clamp(36px,6vw,56px) 20px;border:1px dashed rgba(255,255,255,.32);border-radius:16px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.92);text-align:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}\n.nsipv-empty i{display:block;font-size:2rem;margin:0 auto 10px;opacity:.35}\n.nsipv .nsipv-empty p{margin:0 auto;max-width:38ch;font-size:.95rem;line-height:1.6;color:rgba(255,255,255,.92)}\n.nsipv-content.is-placeholder .nsipv-bio,.nsipv-content.is-placeholder .nsipv-avatar__download{display:none!important}\n.nsipv-content.is-placeholder .nsipv-meta__handle{order:-1;font-size:clamp(1.1rem,4cqi,1.35rem);font-weight:800;color:#fff;opacity:1}\n.nsipv-content.is-placeholder .nsipv-meta__name{font-size:1rem;font-weight:500;color:rgba(255,255,255,.92)}\n.nsipv-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:0;align-items:stretch;width:100%}\n.nsipv-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px rgba(0,0,0,.22);transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease;min-width:0;max-width:100%;width:100%;height:100%}\n.nsipv-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(0,0,0,.36);border-color:rgba(255,255,255,.22)}\n.nsipv-card__media{position:relative;aspect-ratio:1\/1;width:100%;overflow:hidden;background:#170d2a;flex:0 0 auto;cursor:pointer}\n.nsipv-card__media--post{aspect-ratio:1\/1}\n.nsipv-card__media--reel{aspect-ratio:9\/14}\n.nsipv .nsipv-card__img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:center;transition:transform .45s ease}\n.nsipv-card:hover .nsipv-card__img{transform:scale(1.06)}\n.nsipv-card__badge{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:rgba(10,4,22,.62);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.76rem;z-index:1}\n.nsipv-card__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(180deg,rgba(20,8,40,.25),rgba(20,8,40,.68));opacity:0;transition:opacity .25s ease;color:#fff;font-weight:700;font-size:.86rem;z-index:1}\n.nsipv-card:hover .nsipv-card__overlay{opacity:1}\n.nsipv-card__overlay span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2)}\n.nsipv-card__foot{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:52px;height:auto;flex-wrap:wrap;padding:10px 12px;margin-top:auto;flex:0 0 auto;color:var(--nsipv-muted);font-size:.82rem;line-height:1.3;box-sizing:border-box;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22)}\n.nsipv-card__foot>span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.nsipv .nsipv-card__actions{display:inline-flex!important;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap!important;max-width:100%;min-width:0}\n.nsipv .nsipv-card__action{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:auto;min-height:36px;max-height:none;padding:7px 12px!important;border:1px solid rgba(255,171,46,.35)!important;border-radius:999px;background:rgba(255,171,46,.16)!important;color:#ffcf7d!important;font-family:var(--nsipv-font);font-size:.78rem!important;font-weight:800!important;line-height:1;white-space:nowrap;cursor:pointer;transition:background .2s ease,transform .18s ease,box-shadow .2s ease;appearance:none;-webkit-appearance:none}\n.nsipv .nsipv-card__action:hover{background:rgba(255,171,46,.32)!important;transform:translateY(-1px);box-shadow:0 6px 14px rgba(255,171,46,.25)}\n.nsipv .nsipv-card__action:focus-visible{outline:2px solid #fff;outline-offset:2px}\n.nsipv-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}\n.nsipv-story{text-align:center;margin:0}\n.nsipv .nsipv-story__thumb{width:100%!important;height:auto!important;aspect-ratio:9\/16;border-radius:14px;object-fit:cover;border:2px solid transparent;background:linear-gradient(#2a1a4a,#2a1a4a) padding-box,linear-gradient(145deg,var(--nsipv-cool),var(--nsipv-violet),var(--nsipv-accent)) border-box;box-shadow:0 8px 20px rgba(0,0,0,.28);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}\n.nsipv-story__thumb:hover{transform:scale(1.02) translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.36)}\n.nsipv .nsipv-story__time{display:block;margin-top:8px;font-size:.75rem;font-weight:600;color:var(--nsipv-dim);line-height:1.3}\n.nsipv-highlights{display:flex;flex-wrap:wrap;gap:14px 16px;justify-content:flex-start;margin:0}\n.nsipv-highlight{width:88px;text-align:center;cursor:pointer;margin:0;transition:transform .18s ease}\n.nsipv-highlight:hover{transform:translateY(-3px)}\n.nsipv .nsipv-highlight__cover{width:78px!important;height:78px!important;max-width:none;margin:0 auto;border-radius:50%;object-fit:cover;padding:3px;background:conic-gradient(from 180deg,var(--nsipv-accent),var(--nsipv-pink),var(--nsipv-cool));border:2px solid rgba(255,255,255,.28);box-shadow:0 8px 20px rgba(0,0,0,.3)}\n.nsipv .nsipv-highlight__title{display:block;margin-top:8px;font-size:.75rem;font-weight:600;color:var(--nsipv-muted);word-break:break-word;line-height:1.35}\n.nsipv-modal{display:none;position:fixed;inset:0;z-index:999999;align-items:center;justify-content:center;padding:clamp(10px,3vw,20px);background:rgba(8,3,18,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}\n.nsipv-modal.is-open{display:flex}\n.nsipv-modal__dialog{position:relative;display:flex;flex-direction:column;width:min(480px,100%);max-width:100%;max-height:min(92vh,100%);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#221240,#150b28);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 70px rgba(0,0,0,.55)}\n.nsipv-modal__stage{position:relative;flex:1 1 auto;min-height:220px;max-height:min(70vh,720px);display:flex;align-items:center;justify-content:center;background:#0d0718;overflow:hidden}\n.nsipv .nsipv-modal__media{display:block;width:100%;height:100%;max-height:min(70vh,720px);margin:0 auto;object-fit:contain;background:#0d0718}\n.nsipv .nsipv-modal__media--img{display:block;width:100%;height:auto;max-height:min(70vh,720px);margin:0 auto;object-fit:contain;background:#0d0718;border-radius:0}\n.nsipv .nsipv-modal__media.is-hidden{display:none!important}\n.nsipv .nsipv-modal__media--video{width:100%;max-height:min(70vh,720px);background:#000}\n.nsipv .nsipv-modal__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:74px;height:74px;padding:0!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;background:rgba(0,0,0,.55)!important;color:#fff!important;font-size:1.5rem!important;cursor:pointer;appearance:none;-webkit-appearance:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .2s ease,background .2s ease}\n.nsipv .nsipv-modal__play:hover{transform:translate(-50%,-50%) scale(1.06);background:rgba(0,0,0,.7)!important}\n.nsipv .nsipv-modal__play.is-hidden{display:none!important}\n.nsipv-modal__bar{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.22);z-index:2}\n.nsipv-modal__caption{margin:0;min-width:0;color:var(--nsipv-muted);font-size:.88rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.nsipv-modal__actions{display:flex;gap:8px}\n.nsipv .nsipv-modal__action{flex:1 1 0;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 12px!important;border:1px solid transparent!important;border-radius:12px!important;font-size:.88rem!important;font-weight:800!important;cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform .18s ease,filter .2s ease,box-shadow .2s ease}\n.nsipv .nsipv-modal__action--play{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}\n.nsipv .nsipv-modal__action--play:hover{background:rgba(255,255,255,.22)!important;transform:translateY(-1px)}\n.nsipv .nsipv-modal__action--download{background:linear-gradient(135deg,#ffc24b,var(--nsipv-accent) 55%,#ff7a3d)!important;color:#2a1400!important;box-shadow:0 6px 16px rgba(255,171,46,.35)}\n.nsipv .nsipv-modal__action--download:hover{filter:brightness(1.06);transform:translateY(-1px)}\n.nsipv .nsipv-modal__action:disabled,.nsipv .nsipv-modal__action.is-hidden{opacity:.55}\n.nsipv .nsipv-modal__action.is-hidden{display:none!important}\n.nsipv .nsipv-modal__close{position:absolute;top:10px;right:10px;width:38px;height:38px;padding:0!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,.58)!important;color:#fff!important;cursor:pointer;z-index:2;appearance:none;-webkit-appearance:none;transition:transform .18s ease,background .2s ease}\n.nsipv .nsipv-modal__close:hover{transform:scale(1.08);background:rgba(0,0,0,.75)!important}\n\/* Download progress toast *\/\n.nsipv-dlprog{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom,0px));transform:translate(-50%,120%);z-index:1000000;width:min(420px,calc(100vw - 24px));padding:14px 16px;border-radius:16px;background:rgba(24,13,44,.96);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 52px rgba(0,0,0,.5);color:var(--nsipv-ink);opacity:0;pointer-events:none;transition:transform .28s ease,opacity .28s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}\n.nsipv-dlprog.is-open{transform:translate(-50%,0);opacity:1;pointer-events:auto}\n.nsipv-dlprog.is-success{border-color:rgba(45,212,224,.55);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 0 3px rgba(45,212,224,.15)}\n.nsipv-dlprog.is-error{border-color:rgba(255,107,122,.6);box-shadow:0 20px 52px rgba(0,0,0,.5),0 0 0 3px rgba(255,107,122,.15)}\n.nsipv-dlprog__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}\n.nsipv-dlprog__title{display:flex;align-items:center;gap:8px;min-width:0;font-size:.92rem;font-weight:800}\n.nsipv-dlprog__title i{color:var(--nsipv-accent,#ff9f1a)}\n.nsipv-dlprog__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.nsipv-dlprog__pct{flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:800;font-size:.95rem;color:var(--nsipv-cool,#22c8d4)}\n.nsipv-dlprog__track{width:100%;height:10px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}\n.nsipv-dlprog__fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#e88700,#ffab2e 45%,#2dd4e0);box-shadow:0 0 16px rgba(255,171,46,.4);transition:width .18s ease-out}\n.nsipv-dlprog.is-indeterminate .nsipv-dlprog__fill{width:36%!important;animation:nsipv-dlprog-slide 1.1s ease-in-out infinite}\n@keyframes nsipv-dlprog-slide{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}\n.nsipv-dlprog__meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:.78rem;color:var(--nsipv-muted);font-variant-numeric:tabular-nums}\n.nsipv-dlprog__status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n\/* Turnstile \/ widget helpers (scoped, premium) *\/\n.nsipv .xrespond-ts-widget{display:block;width:100%;min-width:0;margin:6px 0 0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--nsipv-muted);font-size:.85rem;line-height:1.45;overflow:hidden}\n.nsipv .xrespond-ts-label{display:block;margin:0 0 6px;font-size:.8rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#efe7ff;line-height:1.3}\n.nsipv .xrespond-ts-error{display:none;margin:8px 0 0;padding:10px 12px;border-radius:10px;background:rgba(255,107,122,.14);border:1px solid rgba(255,107,122,.45);color:#ffd7dc;font-size:.85rem;font-weight:600;line-height:1.45}\n.nsipv .xrespond-ts-error.is-visible{display:block}\n\/* Responsive (viewport + overflow-proof) *\/\n.nsipv-shell{max-width:min(1280px,100%)!important;min-width:0!important}\n.nsipv-hero,.nsipv-panel,.nsipv-result,.nsipv-content,.nsipv-search,.nsipv-search__row,.nsipv-profile,.nsipv-skeleton__profile,.nsipv-tabs,.nsipv-pane,.nsipv-grid,.nsipv-stories,.nsipv-highlights,.nsipv-skeleton__panel,.nsipv-skeleton__grid,.nsipv-tab-sk,.nsipv-card{max-width:100%!important;min-width:0!important}\n.nsipv .nsipv-btn,.nsipv .nsipv-tabs__btn,.nsipv .nsipv-search__field{max-width:100%!important}\n.nsipv.nsipv--compact .nsipv-search__row{flex-wrap:wrap!important;flex-direction:row!important}\n.nsipv.nsipv--compact .nsipv-search__field{flex:1 1 100%!important;width:100%!important}\n.nsipv.nsipv--compact .nsipv-btn{flex:1 1 calc(50% - 4px)!important;width:auto!important;min-width:0!important}\n.nsipv.nsipv--compact .nsipv-btn--more,.nsipv.nsipv--narrow .nsipv-btn--more{flex:0 1 auto!important;width:auto!important;min-width:min(200px,100%)!important}\n.nsipv.nsipv--compact .nsipv-profile,.nsipv.nsipv--compact .nsipv-skeleton__profile{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important}\n.nsipv.nsipv--compact .nsipv-avatar,.nsipv.nsipv--compact .nsipv-meta,.nsipv.nsipv--compact .nsipv-bio,.nsipv.nsipv--compact .nsipv-stats,.nsipv.nsipv--compact .nsipv-stats__item{justify-self:center!important;text-align:center!important;align-items:center!important;justify-content:center!important}\n.nsipv.nsipv--compact .nsipv-tabs__btn{flex:1 1 calc(50% - 6px)!important}\n.nsipv.nsipv--compact .nsipv-grid,.nsipv.nsipv--compact .nsipv-skeleton__grid,.nsipv.nsipv--compact .nsipv-tab-sk--posts,.nsipv.nsipv--compact .nsipv-tab-sk--reels{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n.nsipv.nsipv--compact .nsipv-stories,.nsipv.nsipv--compact .nsipv-tab-sk--stories{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n.nsipv.nsipv--compact .nsipv-card__action{min-height:40px;flex:1 1 calc(50% - 4px)}\n.nsipv.nsipv--narrow{padding-left:6px!important;padding-right:6px!important}\n.nsipv.nsipv--narrow .nsipv-btn{flex:1 1 100%!important}\n.nsipv.nsipv--narrow .nsipv-tabs__btn{flex:1 1 100%!important}\n.nsipv.nsipv--narrow .nsipv-grid,.nsipv.nsipv--narrow .nsipv-skeleton__grid,.nsipv.nsipv--narrow .nsipv-tab-sk--posts,.nsipv.nsipv--narrow .nsipv-tab-sk--reels,.nsipv.nsipv--narrow .nsipv-stories,.nsipv.nsipv--narrow .nsipv-tab-sk--stories{grid-template-columns:1fr!important}\n.nsipv.nsipv--narrow .nsipv-card__action{flex:1 1 100%;min-height:44px}\n.nsipv.nsipv--narrow .nsipv-hero__title-text{font-size:clamp(1.05rem,5.2vw,1.35rem);justify-content:center;text-align:center}\n.nsipv.nsipv--wide:not(.nsipv--compact) .nsipv-grid,.nsipv.nsipv--wide:not(.nsipv--compact) .nsipv-skeleton__grid,.nsipv.nsipv--wide:not(.nsipv--compact) .nsipv-tab-sk--posts{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n.nsipv.nsipv--xlarge:not(.nsipv--compact) .nsipv-grid,.nsipv.nsipv--xlarge:not(.nsipv--compact) .nsipv-skeleton__grid,.nsipv.nsipv--xlarge:not(.nsipv--compact) .nsipv-tab-sk--posts{grid-template-columns:repeat(3,minmax(0,1fr))!important}\n.nsipv.nsipv--roomy:not(.nsipv--compact) .nsipv-grid,.nsipv.nsipv--roomy:not(.nsipv--compact) .nsipv-skeleton__grid,.nsipv.nsipv--roomy:not(.nsipv--compact) .nsipv-tab-sk--posts{grid-template-columns:repeat(4,minmax(0,1fr))!important}\n@media (max-width:767px){\n.nsipv{--nsipv-avatar:88px;--nsipv-grid-min:100%;--nsipv-story-min:calc(50% - 6px);--nsipv-radius:14px;width:100%!important;max-width:100%!important;padding:12px 8px 18px!important;overflow-x:hidden!important}\n.nsipv-hero,.nsipv-panel,.nsipv-skeleton__panel{padding:12px 10px!important}\n.nsipv .nsipv-search__row{flex-direction:row!important;flex-wrap:wrap!important;align-items:stretch!important}\n.nsipv .nsipv-search__field{flex:1 1 100%!important;width:100%!important}\n.nsipv .nsipv-btn{flex:1 1 calc(50% - 4px)!important;width:auto!important;min-width:0!important;min-height:48px!important}\n.nsipv-profile,.nsipv-skeleton__profile{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:12px!important}\n.nsipv-avatar,.nsipv-skeleton__avatar{justify-self:center!important}\n.nsipv-meta,.nsipv-skeleton__meta{text-align:center!important;align-items:center!important}\n.nsipv .nsipv-stats,.nsipv-skeleton__stats{justify-content:center!important}\n.nsipv .nsipv-stats__item{align-items:center!important}\n.nsipv .nsipv-bio{text-align:center!important}\n.nsipv .nsipv-tabs{gap:6px!important;padding:4px!important}\n.nsipv .nsipv-tabs__btn{flex:1 1 calc(50% - 6px)!important;width:auto!important;min-height:44px!important}\n.nsipv-skeleton__tab{flex:1 1 calc(50% - 6px)!important}\n.nsipv-grid,.nsipv-skeleton__grid,.nsipv-tab-sk--posts,.nsipv-tab-sk--reels{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}\n.nsipv-stories,.nsipv-tab-sk--stories{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n.nsipv-highlights,.nsipv-tab-sk--highlights{justify-content:center!important}\n.nsipv-modal{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important}\n.nsipv-modal__dialog{width:min(480px,100%)!important;max-height:min(92dvh,100%)!important}\n.nsipv .nsipv-modal__close{width:44px!important;height:44px!important}\n}\n@media (max-width:420px){\n.nsipv .nsipv-btn{flex:1 1 100%!important}\n.nsipv .nsipv-btn--more{flex:0 1 auto!important;width:100%!important;max-width:100%!important}\n.nsipv .nsipv-tabs__btn{flex:1 1 100%!important}\n.nsipv-grid,.nsipv-skeleton__grid,.nsipv-tab-sk--posts,.nsipv-tab-sk--reels,.nsipv-stories,.nsipv-tab-sk--stories{grid-template-columns:1fr!important}\n.nsipv .nsipv-search{padding:12px 10px!important}\n.nsipv .nsipv-card__foot{flex-direction:column;align-items:stretch}\n.nsipv .nsipv-card__actions{justify-content:stretch}\n.nsipv .nsipv-card__action{flex:1 1 100%!important}\n}\n@media (min-width:768px){\n.nsipv{--nsipv-avatar:110px;--nsipv-grid-min:180px;--nsipv-story-min:110px}\n.nsipv .nsipv-search__row{flex-direction:row!important;flex-wrap:wrap!important}\n.nsipv .nsipv-search__field{flex:1 1 220px!important;width:auto!important}\n.nsipv .nsipv-btn{flex:0 1 auto!important;width:auto!important}\n.nsipv-profile,.nsipv-skeleton__profile{grid-template-columns:var(--nsipv-avatar) minmax(0,1fr)!important;justify-items:stretch!important;text-align:left!important}\n.nsipv-avatar,.nsipv-skeleton__avatar{justify-self:start!important;grid-column:1;grid-row:1}\n.nsipv-meta,.nsipv-skeleton__meta{grid-column:2;grid-row:1;text-align:left!important;align-items:flex-start!important}\n.nsipv .nsipv-bio,.nsipv-skeleton__line--bio{grid-column:1\/-1!important;text-align:left!important}\n.nsipv .nsipv-stats,.nsipv-skeleton__stats{justify-content:flex-start!important}\n.nsipv .nsipv-stats__item{align-items:flex-start!important}\n.nsipv .nsipv-tabs__btn{flex:0 1 auto!important}\n.nsipv-grid,.nsipv-skeleton__grid,.nsipv-tab-sk--posts{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n.nsipv-tab-sk--reels{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n.nsipv-stories,.nsipv-tab-sk--stories{grid-template-columns:repeat(3,minmax(0,1fr))!important}\n}\n@media (min-width:1024px){\n.nsipv{--nsipv-avatar:120px;--nsipv-grid-min:220px}\n.nsipv-grid,.nsipv-skeleton__grid,.nsipv-tab-sk--posts{grid-template-columns:repeat(3,minmax(0,1fr))!important}\n.nsipv-tab-sk--reels{grid-template-columns:repeat(3,minmax(0,1fr))!important}\n.nsipv-stories,.nsipv-tab-sk--stories{grid-template-columns:repeat(4,minmax(0,1fr))!important}\n}\n@media (min-width:1200px){\n.nsipv-grid,.nsipv-skeleton__grid,.nsipv-tab-sk--posts{grid-template-columns:repeat(4,minmax(0,1fr))!important}\n}\n@media (max-height:480px) and (orientation:landscape){\n.nsipv .nsipv-hero__lead{display:none}\n}\n@media (prefers-reduced-motion:reduce){\n.nsipv *,.nsipv *::before,.nsipv *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}\n.nsipv .nsipv-sk{animation:none;background:rgba(255,255,255,.1)}\n}\n@media (hover:none){\n.nsipv .nsipv-btn:hover,.nsipv .nsipv-tabs__btn:hover,.nsipv-card:hover{transform:none}\n.nsipv-card:hover .nsipv-card__overlay{opacity:0}\n.nsipv-card:focus-within .nsipv-card__overlay,.nsipv-card__media:active .nsipv-card__overlay{opacity:1}\n}\n.nsipv #xrespond-tools-turnstile-host{display:none}\n.nsipv #xrespond-tools-turnstile-host.is-visible{display:block!important}\nbody>#xrespond-tools-turnstile-host.is-visible{display:block!important;position:fixed!important;z-index:2147483000!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}\n.nsipv .nsipv-search,.nsipv .nsipv-search .nsipv-search__row,.nsipv .nsipv-search .nsipv-search__actions{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}\n.nsipv .nsipv-search .nsipv-search__row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:8px!important}\n.nsipv .nsipv-search .nsipv-search__field,.nsipv .nsipv-search .nsipv-search__row>.nsipv-search__field{flex:1 1 0%!important;width:100%!important;max-width:none!important;min-width:0!important}\n.nsipv .nsipv-search .nsipv-search__actions,.nsipv .nsipv-search .nsipv-search__row>.nsipv-search__actions{display:flex!important;flex:0 0 auto!important;flex-direction:row!important;width:auto!important;max-width:none!important;min-width:0!important;flex-wrap:nowrap!important;gap:8px!important}\n.nsipv .nsipv-search .nsipv-search__row>.nsipv-btn,.nsipv .nsipv-search .nsipv-search__actions .nsipv-btn,.nsipv .nsipv-search .nsipv-search__row .nsipv-search__actions .nsipv-btn{flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:110px!important}\n.nsipv.nsipv--compact .nsipv-search .nsipv-search__row,.nsipv.nsipv--narrow .nsipv-search .nsipv-search__row{flex-wrap:wrap!important}\n.nsipv.nsipv--compact .nsipv-search .nsipv-search__field,.nsipv.nsipv--narrow .nsipv-search .nsipv-search__field,.nsipv.nsipv--compact .nsipv-search .nsipv-search__row>.nsipv-search__field,.nsipv.nsipv--narrow .nsipv-search .nsipv-search__row>.nsipv-search__field{flex:1 1 100%!important;width:100%!important;max-width:100%!important}\n.nsipv.nsipv--compact .nsipv-search .nsipv-search__actions,.nsipv.nsipv--narrow .nsipv-search .nsipv-search__actions,.nsipv.nsipv--compact .nsipv-search .nsipv-search__row>.nsipv-search__actions,.nsipv.nsipv--narrow .nsipv-search .nsipv-search__row>.nsipv-search__actions{flex:1 1 100%!important;width:100%!important;max-width:100%!important}\n.nsipv.nsipv--compact .nsipv-search .nsipv-search__row>.nsipv-btn,.nsipv.nsipv--narrow .nsipv-search .nsipv-search__row>.nsipv-btn,.nsipv.nsipv--compact .nsipv-search .nsipv-search__actions .nsipv-btn,.nsipv.nsipv--narrow .nsipv-search .nsipv-search__actions .nsipv-btn,.nsipv.nsipv--compact .nsipv-search .nsipv-search__row .nsipv-search__actions .nsipv-btn,.nsipv.nsipv--narrow .nsipv-search .nsipv-search__row .nsipv-search__actions .nsipv-btn{flex:1 1 calc(50% - 4px)!important;min-width:0!important;max-width:100%!important}\n@media (max-width:720px){\n.nsipv .nsipv-search .nsipv-search__row{flex-wrap:wrap!important}\n.nsipv .nsipv-search .nsipv-search__field,.nsipv .nsipv-search .nsipv-search__row>.nsipv-search__field{flex:1 1 100%!important;width:100%!important;max-width:100%!important}\n.nsipv .nsipv-search .nsipv-search__actions,.nsipv .nsipv-search .nsipv-search__row>.nsipv-search__actions{flex:1 1 100%!important;width:100%!important;max-width:100%!important}\n.nsipv .nsipv-search .nsipv-search__row>.nsipv-btn,.nsipv .nsipv-search .nsipv-search__actions .nsipv-btn,.nsipv .nsipv-search .nsipv-search__row .nsipv-search__actions .nsipv-btn{flex:1 1 calc(50% - 4px)!important;min-width:0!important;max-width:100%!important}\n}\n@container nsipv (max-width:767px){\n.nsipv .nsipv-search .nsipv-search__row{flex-wrap:wrap!important}\n.nsipv .nsipv-search .nsipv-search__field,.nsipv .nsipv-search .nsipv-search__row>.nsipv-search__field{flex:1 1 100%!important;width:100%!important;max-width:100%!important}\n.nsipv .nsipv-search .nsipv-search__actions,.nsipv .nsipv-search .nsipv-search__row>.nsipv-search__actions{flex:1 1 100%!important;width:100%!important;max-width:100%!important}\n.nsipv .nsipv-search .nsipv-search__row>.nsipv-btn,.nsipv .nsipv-search .nsipv-search__actions .nsipv-btn,.nsipv .nsipv-search .nsipv-search__row .nsipv-search__actions .nsipv-btn{flex:1 1 calc(50% - 4px)!important;min-width:0!important;max-width:100%!important}\n}\n.nsipv-tabs,.nsipv .nsipv-tabs{width:100%;min-width:0;flex-wrap:wrap}\n.nsipv .nsipv-tabs__btn{min-width:0;max-width:100%}\n.nsipv.nsipv--wide:not(.nsipv--compact) .nsipv-tabs__btn{flex:0 1 auto}\n.nsipv.nsipv--compact .nsipv-tabs__btn,.nsipv.nsipv--narrow .nsipv-tabs__btn{flex:1 1 calc(50% - 8px)}\n.nsipv-hero__lead,.nsipv .nsipv-hero__lead,.nsipv-hero__title-text,.nsipv .nsipv-hero__title-text{max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}\n.nsipv-shell,.nsipv .nsipv-shell{min-width:0;width:100%}\n<\/style>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<div class=\"nsipv nsipv--wide\" id=\"nsipv-root\" data-nsipv-ready=\"0\">\n  <div class=\"nsipv-shell\">\n    <section class=\"nsipv-hero\" aria-labelledby=\"nsipv-title\">\n      <h1 class=\"nsipv-hero__title\" id=\"nsipv-title\">Instagram Web Viewer - Browse &amp; Explore Free<\/h1>\n<p class=\"nsipv-hero__lead\">\n        Preview any public Instagram profile with posts, stories, highlights, and reels.\n      <\/p>\n<div class=\"nsipv-search\">\n        <label class=\"nsipv-search__label\" for=\"nsipv-username\">Enter Instagram username<\/label>\n        <div id=\"xrespond-tools-turnstile-host\" aria-hidden=\"true\">\n          <span class=\"xrespond-ts-label\">Please verify you are human to continue:<\/span>\n          <div class=\"xrespond-ts-widget\"><\/div>\n<div class=\"xrespond-ts-error\" role=\"alert\"><\/div>\n        <\/div>\n<div class=\"nsipv-search__row\">\n          <input class=\"nsipv-search__field\" id=\"nsipv-username\" type=\"text\" name=\"nsipv_username\"\n            placeholder=\"@username\" autocomplete=\"off\" spellcheck=\"false\">\n          <button type=\"button\" class=\"nsipv-btn nsipv-btn--paste\" id=\"nsipv-paste\" aria-label=\"Paste username\">\n            <i class=\"fa-solid fa-paste\" aria-hidden=\"true\"><\/i> Paste\n          <\/button>\n          <button type=\"submit\" class=\"nsipv-btn nsipv-btn--view\" id=\"xrespond-tools-turnstile\">\n            <i class=\"fa-solid fa-eye\" aria-hidden=\"true\"><\/i> View Profile\n          <\/button>\n        <\/div>\n<div class=\"nsipv-alert\" id=\"nsipv-alert\" role=\"alert\"><\/div>\n<p class=\"nsipv-search__hint\">Enter an Instagram username (example: iamsrk)<\/p>\n      <\/div>\n    <\/section>\n\n    <div class=\"nsipv-skeleton\" id=\"nsipv-skeleton\" aria-hidden=\"true\" aria-busy=\"false\">\n      <div class=\"nsipv-skeleton__panel\">\n        <div class=\"nsipv-skeleton__profile\">\n          <div class=\"nsipv-sk nsipv-skeleton__avatar\" aria-hidden=\"true\"><\/div>\n<div class=\"nsipv-skeleton__meta\">\n            <div class=\"nsipv-sk nsipv-skeleton__line nsipv-skeleton__line--lg\" aria-hidden=\"true\"><\/div>\n<div class=\"nsipv-sk nsipv-skeleton__line nsipv-skeleton__line--md\" aria-hidden=\"true\"><\/div>\n<div class=\"nsipv-skeleton__stats\">\n              <div class=\"nsipv-sk nsipv-skeleton__stat\" aria-hidden=\"true\"><\/div>\n<div class=\"nsipv-sk nsipv-skeleton__stat\" aria-hidden=\"true\"><\/div>\n<div class=\"nsipv-sk nsipv-skeleton__stat\" aria-hidden=\"true\"><\/div>\n            <\/div>\n          <\/div>\n<div class=\"nsipv-sk nsipv-skeleton__line nsipv-skeleton__line--bio\" aria-hidden=\"true\"><\/div>\n        <\/div>\n<div class=\"nsipv-skeleton__tabs\" aria-hidden=\"true\">\n          <div class=\"nsipv-sk nsipv-skeleton__tab\"><\/div>\n<div class=\"nsipv-sk nsipv-skeleton__tab\"><\/div>\n<div class=\"nsipv-sk nsipv-skeleton__tab\"><\/div>\n<div class=\"nsipv-sk nsipv-skeleton__tab\"><\/div>\n        <\/div>\n<div class=\"nsipv-skeleton__grid\" aria-hidden=\"true\">\n          <div class=\"nsipv-skeleton__card\">\n            <div class=\"nsipv-sk nsipv-skeleton__thumb\"><\/div>\n<div class=\"nsipv-sk nsipv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsipv-skeleton__card\">\n            <div class=\"nsipv-sk nsipv-skeleton__thumb\"><\/div>\n<div class=\"nsipv-sk nsipv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsipv-skeleton__card\">\n            <div class=\"nsipv-sk nsipv-skeleton__thumb\"><\/div>\n<div class=\"nsipv-sk nsipv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsipv-skeleton__card\">\n            <div class=\"nsipv-sk nsipv-skeleton__thumb\"><\/div>\n<div class=\"nsipv-sk nsipv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsipv-skeleton__card\">\n            <div class=\"nsipv-sk nsipv-skeleton__thumb\"><\/div>\n<div class=\"nsipv-sk nsipv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsipv-skeleton__card\">\n            <div class=\"nsipv-sk nsipv-skeleton__thumb\"><\/div>\n<div class=\"nsipv-sk nsipv-skeleton__foot\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <section class=\"nsipv-result\" id=\"nsipv-result\" aria-live=\"polite\">\n      <div class=\"nsipv-panel nsipv-content is-placeholder\" id=\"nsipv-content\">\n        <div class=\"nsipv-profile\">\n          <div class=\"nsipv-avatar\">\n            <div class=\"nsipv-avatar__ring\">\n              <img decoding=\"async\" class=\"nsipv-avatar__img\" id=\"nsipv-avatar\"\n                src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%231a6bb5'\/%3E%3Cstop offset='1' stop-color='%235eb8e8'\/%3E%3C\/linearGradient%3E%3C\/defs%3E%3Crect width='320' height='320' fill='url(%23g)'\/%3E%3Ccircle cx='160' cy='118' r='52' fill='%23fff'\/%3E%3Cellipse cx='160' cy='268' rx='96' ry='72' fill='%23fff'\/%3E%3C\/svg%3E\"\n                alt=\"Profile avatar\">\n            <\/div>\n            <button type=\"button\" class=\"nsipv-avatar__zoom\" id=\"nsipv-avatar-zoom\" aria-label=\"Expand profile photo\">\n              <i class=\"fa-solid fa-expand\" aria-hidden=\"true\"><\/i>\n            <\/button>\n            <button type=\"button\" class=\"nsipv-avatar__zoom nsipv-avatar__download\" id=\"nsipv-avatar-download\"\n              aria-label=\"Download profile photo\">\n              <i class=\"fa-solid fa-download\" aria-hidden=\"true\"><\/i>\n            <\/button>\n          <\/div>\n<div class=\"nsipv-meta\">\n            <h2 class=\"nsipv-meta__name\" id=\"nsipv-name\">Full Name<\/h2>\n<p class=\"nsipv-meta__handle\" id=\"nsipv-handle\">@username<\/p>\n<ul class=\"nsipv-stats\">\n              <li class=\"nsipv-stats__item\">\n                <span class=\"nsipv-stats__value\" id=\"nsipv-posts-count\">0<\/span>\n                <span class=\"nsipv-stats__label\">posts<\/span>\n              <\/li>\n              <li class=\"nsipv-stats__item\">\n                <span class=\"nsipv-stats__value\" id=\"nsipv-followers-count\">0<\/span>\n                <span class=\"nsipv-stats__label\">followers<\/span>\n              <\/li>\n              <li class=\"nsipv-stats__item\">\n                <span class=\"nsipv-stats__value\" id=\"nsipv-following-count\">0<\/span>\n                <span class=\"nsipv-stats__label\">following<\/span>\n              <\/li>\n            <\/ul>\n          <\/div>\n<div class=\"nsipv-bio\" id=\"nsipv-bio\"><\/div>\n        <\/div>\n<div class=\"nsipv-tabs\" role=\"tablist\" aria-label=\"Profile sections\">\n          <button type=\"button\" class=\"nsipv-tabs__btn is-active\" role=\"tab\" aria-selected=\"true\"\n            data-nsipv-tab=\"posts\">\n            <i class=\"fa-solid fa-table-cells\" aria-hidden=\"true\"><\/i> Posts\n          <\/button>\n          <button type=\"button\" class=\"nsipv-tabs__btn\" role=\"tab\" aria-selected=\"false\" data-nsipv-tab=\"stories\">\n            <i class=\"fa-solid fa-circle\" aria-hidden=\"true\"><\/i> Stories\n          <\/button>\n          <button type=\"button\" class=\"nsipv-tabs__btn\" role=\"tab\" aria-selected=\"false\" data-nsipv-tab=\"highlights\">\n            <i class=\"fa-solid fa-star\" aria-hidden=\"true\"><\/i> Highlights\n          <\/button>\n          <button type=\"button\" class=\"nsipv-tabs__btn\" role=\"tab\" aria-selected=\"false\" data-nsipv-tab=\"reels\">\n            <i class=\"fa-solid fa-film\" aria-hidden=\"true\"><\/i> Reels\n          <\/button>\n        <\/div>\n<div class=\"nsipv-pane is-active\" id=\"nsipv-pane-posts\" role=\"tabpanel\" data-nsipv-pane=\"posts\">\n          <div class=\"nsipv-empty\">\n            <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i>\n            <p>Enter an Instagram username above to view posts anonymously. Browse and download content without\n              detection.<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsipv-pane\" id=\"nsipv-pane-stories\" role=\"tabpanel\" data-nsipv-pane=\"stories\">\n          <div class=\"nsipv-empty\">\n            <i class=\"fa-solid fa-circle-play\" aria-hidden=\"true\"><\/i>\n            <p>Enter an Instagram username above to view stories anonymously.<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsipv-pane\" id=\"nsipv-pane-highlights\" role=\"tabpanel\" data-nsipv-pane=\"highlights\">\n          <div class=\"nsipv-empty\">\n            <i class=\"fa-solid fa-star\" aria-hidden=\"true\"><\/i>\n            <p>Enter an Instagram username above to view highlights anonymously.<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsipv-pane\" id=\"nsipv-pane-reels\" role=\"tabpanel\" data-nsipv-pane=\"reels\">\n          <div class=\"nsipv-empty\">\n            <i class=\"fa-solid fa-film\" aria-hidden=\"true\"><\/i>\n            <p>Enter an Instagram username above to view reels anonymously.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<div class=\"nsipv-modal\" id=\"nsipv-modal\" aria-hidden=\"true\">\n    <div class=\"nsipv-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Media preview\">\n      <button type=\"button\" class=\"nsipv-modal__close\" id=\"nsipv-modal-close\" aria-label=\"Close preview\">\n        <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"><\/i>\n      <\/button>\n      <div class=\"nsipv-modal__stage\">\n        <img decoding=\"async\" class=\"nsipv-modal__media nsipv-modal__media--img is-hidden\" id=\"nsipv-modal-img\" src=\"\" alt=\"Preview\"\n          referrerpolicy=\"no-referrer\">\n        <video class=\"nsipv-modal__media nsipv-modal__media--video is-hidden\" id=\"nsipv-modal-video\" controls\n          playsinline preload=\"metadata\" referrerpolicy=\"no-referrer\"><\/video>\n        <button type=\"button\" class=\"nsipv-modal__play is-hidden\" id=\"nsipv-modal-play\" aria-label=\"Play media\">\n          <i class=\"fa-solid fa-play\" aria-hidden=\"true\"><\/i>\n        <\/button>\n      <\/div>\n<div class=\"nsipv-modal__bar\">\n        <p class=\"nsipv-modal__caption\" id=\"nsipv-modal-caption\"><\/p>\n<div class=\"nsipv-modal__actions\">\n          <button type=\"button\" class=\"nsipv-modal__action nsipv-modal__action--play is-hidden\"\n            id=\"nsipv-modal-play-btn\">\n            <i class=\"fa-solid fa-play\" aria-hidden=\"true\"><\/i> <span id=\"nsipv-modal-play-label\">Play<\/span>\n          <\/button>\n          <button type=\"button\" class=\"nsipv-modal__action nsipv-modal__action--download is-hidden\"\n            id=\"nsipv-modal-download\">\n            <i class=\"fa-solid fa-download\" aria-hidden=\"true\"><\/i> Download\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<!-- Bootstrap CSS -->\r\n<!--     <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\"> -->\r\n    <!-- Font Awesome for Icons -->\r\n<!--     <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"> -->\r\n<style>\r\n        \/* Reset and Base Styles *\/\r\n        button,\r\n        html input[type=\"button\"],\r\n        input[type=\"reset\"],\r\n        input[type=\"submit\"] {\r\n            padding: 0px;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\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       .main-contain {\r\n\t\t\t\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n\t\t\t\tbackground: linear-gradient(135deg, #becef5 0%, #abb8e8 50%, #d4d5f7 100%);\r\n\t\t\t\tmin-height: 100vh;\r\n\t\t\t\tline-height: 1.6;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t\tpadding: 20px;\r\n\t\t\t\tbox-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n        \/* Ultra-Modern Instagram Web Viewer Design *\/\r\n      .wrapper {\r\n\t\t\t\t\tmax-width: 1200px;\r\n\t\t\t\t\tmargin: 20px auto;\r\n\t\t\t\t\tpadding: 50px;\r\n\t\t\t\t\tborder-radius: 24px;\r\n\t\t\t\t\tbackground: linear-gradient(135deg, #2442c6 0%, #152993 25%, #171f93 50%, #203fb5 75%, #2c2ed7 100%);\r\n\t\t\t\t\tcolor: #ffffff;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tbox-shadow: 0 30px 60px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\tbackdrop-filter: blur(20px);\r\n}\r\n\r\n        .wrapper::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: conic-gradient(from 0deg, transparent, rgba(255, 255, 255, 0.1), transparent);\r\n            animation: rotate 20s linear infinite;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .wrapper::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.15), transparent 50%), \r\n                        radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1), transparent 50%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        @keyframes rotate {\r\n            0% { transform: rotate(0deg); }\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n\r\n        .wrapper .ig-header .main-title h1 {\r\n            font-size: clamp(1.5rem, 4vw, 2.5rem) !important;\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n            margin-bottom: 25px;\r\n            letter-spacing: -1px;\r\n            text-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .wrapper .ig-header .main-title .highlight h1 {\r\n            background: linear-gradient(45deg, #ffd700, #ffed4e, #ffd700);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            position: relative;\r\n            display: inline-block;\r\n            animation: shimmer 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes shimmer {\r\n            0%, 100% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n        }\r\n\r\n        .wrapper .ig-header .main-title .highlight::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: -6px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: linear-gradient(45deg, #ffd700, #ffed4e);\r\n            border-radius: 2px;\r\n            box-shadow: 0 2px 10px rgba(255, 215, 0, 0.5);\r\n        }\r\n\r\n        .wrapper .ig-header .description {\r\n            font-size: 19px;\r\n            margin: 25px 0 35px;\r\n            line-height: 1.8;\r\n            font-weight: 400;\r\n            opacity: 0.95;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* Ultra-Modern Input Area *\/\r\n        .wrapper .ig-input-area {\r\n            display: flex;\r\n            align-items: center;\r\n            background: rgba(255, 255, 255, 0.08);\r\n            padding: 35px 30px;\r\n            border-radius: 24px;\r\n            gap: 20px;\r\n            margin: 0 auto;\r\n            max-width: 100%;\r\n            flex-wrap: wrap;\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n            position: relative;\r\n            backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(255, 255, 255, 0.15);\r\n            z-index: 2;\r\n        }\r\n\r\n        .wrapper .ig-icon {\r\n            font-size: 18px;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            font-weight: 600;\r\n            width: 100%;\r\n            text-align: left;\r\n            margin-bottom: 18px;\r\n            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .wrapper .ig-input-area input {\r\n            flex-grow: 1;\r\n            padding: 20px 25px;\r\n            font-size: 18px;\r\n            border: 2px solid rgba(255, 255, 255, 0.2);\r\n            outline: none;\r\n            min-width: 200px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-radius: 18px;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            color: #ffffff;\r\n            font-weight: 500;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .wrapper .ig-input-area input::placeholder {\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        .wrapper .ig-input-area input:focus {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-color: #ffd700;\r\n            box-shadow: 0 0 30px rgba(255, 215, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .wrapper .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        .wrapper #error-message {\r\n            color: #ff6b6b;\r\n            margin-top: 25px;\r\n            display: none;\r\n            font-weight: 600;\r\n            text-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);\r\n        }\r\n\r\n        .wrapper .paste-btn,\r\n        .wrapper .view-btn {\r\n            border: none;\r\n            border-radius: 18px;\r\n            padding: 20px 30px;\r\n            cursor: pointer;\r\n            font-weight: 700;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            font-size: 17px;\r\n            margin-bottom: 15px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .wrapper .paste-btn {\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));\r\n            color: #ffffff;\r\n            border: 2px solid rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .wrapper .paste-btn::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n            transition: left 0.5s;\r\n        }\r\n\r\n        .wrapper .paste-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .wrapper .paste-btn:hover {\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.1));\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .wrapper .view-btn {\r\n            background: linear-gradient(135deg, #ffd700 0%, #ffed4e 50%, #ffd700 100%);\r\n            color: #1a1a1a;\r\n            box-shadow: 0 10px 30px rgba(255, 215, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n            position: relative;\r\n        }\r\n\r\n        .wrapper .view-btn::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: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent);\r\n            opacity: 0;\r\n            transition: opacity 0.3s;\r\n        }\r\n\r\n        .wrapper .view-btn:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .wrapper .view-btn:hover {\r\n            background: linear-gradient(135deg, #ffed4e 0%, #ffd700 50%, #ffed4e 100%);\r\n            transform: translateY(-4px) scale(1.02);\r\n            box-shadow: 0 20px 40px rgba(255, 215, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.4);\r\n        }\r\n\r\n        .wrapper .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        .ad-space {\r\n            display: none;\r\n        }\r\n\r\n        @keyframes gradientBorder {\r\n            0% {\r\n                background-position: 0% 50%;\r\n            }\r\n\r\n            50% {\r\n                background-position: 100% 50%;\r\n            }\r\n\r\n            100% {\r\n                background-position: 0% 50%;\r\n            }\r\n        }\r\n\r\n        .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.1);\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\r\n            0%,\r\n            100% {\r\n                transform: translateY(0px);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-5px);\r\n            }\r\n        }\r\n\r\n        .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        .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: #ec407a;\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% {\r\n                transform: scale(1);\r\n                opacity: 1;\r\n            }\r\n\r\n            50% {\r\n                transform: scale(1.05);\r\n                opacity: 0.85;\r\n            }\r\n\r\n            100% {\r\n                transform: scale(1);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        .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        .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% {\r\n                transform: rotate(0deg);\r\n            }\r\n\r\n            25% {\r\n                transform: rotate(1.5deg);\r\n            }\r\n\r\n            50% {\r\n                transform: rotate(-1.5deg);\r\n            }\r\n\r\n            75% {\r\n                transform: rotate(1.5deg);\r\n            }\r\n\r\n            100% {\r\n                transform: rotate(0deg);\r\n            }\r\n        }\r\n\r\n        .note {\r\n            font-size: 14px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-top: 15px;\r\n            font-style: italic;\r\n        }\r\n\r\n        \/* Result Section *\/\r\n        .tools-result {\r\n            width: 100%;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .ig-result {\r\n\t\t\t\t\t\tmax-width: 1200px;\r\n\t\t\t\t\t\tmargin: 0 auto;\r\n            margin-top: 30px;\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            color: #333;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n            animation: fadeIn 0.5s ease-out;\r\n        }\r\n\r\n        \/* Ultra-Modern Profile Header *\/\r\n        .ig-profile-header {\r\n            margin-bottom: 40px;\r\n            position: relative;\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9));\r\n            border-radius: 28px;\r\n            padding: 40px;\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.2);\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            backdrop-filter: blur(20px);\r\n            overflow: hidden;\r\n            animation: slideUp 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .ig-profile-header::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: linear-gradient(135deg, rgba(102, 126, 234, 0.05), rgba(118, 75, 162, 0.05));\r\n            pointer-events: none;\r\n        }\r\n\r\n        .profile-header-content {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 35px;\r\n            flex-wrap: wrap;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .profile-image-container {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .profile-image {\r\n            width: 160px;\r\n            height: 160px;\r\n            border-radius: 50%;\r\n            object-fit: cover;\r\n            border: 4px solid rgba(255, 255, 255, 0.8);\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            background: linear-gradient(135deg, #667eea, #764ba2);\r\n            padding: 3px;\r\n            min-height: 160px;\r\n            min-width: 160px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            font-size: 70px;\r\n        }\r\n\r\n        .profile-image:hover {\r\n            transform: scale(1.05);\r\n            box-shadow: 0 20px 45px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4);\r\n        }\r\n\r\n        .view-profile-img {\r\n            position: absolute;\r\n            bottom: 8px;\r\n            right: 8px;\r\n            background: linear-gradient(135deg, #667eea, #764ba2);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 50%;\r\n            width: 42px;\r\n            height: 42px;\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(30, 136, 229, 0.3);\r\n            z-index: 5;\r\n        }\r\n\r\n        .view-profile-img:hover {\r\n            transform: scale(1.1) rotate(15deg);\r\n            background-color: #1a75c6;\r\n        }\r\n\r\n        .profile-info {\r\n            flex: 1;\r\n            text-align: left;\r\n            min-width: 250px;\r\n        }\r\n\r\n        .profile-info .username-text {\r\n            font-size: 28px;\r\n            margin: 0 0 8px;\r\n            font-weight: 800;\r\n            background: linear-gradient(135deg, #667eea, #764ba2);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            text-shadow: 0 2px 10px rgba(102, 126, 234, 0.2);\r\n        }\r\n\r\n        .profile-info .fullname-text {\r\n            font-size: 20px;\r\n            margin: 0 0 20px;\r\n            font-weight: 600;\r\n            color: #475569;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .stats {\r\n            display: flex;\r\n            gap: 25px;\r\n            margin: 15px 0;\r\n        }\r\n\r\n        .stat-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .stat-value {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: #1e293b;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 14px;\r\n            color: #64748b;\r\n            margin-top: 3px;\r\n        }\r\n\r\n        .profile-bio {\r\n            margin-top: 25px;\r\n            padding-top: 20px;\r\n            border-top: 1px solid #e2e8f0;\r\n            text-align: left;\r\n            color: #475569;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .profile-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n            color: #1e88e5;\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        .profile-link:hover {\r\n            color: #1a75c6;\r\n            text-decoration: underline;\r\n        }\r\n\r\n        \/* Tabs *\/\r\n        .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-tabs button {\r\n            background: #f8fafc;\r\n            color: #64748b;\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 10px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .ig-tabs button i {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .ig-tabs button.active {\r\n            background: linear-gradient(135deg, #1e88e5, #ec407a);\r\n            color: white;\r\n            box-shadow: 0 5px 15px rgba(30, 136, 229, 0.3);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .ig-tabs button:hover:not(.active) {\r\n            background: #f1f5f9;\r\n            color: #334155;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Tab Content *\/\r\n        .tab-content {\r\n            padding: 20px;\r\n            text-align: center;\r\n            color: #666;\r\n            display: none;\r\n        }\r\n\r\n        .tab-content.active {\r\n            display: block;\r\n        }\r\n\r\n        .no-result {\r\n            border: 1px dashed #cbd5e1;\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: #64748b;\r\n            background: #f8fafc;\r\n        }\r\n\r\n        .no-result i {\r\n            font-size: 48px;\r\n            color: #cbd5e1;\r\n            margin-bottom: 15px;\r\n            display: block;\r\n        }\r\n\r\n        \/* Private Account Message *\/\r\n        .private-account-message {\r\n            background-color: rgba(229, 57, 53, 0.1);\r\n            color: #e53935;\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(229, 57, 53, 0.2);\r\n            animation: fadeIn 0.5s ease-out;\r\n        }\r\n\r\n        .private-account-message i {\r\n            margin-right: 8px;\r\n            font-size: 18px;\r\n        }\r\n\r\n        \/* Posts Grid *\/\r\n        .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        .post-card {\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            background: #fff;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);\r\n            transition: all 0.3s;\r\n            border: 1px solid #f1f5f9;\r\n            animation: slideUp 0.5s ease-out;\r\n            animation-fill-mode: both;\r\n        }\r\n\r\n        .post-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .post-img-container {\r\n            position: relative;\r\n            overflow: hidden;\r\n            aspect-ratio: 1 \/ 1;\r\n        }\r\n\r\n        .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        .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        .post-img-container:hover .post-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .post-img-container:hover .post-thumb {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        .post-download-btn,\r\n        .post-view-btn {\r\n            background: white;\r\n            color: #ec407a;\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(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .post-download-btn:hover,\r\n        .post-view-btn:hover {\r\n            transform: scale(1.1) translateY(-3px);\r\n            box-shadow: 0 8px 20px rgba(30, 136, 229, 0.15);\r\n        }\r\n\r\n        .post-download-btn:hover {\r\n            background: #1e88e5;\r\n            color: white;\r\n        }\r\n\r\n        .post-view-btn {\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: 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        .post-view-btn:hover {\r\n            background: white;\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .post-meta {\r\n            padding: 20px;\r\n        }\r\n\r\n        .post-stats,\r\n        .reel-stats {\r\n            background: linear-gradient(135deg, rgba(30, 136, 229, 0.15), rgba(236, 64, 122, 0.15));\r\n            padding: 8px 12px;\r\n            border-radius: 12px;\r\n            border: 1px solid rgba(30, 136, 229, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .post-stats span,\r\n        .reel-stats span {\r\n            color: #1e293b;\r\n            font-weight: 600;\r\n            font-size: 13px;\r\n        }\r\n\r\n        .post-stats span i,\r\n        .reel-stats span i {\r\n            color: #ec407a;\r\n            margin-right: 4px;\r\n        }\r\n\r\n        .post-stats {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .post-stats span {\r\n            font-size: 14px;\r\n            color: #64748b;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n        }\r\n\r\n        .post-stats span i {\r\n            color: #ec407a;\r\n        }\r\n\r\n        .post-meta .caption {\r\n            font-size: 15px;\r\n            color: #334155;\r\n            margin-bottom: 10px;\r\n            line-height: 1.5;\r\n            font-weight: 500;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .post-meta .time {\r\n            font-size: 13px;\r\n            color: #94a3b8;\r\n            display: block;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .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        .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        .story-card {\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            background: #fff;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n            transition: all 0.3s;\r\n            border: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .story-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        .story-img-container {\r\n            position: relative;\r\n            overflow: hidden;\r\n            aspect-ratio: 9 \/ 16;\r\n        }\r\n\r\n        .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        .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        .story-img-container:hover .story-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .story-img-container:hover .story-thumb {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .story-download-btn,\r\n        .story-view-btn {\r\n            background: white;\r\n            color: #1e293b;\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(0, 0, 0, 0.1);\r\n            padding: 0px;\r\n        }\r\n\r\n        .story-download-btn:hover,\r\n        .story-view-btn:hover {\r\n            transform: scale(1.1);\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .story-download-btn:hover {\r\n            background: #8e24aa;\r\n            color: white;\r\n        }\r\n\r\n        .story-view-btn:hover {\r\n            background: #f8bbd0;\r\n            color: #8e24aa;\r\n        }\r\n\r\n        .story-meta {\r\n            padding: 12px;\r\n            text-align: center;\r\n        }\r\n\r\n        .story-meta .time {\r\n            font-size: 13px;\r\n            color: #94a3b8;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .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(236, 64, 122, 0.1), rgba(30, 136, 229, 0.1));\r\n            padding: 6px 10px;\r\n            border-radius: 8px;\r\n            border: 1px solid rgba(236, 64, 122, 0.2);\r\n        }\r\n\r\n        .story-stats-row .time {\r\n            color: #64748b;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .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        .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        .highlight-card {\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            background: #fff;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n            transition: all 0.3s;\r\n            border: 1px solid #f1f5f9;\r\n            cursor: pointer;\r\n            padding: 15px 10px;\r\n            text-align: center;\r\n        }\r\n\r\n        .highlight-card:hover {\r\n            transform: translateY(-5px) scale(1.02);\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        .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 #e53935;\r\n            background: linear-gradient(to bottom right, #1e88e5, #ec407a);\r\n            padding: 3px;\r\n        }\r\n\r\n        .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        .highlight-meta {\r\n            padding: 5px;\r\n            text-align: center;\r\n        }\r\n\r\n        .highlight-title {\r\n            font-size: 14px;\r\n            color: #334155;\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        .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        .highlight-img-container:hover .highlight-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .highlight-view-btn {\r\n            background-color: white;\r\n            color: #1e88e5;\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        .highlight-view-btn:hover {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* Reels Grid *\/\r\n        .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        .reel-card {\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            background: #fff;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);\r\n            transition: all 0.3s;\r\n            border: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .reel-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .reel-img-container {\r\n            position: relative;\r\n            overflow: hidden;\r\n            aspect-ratio: 9 \/ 16;\r\n        }\r\n\r\n        .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        .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        .reel-img-container:hover .reel-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .reel-img-container:hover .reel-thumb {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .reel-download-btn,\r\n        .reel-view-btn {\r\n            background: white;\r\n            color: #1e88e5;\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(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .reel-download-btn:hover {\r\n            background: #1e88e5;\r\n            color: white;\r\n        }\r\n\r\n        .reel-view-btn:hover {\r\n            background: #ec407a;\r\n            color: #fff;\r\n        }\r\n\r\n        .reel-meta {\r\n            padding: 20px;\r\n        }\r\n\r\n        .reel-meta .caption {\r\n            font-size: 15px;\r\n            color: #334155;\r\n            margin-bottom: 10px;\r\n            line-height: 1.5;\r\n            font-weight: 500;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .reel-stats,\r\n        .post-stats {\r\n            background: linear-gradient(135deg, rgba(30, 136, 229, 0.15), rgba(236, 64, 122, 0.15));\r\n            padding: 8px 12px;\r\n            border-radius: 12px;\r\n            border: 1px solid rgba(30, 136, 229, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .reel-stats span,\r\n        .post-stats span {\r\n            color: #1e293b;\r\n            font-weight: 600;\r\n            font-size: 13px;\r\n        }\r\n\r\n        .reel-stats span i,\r\n        .post-stats span i {\r\n            color: #ec407a;\r\n            margin-right: 4px;\r\n        }\r\n\r\n        .reel-stats {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .reel-stats span {\r\n            font-size: 13px;\r\n            color: #64748b;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n        }\r\n\r\n        .reel-stats span i {\r\n            color: #8e24aa;\r\n        }\r\n\r\n        .reel-meta .time {\r\n            font-size: 13px;\r\n            color: #94a3b8;\r\n            display: block;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .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        .post-video,\r\n        .story-video,\r\n        .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        .post-fullscreen-btn,\r\n        .story-fullscreen-btn,\r\n        .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        .post-fullscreen-btn:hover,\r\n        .story-fullscreen-btn:hover,\r\n        .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        .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        .video-indicator {\r\n            background-color: rgba(220, 53, 69, 0.9);\r\n        }\r\n\r\n        .image-indicator {\r\n            background-color: rgba(13, 110, 253, 0.9);\r\n        }\r\n\r\n        \/* Modal Styles *\/\r\n        .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        .ipgv-profile-img-modal.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .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.85);\r\n            cursor: pointer;\r\n        }\r\n\r\n        .ipgv-modal-content {\r\n            position: relative;\r\n            max-width: 90vw;\r\n            max-height: 90vh;\r\n            background-color: white;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\r\n            transform: scale(0.8);\r\n            transition: transform 0.3s ease;\r\n            z-index: 10001;\r\n        }\r\n\r\n        .ipgv-profile-img-modal.active .ipgv-modal-content {\r\n            transform: scale(1);\r\n        }\r\n\r\n        .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        .ipgv-modal-actions {\r\n            display: flex;\r\n            justify-content: center;\r\n            padding: 20px;\r\n            background-color: #f8f9fa;\r\n        }\r\n\r\n        .ipgv-modal-download-btn {\r\n            background-color: #1e88e5;\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        .ipgv-modal-download-btn:hover {\r\n            background-color: #1a75c6;\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .ipgv-close-modal {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background-color: rgba(0, 0, 0, 0.6);\r\n            color: white;\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        .ipgv-close-modal:hover {\r\n            background-color: rgba(0, 0, 0, 0.8);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        body.ipgv-modal-open {\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* abc *\/\r\n\r\n        \/* Fixed Reel Controls - Always Visible Play and Fullscreen *\/\r\n        .reel-img-container .reel-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .reel-img-container .reel-view-btn {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .reel-img-container .reel-fullscreen-btn {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            display: flex;\r\n        }\r\n\r\n        .reel-img-container:hover .reel-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .reel-video.playing {\r\n            display: block;\r\n        }\r\n\r\n        .reel-thumb.hidden {\r\n            display: none;\r\n        }\r\n\r\n\r\n        \/* abc *\/\r\n\r\n        \/* Skeleton Loaders *\/\r\n        @keyframes shimmer {\r\n            0% {\r\n                background-position: -1000px 0;\r\n            }\r\n\r\n            100% {\r\n                background-position: 1000px 0;\r\n            }\r\n        }\r\n\r\n        .skeleton-profile {\r\n            width: 100%;\r\n            animation: fadeIn 0.5s ease-out;\r\n        }\r\n\r\n        .skeleton-profile-header {\r\n            display: flex;\r\n            gap: 30px;\r\n            padding: 30px;\r\n            background: #f9fafb;\r\n            border-radius: 16px;\r\n            margin-bottom: 20px;\r\n            border: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .skeleton-avatar {\r\n            width: 150px;\r\n            height: 150px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\r\n            background-size: 1000px 100%;\r\n            animation: shimmer 2s infinite linear;\r\n            flex-shrink: 0;\r\n            border: 4px solid white;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .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        .skeleton-username {\r\n            height: 28px;\r\n            width: 180px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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        .skeleton-fullname {\r\n            height: 20px;\r\n            width: 140px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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        .skeleton-stats {\r\n            display: flex;\r\n            gap: 25px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .skeleton-stat {\r\n            height: 40px;\r\n            width: 60px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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        .skeleton-bio {\r\n            height: 60px;\r\n            width: 100%;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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        .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        .skeleton-tab {\r\n            height: 40px;\r\n            width: 100px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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        .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        .skeleton-post {\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            background: #fff;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);\r\n            border: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .skeleton-post-img {\r\n            aspect-ratio: 1 \/ 1;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\r\n            background-size: 1000px 100%;\r\n            animation: shimmer 2s infinite linear;\r\n        }\r\n\r\n        .skeleton-post-meta {\r\n            padding: 20px;\r\n        }\r\n\r\n        .skeleton-post-stats {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .skeleton-post-stat {\r\n            height: 16px;\r\n            width: 60px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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        .skeleton-post-caption {\r\n            height: 16px;\r\n            width: 100%;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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        .skeleton-post-caption-short {\r\n            height: 16px;\r\n            width: 70%;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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        .skeleton-post-time {\r\n            height: 14px;\r\n            width: 80px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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      .wrapper .paste-btn, .wrapper .view-btn {\r\n\tborder: none !important;\r\n\tborder-radius: 18px;\r\n\tpadding: 20px 30px;\r\n\tcursor: pointer;\r\n\tfont-weight: 700;\r\n\ttransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: 12px;\r\n\tfont-size: 17px;\r\n\tmargin-bottom: 15px;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\ttext-transform: uppercase;\r\n\tletter-spacing: 0.5px;\r\n}\r\n      .wrapper .ig-input-area input {\r\n\tflex-grow: 1;\r\n\tpadding: 20px 25px;\r\n\tfont-size: 18px;\r\n\tborder: 2px solid rgba(255, 255, 255, 0.2);\r\n\toutline: none;\r\n\tmin-width: 200px;\r\n\tbackground: rgba(255, 255, 255, 0.05);\r\n\tborder-radius: 18px;\r\n\ttransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n\tcolor: #ffffff;\r\n\tfont-weight: 500;\r\n\tbackdrop-filter: blur(10px);\r\n\tmargin-bottom: 14px;\r\n}\r\n\r\n        \/* Stories Skeleton *\/\r\n        .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        .skeleton-story {\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            background: #fff;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n            border: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .skeleton-story-img {\r\n            aspect-ratio: 9 \/ 16;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\r\n            background-size: 1000px 100%;\r\n            animation: shimmer 2s infinite linear;\r\n        }\r\n\r\n        .skeleton-story-meta {\r\n            padding: 12px;\r\n            text-align: center;\r\n        }\r\n\r\n        .skeleton-story-time {\r\n            height: 14px;\r\n            width: 80px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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        .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        .skeleton-highlight {\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            background: #fff;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n            border: 1px solid #f1f5f9;\r\n            padding: 15px 10px;\r\n            text-align: center;\r\n        }\r\n\r\n        .skeleton-highlight-img {\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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 #e53935;\r\n        }\r\n\r\n        .skeleton-highlight-title {\r\n            height: 16px;\r\n            width: 80px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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        .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        .skeleton-reel {\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            background: #fff;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);\r\n            border: 1px solid #f1f5f9;\r\n        }\r\n\r\n        .skeleton-reel-img {\r\n            aspect-ratio: 9 \/ 16;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\r\n            background-size: 1000px 100%;\r\n            animation: shimmer 2s infinite linear;\r\n        }\r\n\r\n        .skeleton-reel-meta {\r\n            padding: 20px;\r\n        }\r\n\r\n        .skeleton-reel-caption {\r\n            height: 16px;\r\n            width: 100%;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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        .skeleton-reel-caption-short {\r\n            height: 16px;\r\n            width: 70%;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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        .skeleton-reel-stats {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .skeleton-reel-stat {\r\n            height: 16px;\r\n            width: 60px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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        .skeleton-reel-time {\r\n            height: 14px;\r\n            width: 80px;\r\n            background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 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 {\r\n                opacity: 0;\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        @keyframes slideUp {\r\n            from {\r\n                transform: translateY(20px);\r\n                opacity: 0;\r\n            }\r\n\r\n            to {\r\n                transform: translateY(0);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        @keyframes spin {\r\n            0% {\r\n                transform: rotate(0deg);\r\n            }\r\n\r\n            100% {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        \/* Ultra-Modern Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .main-contain {\r\n                padding: 15px;\r\n            }\r\n\r\n            .wrapper {\r\n                padding: 30px 20px;\r\n\/*                 margin: 15px auto;\r\n                border-radius: 20px; *\/\r\n            }\r\n\r\n            .wrapper .ig-header .main-title {\r\n                font-size: 28px;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .wrapper .ig-header .description {\r\n                font-size: 16px;\r\n                margin: 20px 0 25px;\r\n            }\r\n\r\n            .wrapper .ig-input-area {\r\n                padding: 25px 20px;\r\n                flex-direction: column;\r\n                gap: 15px;\r\n            }\r\n\r\n            .wrapper .ig-icon {\r\n                width: 100%;\r\n                text-align: left;\r\n                margin-left: 0;\r\n                font-size: 16px;\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .wrapper .ig-input-area input {\r\n                margin: 0 0 15px 0;\r\n                width: 100%;\r\n                min-width: 100%;\r\n                padding: 18px 22px;\r\n                font-size: 16px;\r\n            }\r\n\r\n            .wrapper .paste-btn {\r\n                display: none;\r\n            }\r\n\r\n            .wrapper .view-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n                padding: 18px 25px;\r\n                font-size: 16px;\r\n            }\r\n\r\n            .profile-header-content {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                gap: 25px;\r\n            }\r\n\r\n            .profile-image {\r\n                width: 120px;\r\n                height: 120px;\r\n                min-height: 120px;\r\n                min-width: 120px;\r\n                font-size: 50px;\r\n            }\r\n\r\n            .profile-info {\r\n                text-align: center;\r\n                min-width: auto;\r\n            }\r\n\r\n            .profile-info .username-text {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .profile-info .fullname-text {\r\n                font-size: 18px;\r\n            }\r\n        }\r\n\r\n        \/* Medium devices (tablets) *\/\r\n        @media (max-width: 1024px) and (min-width: 769px) {\r\n            .wrapper {\r\n                padding: 40px 30px;\r\n                margin: 18px auto;\r\n            }\r\n\r\n            .wrapper .ig-header .main-title {\r\n                font-size: 36px;\r\n            }\r\n\r\n            .wrapper .ig-header .description {\r\n                font-size: 18px;\r\n            }\r\n\t\t\t\t\th1 {\r\n\t\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t\t}\r\n\r\n            .wrapper .ig-input-area {\r\n                padding: 30px 25px;\r\n            }\r\n\r\n            .wrapper .ig-input-area input {\r\n                padding: 18px 22px;\r\n                font-size: 17px;\r\n            }\r\n\r\n            .wrapper .paste-btn,\r\n            .wrapper .view-btn {\r\n                padding: 18px 25px;\r\n                font-size: 16px;\r\n            }\r\n\r\n            .profile-image {\r\n                width: 140px;\r\n                height: 140px;\r\n                min-height: 140px;\r\n                min-width: 140px;\r\n                font-size: 60px;\r\n            }\r\n        }\r\n\r\n        \/* Additional responsive styles *\/\r\n        @media (max-width: 768px) {\r\n            .stats {\r\n                justify-content: center;\r\n            }\r\n\r\n            .posts-grid {\r\n                grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n                gap: 15px;\r\n            }\r\n\r\n            .stories-container {\r\n                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n            }\r\n\r\n            .highlights-container {\r\n                grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n            }\r\n\r\n            .reels-grid {\r\n                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n            }\r\n\r\n            .post-meta .caption,\r\n            .reel-meta .caption {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .ig-tabs button {\r\n                padding: 10px 16px;\r\n                font-size: 14px;\r\n            }\r\n\r\n            .ipgv-modal-content {\r\n                max-width: 95vw;\r\n                max-height: 85vh;\r\n                margin: 20px;\r\n            }\r\n\r\n            .ipgv-modal-img {\r\n                max-height: 60vh;\r\n            }\r\n\r\n            .ipgvmodal-actions {\r\n                padding: 15px;\r\n            }\r\n\r\n            .ipgv-modal-download-btn {\r\n                padding: 10px 20px;\r\n                font-size: 13px;\r\n            }\r\n\r\n            .skeleton-profile-header {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n\r\n            .skeleton-avatar {\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .skeleton-username,\r\n            .skeleton-fullname {\r\n                margin: 0 auto;\r\n            }\r\n\r\n            .skeleton-stats {\r\n                justify-content: center;\r\n            }\r\n\r\n            .skeleton-posts-grid {\r\n                grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n            }\r\n\r\n            .skeleton-stories-container {\r\n                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n            }\r\n\r\n            .skeleton-highlights-container {\r\n                grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n            }\r\n\r\n            .skeleton-reels-grid {\r\n                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n            }\r\n        }\r\n\r\n        .ipgv-media-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        .ipgv-media-modal.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .ipgv-modal-media {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n            border-radius: 8px;\r\n        }\r\n\r\n\t\t\t\/* Responsive Styles for Various Devices *\/\r\n\r\n\/* Large devices (laptops\/desktops, 992px and up) - Standard styles already largely cover this *\/\r\n@media (min-width: 992px) {\r\n    .main-contain {\r\n        padding: 25px;\r\n\/*         margin: 40px auto; *\/\r\n    }\r\n\r\n    .wrapper {\r\n        padding: 60px;\r\n        margin: 30px auto;\r\n    }\r\n\r\n    .wrapper .ig-header .main-title {\r\n        font-size: 48px;\r\n    }\r\n\r\n    .wrapper .ig-header .description {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .wrapper .ig-input-area {\r\n        padding: 40px 35px;\r\n    }\r\n\r\n    .wrapper .ig-input-area input {\r\n        padding: 22px 30px;\r\n        font-size: 19px;\r\n    }\r\n\r\n    .wrapper .paste-btn,\r\n    .wrapper .view-btn {\r\n        padding: 22px 35px;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .profile-image {\r\n        width: 170px;\r\n        height: 170px;\r\n        min-height: 170px;\r\n        min-width: 170px;\r\n        font-size: 75px;\r\n    }\r\n\r\n    .profile-info .username-text {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .profile-info .fullname-text {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .posts-grid {\r\n        grid-template-columns: repeat(3, 1fr); \/* Default for larger screens *\/\r\n    }\r\n\r\n    .stories-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n    }\r\n\r\n    .highlights-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n    }\r\n\r\n    .reels-grid {\r\n        grid-template-columns: repeat(3, 1fr); \/* Default for larger screens *\/\r\n    }\r\n}\r\n\r\n\/* Medium devices (tablets, 769px to 991px) *\/\r\n@media (max-width: 991px) and (min-width: 769px) {\r\n    .main-contain {\r\n        padding: 20px;\r\n        margin: 25px auto;\r\n    }\r\n\r\n    .wrapper {\r\n        padding: 45px 35px;\r\n        margin: 20px auto;\r\n    }\r\n\r\n    .wrapper .ig-header .main-title {\r\n        font-size: 38px;\r\n        margin-bottom: 22px;\r\n    }\r\n\r\n    .wrapper .ig-header .description {\r\n        font-size: 19px;\r\n        margin: 22px 0 30px;\r\n    }\r\n\r\n    .wrapper .ig-input-area {\r\n        padding: 30px 25px;\r\n        gap: 15px;\r\n    }\r\n\r\n    .wrapper .ig-input-area input {\r\n        padding: 18px 22px;\r\n        font-size: 17px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .wrapper .paste-btn,\r\n    .wrapper .view-btn {\r\n        padding: 18px 25px;\r\n        font-size: 16px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .profile-header-content {\r\n        gap: 30px;\r\n    }\r\n\r\n    .profile-image {\r\n        width: 150px;\r\n        height: 150px;\r\n        min-height: 150px;\r\n        min-width: 150px;\r\n        font-size: 65px;\r\n    }\r\n\r\n    .view-profile-img {\r\n        width: 38px;\r\n        height: 38px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .profile-info .username-text {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .profile-info .fullname-text {\r\n        font-size: 19px;\r\n    }\r\n\r\n    .stats {\r\n        gap: 20px;\r\n    }\r\n\r\n    .stat-value {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .stat-label {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .ig-tabs button {\r\n        padding: 12px 20px;\r\n        font-size: 14px;\r\n        gap: 6px;\r\n    }\r\n\r\n    .posts-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n        gap: 20px;\r\n    }\r\n\r\n    .post-card {\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .post-meta {\r\n        padding: 18px;\r\n    }\r\n\r\n    .post-stats span {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .post-meta .caption {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .story-card {\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .stories-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n        gap: 18px;\r\n    }\r\n\r\n    .highlight-card {\r\n        border-radius: 14px;\r\n        padding: 12px 8px;\r\n    }\r\n\r\n    .highlight-img-container {\r\n        width: 100px;\r\n        height: 100px;\r\n        margin: 0 auto 8px;\r\n    }\r\n\r\n    .highlight-title {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .highlights-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\r\n        gap: 18px;\r\n    }\r\n\r\n    .reels-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n        gap: 20px;\r\n    }\r\n\r\n    .reel-card {\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .reel-meta {\r\n        padding: 18px;\r\n    }\r\n\r\n    .reel-meta .caption {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .ipgv-modal-content {\r\n        max-width: 80vw;\r\n        max-height: 80vh;\r\n    }\r\n\r\n    .ipgv-modal-img {\r\n        max-width: 450px;\r\n        max-height: 65vh;\r\n    }\r\n\r\n    .ipgv-modal-download-btn {\r\n        padding: 10px 20px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .ipgv-close-modal {\r\n        width: 32px;\r\n        height: 32px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    \/* Skeleton Loaders for Medium devices *\/\r\n    .skeleton-profile-header {\r\n        padding: 25px;\r\n    }\r\n\r\n    .skeleton-avatar {\r\n        width: 130px;\r\n        height: 130px;\r\n    }\r\n\r\n    .skeleton-username {\r\n        height: 26px;\r\n        width: 160px;\r\n    }\r\n\r\n    .skeleton-fullname {\r\n        height: 18px;\r\n        width: 120px;\r\n    }\r\n\r\n    .skeleton-stats {\r\n        gap: 20px;\r\n    }\r\n\r\n    .skeleton-post-img {\r\n        aspect-ratio: 1 \/ 1;\r\n    }\r\n\r\n    .skeleton-posts-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n    }\r\n\r\n    .skeleton-stories-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n    }\r\n\r\n    .skeleton-highlight-img {\r\n        width: 70px;\r\n        height: 70px;\r\n    }\r\n\r\n    .skeleton-highlights-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\r\n    }\r\n\r\n    .skeleton-reels-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n    }\r\n}\r\n\r\n\/* Small devices (portrait tablets and large phones, 600px to 768px) *\/\r\n@media (max-width: 768px) and (min-width: 600px) {\r\n    .main-contain {\r\n        padding: 18px;\r\n        margin: 20px auto;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .wrapper {\r\n        padding: 35px 25px;\r\n        margin: 15px auto;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .wrapper .ig-header .main-title {\r\n        font-size: 32px;\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .wrapper .ig-header .description {\r\n        font-size: 17px;\r\n        margin: 18px 0 28px;\r\n    }\r\n\r\n    .wrapper .ig-input-area {\r\n        padding: 28px 22px;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .wrapper .ig-icon {\r\n        font-size: 16px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .wrapper .ig-input-area input {\r\n        margin: 0 0 12px 0;\r\n        width: 100%;\r\n        min-width: 100%;\r\n        padding: 16px 20px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .wrapper .paste-btn {\r\n        display: none; \/* Hide paste button on smaller screens *\/\r\n    }\r\n\r\n    .wrapper .view-btn {\r\n        width: 100%;\r\n        justify-content: center;\r\n        padding: 16px 22px;\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .profile-header-content {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        gap: 20px;\r\n    }\r\n\r\n    .profile-image {\r\n        width: 130px;\r\n        height: 130px;\r\n        min-height: 130px;\r\n        min-width: 130px;\r\n        font-size: 55px;\r\n    }\r\n\r\n    .view-profile-img {\r\n        width: 35px;\r\n        height: 35px;\r\n        font-size: 13px;\r\n        bottom: 5px;\r\n        right: 5px;\r\n    }\r\n\r\n    .profile-info {\r\n        text-align: center;\r\n        min-width: auto;\r\n    }\r\n\r\n    .profile-info .username-text {\r\n        font-size: 24px;\r\n        margin: 0 0 6px;\r\n    }\r\n\r\n    .profile-info .fullname-text {\r\n        font-size: 17px;\r\n        margin: 0 0 18px;\r\n    }\r\n\r\n    .stats {\r\n        justify-content: center;\r\n        gap: 18px;\r\n        margin: 12px 0;\r\n    }\r\n\r\n    .stat-value {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .stat-label {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .profile-bio {\r\n        margin-top: 20px;\r\n        padding-top: 15px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .ig-tabs {\r\n        margin: 25px 0;\r\n        gap: 12px;\r\n    }\r\n\r\n    .ig-tabs button {\r\n        padding: 10px 18px;\r\n        font-size: 13px;\r\n        gap: 5px;\r\n        border-radius: 40px;\r\n    }\r\n\r\n    .posts-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n        gap: 18px;\r\n    }\r\n\r\n    .post-card {\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .post-meta {\r\n        padding: 15px;\r\n    }\r\n\r\n    .post-stats {\r\n        gap: 12px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .post-stats span {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .post-meta .caption {\r\n        font-size: 13px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .post-meta .time {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .stories-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n        gap: 15px;\r\n    }\r\n\r\n    .story-card {\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .story-meta {\r\n        padding: 10px;\r\n    }\r\n\r\n    .story-meta .time {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .highlights-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n        gap: 15px;\r\n    }\r\n\r\n    .highlight-card {\r\n        border-radius: 12px;\r\n        padding: 10px 5px;\r\n    }\r\n\r\n    .highlight-img-container {\r\n        width: 80px;\r\n        height: 80px;\r\n        margin: 0 auto 6px;\r\n        border: 2px solid #e53935;\r\n    }\r\n\r\n    .highlight-title {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .reels-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n        gap: 18px;\r\n    }\r\n\r\n    .reel-card {\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .reel-meta {\r\n        padding: 15px;\r\n    }\r\n\r\n    .reel-stats {\r\n        gap: 12px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .reel-stats span {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .reel-meta .caption {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .reel-meta .time {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .ipgv-modal-content {\r\n        max-width: 90vw;\r\n        max-height: 85vh;\r\n        margin: 15px;\r\n    }\r\n\r\n    .ipgv-modal-img {\r\n        max-width: 100%;\r\n        max-height: 60vh;\r\n    }\r\n\r\n    .ipgv-modal-actions {\r\n        padding: 12px;\r\n    }\r\n\r\n    .ipgv-modal-download-btn {\r\n        padding: 8px 18px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    .ipgv-close-modal {\r\n        width: 30px;\r\n        height: 30px;\r\n        font-size: 14px;\r\n        top: 10px;\r\n        right: 10px;\r\n    }\r\n\r\n    \/* Skeleton Loaders for Small devices *\/\r\n    .skeleton-profile-header {\r\n        padding: 20px;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .skeleton-avatar {\r\n        width: 110px;\r\n        height: 110px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .skeleton-username {\r\n        height: 24px;\r\n        width: 140px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .skeleton-fullname {\r\n        height: 17px;\r\n        width: 100px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .skeleton-stats {\r\n        justify-content: center;\r\n    }\r\n\r\n    .skeleton-tab {\r\n        width: 90px;\r\n        height: 38px;\r\n    }\r\n\r\n    .skeleton-posts-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n    }\r\n\r\n    .skeleton-post-caption {\r\n        height: 15px;\r\n    }\r\n\r\n    .skeleton-post-caption-short {\r\n        height: 15px;\r\n    }\r\n\r\n    .skeleton-stories-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n    }\r\n\r\n    .skeleton-highlight-img {\r\n        width: 70px;\r\n        height: 70px;\r\n    }\r\n\r\n    .skeleton-highlights-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n    }\r\n\r\n    .skeleton-reels-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n    }\r\n\r\n    .skeleton-reel-caption {\r\n        height: 15px;\r\n    }\r\n\r\n    .skeleton-reel-caption-short {\r\n        height: 15px;\r\n    }\r\n\t.reel-stats-row {\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n\tmargin-bottom: 8px;\r\n\tflex-direction: column;\r\n}\r\n}\r\n\r\n\/* Extra small devices (phones, 375px to 599px) *\/\r\n@media (max-width: 599px) {\r\n    .main-contain {\r\n        padding: 12px;\r\n        margin: 15px auto;\r\n   \r\n    }\r\n\r\n    .wrapper {\r\n        padding: 25px 18px;\r\n        margin: 10px auto;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .wrapper .ig-header .main-title {\r\n        font-size: 26px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .wrapper .ig-header .description {\r\n        font-size: 15px;\r\n        margin: 15px 0 20px;\r\n    }\r\n\r\n    .wrapper .ig-input-area {\r\n        padding: 20px 15px;\r\n        gap: 10px;\r\n    }\r\n\r\n    .wrapper .ig-icon {\r\n        font-size: 14px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .wrapper .ig-input-area input {\r\n        margin: 0 0 10px 0;\r\n        padding: 14px 18px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .wrapper .view-btn {\r\n        padding: 14px 20px;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .profile-image {\r\n        width: 100px;\r\n        height: 100px;\r\n        min-height: 100px;\r\n        min-width: 100px;\r\n        font-size: 45px;\r\n        border: 3px solid rgba(255, 255, 255, 0.8);\r\n        padding: 2px;\r\n    }\r\n\r\n    .view-profile-img {\r\n        width: 30px;\r\n        height: 30px;\r\n        font-size: 12px;\r\n        bottom: 3px;\r\n        right: 3px;\r\n    }\r\n\r\n    .profile-info .username-text {\r\n        font-size: 20px;\r\n        margin: 0 0 5px;\r\n    }\r\n\r\n    .profile-info .fullname-text {\r\n        font-size: 16px;\r\n        margin: 0 0 15px;\r\n    }\r\n\r\n    .stats {\r\n        gap: 15px;\r\n        margin: 10px 0;\r\n    }\r\n\r\n    .stat-value {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .stat-label {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .profile-bio {\r\n        margin-top: 15px;\r\n        padding-top: 12px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .ig-tabs {\r\n        margin: 20px 0;\r\n        gap: 10px;\r\n    }\r\n\r\n    .ig-tabs button {\r\n        padding: 8px 14px;\r\n        font-size: 12px;\r\n        gap: 4px;\r\n        border-radius: 30px;\r\n    }\r\n\r\n    .posts-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\r\n        gap: 15px;\r\n    }\r\n\r\n    .post-card {\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .post-meta {\r\n        padding: 12px;\r\n    }\r\n\r\n    .post-stats {\r\n        gap: 10px;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .post-stats span {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .post-meta .caption {\r\n        font-size: 12px;\r\n        margin-bottom: 6px;\r\n        -webkit-line-clamp: 2; \/* Ensure caption is limited *\/\r\n    }\r\n\r\n    .post-meta .time {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .stories-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));\r\n        gap: 12px;\r\n    }\r\n\r\n    .story-card {\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .story-meta {\r\n        padding: 8px;\r\n    }\r\n\r\n    .story-meta .time {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .highlights-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));\r\n        gap: 12px;\r\n    }\r\n\r\n    .highlight-card {\r\n        border-radius: 10px;\r\n        padding: 8px 3px;\r\n    }\r\n\r\n    .highlight-img-container {\r\n        width: 60px;\r\n        height: 60px;\r\n        margin: 0 auto 5px;\r\n        border: 2px solid #e53935;\r\n        padding: 1px;\r\n    }\r\n\r\n    .highlight-title {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .reels-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n        gap: 15px;\r\n    }\r\n\r\n    .reel-card {\r\n        border-radius: 10px;\r\n    }\r\n\r\n    .reel-meta {\r\n        padding: 12px;\r\n    }\r\n\r\n    .reel-stats {\r\n        gap: 10px;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .reel-stats span {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .reel-meta .caption {\r\n        font-size: 12px;\r\n        -webkit-line-clamp: 2; \/* Ensure caption is limited *\/\r\n    }\r\n\r\n    .reel-meta .time {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .ipgv-profile-img-modal.active .ipgv-modal-content {\r\n        transform: scale(0.95);\r\n    }\r\n\r\n    .ipgv-modal-content {\r\n        max-width: 98vw;\r\n        max-height: 90vh;\r\n        margin: 10px;\r\n    }\r\n\r\n    .ipgv-modal-img {\r\n        max-height: 55vh;\r\n    }\r\n\r\n    .ipgv-modal-actions {\r\n        padding: 10px;\r\n    }\r\n\r\n    .ipgv-modal-download-btn {\r\n        padding: 8px 15px;\r\n        font-size: 11px;\r\n        gap: 6px;\r\n    }\r\n\r\n    .ipgv-close-modal {\r\n        width: 28px;\r\n        height: 28px;\r\n        font-size: 13px;\r\n        top: 8px;\r\n        right: 8px;\r\n    }\r\n\r\n    \/* Skeleton Loaders for Extra Small devices *\/\r\n    .skeleton-profile-header {\r\n        padding: 15px;\r\n    }\r\n\r\n    .skeleton-avatar {\r\n        width: 90px;\r\n        height: 90px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .skeleton-username {\r\n        height: 20px;\r\n        width: 120px;\r\n    }\r\n\r\n    .skeleton-fullname {\r\n        height: 16px;\r\n        width: 90px;\r\n    }\r\n\r\n    .skeleton-stats {\r\n        gap: 15px;\r\n    }\r\n\r\n    .skeleton-tab {\r\n        width: 80px;\r\n        height: 35px;\r\n    }\r\n\r\n    .skeleton-posts-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\r\n    }\r\n\r\n    .skeleton-post-caption {\r\n        height: 14px;\r\n    }\r\n\r\n    .skeleton-post-caption-short {\r\n        height: 14px;\r\n    }\r\n\r\n    .skeleton-stories-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));\r\n    }\r\n\r\n    .skeleton-highlight-img {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .skeleton-highlights-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));\r\n    }\r\n\r\n    .skeleton-reels-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n    }\r\n\r\n    .skeleton-reel-caption {\r\n        height: 14px;\r\n    }\r\n\r\n    .skeleton-reel-caption-short {\r\n        height: 14px;\r\n    }\r\n\t.reel-stats-row {\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n\tmargin-bottom: 8px;\r\n\tflex-direction: column;\r\n}\r\n}\r\n\r\n\/* Specific breakpoint for 400px devices *\/\r\n@media (max-width: 400px) {\r\n    .wrapper .ig-header .main-title {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .wrapper .ig-header .description {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .wrapper .ig-input-area input {\r\n        padding: 12px 15px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .wrapper .view-btn {\r\n        padding: 12px 18px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .profile-image {\r\n        width: 80px;\r\n        height: 80px;\r\n        min-height: 80px;\r\n        min-width: 80px;\r\n        font-size: 35px;\r\n        border: 2px solid rgba(255, 255, 255, 0.8);\r\n    }\r\n\r\n    .view-profile-img {\r\n        width: 25px;\r\n        height: 25px;\r\n        font-size: 10px;\r\n        bottom: 2px;\r\n        right: 2px;\r\n    }\r\n\r\n    .profile-info .username-text {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .profile-info .fullname-text {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .stats {\r\n        gap: 10px;\r\n    }\r\n\r\n    .stat-value {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .stat-label {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .profile-bio {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .ig-tabs button {\r\n        padding: 7px 12px;\r\n        font-size: 11px;\r\n    }\r\n\r\n    .posts-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n        gap: 10px;\r\n    }\r\n\r\n    .post-meta {\r\n        padding: 10px;\r\n    }\r\n\r\n    .post-stats span,\r\n    .post-meta .caption,\r\n    .post-meta .time {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .stories-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));\r\n        gap: 10px;\r\n    }\r\n\r\n    .story-meta .time {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .highlights-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));\r\n        gap: 10px;\r\n    }\r\n\r\n    .highlight-img-container {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .highlight-title {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .reels-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n        gap: 10px;\r\n    }\r\n\r\n    .reel-meta {\r\n        padding: 10px;\r\n    }\r\n\r\n    .reel-stats span,\r\n    .reel-meta .caption,\r\n    .reel-meta .time {\r\n        font-size: 10px;\r\n    }\r\n\r\n    \/* Skeleton Loaders for 400px *\/\r\n    .skeleton-avatar {\r\n        width: 70px;\r\n        height: 70px;\r\n    }\r\n\r\n    .skeleton-username {\r\n        height: 18px;\r\n        width: 100px;\r\n    }\r\n\r\n    .skeleton-fullname {\r\n        height: 14px;\r\n        width: 70px;\r\n    }\r\n\r\n    .skeleton-tab {\r\n        width: 70px;\r\n        height: 30px;\r\n    }\r\n\r\n    .skeleton-posts-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n    }\r\n\r\n    .skeleton-stories-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));\r\n    }\r\n\r\n    .skeleton-highlight-img {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n\r\n    .skeleton-highlights-container {\r\n        grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));\r\n    }\r\n\r\n    .skeleton-reels-grid {\r\n        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n    }\r\n\t.reel-stats-row {\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n\tmargin-bottom: 8px;\r\n\tflex-direction: column;\r\n}\r\n}\r\n\r\n        \/* Enhanced Video Controls *\/\r\n    <\/style>\r\n\r\n    <div class=\"download-status\" id=\"download-status\"><\/div>\r\n\r\n    <div class=\"main-contain offcontents\">\r\n        <div class=\"wrapper\">\r\n            <div class=\"ig-header\">\r\n\t\t\t\t\t\t\t<div class=\"main-title\"><h1><span class=\"highlight\">Instagram<\/span> Web Viewer - Browse & Explore Free<\/h1><\/div>\r\n                <div class=\"description\">Instagram profile viewer allows you to watch Instagram stories anonymously and <br> download videos\r\n                    and photos with ease.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ig-input-area\" style=\"position:relative\">\r\n                <span class=\"ig-icon\">Enter your instagram @username<\/span>\r\n                <input type=\"text\" id=\"input-url\" required=\"\" placeholder=\"Instagram @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-unlock\"><\/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 unlimited profile viewer tool, enjoy it!\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: #f1f5f9; 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                            <div class=\"username-text\" id=\"profile-username\">@username<\/div>\r\n                            <div class=\"fullname-text\" id=\"profile-fullname\">Full Name<\/div>\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: #cbd5e1; margin-bottom: 15px;\"><\/i>\r\n                            <p>Enter an Instagram username above to view posts from their profile. You can download and\r\n                                view their photos and videos easily.<\/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: #cbd5e1; margin-bottom: 15px;\"><\/i>\r\n                            <p>Enter an Instagram username above to view their active stories. Watch stories anonymously\r\n                                without them knowing.<\/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: #cbd5e1; margin-bottom: 15px;\"><\/i>\r\n                            <p>Enter an Instagram username above to view their story highlights. Access all their saved\r\n                                stories in one place.<\/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: #cbd5e1; margin-bottom: 15px;\"><\/i>\r\n                            <p>Enter an Instagram username above to view their reels. Download and watch short videos\r\n                                from their profile.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<!--  <script src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\"><\/script>\r\n    <script src=\"fixallInsta.js\"><\/script> -->\r\n \r\n<div class=\"iwv-support-container\">\r\n    <!-- Assets -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700;800;900&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n    <style>\r\n        .iwv-support-container {\r\n            \/* Premium Brand Colors *\/\r\n            --iwv-black: #000000; \/* Solid black for headings *\/\r\n            --iwv-p: #475569;\r\n            --iwv-primary: #E1306C; \/* Instagram Pink\/Red *\/\r\n            --iwv-primary-light: rgba(225, 48, 108, 0.08);\r\n            --iwv-grad: linear-gradient(135deg, #833ab4 0%, #fd1d1d 50%, #fcb045 100%); \/* IG Gradient *\/\r\n            \r\n            \/* Backgrounds *\/\r\n            --iwv-bg-white: #ffffff;\r\n            --iwv-bg-offwhite: #F8F9FA; \/* Clean Off-White *\/\r\n            \r\n            \/* UI Elements *\/\r\n            --iwv-br: 16px; \/* 16px looks modern, but can act as 10px visual *\/\r\n            --iwv-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\r\n            --iwv-hover-shadow: 0 15px 35px rgba(225, 48, 108, 0.12);\r\n            \r\n            font-family: 'Inter', sans-serif;\r\n            color: var(--iwv-p);\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .iwv-sect { padding: 100px 20px; width: 100%; box-sizing: border-box; }\r\n        .iwv-wrap { max-width: 1240px; margin: 0 auto; }\r\n\r\n        \/* Background Pattern Sequence *\/\r\n        .iwv-bg-white { background: var(--iwv-bg-white); }\r\n        .iwv-bg-offwhite { background: var(--iwv-bg-offwhite); border-top: 1px solid rgba(0,0,0,0.03); border-bottom: 1px solid rgba(0,0,0,0.03); }\r\n\r\n        \/* Global Typography - Forced to Black *\/\r\n        .iwv-h2 {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: clamp(2.2rem, 5vw, 3rem);\r\n            font-weight: 900;\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n            letter-spacing: -0.03em;\r\n            line-height: 1.2;\r\n            color: var(--iwv-black);\r\n        }\r\n\r\n        .iwv-h2-highlight {\r\n            background: var(--iwv-grad);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            display: inline-block;\r\n        }\r\n\r\n        .iwv-p-intro {\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto 60px auto;\r\n            font-size: 1.15rem;\r\n            font-weight: 500;\r\n            color: var(--iwv-p);\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* Dynamic Grid Layout - Proper Spacing *\/\r\n        .iwv-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 40px 30px; \/* 40px vertical, 30px horizontal *\/\r\n            align-items: stretch; \/* Forces cards in a row to match the tallest one *\/\r\n        }\r\n\r\n        \/* Fluid Card Component *\/\r\n        .iwv-card {\r\n            background: #ffffff;\r\n            border: 1px solid rgba(0, 0, 0, 0.06);\r\n            border-radius: var(--iwv-br);\r\n            padding: 35px 30px; \r\n            box-shadow: var(--iwv-shadow);\r\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: flex-start;\r\n            position: relative;\r\n            overflow: hidden;\r\n            height: 100%; \r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Off-white section card slightly distinct border *\/\r\n        .iwv-bg-offwhite .iwv-card {\r\n            border: 1px solid rgba(0, 0, 0, 0.04);\r\n        }\r\n\r\n        .iwv-card:hover {\r\n            transform: translateY(-8px);\r\n            border-color: var(--iwv-primary);\r\n            box-shadow: var(--iwv-hover-shadow);\r\n        }\r\n\r\n        \/* Header Alignment inside Card (Icon + Title Same Row) *\/\r\n        .iwv-card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 18px;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .iwv-icon-box {\r\n            width: 52px;\r\n            height: 52px;\r\n            border-radius: 12px;\r\n            background: var(--iwv-primary-light);\r\n            color: var(--iwv-primary);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.4rem;\r\n            transition: 0.4s;\r\n            flex-shrink: 0; \r\n        }\r\n\r\n        .iwv-card:hover .iwv-icon-box {\r\n            background: var(--iwv-grad);\r\n            color: #ffffff;\r\n            transform: scale(1.08) rotate(-5deg);\r\n            box-shadow: 0 8px 20px rgba(225, 48, 108, 0.3);\r\n        }\r\n\r\n        .iwv-card h3 {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 1.25rem;\r\n            margin: 0;\r\n            color: var(--iwv-black); \/* Set to Black *\/\r\n            font-weight: 800;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .iwv-card p {\r\n            font-size: 1rem;\r\n            margin: 0;\r\n            line-height: 1.6;\r\n            color: var(--iwv-p);\r\n        }\r\n\r\n        \/* Mobile Adjustments *\/\r\n        @media (max-width: 1024px) { \r\n            .iwv-grid { grid-template-columns: repeat(2, 1fr); } \r\n        }\r\n        @media (max-width: 768px) { \r\n            .iwv-grid { grid-template-columns: 1fr; gap: 25px; } \r\n            .iwv-card { padding: 30px 25px; }\r\n            .iwv-sect { padding: 60px 15px; }\r\n            .iwv-h2 { font-size: 1.8rem; }\r\n            .iwv-p-intro { font-size: 1.05rem; margin-bottom: 40px; }\r\n        }\r\n        @media (max-width: 400px) {\r\n            .iwv-icon-box { width: 45px; height: 45px; font-size: 1.2rem; }\r\n            .iwv-card h3 { font-size: 1.1rem; }\r\n            .iwv-card p { font-size: 0.95rem; }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- SECTION 1: WHAT IT IS (WHITE) -->\r\n\r\n\r\n  <section class=\"iwv-sect iwv-bg-white\">\r\n        <div class=\"iwv-wrap\">\r\n\r\n<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"iwv-sect iwv-bg-white\">\r\n        <div class=\"iwv-wrap\">\r\n            <h2 class=\"iwv-h2\">What Is an <span class=\"iwv-h2-highlight\">Instagram Web Viewer?<\/span><\/h2>\r\n            <p class=\"iwv-p-intro\">Experience Instagram directly from your browser. Our web-based utility allows you to view profiles, posts, and stories seamlessly without installing the mobile app or logging into an account.<\/p>\r\n\r\n            <div class=\"iwv-grid\">\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n                        <h3>Browser Native<\/h3>\r\n                    <\/div>\r\n                    <p>Free yourself from app restrictions. Access Instagram's public content directly through Chrome, Safari, Edge, or Firefox on any operating system.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-search\"><\/i><\/div>\r\n                        <h3>Profile Search<\/h3>\r\n                    <\/div>\r\n                    <p>Instantly map out any public user. Just type in a username or paste a URL to load their entire public grid, bio, and follower statistics instantly.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-circle-notch\"><\/i><\/div>\r\n                        <h3>Watch Stories<\/h3>\r\n                    <\/div>\r\n                    <p>Catch up on 24-hour stories straight from your desktop or mobile browser. View temporary content comfortably without dealing with the app's UI.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-expand\"><\/i><\/div>\r\n                        <h3>High Definition<\/h3>\r\n                    <\/div>\r\n                    <p>Bypass heavy mobile compression. We fetch the raw, original image and video files directly from the server so you can view content in crisp, uncropped HD.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-download\"><\/i><\/div>\r\n                        <h3>Download Media<\/h3>\r\n                    <\/div>\r\n                    <p>Found a video or photo you want to keep? Our web viewer allows you to effortlessly download public media directly to your local hard drive or gallery.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-user-slash\"><\/i><\/div>\r\n                        <h3>No Account Needed<\/h3>\r\n                    <\/div>\r\n                    <p>Tired of the \"Log in to see more\" prompts? Our platform acts as a secure bridge, letting you browse endlessly without creating a profile.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2: HOW TO USE (OFF-WHITE) -->\r\n    <section class=\"iwv-sect iwv-bg-offwhite\">\r\n        <div class=\"iwv-wrap\">\r\n            <h2 class=\"iwv-h2\">How to Use Our <span class=\"iwv-h2-highlight\">Web Viewer<\/span><\/h2>\r\n            <p class=\"iwv-p-intro\">We've eliminated technical friction. Accessing and saving Instagram content on the web is now as simple as a few clicks.<\/p>\r\n\r\n            <div class=\"iwv-grid\">\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-copy\"><\/i><\/div>\r\n                        <h3>1. Copy Username\/URL<\/h3>\r\n                    <\/div>\r\n                    <p>Navigate to the public Instagram profile or specific post you want to view. Copy the @username or the full link from the address bar.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-paste\"><\/i><\/div>\r\n                        <h3>2. Paste in Dashboard<\/h3>\r\n                    <\/div>\r\n                    <p>Return to our web tool and paste the copied text into the main search box. Our system automatically detects the format type.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-server\"><\/i><\/div>\r\n                        <h3>3. Cloud Processing<\/h3>\r\n                    <\/div>\r\n                    <p>Hit search. Our high-speed cloud architecture securely contacts Instagram's public servers to retrieve the requested media in milliseconds.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-play-circle\"><\/i><\/div>\r\n                        <h3>4. View Inline<\/h3>\r\n                    <\/div>\r\n                    <p>The profile, story, or post will load directly on our website. You can view, scroll, and analyze the content comfortably without leaving the page.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-cloud-arrow-down\"><\/i><\/div>\r\n                        <h3>5. Download Content<\/h3>\r\n                    <\/div>\r\n                    <p>Click the download button next to any image or video to save the clean, high-resolution file permanently to your device's local storage.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-share-nodes\"><\/i><\/div>\r\n                        <h3>6. Share Anywhere<\/h3>\r\n                    <\/div>\r\n                    <p>Your downloaded content is now ready to be shared offline, used in presentations, or sent through messaging apps with perfect clarity.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3: PRIVACY & SAFETY (WHITE) -->\r\n    <section class=\"iwv-sect iwv-bg-white\">\r\n        <div class=\"iwv-wrap\">\r\n            <h2 class=\"iwv-h2\">100% Anonymous <span class=\"iwv-h2-highlight\">Web Browsing<\/span><\/h2>\r\n            <p class=\"iwv-p-intro\">Your digital security is our priority. Browse Instagram safely from the web without exposing your identity or personal data to the platform.<\/p>\r\n\r\n            <div class=\"iwv-grid\">\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-ghost\"><\/i><\/div>\r\n                        <h3>Stealth Mode<\/h3>\r\n                    <\/div>\r\n                    <p>Your browsing session is entirely masked. By using our server as a proxy, your personal IP address remains completely hidden from the target user.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-eye-slash\"><\/i><\/div>\r\n                        <h3>No Read Receipts<\/h3>\r\n                    <\/div>\r\n                    <p>Watch stories and reels invisibly. Using our web viewer guarantees that your name will never appear in the creator's \"seen by\" viewer list.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-cookie-bite\"><\/i><\/div>\r\n                        <h3>Zero Tracking Cookies<\/h3>\r\n                    <\/div>\r\n                    <p>We respect your right to privacy. We do not inject persistent tracking cookies to monitor your web habits after you leave our platform.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-shield-halved\"><\/i><\/div>\r\n                        <h3>SSL Encrypted<\/h3>\r\n                    <\/div>\r\n                    <p>All data retrieved from the social servers is transmitted back to you through secure, military-grade HTTPS encrypted web tunnels.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-lock\"><\/i><\/div>\r\n                        <h3>No Login Gate<\/h3>\r\n                    <\/div>\r\n                    <p>You keep your passwords safe. We provide full access to our web viewer features without ever asking for an email, phone number, or account sync.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-trash-can\"><\/i><\/div>\r\n                        <h3>History Wipe<\/h3>\r\n                    <\/div>\r\n                    <p>We do not archive your search queries. The moment you close your browser tab, your session data is permanently erased from our servers.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 4: WHY WEB? (OFF-WHITE) -->\r\n    <section class=\"iwv-sect iwv-bg-offwhite\">\r\n        <div class=\"iwv-wrap\">\r\n            <h2 class=\"iwv-h2\">The Advantages of <span class=\"iwv-h2-highlight\">Web-Based Viewing<\/span><\/h2>\r\n            <p class=\"iwv-p-intro\">Why limit yourself to a mobile screen? Discover why professionals, marketers, and everyday users prefer using a dedicated web viewer.<\/p>\r\n\r\n            <div class=\"iwv-grid\">\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-desktop\"><\/i><\/div>\r\n                        <h3>Desktop Optimization<\/h3>\r\n                    <\/div>\r\n                    <p>Instagram is notoriously restrictive on PCs. Our tool reformats profiles and posts into a highly readable, desktop-friendly dashboard.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-broom\"><\/i><\/div>\r\n                        <h3>Avoid Distractions<\/h3>\r\n                    <\/div>\r\n                    <p>Escape the endless scroll of the algorithmic feed. Enter exactly what you want to see and leave without wasting hours on suggested content.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n                        <h3>Competitor Analysis<\/h3>\r\n                    <\/div>\r\n                    <p>Social media managers can safely click and review competitor profiles without accidentally liking a post or skewing engagement metrics.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-ban\"><\/i><\/div>\r\n                        <h3>Bypass Login Prompts<\/h3>\r\n                    <\/div>\r\n                    <p>Tired of the screen-blocking \"Log in to see more\" banner? We extract the raw feed so you can scroll public content absolutely unobstructed.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\"><i class=\"fas fa-bolt\"><\/i><\/div>\r\n                        <h3>Fast Cloud Fetching<\/h3>\r\n                    <\/div>\r\n                    <p>By routing the media links off central databases, we eliminate memory-sapping app features to achieve far quicker load speeds.<\/p>\r\n                <\/div>\r\n                <div class=\"iwv-card\" style=\"border: 1px solid rgba(225, 48, 108, 0.3);\">\r\n                    <div class=\"iwv-card-header\">\r\n                        <div class=\"iwv-icon-box\" style=\"background:var(--iwv-grad); color:#fff; box-shadow: 0 5px 15px rgba(225, 48, 108, 0.3);\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\r\n                        <h3 style=\"color: var(--iwv-black);\">Truly Free Access<\/h3>\r\n                    <\/div>\r\n                    <p>Experience the ultimate web viewer without premium monthly fees. Our platform is completely free to use with zero hidden paywalls.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div style=\"margin-top: 50px; text-align: center; color: var(--iwv-p-muted); font-size: 0.9rem;\">\r\n                <p><i class=\"fas fa-info-circle\"><\/i> Responsibility Note: Use this web utility respectfully. Always adhere to platform guidelines and respect the intellectual property of content creators.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- Load jQuery -->\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n\r\n<script>\r\n\/\/ Wait for DOM to be fully loaded before executing any code\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Get button element\r\n    const viewBtn = document.getElementById('view-btn');\r\n    const pasteBtn = document.getElementById('paste-btn');\r\n    const inputUrl = document.getElementById('input-url');\r\n    const errorMessage = document.getElementById('error-message');\r\n    \r\n    \/\/ Check if elements exist before attaching handlers\r\n    if (!viewBtn) {\r\n        console.error('View button not found in DOM');\r\n        return;\r\n    }\r\n    \r\n    \/\/ View Profile button click handler - defined as named function for clarity\r\n    function handleViewProfileClick(e) {\r\n        e.preventDefault();\r\n        \r\n        const username = inputUrl ? inputUrl.value.trim() : '';\r\n        \r\n        if (!username) {\r\n            if (errorMessage) {\r\n                errorMessage.textContent = 'Please enter an Instagram username';\r\n                errorMessage.style.display = 'block';\r\n            }\r\n            return;\r\n        }\r\n        \r\n        \/\/ Hide error if previously shown\r\n        if (errorMessage) {\r\n            errorMessage.style.display = 'none';\r\n        }\r\n        \r\n        \/\/ Show loading state\r\n        const originalText = viewBtn.innerHTML;\r\n        viewBtn.disabled = true;\r\n        viewBtn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i> Loading...';\r\n        \r\n        \/\/ Simulate API call (replace with actual API integration)\r\n        console.log('Fetching profile for:', username);\r\n        \r\n        \/\/ Example: Show result container\r\n        const toolsResult = document.querySelector('.tools-result');\r\n        if (toolsResult) {\r\n            toolsResult.style.display = 'block';\r\n        }\r\n        \r\n        \/\/ Restore button after delay (remove this when implementing real API)\r\n        setTimeout(function() {\r\n            viewBtn.disabled = false;\r\n            viewBtn.innerHTML = originalText;\r\n        }, 1500);\r\n    }\r\n    \r\n    \/\/ Paste button handler\r\n    function handlePasteClick(e) {\r\n        e.preventDefault();\r\n        \r\n        if (navigator.clipboard && inputUrl) {\r\n            navigator.clipboard.readText().then(function(text) {\r\n                inputUrl.value = text;\r\n            }).catch(function() {\r\n                \/\/ Fallback: try to paste using execCommand\r\n                inputUrl.focus();\r\n                document.execCommand('paste');\r\n            });\r\n        }\r\n    }\r\n    \r\n    \/\/ Attach click handlers (only when called, not immediately invoked)\r\n    viewBtn.addEventListener('click', handleViewProfileClick);\r\n    \r\n    if (pasteBtn) {\r\n        pasteBtn.addEventListener('click', handlePasteClick);\r\n    }\r\n    \r\n    \/\/ Allow Enter key to submit\r\n    if (inputUrl) {\r\n        inputUrl.addEventListener('keypress', function(e) {\r\n            if (e.key === 'Enter') {\r\n                handleViewProfileClick(e);\r\n            }\r\n        });\r\n    }\r\n    \r\n    console.log('Instagram Web Viewer initialized successfully');\r\n});\r\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":5283,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-5226","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/pages\/5226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/comments?post=5226"}],"version-history":[{"count":12,"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/pages\/5226\/revisions"}],"predecessor-version":[{"id":5635,"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/pages\/5226\/revisions\/5635"}],"up":[{"embeddable":true,"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/pages\/5283"}],"wp:attachment":[{"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/media?parent=5226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}