{"id":6854,"date":"2026-03-09T00:00:43","date_gmt":"2026-03-09T00:00:43","guid":{"rendered":"https:\/\/raistheme.com\/?page_id=6854"},"modified":"2026-08-23T06:40:44","modified_gmt":"2026-08-23T06:40:44","slug":"facebook-friend","status":"publish","type":"page","link":"https:\/\/raistheme.com\/tools\/social-viewer\/facebook-friend\/","title":{"rendered":"Facebook Friend Viewer \u2013 View Any Friend List Freely"},"content":{"rendered":"<p><!-- tc-cache-bust:2026-08-23T06:40:44+00:00 --><br \/>\n<style>\n\/* New Social Facebook Friends Viewer \u2014 WordPress-scoped styles *\/\n    .nsffv {\n        --nsffv-ink: #ffffff;\n        --nsffv-muted: #c5daf8;\n        --nsffv-dim: #8fb4e8;\n        --nsffv-bg: #0b1f3d;\n        --nsffv-panel: #123056;\n        --nsffv-panel-soft: #1a3f70;\n        --nsffv-hover: #24528c;\n        --nsffv-line: rgba(24, 119, 242, 0.45);\n        --nsffv-accent: #1877f2;\n        --nsffv-accent-deep: #0d65d9;\n        --nsffv-cool: #4dabf7;\n        --nsffv-success: #42b72a;\n        --nsffv-danger: #f02849;\n        --nsffv-radius: 10px;\n        --nsffv-shadow: 0 8px 24px rgba(8, 40, 90, 0.45);\n        --nsffv-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        --nsffv-space: 16px;\n        --nsffv-avatar: 88px;\n        --nsffv-friend-avatar: 64px;\n        --nsffv-pad: 16px;\n        --nsffv-gap: 12px;\n        --nsffv-cols: 2;\n        --nsffv-grid-min: max(220px, 46%);\n\n        box-sizing: border-box;\n        font-family: var(--nsffv-font);\n        color: var(--nsffv-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(8px, 2vw, 16px);\n        background:\n            radial-gradient(ellipse 90% 55% at 10% 0%, rgba(24, 119, 242, 0.55), transparent 55%),\n            radial-gradient(ellipse 70% 45% at 100% 10%, rgba(13, 101, 217, 0.35), transparent 50%),\n            linear-gradient(155deg, #07152b 0%, #0d274f 40%, #143a6e 75%, #1877f2 160%);\n        border-radius: 0;\n        border: 1px solid var(--nsffv-line);\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    .nsffv *,\n    .nsffv *::before,\n    .nsffv *::after {\n        box-sizing: border-box;\n    }\n\n    .nsffv :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    .nsffv :where(ul, ol) {\n        list-style: none;\n    }\n\n    .nsffv img {\n        max-width: 100%;\n        height: auto;\n        display: block;\n        border: 0;\n    }\n\n    .nsffv a {\n        color: var(--nsffv-cool);\n        text-decoration: none;\n    }\n\n    .nsffv a:hover {\n        text-decoration: underline;\n    }\n\n    .nsffv button {\n        font-family: inherit;\n    }\n\n    .nsffv-shell {\n        width: 100%;\n        max-width: 1280px;\n        margin: 0 auto;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        gap: var(--nsffv-space);\n    }\n\n    .nsffv-hero {\n      background: transparent;\n      padding: 36px 0 14px;\n      width: 100%;\n      max-width: 100%;\n      min-width: 0;\n      text-align: center;\n      border: 0;\n      box-shadow: none;\n      border-radius: 0;\n    }\n\n    .nsffv-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(14px, 2.5vw, 20px);\n      background: var(--nsffv-panel);\n      border: 1px solid var(--nsffv-line);\n      border-radius: var(--nsffv-radius);\n      box-shadow: var(--nsffv-shadow);\n    }\n\n    .nsffv-hero__title {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 0 10px;\n        color: var(--nsffv-ink);\n    }\n\n    .nsffv-hero__brand {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        max-width: 100%;\n        min-width: 0;\n    }\n\n    .nsffv .nsffv-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: #1877f2;\n        color: #fff;\n        font-size: 1.45rem;\n        line-height: 1;\n        box-shadow: 0 1px 2px rgba(24, 119, 242, 0.28);\n    }\n\n    .nsffv .nsffv-hero__icon i {\n        display: block;\n        line-height: 1;\n    }\n\n    .nsffv-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    }\n\n    .nsffv-hero__title-mark {\n        color: var(--nsffv-cool);\n        font-weight: 800;\n    }\n\n    .nsffv-hero__lead {\n        color: var(--nsffv-muted);\n        font-size: 0.95rem;\n        max-width: 52ch;\n        margin: 0 auto 16px;\n    }\n\n    .nsffv-search__label {\n        display: block;\n        font-size: 0.82rem;\n        font-weight: 700;\n        color: var(--nsffv-dim);\n        margin-bottom: 8px;\n        text-align: left;\n    }\n\n    .nsffv-search__row {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        width: 100%;\n        min-width: 0;\n    }\n\n    .nsffv .nsffv-search__field {\n        width: 100% !important;\n        max-width: 100% !important;\n        min-width: 0 !important;\n        min-height: 48px !important;\n        padding: 12px 14px !important;\n        border-radius: 10px !important;\n        border: 1px solid var(--nsffv-line) !important;\n        background: var(--nsffv-panel-soft) !important;\n        color: var(--nsffv-ink) !important;\n        font-size: 16px !important;\n        line-height: 1.4 !important;\n        outline: none !important;\n        box-shadow: none !important;\n        appearance: none !important;\n        -webkit-appearance: none !important;\n    }\n\n    .nsffv .nsffv-search__field::placeholder {\n        color: var(--nsffv-dim) !important;\n        opacity: 1 !important;\n    }\n\n    .nsffv .nsffv-search__field:focus {\n        border-color: var(--nsffv-accent) !important;\n        box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.25) !important;\n    }\n\n    .nsffv-search__actions {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        width: 100%;\n    }\n\n    .nsffv .nsffv-btn {\n        display: inline-flex !important;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        min-height: 48px !important;\n        min-width: 44px;\n        padding: 12px 16px !important;\n        border: 0 !important;\n        border-radius: 10px !important;\n        font-size: 0.95rem !important;\n        font-weight: 700 !important;\n        cursor: pointer;\n        appearance: none !important;\n        -webkit-appearance: none !important;\n        touch-action: manipulation;\n        flex: 1 1 auto;\n        color: #fff !important;\n    }\n\n    .nsffv .nsffv-btn i {\n        display: inline-block;\n        line-height: 1;\n    }\n\n    .nsffv .nsffv-btn--paste {\n        background: var(--nsffv-panel-soft) !important;\n        border: 1px solid var(--nsffv-line) !important;\n        color: var(--nsffv-muted) !important;\n    }\n\n    .nsffv .nsffv-btn--view {\n        background: linear-gradient(135deg, var(--nsffv-accent), var(--nsffv-success)) !important;\n    }\n\n    .nsffv .nsffv-btn:disabled {\n        opacity: 0.65;\n        cursor: not-allowed;\n    }\n\n    .nsffv-search__hint {\n        margin-top: 10px;\n        font-size: 0.82rem;\n        color: var(--nsffv-dim);\n    }\n\n    \/* Cloudflare Turnstile \u2014 sit above the input row *\/\n    .nsffv #xrespond-tools-turnstile-host {\n        display: none;\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        margin: 0;\n        flex: none;\n        order: unset;\n        box-sizing: border-box;\n    }\n\n    .nsffv #xrespond-tools-turnstile-host.is-visible {\n        display: block;\n    }\n\n    .nsffv #xrespond-tools-turnstile-host .xrespond-ts-label {\n        display: block;\n        font-size: 0.85rem;\n        color: var(--nsffv-muted);\n        margin-bottom: 0.45rem;\n    }\n\n    .nsffv #xrespond-tools-turnstile-host .xrespond-ts-widget {\n        min-height: 65px;\n        max-width: 100%;\n        overflow: hidden;\n    }\n\n    .nsffv #xrespond-tools-turnstile-host .xrespond-ts-error {\n        color: #ff8e8e;\n    }\n\n    .nsffv-search__row:has(#xrespond-tools-turnstile-host),\n    .nsffv-search__actions:has(#xrespond-tools-turnstile-host) {\n        flex-wrap: wrap !important;\n    }\n\n    .nsffv-search__row>#xrespond-tools-turnstile-host,\n    .nsffv-search__actions>#xrespond-tools-turnstile-host {\n        flex: 0 0 100% !important;\n        width: 100% !important;\n        order: -1;\n    }\n\n    .nsffv-alert {\n        display: none;\n        margin-top: 10px;\n        padding: 10px 12px;\n        border-radius: 8px;\n        background: rgba(240, 40, 73, 0.18);\n        border: 1px solid rgba(240, 40, 73, 0.45);\n        color: #ffd0d8;\n        font-size: 0.88rem;\n        font-weight: 600;\n    }\n\n    .nsffv-alert.is-visible {\n        display: block;\n    }\n\n    .nsffv-notice {\n        display: none;\n        align-items: flex-start;\n        gap: 8px;\n        margin: 0 0 12px;\n        padding: 10px 12px;\n        border-radius: 8px;\n        background: rgba(24, 119, 242, 0.16);\n        border: 1px solid rgba(24, 119, 242, 0.35);\n        color: var(--nsffv-muted);\n        font-size: 0.86rem;\n        font-weight: 600;\n    }\n\n    .nsffv-notice.is-visible {\n        display: flex;\n    }\n\n    .nsffv-notice i {\n        color: var(--nsffv-cool);\n        margin-top: 2px;\n    }\n\n    .nsffv .nsffv-skeleton {\n        display: none;\n        margin: 0;\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n\n    .nsffv .nsffv-skeleton.is-visible {\n        display: block;\n    }\n\n    .nsffv .nsffv-content.is-hidden {\n        display: none !important;\n    }\n\n    .nsffv .nsffv-content.is-placeholder .nsffv-profile__zoom,\n    .nsffv .nsffv-content.is-placeholder .nsffv-friend__action,\n    .nsffv .nsffv-content.is-placeholder .nsffv-friend__zoom {\n        opacity: 0.55;\n        pointer-events: none;\n    }\n\n    .nsffv .nsffv-content.is-placeholder .nsffv-filter {\n        opacity: 0.65;\n        pointer-events: none;\n    }\n\n    @keyframes nsffv-shimmer {\n        0% {\n            background-position: -400px 0;\n        }\n\n        100% {\n            background-position: 400px 0;\n        }\n    }\n\n    .nsffv .nsffv-sk {\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.14) 50%, rgba(255, 255, 255, 0.06) 100%);\n        background-size: 800px 100%;\n        animation: nsffv-shimmer 1.3s linear infinite;\n        border-radius: 8px;\n    }\n\n    .nsffv-skeleton__panel {\n        background: var(--nsffv-panel);\n        border: 1px solid var(--nsffv-line);\n        border-radius: var(--nsffv-radius);\n        padding: var(--nsffv-pad);\n        box-shadow: var(--nsffv-shadow);\n    }\n\n    .nsffv-skeleton__profile {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        margin-bottom: 16px;\n    }\n\n    .nsffv .nsffv-skeleton__avatar {\n        width: var(--nsffv-avatar);\n        height: var(--nsffv-avatar);\n        border-radius: 50%;\n        flex-shrink: 0;\n    }\n\n    .nsffv-skeleton__meta {\n        flex: 1;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .nsffv-skeleton__line {\n        height: 14px;\n        width: 100%;\n    }\n\n    .nsffv-skeleton__line--lg {\n        width: 55%;\n        height: 18px;\n    }\n\n    .nsffv-skeleton__line--md {\n        width: 35%;\n    }\n\n    .nsffv-skeleton__grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsffv-grid-min)), 1fr));\n        gap: var(--nsffv-gap);\n    }\n\n    .nsffv-skeleton__card {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        padding: 12px;\n        border-radius: 10px;\n        border: 1px solid rgba(24, 119, 242, 0.2);\n        background: rgba(8, 40, 90, 0.25);\n    }\n\n    .nsffv-skeleton__friend-avatar {\n        width: var(--nsffv-friend-avatar);\n        height: var(--nsffv-friend-avatar);\n        border-radius: 50%;\n        flex-shrink: 0;\n    }\n\n    .nsffv-skeleton__friend-meta {\n        flex: 1;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .nsffv-skeleton__friend-line {\n        height: 12px;\n        width: 70%;\n    }\n\n    .nsffv-skeleton__friend-line--sm {\n        width: 45%;\n        height: 10px;\n    }\n\n    .nsffv-result {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n\n    .nsffv-panel {\n        background: var(--nsffv-panel);\n        border: 1px solid var(--nsffv-line);\n        border-radius: var(--nsffv-radius);\n        box-shadow: var(--nsffv-shadow);\n        padding: var(--nsffv-pad);\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n\n    .nsffv-profile {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 14px;\n        margin-bottom: 16px;\n    }\n\n    .nsffv-profile__avatar-wrap {\n        position: relative;\n        width: var(--nsffv-avatar);\n        height: var(--nsffv-avatar);\n        flex-shrink: 0;\n    }\n\n    .nsffv-profile__ring {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        padding: 3px;\n        background: linear-gradient(135deg, var(--nsffv-accent), var(--nsffv-success));\n    }\n\n    .nsffv-profile__img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        object-fit: cover;\n        background: var(--nsffv-panel-soft);\n    }\n\n    .nsffv .nsffv-profile__zoom {\n        position: absolute;\n        right: -2px;\n        bottom: -2px;\n        width: 36px;\n        height: 36px;\n        min-width: 36px;\n        min-height: 36px;\n        border: 0 !important;\n        border-radius: 50%;\n        background: var(--nsffv-accent) !important;\n        color: #fff !important;\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        appearance: none;\n        -webkit-appearance: none;\n        touch-action: manipulation;\n    }\n\n    .nsffv-profile__meta {\n        min-width: 0;\n        flex: 1;\n        width: 100%;\n    }\n\n    .nsffv-profile__name {\n        font-size: clamp(1.15rem, 3.5vw, 1.45rem);\n        font-weight: 800;\n        line-height: 1.25;\n        word-break: break-word;\n    }\n\n    .nsffv-profile__handle {\n        color: var(--nsffv-muted);\n        font-size: 0.92rem;\n        font-weight: 600;\n        margin-top: 4px;\n        word-break: break-all;\n    }\n\n    .nsffv-stats {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        margin-top: 12px;\n    }\n\n    .nsffv-stats__badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 6px 10px;\n        border-radius: 999px;\n        background: rgba(24, 119, 242, 0.18);\n        border: 1px solid rgba(24, 119, 242, 0.35);\n        font-size: 0.78rem;\n        font-weight: 700;\n        color: var(--nsffv-muted);\n    }\n\n    .nsffv-stats__badge i {\n        color: var(--nsffv-cool);\n    }\n\n    .nsffv-tabs {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 0;\n        justify-content: flex-start;\n        width: 100%;\n        min-width: 0;\n        border-top: 1px solid var(--nsffv-line);\n        margin: 4px 0 14px;\n    }\n\n    .nsffv .nsffv-tabs__btn {\n        display: inline-flex !important;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        flex: 1 1 auto;\n        min-width: 0;\n        min-height: 46px;\n        padding: 12px 10px !important;\n        border: 0 !important;\n        border-bottom: 3px solid transparent !important;\n        border-radius: 0 !important;\n        background: transparent !important;\n        color: var(--nsffv-muted) !important;\n        font-family: var(--nsffv-font);\n        font-size: 0.92rem !important;\n        font-weight: 700 !important;\n        cursor: pointer;\n        transition: color 0.15s ease, background 0.15s ease;\n        appearance: none;\n        -webkit-appearance: none;\n        touch-action: manipulation;\n        white-space: nowrap;\n    }\n\n    .nsffv .nsffv-tabs__btn:hover {\n        background: var(--nsffv-panel-soft) !important;\n        color: var(--nsffv-ink) !important;\n        filter: none;\n    }\n\n    .nsffv .nsffv-tabs__btn.is-active {\n        background: rgba(24, 119, 242, 0.18) !important;\n        border-bottom-color: #1877f2 !important;\n        color: #9ec9ff !important;\n    }\n\n    .nsffv .nsffv-tabs__count {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 1.6em;\n        padding: 1px 7px;\n        border-radius: 999px;\n        background: rgba(24, 119, 242, 0.28);\n        font-size: 0.72rem;\n        font-weight: 800;\n        color: var(--nsffv-cool);\n    }\n\n    .nsffv .nsffv-tabs__btn.is-active .nsffv-tabs__count {\n        background: rgba(24, 119, 242, 0.45);\n        color: #fff;\n    }\n\n    .nsffv-filter {\n        margin-bottom: 14px;\n    }\n\n    .nsffv .nsffv-more {\n        appearance: none;\n        -webkit-appearance: none;\n        width: 100%;\n        margin-top: 14px;\n        border: 1px solid rgba(24, 119, 242, 0.45) !important;\n        background: rgba(24, 119, 242, 0.16) !important;\n        color: #fff !important;\n        border-radius: 10px !important;\n        padding: 12px 14px !important;\n        font-family: var(--nsffv-font);\n        font-weight: 800 !important;\n        font-size: 0.88rem !important;\n        cursor: pointer;\n        display: none;\n        gap: 8px;\n        align-items: center;\n        justify-content: center;\n        touch-action: manipulation;\n    }\n\n    .nsffv .nsffv-more.is-visible {\n        display: inline-flex !important;\n    }\n\n    .nsffv .nsffv-more:hover {\n        background: rgba(24, 119, 242, 0.28) !important;\n        filter: none;\n    }\n\n    .nsffv .nsffv-more:disabled {\n        opacity: 0.55;\n        cursor: not-allowed;\n    }\n\n    .nsffv-content.is-placeholder .nsffv-more {\n        display: none !important;\n    }\n\n    .nsffv .nsffv-filter__field {\n        width: 100% !important;\n        max-width: 100% !important;\n        min-height: 42px !important;\n        padding: 10px 12px 10px 40px !important;\n        border-radius: 10px !important;\n        border: 1px solid var(--nsffv-line) !important;\n        background: var(--nsffv-panel-soft) !important;\n        color: var(--nsffv-ink) !important;\n        font-size: 15px !important;\n        outline: none !important;\n        appearance: none !important;\n        -webkit-appearance: none !important;\n    }\n\n    .nsffv-filter__wrap {\n        position: relative;\n    }\n\n    .nsffv-filter__wrap>i {\n        position: absolute;\n        left: 14px;\n        top: 50%;\n        transform: translateY(-50%);\n        color: var(--nsffv-dim);\n        pointer-events: none;\n        font-size: 0.9rem;\n    }\n\n    .nsffv .nsffv-filter__field::placeholder {\n        color: var(--nsffv-dim) !important;\n    }\n\n    .nsffv .nsffv-filter__field:focus {\n        border-color: var(--nsffv-accent) !important;\n        box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.2) !important;\n    }\n\n    .nsffv-pane__head {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 10px;\n        margin-bottom: 12px;\n        flex-wrap: wrap;\n        min-width: 0;\n    }\n\n    .nsffv-pane__title {\n        font-size: 1rem;\n        font-weight: 800;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        min-width: 0;\n        flex: 1 1 auto;\n    }\n\n    .nsffv-pane__title i {\n        color: var(--nsffv-cool);\n        flex-shrink: 0;\n    }\n\n    .nsffv-pane__count {\n        font-size: 0.82rem;\n        font-weight: 700;\n        color: var(--nsffv-dim);\n        white-space: nowrap;\n    }\n\n    .nsffv-grid {\n        display: grid;\n        gap: var(--nsffv-gap);\n        grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsffv-grid-min)), 1fr));\n    }\n\n    .nsffv-friend {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        padding: 12px;\n        border-radius: 10px;\n        border: 1px solid rgba(24, 119, 242, 0.28);\n        background: rgba(8, 40, 90, 0.28);\n        min-width: 0;\n        transition: background 0.15s ease, border-color 0.15s ease;\n    }\n\n    .nsffv-friend:hover {\n        background: rgba(24, 119, 242, 0.16);\n        border-color: rgba(24, 119, 242, 0.55);\n    }\n\n    .nsffv-friend.is-ghost {\n        pointer-events: none;\n        opacity: 0.85;\n    }\n\n    .nsffv-friend__avatar-wrap {\n        position: relative;\n        width: var(--nsffv-friend-avatar);\n        height: var(--nsffv-friend-avatar);\n        flex-shrink: 0;\n    }\n\n    .nsffv-friend__avatar {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        object-fit: cover;\n        background: var(--nsffv-panel-soft);\n        border: 2px solid rgba(24, 119, 242, 0.45);\n    }\n\n    .nsffv .nsffv-friend__zoom {\n        position: absolute;\n        right: -4px;\n        bottom: -4px;\n        width: 26px;\n        height: 26px;\n        min-width: 26px;\n        min-height: 26px;\n        border: 0 !important;\n        border-radius: 50%;\n        background: var(--nsffv-accent) !important;\n        color: #fff !important;\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.65rem;\n        appearance: none;\n        -webkit-appearance: none;\n        touch-action: manipulation;\n    }\n\n    .nsffv-friend__body {\n        min-width: 0;\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n    }\n\n    .nsffv-friend__name {\n        font-size: 0.95rem;\n        font-weight: 800;\n        line-height: 1.3;\n        word-break: break-word;\n    }\n\n    .nsffv-friend__tagline {\n        font-size: 0.78rem;\n        color: var(--nsffv-dim);\n        font-weight: 600;\n        word-break: break-word;\n    }\n\n    .nsffv-friend__id {\n        font-size: 0.72rem;\n        color: var(--nsffv-dim);\n        font-weight: 600;\n        opacity: 0.85;\n        word-break: break-all;\n    }\n\n    .nsffv .nsffv-friend__action {\n        display: inline-flex !important;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        flex-shrink: 0;\n        min-height: 36px;\n        padding: 8px 12px !important;\n        border-radius: 8px !important;\n        border: 0 !important;\n        background: linear-gradient(135deg, var(--nsffv-accent), var(--nsffv-accent-deep)) !important;\n        color: #fff !important;\n        font-size: 0.78rem !important;\n        font-weight: 700 !important;\n        text-decoration: none !important;\n        white-space: nowrap;\n        appearance: none;\n        -webkit-appearance: none;\n        touch-action: manipulation;\n    }\n\n    .nsffv .nsffv-friend__action:hover {\n        text-decoration: none !important;\n        filter: brightness(1.08);\n    }\n\n    .nsffv-empty {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        padding: 36px 16px;\n        text-align: center;\n        color: var(--nsffv-muted);\n        border: 1px dashed rgba(24, 119, 242, 0.35);\n        border-radius: 10px;\n        background: rgba(8, 40, 90, 0.2);\n    }\n\n    .nsffv-empty i {\n        font-size: 1.8rem;\n        color: var(--nsffv-cool);\n    }\n\n    .nsffv-empty p {\n        font-size: 0.92rem;\n        font-weight: 600;\n        max-width: 36ch;\n    }\n\n    \/* Modal *\/\n    .nsffv-modal {\n        display: none;\n        position: fixed;\n        inset: 0;\n        z-index: 99999;\n        align-items: center;\n        justify-content: center;\n        padding: 16px;\n        background: rgba(4, 16, 36, 0.78);\n        backdrop-filter: blur(4px);\n    }\n\n    .nsffv-modal.is-open {\n        display: flex;\n    }\n\n    .nsffv-modal__dialog {\n        position: relative;\n        width: min(560px, 100%);\n        max-height: min(90vh, 900px);\n        background: var(--nsffv-panel);\n        border: 1px solid var(--nsffv-line);\n        border-radius: 12px;\n        box-shadow: var(--nsffv-shadow);\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .nsffv .nsffv-modal__close {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        z-index: 2;\n        width: 40px;\n        height: 40px;\n        border: 0 !important;\n        border-radius: 50%;\n        background: rgba(0, 0, 0, 0.45) !important;\n        color: #fff !important;\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        appearance: none;\n        -webkit-appearance: none;\n    }\n\n    .nsffv-modal__stage {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 240px;\n        max-height: 70vh;\n        background: #07152b;\n        padding: 16px;\n    }\n\n    .nsffv-modal__media {\n        max-width: 100%;\n        max-height: min(65vh, 520px);\n        width: auto;\n        height: auto;\n        border-radius: 10px;\n        object-fit: contain;\n    }\n\n    .nsffv-modal__media.is-hidden {\n        display: none;\n    }\n\n    .nsffv-modal__bar {\n        padding: 12px 14px;\n        border-top: 1px solid var(--nsffv-line);\n    }\n\n    .nsffv-modal__meta {\n        font-size: 0.9rem;\n        font-weight: 700;\n        color: var(--nsffv-muted);\n        word-break: break-word;\n    }\n\n    \/* Responsive *\/\n    @media (min-width: 640px) {\n        .nsffv-search__row {\n            flex-direction: row;\n            align-items: stretch;\n        }\n\n        .nsffv-search__actions {\n            width: auto;\n            flex-wrap: nowrap;\n        }\n\n        .nsffv .nsffv-btn {\n            flex: 0 0 auto;\n            white-space: nowrap;\n        }\n\n        .nsffv-profile {\n            flex-direction: row;\n            align-items: center;\n        }\n    }\n\n    .nsffv.nsffv--compact {\n        --nsffv-avatar: 72px;\n        --nsffv-friend-avatar: 56px;\n        --nsffv-pad: 12px;\n        --nsffv-gap: 10px;\n        --nsffv-grid-min: max(200px, 46%);\n    }\n\n    .nsffv.nsffv--compact .nsffv-search__row {\n        flex-direction: column !important;\n    }\n\n    .nsffv.nsffv--compact .nsffv-search__actions {\n        width: 100% !important;\n        display: flex !important;\n        flex-wrap: wrap !important;\n    }\n\n    .nsffv.nsffv--compact .nsffv-btn {\n        flex: 1 1 calc(50% - 4px) !important;\n    }\n\n    .nsffv.nsffv--compact .nsffv-profile {\n        flex-direction: column !important;\n        align-items: flex-start !important;\n    }\n\n    .nsffv.nsffv--compact .nsffv-friend {\n        flex-wrap: wrap;\n    }\n\n    .nsffv.nsffv--compact .nsffv-friend__action {\n        width: 100%;\n    }\n\n    .nsffv.nsffv--compact .nsffv-tabs__btn {\n        font-size: 0.84rem !important;\n        min-height: 42px;\n        padding: 10px 6px !important;\n    }\n\n    .nsffv.nsffv--narrow {\n        --nsffv-grid-min: 100%;\n        --nsffv-avatar: 64px;\n        --nsffv-friend-avatar: 52px;\n        padding: 8px;\n    }\n\n    .nsffv.nsffv--narrow .nsffv-btn {\n        flex: 1 1 100% !important;\n    }\n\n    .nsffv.nsffv--narrow .nsffv-search__actions {\n        flex-direction: column !important;\n    }\n\n    .nsffv.nsffv--narrow .nsffv-hero__brand {\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .nsffv.nsffv--narrow .nsffv-hero__title-text {\n        font-size: 1.12rem;\n        justify-content: center;\n        text-align: center;\n    }\n\n    @media (hover: none) {\n\n        .nsffv .nsffv-btn:hover,\n        .nsffv .nsffv-friend__action:hover {\n            filter: none;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .nsffv .nsffv-sk {\n            animation: none !important;\n        }\n    }\n\n  \/* Search controls: one row on large screens, wrap on narrow *\/\n  .nsffv .nsffv-search,\n  .nsffv .nsffv-search .nsffv-search__row,\n  .nsffv .nsffv-search .nsffv-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  .nsffv .nsffv-search .nsffv-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  .nsffv .nsffv-search .nsffv-search__field,\n  .nsffv .nsffv-search .nsffv-search__row > .nsffv-search__field {\n    flex: 1 1 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 0 !important;\n  }\n\n  .nsffv .nsffv-search .nsffv-search__actions,\n  .nsffv .nsffv-search .nsffv-search__row > .nsffv-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  .nsffv .nsffv-search .nsffv-search__row > .nsffv-btn,\n  .nsffv .nsffv-search .nsffv-search__actions .nsffv-btn,\n  .nsffv .nsffv-search .nsffv-search__row .nsffv-search__actions .nsffv-btn {\n    flex: 0 0 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 110px !important;\n  }\n\n  .nsffv.nsffv--compact .nsffv-search .nsffv-search__row,\n  .nsffv.nsffv--narrow .nsffv-search .nsffv-search__row {\n    flex-wrap: wrap !important;\n  }\n\n  .nsffv.nsffv--compact .nsffv-search .nsffv-search__field,\n  .nsffv.nsffv--narrow .nsffv-search .nsffv-search__field,\n  .nsffv.nsffv--compact .nsffv-search .nsffv-search__row > .nsffv-search__field,\n  .nsffv.nsffv--narrow .nsffv-search .nsffv-search__row > .nsffv-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsffv.nsffv--compact .nsffv-search .nsffv-search__actions,\n  .nsffv.nsffv--narrow .nsffv-search .nsffv-search__actions,\n  .nsffv.nsffv--compact .nsffv-search .nsffv-search__row > .nsffv-search__actions,\n  .nsffv.nsffv--narrow .nsffv-search .nsffv-search__row > .nsffv-search__actions {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsffv.nsffv--compact .nsffv-search .nsffv-search__row > .nsffv-btn,\n  .nsffv.nsffv--narrow .nsffv-search .nsffv-search__row > .nsffv-btn,\n  .nsffv.nsffv--compact .nsffv-search .nsffv-search__actions .nsffv-btn,\n  .nsffv.nsffv--narrow .nsffv-search .nsffv-search__actions .nsffv-btn,\n  .nsffv.nsffv--compact .nsffv-search .nsffv-search__row .nsffv-search__actions .nsffv-btn,\n  .nsffv.nsffv--narrow .nsffv-search .nsffv-search__row .nsffv-search__actions .nsffv-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    .nsffv .nsffv-search .nsffv-search__row {\n      flex-wrap: wrap !important;\n    }\n\n    .nsffv .nsffv-search .nsffv-search__field,\n    .nsffv .nsffv-search .nsffv-search__row > .nsffv-search__field {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsffv .nsffv-search .nsffv-search__actions,\n    .nsffv .nsffv-search .nsffv-search__row > .nsffv-search__actions {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsffv .nsffv-search .nsffv-search__row > .nsffv-btn,\n    .nsffv .nsffv-search .nsffv-search__actions .nsffv-btn,\n    .nsffv .nsffv-search .nsffv-search__row .nsffv-search__actions .nsffv-btn {\n      flex: 1 1 calc(50% - 4px) !important;\n      min-width: 0 !important;\n      max-width: 100% !important;\n    }\n  }\n\n\/* --- Codex CSS updates --- *\/\n\/* New Social Facebook Friends Viewer \u2014 WordPress-scoped styles *\/\n.nsffv {\n    --nsffv-ink: #f8fbff;\n    --nsffv-muted: #c8d9f5;\n    --nsffv-dim: #8faed9;\n    --nsffv-bg: #071326;\n    --nsffv-panel: rgba(13, 31, 58, 0.82);\n    --nsffv-panel-soft: rgba(24, 54, 96, 0.76);\n    --nsffv-hover: rgba(43, 94, 158, 0.58);\n    --nsffv-line: rgba(132, 178, 245, 0.22);\n    --nsffv-accent: #2f8cff;\n    --nsffv-accent-deep: #0d62d8;\n    --nsffv-cool: #69c7ff;\n    --nsffv-success: #31d07f;\n    --nsffv-danger: #ff4d68;\n    --nsffv-radius: 18px;\n    --nsffv-shadow: 0 22px 60px rgba(0, 20, 52, 0.36), 0 8px 24px rgba(7, 28, 64, 0.28);\n    --nsffv-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    --nsffv-space: clamp(16px, 2.4vw, 24px);\n    --nsffv-avatar: 92px;\n    --nsffv-friend-avatar: 64px;\n    --nsffv-pad: clamp(16px, 2.5vw, 24px);\n    --nsffv-gap: clamp(12px, 1.8vw, 16px);\n    --nsffv-cols: 2;\n    --nsffv-grid-min: max(240px, 46%);\n    box-sizing: border-box;\n    font-family: var(--nsffv-font);\n    color: var(--nsffv-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(14px, 3vw, 28px);\n    background:\n        radial-gradient(ellipse 75% 55% at 8% 0%, rgba(47, 140, 255, 0.34), transparent 58%),\n        radial-gradient(ellipse 60% 45% at 100% 12%, rgba(49, 208, 127, 0.18), transparent 55%),\n        radial-gradient(ellipse 80% 70% at 50% 100%, rgba(105, 199, 255, 0.14), transparent 60%),\n        linear-gradient(145deg, #05101f 0%, #081a33 38%, #102b54 72%, #123c78 100%);\n    border-radius: 0;\n    border: 1px solid var(--nsffv-line);\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.nsffv *,\n.nsffv *::before,\n.nsffv *::after {\n    box-sizing: border-box;\n}\n\n.nsffv :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.nsffv :where(ul, ol) {\n    list-style: none;\n}\n\n.nsffv img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n    border: 0;\n}\n\n.nsffv a {\n    color: var(--nsffv-cool);\n    text-decoration: none;\n    transition: color 0.2s ease, text-decoration-color 0.2s ease;\n}\n\n.nsffv a:hover {\n    color: #9addff;\n    text-decoration: underline;\n}\n\n.nsffv button {\n    font-family: inherit;\n}\n\n.nsffv-shell {\n    width: 100%;\n    max-width: 1240px;\n    margin: 0 auto;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--nsffv-space);\n}\n\n.nsffv-hero {\n    background: transparent;\n    padding: clamp(22px, 4vw, 44px) 0 8px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    text-align: center;\n    border: 0;\n    box-shadow: none;\n    border-radius: 0;\n}\n\n.nsffv-search {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 12px;\n    text-align: left;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    margin-top: clamp(18px, 3vw, 26px);\n    padding: clamp(16px, 2.6vw, 24px);\n    background: linear-gradient(180deg, rgba(20, 48, 86, 0.86), rgba(11, 28, 54, 0.78));\n    border: 1px solid rgba(145, 190, 255, 0.24);\n    border-radius: var(--nsffv-radius);\n    box-shadow: var(--nsffv-shadow);\n    backdrop-filter: blur(16px);\n}\n\n.nsffv-hero__title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 12px;\n    color: var(--nsffv-ink);\n    font-size: clamp(1.7rem, 4vw, 3rem);\n    font-weight: 850;\n    line-height: 1.08;\n    letter-spacing: 0;\n    text-wrap: balance;\n}\n\n.nsffv-hero__brand {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    max-width: 100%;\n    min-width: 0;\n}\n\n.nsffv .nsffv-hero__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: 46px;\n    height: 46px;\n    border-radius: 14px;\n    background: linear-gradient(135deg, var(--nsffv-accent), var(--nsffv-cool));\n    color: #fff;\n    font-size: 1.45rem;\n    line-height: 1;\n    box-shadow: 0 14px 32px rgba(47, 140, 255, 0.34);\n}\n\n.nsffv .nsffv-hero__icon i {\n    display: block;\n    line-height: 1;\n}\n\n.nsffv-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;\n    line-height: 1.2;\n    text-align: left;\n}\n\n.nsffv-hero__title-mark {\n    color: var(--nsffv-cool);\n    font-weight: 800;\n}\n\n.nsffv-hero__lead {\n    color: var(--nsffv-muted);\n    font-size: clamp(0.98rem, 1.7vw, 1.08rem);\n    max-width: 62ch;\n    margin: 0 auto 4px;\n}\n\n.nsffv-search__label {\n    display: block;\n    font-size: 0.84rem;\n    font-weight: 800;\n    color: #d9e8ff;\n    margin-bottom: 2px;\n    text-align: left;\n}\n\n.nsffv-search__row {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    width: 100%;\n    min-width: 0;\n}\n\n.nsffv .nsffv-search__field {\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    min-height: 52px !important;\n    padding: 14px 16px !important;\n    border-radius: 14px !important;\n    border: 1px solid rgba(154, 197, 255, 0.26) !important;\n    background: rgba(5, 18, 36, 0.72) !important;\n    color: var(--nsffv-ink) !important;\n    font-size: 16px !important;\n    line-height: 1.4 !important;\n    outline: none !important;\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n}\n\n.nsffv .nsffv-search__field::placeholder {\n    color: #91abd0 !important;\n    opacity: 1 !important;\n}\n\n.nsffv .nsffv-search__field:focus {\n    border-color: rgba(105, 199, 255, 0.88) !important;\n    background: rgba(7, 23, 45, 0.9) !important;\n    box-shadow: 0 0 0 4px rgba(47, 140, 255, 0.2), 0 12px 30px rgba(0, 0, 0, 0.16) !important;\n}\n\n.nsffv-search__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    width: 100%;\n}\n\n.nsffv .nsffv-btn {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    min-height: 52px !important;\n    min-width: 44px;\n    padding: 13px 18px !important;\n    border: 0 !important;\n    border-radius: 14px !important;\n    font-size: 0.95rem !important;\n    font-weight: 800 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    flex: 1 1 auto;\n    color: #fff !important;\n    box-shadow: 0 12px 28px rgba(0, 22, 56, 0.24);\n    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, border-color 0.18s ease, background 0.18s ease;\n}\n\n.nsffv .nsffv-btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 18px 36px rgba(0, 22, 56, 0.34);\n}\n\n.nsffv .nsffv-btn:active {\n    transform: translateY(0);\n    box-shadow: 0 8px 18px rgba(0, 22, 56, 0.24);\n}\n\n.nsffv .nsffv-btn:focus-visible {\n    outline: 0;\n    box-shadow: 0 0 0 4px rgba(105, 199, 255, 0.24), 0 16px 34px rgba(0, 22, 56, 0.32);\n}\n\n.nsffv .nsffv-btn i {\n    display: inline-block;\n    line-height: 1;\n}\n\n.nsffv .nsffv-btn--paste {\n    background: linear-gradient(180deg, rgba(37, 73, 122, 0.84), rgba(23, 49, 88, 0.84)) !important;\n    border: 1px solid rgba(154, 197, 255, 0.28) !important;\n    color: #dceaff !important;\n}\n\n.nsffv .nsffv-btn--view {\n    background: linear-gradient(135deg, var(--nsffv-accent), #19b7ff 52%, var(--nsffv-success)) !important;\n}\n\n.nsffv .nsffv-btn:disabled {\n    opacity: 0.62;\n    cursor: not-allowed;\n    transform: none;\n}\n\n.nsffv-search__hint {\n    margin-top: 2px;\n    font-size: 0.84rem;\n    color: var(--nsffv-dim);\n}\n\n.nsffv #xrespond-tools-turnstile-host {\n    display: none;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    margin: 0;\n    flex: none;\n    order: unset;\n    box-sizing: border-box;\n}\n\n.nsffv #xrespond-tools-turnstile-host.is-visible {\n    display: block;\n}\n\n.nsffv #xrespond-tools-turnstile-host .xrespond-ts-label {\n    display: block;\n    font-size: 0.85rem;\n    color: var(--nsffv-muted);\n    margin-bottom: 0.45rem;\n}\n\n.nsffv #xrespond-tools-turnstile-host .xrespond-ts-widget {\n    min-height: 65px;\n    max-width: 100%;\n    overflow: hidden;\n}\n\n.nsffv #xrespond-tools-turnstile-host .xrespond-ts-error {\n    color: #ffb2bf;\n    font-weight: 700;\n}\n\n.nsffv-search__row:has(#xrespond-tools-turnstile-host),\n.nsffv-search__actions:has(#xrespond-tools-turnstile-host) {\n    flex-wrap: wrap !important;\n}\n\n.nsffv-search__row>#xrespond-tools-turnstile-host,\n.nsffv-search__actions>#xrespond-tools-turnstile-host {\n    flex: 0 0 100% !important;\n    width: 100% !important;\n    order: -1;\n}\n\n.nsffv-alert {\n    display: none;\n    margin-top: 4px;\n    padding: 12px 14px;\n    border-radius: 12px;\n    background: rgba(255, 77, 104, 0.14);\n    border: 1px solid rgba(255, 77, 104, 0.42);\n    color: #ffd8df;\n    font-size: 0.9rem;\n    font-weight: 700;\n}\n\n.nsffv-alert.is-visible {\n    display: block;\n}\n\n.nsffv-notice {\n    display: none;\n    align-items: flex-start;\n    gap: 10px;\n    margin: 0 0 14px;\n    padding: 12px 14px;\n    border-radius: 14px;\n    background: rgba(47, 140, 255, 0.13);\n    border: 1px solid rgba(105, 199, 255, 0.28);\n    color: var(--nsffv-muted);\n    font-size: 0.88rem;\n    font-weight: 700;\n}\n\n.nsffv-notice.is-visible {\n    display: flex;\n}\n\n.nsffv-notice i {\n    color: var(--nsffv-cool);\n    margin-top: 2px;\n}\n\n.nsffv .nsffv-skeleton {\n    display: none;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n}\n\n.nsffv .nsffv-skeleton.is-visible {\n    display: block;\n}\n\n.nsffv .nsffv-content.is-hidden {\n    display: none !important;\n}\n\n.nsffv .nsffv-content.is-placeholder .nsffv-profile__zoom,\n.nsffv .nsffv-content.is-placeholder .nsffv-friend__action,\n.nsffv .nsffv-content.is-placeholder .nsffv-friend__zoom {\n    opacity: 0.55;\n    pointer-events: none;\n}\n\n.nsffv .nsffv-content.is-placeholder .nsffv-filter {\n    opacity: 0.65;\n    pointer-events: none;\n}\n\n@keyframes nsffv-shimmer {\n    0% {\n        background-position: -400px 0;\n    }\n\n    100% {\n        background-position: 400px 0;\n    }\n}\n\n.nsffv .nsffv-sk {\n    background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, rgba(105, 199, 255, 0.16) 50%, rgba(255, 255, 255, 0.06) 100%);\n    background-size: 800px 100%;\n    animation: nsffv-shimmer 1.3s linear infinite;\n    border-radius: 10px;\n}\n\n.nsffv-skeleton__panel {\n    background: linear-gradient(180deg, rgba(20, 48, 86, 0.86), rgba(11, 28, 54, 0.78));\n    border: 1px solid var(--nsffv-line);\n    border-radius: var(--nsffv-radius);\n    padding: var(--nsffv-pad);\n    box-shadow: var(--nsffv-shadow);\n    backdrop-filter: blur(16px);\n}\n\n.nsffv-skeleton__profile {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 18px;\n}\n\n.nsffv .nsffv-skeleton__avatar {\n    width: var(--nsffv-avatar);\n    height: var(--nsffv-avatar);\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.nsffv-skeleton__meta {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n}\n\n.nsffv-skeleton__line {\n    height: 14px;\n    width: 100%;\n}\n\n.nsffv-skeleton__line--lg {\n    width: 55%;\n    height: 18px;\n}\n\n.nsffv-skeleton__line--md {\n    width: 35%;\n}\n\n.nsffv-skeleton__grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsffv-grid-min)), 1fr));\n    gap: var(--nsffv-gap);\n}\n\n.nsffv-skeleton__card {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px;\n    border-radius: 16px;\n    border: 1px solid rgba(132, 178, 245, 0.18);\n    background: rgba(8, 31, 61, 0.44);\n}\n\n.nsffv-skeleton__friend-avatar {\n    width: var(--nsffv-friend-avatar);\n    height: var(--nsffv-friend-avatar);\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.nsffv-skeleton__friend-meta {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.nsffv-skeleton__friend-line {\n    height: 12px;\n    width: 70%;\n}\n\n.nsffv-skeleton__friend-line--sm {\n    width: 45%;\n    height: 10px;\n}\n\n.nsffv-result {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n}\n\n.nsffv-panel {\n    background: linear-gradient(180deg, rgba(20, 48, 86, 0.86), rgba(11, 28, 54, 0.78));\n    border: 1px solid rgba(145, 190, 255, 0.22);\n    border-radius: var(--nsffv-radius);\n    box-shadow: var(--nsffv-shadow);\n    padding: var(--nsffv-pad);\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    backdrop-filter: blur(16px);\n}\n\n.nsffv-profile {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 16px;\n    margin-bottom: 18px;\n}\n\n.nsffv-profile__avatar-wrap {\n    position: relative;\n    width: var(--nsffv-avatar);\n    height: var(--nsffv-avatar);\n    flex-shrink: 0;\n}\n\n.nsffv-profile__ring {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    padding: 3px;\n    background: linear-gradient(135deg, var(--nsffv-accent), var(--nsffv-cool), var(--nsffv-success));\n    box-shadow: 0 16px 34px rgba(47, 140, 255, 0.22);\n}\n\n.nsffv-profile__img {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    object-fit: cover;\n    background: var(--nsffv-panel-soft);\n}\n\n.nsffv .nsffv-profile__zoom {\n    position: absolute;\n    right: -2px;\n    bottom: -2px;\n    width: 38px;\n    height: 38px;\n    min-width: 38px;\n    min-height: 38px;\n    border: 1px solid rgba(255, 255, 255, 0.24) !important;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--nsffv-accent), var(--nsffv-cool)) !important;\n    color: #fff !important;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    box-shadow: 0 10px 22px rgba(0, 24, 64, 0.36);\n    transition: transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.nsffv .nsffv-profile__zoom:hover,\n.nsffv .nsffv-friend__zoom:hover {\n    transform: translateY(-1px) scale(1.03);\n}\n\n.nsffv-profile__meta {\n    min-width: 0;\n    flex: 1;\n    width: 100%;\n}\n\n.nsffv-profile__name {\n    font-size: clamp(1.22rem, 3.5vw, 1.58rem);\n    font-weight: 850;\n    line-height: 1.22;\n    word-break: break-word;\n    color: #ffffff;\n}\n\n.nsffv-profile__handle {\n    color: var(--nsffv-muted);\n    font-size: 0.94rem;\n    font-weight: 650;\n    margin-top: 5px;\n    word-break: break-all;\n}\n\n.nsffv-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 14px;\n}\n\n.nsffv-stats__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 11px;\n    border-radius: 999px;\n    background: rgba(47, 140, 255, 0.14);\n    border: 1px solid rgba(105, 199, 255, 0.26);\n    font-size: 0.78rem;\n    font-weight: 800;\n    color: #d8e8ff;\n}\n\n.nsffv-stats__badge i {\n    color: var(--nsffv-cool);\n}\n\n.nsffv-tabs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    justify-content: flex-start;\n    width: 100%;\n    min-width: 0;\n    border-top: 1px solid var(--nsffv-line);\n    margin: 6px 0 16px;\n    padding-top: 14px;\n}\n\n.nsffv .nsffv-tabs__btn {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    flex: 1 1 auto;\n    min-width: 0;\n    min-height: 46px;\n    padding: 12px 12px !important;\n    border: 1px solid rgba(132, 178, 245, 0.18) !important;\n    border-bottom: 1px solid rgba(132, 178, 245, 0.18) !important;\n    border-radius: 14px !important;\n    background: rgba(8, 31, 61, 0.34) !important;\n    color: var(--nsffv-muted) !important;\n    font-family: var(--nsffv-font);\n    font-size: 0.92rem !important;\n    font-weight: 800 !important;\n    cursor: pointer;\n    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    white-space: nowrap;\n}\n\n.nsffv .nsffv-tabs__btn:hover {\n    background: rgba(47, 140, 255, 0.14) !important;\n    color: var(--nsffv-ink) !important;\n    border-color: rgba(105, 199, 255, 0.34) !important;\n    filter: none;\n}\n\n.nsffv .nsffv-tabs__btn.is-active {\n    background: linear-gradient(135deg, rgba(47, 140, 255, 0.28), rgba(49, 208, 127, 0.14)) !important;\n    border-color: rgba(105, 199, 255, 0.48) !important;\n    color: #ffffff !important;\n}\n\n.nsffv .nsffv-tabs__count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 1.6em;\n    padding: 2px 8px;\n    border-radius: 999px;\n    background: rgba(105, 199, 255, 0.16);\n    font-size: 0.72rem;\n    font-weight: 850;\n    color: var(--nsffv-cool);\n}\n\n.nsffv .nsffv-tabs__btn.is-active .nsffv-tabs__count {\n    background: rgba(255, 255, 255, 0.18);\n    color: #fff;\n}\n\n.nsffv-filter {\n    margin-bottom: 16px;\n}\n\n.nsffv .nsffv-more {\n    appearance: none;\n    -webkit-appearance: none;\n    width: 100%;\n    margin-top: 16px;\n    border: 1px solid rgba(105, 199, 255, 0.34) !important;\n    background: linear-gradient(135deg, rgba(47, 140, 255, 0.22), rgba(105, 199, 255, 0.12)) !important;\n    color: #fff !important;\n    border-radius: 14px !important;\n    padding: 13px 16px !important;\n    font-family: var(--nsffv-font);\n    font-weight: 850 !important;\n    font-size: 0.9rem !important;\n    cursor: pointer;\n    display: none;\n    gap: 8px;\n    align-items: center;\n    justify-content: center;\n    touch-action: manipulation;\n    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;\n}\n\n.nsffv .nsffv-more.is-visible {\n    display: inline-flex !important;\n}\n\n.nsffv .nsffv-more:hover {\n    background: linear-gradient(135deg, rgba(47, 140, 255, 0.34), rgba(105, 199, 255, 0.2)) !important;\n    border-color: rgba(105, 199, 255, 0.54) !important;\n    transform: translateY(-1px);\n    filter: none;\n}\n\n.nsffv .nsffv-more:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n    transform: none;\n}\n\n.nsffv-content.is-placeholder .nsffv-more {\n    display: none !important;\n}\n\n.nsffv .nsffv-filter__field {\n    width: 100% !important;\n    max-width: 100% !important;\n    min-height: 46px !important;\n    padding: 11px 14px 11px 42px !important;\n    border-radius: 14px !important;\n    border: 1px solid rgba(154, 197, 255, 0.24) !important;\n    background: rgba(5, 18, 36, 0.62) !important;\n    color: var(--nsffv-ink) !important;\n    font-size: 15px !important;\n    outline: none !important;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n}\n\n.nsffv-filter__wrap {\n    position: relative;\n}\n\n.nsffv-filter__wrap>i {\n    position: absolute;\n    left: 15px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--nsffv-dim);\n    pointer-events: none;\n    font-size: 0.9rem;\n}\n\n.nsffv .nsffv-filter__field::placeholder {\n    color: #91abd0 !important;\n}\n\n.nsffv .nsffv-filter__field:focus {\n    border-color: rgba(105, 199, 255, 0.82) !important;\n    background: rgba(7, 23, 45, 0.84) !important;\n    box-shadow: 0 0 0 4px rgba(47, 140, 255, 0.18) !important;\n}\n\n.nsffv-pane__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 12px;\n    flex-wrap: wrap;\n    min-width: 0;\n}\n\n.nsffv-pane__title {\n    font-size: 1rem;\n    font-weight: 850;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n    flex: 1 1 auto;\n}\n\n.nsffv-pane__title i {\n    color: var(--nsffv-cool);\n    flex-shrink: 0;\n}\n\n.nsffv-pane__count {\n    font-size: 0.82rem;\n    font-weight: 750;\n    color: var(--nsffv-dim);\n    white-space: nowrap;\n}\n\n.nsffv-grid {\n    display: grid;\n    gap: var(--nsffv-gap);\n    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsffv-grid-min)), 1fr));\n}\n\n.nsffv-friend {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    padding: 14px;\n    border-radius: 16px;\n    border: 1px solid rgba(132, 178, 245, 0.2);\n    background: rgba(8, 31, 61, 0.44);\n    min-width: 0;\n    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.nsffv-friend:hover {\n    background: rgba(47, 140, 255, 0.13);\n    border-color: rgba(105, 199, 255, 0.38);\n    transform: translateY(-2px);\n    box-shadow: 0 16px 34px rgba(0, 20, 52, 0.22);\n}\n\n.nsffv-friend.is-ghost {\n    pointer-events: none;\n    opacity: 0.85;\n}\n\n.nsffv-friend__avatar-wrap {\n    position: relative;\n    width: var(--nsffv-friend-avatar);\n    height: var(--nsffv-friend-avatar);\n    flex-shrink: 0;\n}\n\n.nsffv-friend__avatar {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    object-fit: cover;\n    background: var(--nsffv-panel-soft);\n    border: 2px solid rgba(105, 199, 255, 0.42);\n}\n\n.nsffv .nsffv-friend__zoom {\n    position: absolute;\n    right: -4px;\n    bottom: -4px;\n    width: 28px;\n    height: 28px;\n    min-width: 28px;\n    min-height: 28px;\n    border: 1px solid rgba(255, 255, 255, 0.22) !important;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--nsffv-accent), var(--nsffv-cool)) !important;\n    color: #fff !important;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.68rem;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    box-shadow: 0 8px 18px rgba(0, 24, 64, 0.32);\n    transition: transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.nsffv-friend__body {\n    min-width: 0;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n}\n\n.nsffv-friend__name {\n    font-size: 0.96rem;\n    font-weight: 850;\n    line-height: 1.28;\n    word-break: break-word;\n    color: #ffffff;\n}\n\n.nsffv-friend__tagline {\n    font-size: 0.79rem;\n    color: var(--nsffv-dim);\n    font-weight: 650;\n    word-break: break-word;\n}\n\n.nsffv-friend__id {\n    font-size: 0.72rem;\n    color: var(--nsffv-dim);\n    font-weight: 650;\n    opacity: 0.86;\n    word-break: break-all;\n}\n\n.nsffv .nsffv-friend__action {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    flex-shrink: 0;\n    min-height: 38px;\n    padding: 9px 13px !important;\n    border-radius: 12px !important;\n    border: 0 !important;\n    background: linear-gradient(135deg, var(--nsffv-accent), var(--nsffv-accent-deep)) !important;\n    color: #fff !important;\n    font-size: 0.78rem !important;\n    font-weight: 800 !important;\n    text-decoration: none !important;\n    white-space: nowrap;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    box-shadow: 0 10px 20px rgba(13, 98, 216, 0.22);\n    transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;\n}\n\n.nsffv .nsffv-friend__action:hover {\n    text-decoration: none !important;\n    filter: brightness(1.08);\n    transform: translateY(-1px);\n    box-shadow: 0 14px 26px rgba(13, 98, 216, 0.3);\n}\n\n.nsffv-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: clamp(32px, 6vw, 52px) 16px;\n    text-align: center;\n    color: var(--nsffv-muted);\n    border: 1px dashed rgba(105, 199, 255, 0.34);\n    border-radius: 16px;\n    background: rgba(8, 31, 61, 0.34);\n}\n\n.nsffv-empty i {\n    font-size: 1.9rem;\n    color: var(--nsffv-cool);\n}\n\n.nsffv-empty p {\n    font-size: 0.94rem;\n    font-weight: 650;\n    max-width: 36ch;\n}\n\n.nsffv-modal {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 99999;\n    align-items: center;\n    justify-content: center;\n    padding: 16px;\n    background: rgba(3, 10, 22, 0.8);\n    backdrop-filter: blur(8px);\n}\n\n.nsffv-modal.is-open {\n    display: flex;\n}\n\n.nsffv-modal__dialog {\n    position: relative;\n    width: min(560px, 100%);\n    max-height: min(90vh, 900px);\n    background: linear-gradient(180deg, rgba(20, 48, 86, 0.96), rgba(8, 23, 45, 0.96));\n    border: 1px solid rgba(145, 190, 255, 0.28);\n    border-radius: 20px;\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.42);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n}\n\n.nsffv .nsffv-modal__close {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    z-index: 2;\n    width: 42px;\n    height: 42px;\n    border: 1px solid rgba(255, 255, 255, 0.22) !important;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.5) !important;\n    color: #fff !important;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    appearance: none;\n    -webkit-appearance: none;\n    transition: transform 0.18s ease, background 0.18s ease;\n}\n\n.nsffv .nsffv-modal__close:hover {\n    transform: scale(1.04);\n    background: rgba(255, 77, 104, 0.82) !important;\n}\n\n.nsffv-modal__stage {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 260px;\n    max-height: 70vh;\n    background: radial-gradient(circle at 50% 10%, rgba(47, 140, 255, 0.16), transparent 42%), #050f1e;\n    padding: 18px;\n}\n\n.nsffv-modal__media {\n    max-width: 100%;\n    max-height: min(65vh, 520px);\n    width: auto;\n    height: auto;\n    border-radius: 14px;\n    object-fit: contain;\n    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.32);\n}\n\n.nsffv-modal__media.is-hidden {\n    display: none;\n}\n\n.nsffv-modal__bar {\n    padding: 14px 16px;\n    border-top: 1px solid var(--nsffv-line);\n}\n\n.nsffv-modal__meta {\n    font-size: 0.9rem;\n    font-weight: 750;\n    color: var(--nsffv-muted);\n    word-break: break-word;\n}\n\n.nsffv .fa-solid,\n.nsffv .fa-paste,\n.nsffv .fa-user-group,\n.nsffv .fa-expand,\n.nsffv .fa-circle-info,\n.nsffv .fa-user-plus,\n.nsffv .fa-magnifying-glass,\n.nsffv .fa-angles-down,\n.nsffv .fa-xmark {\n    line-height: 1;\n    flex-shrink: 0;\n}\n\n@media (min-width: 640px) {\n    .nsffv-search__row {\n        flex-direction: row;\n        align-items: stretch;\n    }\n\n    .nsffv-search__actions {\n        width: auto;\n        flex-wrap: nowrap;\n    }\n\n    .nsffv .nsffv-btn {\n        flex: 0 0 auto;\n        white-space: nowrap;\n    }\n\n    .nsffv-profile {\n        flex-direction: row;\n        align-items: center;\n    }\n}\n\n.nsffv.nsffv--compact {\n    --nsffv-avatar: 72px;\n    --nsffv-friend-avatar: 56px;\n    --nsffv-pad: 14px;\n    --nsffv-gap: 10px;\n    --nsffv-grid-min: max(200px, 46%);\n}\n\n.nsffv.nsffv--compact .nsffv-search__row {\n    flex-direction: column !important;\n}\n\n.nsffv.nsffv--compact .nsffv-search__actions {\n    width: 100% !important;\n    display: flex !important;\n    flex-wrap: wrap !important;\n}\n\n.nsffv.nsffv--compact .nsffv-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n}\n\n.nsffv.nsffv--compact .nsffv-profile {\n    flex-direction: column !important;\n    align-items: flex-start !important;\n}\n\n.nsffv.nsffv--compact .nsffv-friend {\n    flex-wrap: wrap;\n}\n\n.nsffv.nsffv--compact .nsffv-friend__action {\n    width: 100%;\n}\n\n.nsffv.nsffv--compact .nsffv-tabs__btn {\n    font-size: 0.84rem !important;\n    min-height: 42px;\n    padding: 10px 6px !important;\n}\n\n.nsffv.nsffv--narrow {\n    --nsffv-grid-min: 100%;\n    --nsffv-avatar: 64px;\n    --nsffv-friend-avatar: 52px;\n    padding: 10px;\n}\n\n.nsffv.nsffv--narrow .nsffv-btn {\n    flex: 1 1 100% !important;\n}\n\n.nsffv.nsffv--narrow .nsffv-search__actions {\n    flex-direction: column !important;\n}\n\n.nsffv.nsffv--narrow .nsffv-hero__brand {\n    flex-direction: column;\n    gap: 8px;\n}\n\n.nsffv.nsffv--narrow .nsffv-hero__title {\n    font-size: 1.52rem;\n}\n\n.nsffv.nsffv--narrow .nsffv-hero__title-text {\n    font-size: 1.12rem;\n    justify-content: center;\n    text-align: center;\n}\n\n@media (hover: none) {\n    .nsffv .nsffv-btn:hover,\n    .nsffv .nsffv-friend:hover,\n    .nsffv .nsffv-friend__action:hover,\n    .nsffv .nsffv-more:hover {\n        transform: none;\n        filter: none;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .nsffv *,\n    .nsffv *::before,\n    .nsffv *::after {\n        scroll-behavior: auto !important;\n        transition-duration: 0.01ms !important;\n    }\n\n    .nsffv .nsffv-sk {\n        animation: none !important;\n    }\n}\n\n\/* Search controls: one row on large screens, wrap on narrow *\/\n.nsffv .nsffv-search,\n.nsffv .nsffv-search .nsffv-search__row,\n.nsffv .nsffv-search .nsffv-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.nsffv .nsffv-search .nsffv-search__row {\n    display: flex !important;\n    flex-direction: row !important;\n    flex-wrap: nowrap !important;\n    align-items: stretch !important;\n    gap: 10px !important;\n}\n\n.nsffv .nsffv-search .nsffv-search__field,\n.nsffv .nsffv-search .nsffv-search__row > .nsffv-search__field {\n    flex: 1 1 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 0 !important;\n}\n\n.nsffv .nsffv-search .nsffv-search__actions,\n.nsffv .nsffv-search .nsffv-search__row > .nsffv-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: 10px !important;\n}\n\n.nsffv .nsffv-search .nsffv-search__row > .nsffv-btn,\n.nsffv .nsffv-search .nsffv-search__actions .nsffv-btn,\n.nsffv .nsffv-search .nsffv-search__row .nsffv-search__actions .nsffv-btn {\n    flex: 0 0 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 116px !important;\n}\n\n.nsffv.nsffv--compact .nsffv-search .nsffv-search__row,\n.nsffv.nsffv--narrow .nsffv-search .nsffv-search__row {\n    flex-wrap: wrap !important;\n}\n\n.nsffv.nsffv--compact .nsffv-search .nsffv-search__field,\n.nsffv.nsffv--narrow .nsffv-search .nsffv-search__field,\n.nsffv.nsffv--compact .nsffv-search .nsffv-search__row > .nsffv-search__field,\n.nsffv.nsffv--narrow .nsffv-search .nsffv-search__row > .nsffv-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n}\n\n.nsffv.nsffv--compact .nsffv-search .nsffv-search__actions,\n.nsffv.nsffv--narrow .nsffv-search .nsffv-search__actions,\n.nsffv.nsffv--compact .nsffv-search .nsffv-search__row > .nsffv-search__actions,\n.nsffv.nsffv--narrow .nsffv-search .nsffv-search__row > .nsffv-search__actions {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n}\n\n.nsffv.nsffv--compact .nsffv-search .nsffv-search__row > .nsffv-btn,\n.nsffv.nsffv--narrow .nsffv-search .nsffv-search__row > .nsffv-btn,\n.nsffv.nsffv--compact .nsffv-search .nsffv-search__actions .nsffv-btn,\n.nsffv.nsffv--narrow .nsffv-search .nsffv-search__actions .nsffv-btn,\n.nsffv.nsffv--compact .nsffv-search .nsffv-search__row .nsffv-search__actions .nsffv-btn,\n.nsffv.nsffv--narrow .nsffv-search .nsffv-search__row .nsffv-search__actions .nsffv-btn {\n    flex: 1 1 calc(50% - 5px) !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n}\n\n@media (max-width: 720px) {\n    .nsffv {\n        padding: 10px;\n    }\n\n    .nsffv .nsffv-search .nsffv-search__row {\n        flex-wrap: wrap !important;\n    }\n\n    .nsffv .nsffv-search .nsffv-search__field,\n    .nsffv .nsffv-search .nsffv-search__row > .nsffv-search__field {\n        flex: 1 1 100% !important;\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n\n    .nsffv .nsffv-search .nsffv-search__actions,\n    .nsffv .nsffv-search .nsffv-search__row > .nsffv-search__actions {\n        flex: 1 1 100% !important;\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n\n    .nsffv .nsffv-search .nsffv-search__row > .nsffv-btn,\n    .nsffv .nsffv-search .nsffv-search__actions .nsffv-btn,\n    .nsffv .nsffv-search .nsffv-search__row .nsffv-search__actions .nsffv-btn {\n        flex: 1 1 calc(50% - 5px) !important;\n        min-width: 0 !important;\n        max-width: 100% !important;\n    }\n\n    .nsffv-hero {\n        padding-top: 20px;\n    }\n\n    .nsffv-tabs {\n        gap: 8px;\n    }\n\n    .nsffv-friend {\n        align-items: flex-start;\n    }\n}\n\n@media (max-width: 480px) {\n    .nsffv {\n        padding: 8px;\n    }\n\n    .nsffv-search,\n    .nsffv-panel,\n    .nsffv-skeleton__panel {\n        border-radius: 16px;\n    }\n\n    .nsffv .nsffv-search .nsffv-search__actions {\n        flex-direction: column !important;\n    }\n\n    .nsffv .nsffv-search .nsffv-search__row > .nsffv-btn,\n    .nsffv .nsffv-search .nsffv-search__actions .nsffv-btn,\n    .nsffv .nsffv-search .nsffv-search__row .nsffv-search__actions .nsffv-btn {\n        flex: 1 1 100% !important;\n        width: 100% !important;\n    }\n\n    .nsffv-hero__title {\n        font-size: 1.42rem;\n    }\n\n    .nsffv-hero__lead {\n        font-size: 0.94rem;\n    }\n\n    .nsffv-profile {\n        align-items: center;\n        text-align: center;\n    }\n\n    .nsffv-stats {\n        justify-content: center;\n    }\n\n    .nsffv-friend {\n        flex-wrap: wrap;\n    }\n\n    .nsffv .nsffv-friend__action {\n        width: 100%;\n    }\n\n    .nsffv-modal {\n        padding: 10px;\n    }\n}\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=\"nsffv\" id=\"nsffv-root\" data-nsffv-ready=\"0\">\n    <div class=\"nsffv-shell\">\n        <section class=\"nsffv-hero\" aria-labelledby=\"nsffv-title\">\n            <h1 class=\"nsffv-hero__title\" id=\"nsffv-title\">Facebook Friend Viewer \u2013 View Any Friend List Freely<\/h1>\n<p class=\"nsffv-hero__lead\">\n                Browse public Facebook profile friends, preview photos, and open friend profiles.\n            <\/p>\n<div class=\"nsffv-search\">\n                <label class=\"nsffv-search__label\" for=\"nsffv-input\">Enter Facebook username or profile URL<\/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=\"nsffv-search__row\">\n                    <input class=\"nsffv-search__field\" id=\"nsffv-input\" type=\"text\" name=\"nsffv_input\"\n                        placeholder=\"username or facebook.com\/username\" autocomplete=\"off\" spellcheck=\"false\"\n                        inputmode=\"url\">\n                    <div class=\"nsffv-search__actions\">\n                        <button type=\"button\" class=\"nsffv-btn nsffv-btn--paste\" id=\"nsffv-paste\"\n                            aria-label=\"Paste from clipboard\">\n                            <i class=\"fa-solid fa-paste\" aria-hidden=\"true\"><\/i> Paste\n                        <\/button>\n                        <button type=\"submit\" class=\"nsffv-btn nsffv-btn--view\" id=\"xrespond-tools-turnstile\">\n                            <i class=\"fa-solid fa-user-group\" aria-hidden=\"true\"><\/i> View Friends\n                        <\/button>\n                    <\/div>\n                <\/div>\n<div class=\"nsffv-alert\" id=\"nsffv-alert\" role=\"alert\"><\/div>\n<p class=\"nsffv-search__hint\">Enter a Facebook username or profile URL (example: nasdaily)<\/p>\n            <\/div>\n        <\/section>\n\n        <div class=\"nsffv-skeleton\" id=\"nsffv-skeleton\" aria-hidden=\"true\" aria-busy=\"false\">\n            <div class=\"nsffv-skeleton__panel\">\n                <div class=\"nsffv-skeleton__profile\">\n                    <div class=\"nsffv-sk nsffv-skeleton__avatar\" aria-hidden=\"true\"><\/div>\n<div class=\"nsffv-skeleton__meta\">\n                        <div class=\"nsffv-sk nsffv-skeleton__line nsffv-skeleton__line--lg\" aria-hidden=\"true\"><\/div>\n<div class=\"nsffv-sk nsffv-skeleton__line nsffv-skeleton__line--md\" aria-hidden=\"true\"><\/div>\n                    <\/div>\n                <\/div>\n<div class=\"nsffv-skeleton__grid\" aria-hidden=\"true\">\n                    <div class=\"nsffv-skeleton__card\">\n                        <div class=\"nsffv-sk nsffv-skeleton__friend-avatar\"><\/div>\n<div class=\"nsffv-skeleton__friend-meta\">\n                            <div class=\"nsffv-sk nsffv-skeleton__friend-line\"><\/div>\n<div class=\"nsffv-sk nsffv-skeleton__friend-line nsffv-skeleton__friend-line--sm\"><\/div>\n                        <\/div>\n                    <\/div>\n<div class=\"nsffv-skeleton__card\">\n                        <div class=\"nsffv-sk nsffv-skeleton__friend-avatar\"><\/div>\n<div class=\"nsffv-skeleton__friend-meta\">\n                            <div class=\"nsffv-sk nsffv-skeleton__friend-line\"><\/div>\n<div class=\"nsffv-sk nsffv-skeleton__friend-line nsffv-skeleton__friend-line--sm\"><\/div>\n                        <\/div>\n                    <\/div>\n<div class=\"nsffv-skeleton__card\">\n                        <div class=\"nsffv-sk nsffv-skeleton__friend-avatar\"><\/div>\n<div class=\"nsffv-skeleton__friend-meta\">\n                            <div class=\"nsffv-sk nsffv-skeleton__friend-line\"><\/div>\n<div class=\"nsffv-sk nsffv-skeleton__friend-line nsffv-skeleton__friend-line--sm\"><\/div>\n                        <\/div>\n                    <\/div>\n<div class=\"nsffv-skeleton__card\">\n                        <div class=\"nsffv-sk nsffv-skeleton__friend-avatar\"><\/div>\n<div class=\"nsffv-skeleton__friend-meta\">\n                            <div class=\"nsffv-sk nsffv-skeleton__friend-line\"><\/div>\n<div class=\"nsffv-sk nsffv-skeleton__friend-line nsffv-skeleton__friend-line--sm\"><\/div>\n                        <\/div>\n                    <\/div>\n<div class=\"nsffv-skeleton__card\">\n                        <div class=\"nsffv-sk nsffv-skeleton__friend-avatar\"><\/div>\n<div class=\"nsffv-skeleton__friend-meta\">\n                            <div class=\"nsffv-sk nsffv-skeleton__friend-line\"><\/div>\n<div class=\"nsffv-sk nsffv-skeleton__friend-line nsffv-skeleton__friend-line--sm\"><\/div>\n                        <\/div>\n                    <\/div>\n<div class=\"nsffv-skeleton__card\">\n                        <div class=\"nsffv-sk nsffv-skeleton__friend-avatar\"><\/div>\n<div class=\"nsffv-skeleton__friend-meta\">\n                            <div class=\"nsffv-sk nsffv-skeleton__friend-line\"><\/div>\n<div class=\"nsffv-sk nsffv-skeleton__friend-line nsffv-skeleton__friend-line--sm\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <section class=\"nsffv-result\" id=\"nsffv-result\" aria-live=\"polite\">\n            <div class=\"nsffv-panel nsffv-content is-placeholder\" id=\"nsffv-content\">\n                <div class=\"nsffv-profile\">\n                    <div class=\"nsffv-profile__avatar-wrap\">\n                        <div class=\"nsffv-profile__ring\">\n                            <img decoding=\"async\" class=\"nsffv-profile__img\" id=\"nsffv-avatar\" src=\"\" alt=\"Profile avatar\">\n                        <\/div>\n                        <button type=\"button\" class=\"nsffv-profile__zoom\" id=\"nsffv-avatar-zoom\"\n                            aria-label=\"Expand profile photo\">\n                            <i class=\"fa-solid fa-expand\" aria-hidden=\"true\"><\/i>\n                        <\/button>\n                    <\/div>\n<div class=\"nsffv-profile__meta\">\n                        <h2 class=\"nsffv-profile__name\" id=\"nsffv-name\">Full Name<\/h2>\n<p class=\"nsffv-profile__handle\" id=\"nsffv-handle\">facebook.com\/username<\/p>\n<ul class=\"nsffv-stats\" id=\"nsffv-stats\"><\/ul>\n                    <\/div>\n                <\/div>\n<div class=\"nsffv-notice\" id=\"nsffv-notice\" role=\"status\">\n                    <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n                    <span id=\"nsffv-notice-text\"><\/span>\n                <\/div>\n<div class=\"nsffv-tabs\" role=\"tablist\" aria-label=\"Followers and following\">\n                    <button type=\"button\" class=\"nsffv-tabs__btn is-active\" role=\"tab\" aria-selected=\"true\"\n                        data-nsffv-tab=\"followers\" id=\"nsffv-tab-followers\">\n                        <i class=\"fa-solid fa-user-group\" aria-hidden=\"true\"><\/i>\n                        Followers\n                        <span class=\"nsffv-tabs__count\" id=\"nsffv-tab-followers-count\">0<\/span>\n                    <\/button>\n                    <button type=\"button\" class=\"nsffv-tabs__btn\" role=\"tab\" aria-selected=\"false\"\n                        data-nsffv-tab=\"following\" id=\"nsffv-tab-following\">\n                        <i class=\"fa-solid fa-user-plus\" aria-hidden=\"true\"><\/i>\n                        Following\n                        <span class=\"nsffv-tabs__count\" id=\"nsffv-tab-following-count\">0<\/span>\n                    <\/button>\n                <\/div>\n<div class=\"nsffv-filter\" id=\"nsffv-filter\">\n                    <div class=\"nsffv-filter__wrap\">\n                        <i class=\"fa-solid fa-magnifying-glass\" aria-hidden=\"true\"><\/i>\n                        <input class=\"nsffv-filter__field\" id=\"nsffv-filter-input\" type=\"search\"\n                            placeholder=\"Filter by name\u2026\" autocomplete=\"off\" spellcheck=\"false\">\n                    <\/div>\n                <\/div>\n<div id=\"nsffv-friends\"><\/div>\n                <button type=\"button\" class=\"nsffv-more\" id=\"nsffv-more\" aria-hidden=\"true\">\n                    <i class=\"fa-solid fa-angles-down\" aria-hidden=\"true\"><\/i>\n                    <span id=\"nsffv-more-label\">Load more<\/span>\n                <\/button>\n            <\/div>\n        <\/section>\n    <\/div>\n<div class=\"nsffv-modal\" id=\"nsffv-modal\" aria-hidden=\"true\">\n        <div class=\"nsffv-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Photo preview\">\n            <button type=\"button\" class=\"nsffv-modal__close\" id=\"nsffv-modal-close\" aria-label=\"Close preview\">\n                <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"><\/i>\n            <\/button>\n            <div class=\"nsffv-modal__stage\">\n                <img decoding=\"async\" class=\"nsffv-modal__media\" id=\"nsffv-modal-img\" src=\"\" alt=\"Preview\" referrerpolicy=\"no-referrer\">\n            <\/div>\n<div class=\"nsffv-modal__bar\">\n                <div class=\"nsffv-modal__meta\" id=\"nsffv-modal-meta\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><br \/>\n<style>\n:root {\r\n        --primary-gradient: linear-gradient(135deg, #0060ff 0%, #00aaff 100%);\r\n        --text-main: #1a2a3a;\r\n        --text-muted: #64748b;\r\n        --bg-light-blue: #f0f7ff;\r\n        --transition-smooth: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    }\r\n\r\n    .support-container {\r\n        width: 100%;\r\n        font-family: 'Inter', sans-serif;\r\n        color: var(--text-main);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .support-inner {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 80px 20px;\r\n    }\r\n\r\n    .support-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .support-header h2 {\r\n        font-size: clamp(2rem, 5vw, 3rem);\r\n        font-weight: 800;\r\n        margin-bottom: 20px;\r\n        background: var(--primary-gradient);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .support-header p {\r\n        font-size: 1.1rem;\r\n        color: var(--text-muted);\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Grid System *\/\r\n    .support-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 25px;\r\n    }\r\n\r\n    .support-card {\r\n        padding: 30px;\r\n        border-radius: 10px;\r\n        transition: var(--transition-smooth);\r\n        position: relative;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        height: 100%;\r\n    }\r\n\r\n    .support-card i {\r\n        font-size: 2rem;\r\n        margin-bottom: 20px;\r\n        background: var(--primary-gradient);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        transition: var(--transition-smooth);\r\n    }\r\n\r\n    .support-card h3 {\r\n        font-size: 1.25rem;\r\n        font-weight: 700;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .support-card p {\r\n        font-size: 0.95rem;\r\n        color: var(--text-muted);\r\n        line-height: 1.5;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* SECTION 1: White BG | Blue Cards | Lift & Rotate Interaction *\/\r\n    .section-white { background-color: #ffffff; }\r\n    .card-blue { background-color: var(--bg-light-blue); border: 1px solid rgba(0, 96, 255, 0.05); }\r\n\r\n    .section-1-hover:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 20px 40px rgba(0, 96, 255, 0.12);\r\n    }\r\n\r\n    .section-1-hover:hover i {\r\n        transform: rotate(15deg) scale(1.1);\r\n    }\r\n\r\n    \/* SECTION 2: Blue BG | White Cards | Edge Shimmer Interaction *\/\r\n    .section-blue { background-color: var(--bg-light-blue); }\r\n    .card-white { background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02); }\r\n\r\n    .section-2-hover::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%;\r\n        width: 100%; height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(0, 96, 255, 0.05), transparent);\r\n        transition: 0.6s;\r\n    }\r\n\r\n    .section-2-hover:hover::before {\r\n        left: 100%;\r\n    }\r\n\r\n    .section-2-hover:hover {\r\n        border-color: #0060ff;\r\n        box-shadow: 0 0 0 2px rgba(0, 96, 255, 0.1);\r\n    }\r\n\r\n    \/* SECTION 3: White BG | Blue Cards | Spotlight & Inner Press Interaction *\/\r\n    .section-3-hover:hover {\r\n        transform: scale(0.98);\r\n        box-shadow: inset 0 2px 10px rgba(0, 96, 255, 0.1);\r\n    }\r\n\r\n    .section-3-hover::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(0, 96, 255, 0.08) 0%, transparent 70%);\r\n        opacity: 0;\r\n        transition: opacity 0.3s;\r\n    }\r\n\r\n    .section-3-hover:hover::after {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* Responsive Queries *\/\r\n    @media (max-width: 1024px) {\r\n        .support-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .support-grid { grid-template-columns: 1fr; }\r\n        .support-inner { padding: 50px 20px; }\r\n        .support-header h2 { font-size: 1.8rem; }\r\n    }\n<\/style><div class=\"support-container\"><section class=\"section-white\"><div class=\"support-inner\"><div class=\"support-header\"><h2>Why Choose Our Facebook Friend Viewer?<\/h2>\r\n                <p>Unlock deep profile insights with a tool designed for speed, anonymity, and comprehensive data visualization.<\/p>\r\n            <\/div>\r\n            <div class=\"support-grid\">\r\n                <div class=\"support-card card-blue section-1-hover\">\r\n                    <i class=\"fas fa-user-secret\"><\/i>\r\n                    <h3>100% Anonymous<\/h3>\r\n                    <p>View friend lists and public profiles without ever leaving a trace or notifying the account owner.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-1-hover\">\r\n                    <i class=\"fas fa-bolt\"><\/i>\r\n                    <h3>Instant Processing<\/h3>\r\n                    <p>Our optimized algorithms fetch and display friend lists and group data in just a few seconds.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-1-hover\">\r\n                    <i class=\"fas fa-shield-halved\"><\/i>\r\n                    <h3>Safe & Secure<\/h3>\r\n                    <p>We do not require your Facebook password or personal tokens. Your privacy is our top priority.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-1-hover\">\r\n                    <i class=\"fas fa-chart-pie\"><\/i>\r\n                    <h3>Visual Analytics<\/h3>\r\n                    <p>Get beautiful charts and data breakdowns of group members and profile engagement levels.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-1-hover\">\r\n                    <i class=\"fas fa-mobile-screen\"><\/i>\r\n                    <h3>Fully Responsive<\/h3>\r\n                    <p>Access our viewer from any device\u2014desktop, tablet, or smartphone\u2014with a seamless UI experience.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-1-hover\">\r\n                    <i class=\"fas fa-users-viewfinder\"><\/i>\r\n                    <h3>Group Insights<\/h3>\r\n                    <p>Go beyond friends; analyze entire public groups to understand community dynamics and key members.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-1-hover\">\r\n                    <i class=\"fas fa-cloud-arrow-down\"><\/i>\r\n                    <h3>Export Ready<\/h3>\r\n                    <p>Download profile data and media in organized formats for offline analysis and record-keeping.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-1-hover\">\r\n                    <i class=\"fas fa-infinity\"><\/i>\r\n                    <h3>Unlimited Use<\/h3>\r\n                    <p>Search and analyze as many profiles or groups as you need without any daily usage restrictions.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 2: How Style -->\r\n    <section class=\"section-blue\">\r\n        <div class=\"support-inner\">\r\n            <div class=\"support-header\">\r\n                <h2>How to View Facebook Friend Lists Effectively<\/h2>\r\n                <p>Follow these simple steps to get the most out of our advanced Facebook analysis engine.<\/p>\r\n            <\/div>\r\n            <div class=\"support-grid\">\r\n                <div class=\"support-card card-white section-2-hover\">\r\n                    <i class=\"fas fa-magnifying-glass\"><\/i>\r\n                    <h3>Copy the URL<\/h3>\r\n                    <p>Navigate to the target profile or public group on Facebook and copy the full browser URL.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-white section-2-hover\">\r\n                    <i class=\"fas fa-paste\"><\/i>\r\n                    <h3>Paste & Analyze<\/h3>\r\n                    <p>Enter the link into our tool above and hit the Analyze button to start the scanning process.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-white section-2-hover\">\r\n                    <i class=\"fas fa-filter\"><\/i>\r\n                    <h3>Filter Results<\/h3>\r\n                    <p>Use our smart filters to sort through friends, recent posts, or media items based on your needs.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-white section-2-hover\">\r\n                    <i class=\"fas fa-eye\"><\/i>\r\n                    <h3>Preview Media<\/h3>\r\n                    <p>Hover over any image or video thumbnail to see high-quality previews before downloading.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-white section-2-hover\">\r\n                    <i class=\"fas fa-tags\"><\/i>\r\n                    <h3>Metadata Check<\/h3>\r\n                    <p>View hidden metadata including upload dates, resolutions, and engagement statistics for every item.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-white section-2-hover\">\r\n                    <i class=\"fas fa-layer-group\"><\/i>\r\n                    <h3>Batch Operations<\/h3>\r\n                    <p>Easily select multiple images or videos to download them all at once in a single ZIP file.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-white section-2-hover\">\r\n                    <i class=\"fas fa-magnifying-glass\"><\/i>\r\n                    <h3>Deep Scan<\/h3>\r\n                    <p>Enable Deep Scan to find hidden reels and legacy posts that might not appear on the main timeline.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-white section-2-hover\">\r\n                    <i class=\"fas fa-check-double\"><\/i>\r\n                    <h3>Verify Results<\/h3>\r\n                    <p>Cross-reference found data with live links to ensure you have the most up-to-date information.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Section 3: What Style -->\r\n    <section class=\"section-white\">\r\n        <div class=\"support-inner\">\r\n            <div class=\"support-header\">\r\n                <h2>What Makes Our Analytics Engine Different?<\/h2>\r\n                <p>We leverage advanced data parsing to provide details that other basic viewers simply miss.<\/p>\r\n            <\/div>\r\n            <div class=\"support-grid\" id=\"spotlightGrid\">\r\n                <div class=\"support-card card-blue section-3-hover\">\r\n                    <i class=\"fas fa-microchip\"><\/i>\r\n                    <h3>AI-Driven Parsing<\/h3>\r\n                    <p>Our backend uses smart logic to identify profile connections even on complex page layouts.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-3-hover\">\r\n                    <i class=\"fas fa-images\"><\/i>\r\n                    <h3>HD Media Recovery<\/h3>\r\n                    <p>We extract the highest possible resolution for profile pictures and gallery images automatically.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-3-hover\">\r\n                    <i class=\"fas fa-database\"><\/i>\r\n                    <h3>Structured Data<\/h3>\r\n                    <p>Receive information in clean, structured cards instead of messy, cluttered web pages.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-3-hover\">\r\n                    <i class=\"fas fa-clock-rotate-left\"><\/i>\r\n                    <h3>Timeline Tracking<\/h3>\r\n                    <p>View post history organized chronologically, making it easy to track profile updates over time.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-3-hover\">\r\n                    <i class=\"fas fa-globe\"><\/i>\r\n                    <h3>Global Availability<\/h3>\r\n                    <p>Our servers are distributed worldwide to ensure low latency regardless of your location.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-3-hover\">\r\n                    <i class=\"fas fa-code\"><\/i>\r\n                    <h3>Developer Grade<\/h3>\r\n                    <p>The same robust API technology used by professionals is now available for personal use.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-3-hover\">\r\n                    <i class=\"fas fa-hand-sparkles\"><\/i>\r\n                    <h3>Ad-Free Experience<\/h3>\r\n                    <p>Focus on your research without distracting pop-ups or intrusive advertising interrupting you.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card card-blue section-3-hover\">\r\n                    <i class=\"fas fa-headset\"><\/i>\r\n                    <h3>Constant Updates<\/h3>\r\n                    <p>We regularly update our scripts to stay compatible with the latest Facebook UI changes.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":6663,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-6854","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/comments?post=6854"}],"version-history":[{"count":32,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6854\/revisions"}],"predecessor-version":[{"id":7907,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6854\/revisions\/7907"}],"up":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6663"}],"wp:attachment":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/media?parent=6854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}