{"id":1020,"date":"2025-10-18T11:24:19","date_gmt":"2025-10-18T11:24:19","guid":{"rendered":"https:\/\/viewri.com\/?page_id=1020"},"modified":"2026-08-16T12:36:14","modified_gmt":"2026-08-16T12:36:14","slug":"dp","status":"publish","type":"page","link":"https:\/\/viewri.com\/facebook\/dp\/","title":{"rendered":"Facebook DP viewer"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<style>\n\/* New Social Facebook Profile Photo Viewer \u2014 WordPress-scoped *\/\n  .nsfpp {\n    \/* Facebook brand blue system \u2014 matched to profile viewer *\/\n    --nsfpp-ink: #ffffff;\n    --nsfpp-muted: #c5daf8;\n    --nsfpp-dim: #8fb4e8;\n    --nsfpp-bg: #0b1f3d;\n    --nsfpp-panel: #123056;\n    --nsfpp-panel-soft: #1a3f70;\n    --nsfpp-hover: #24528c;\n    --nsfpp-line: rgba(24, 119, 242, 0.45);\n    --nsfpp-accent: #1877f2;\n    --nsfpp-accent-deep: #0d65d9;\n    --nsfpp-cool: #4dabf7;\n    --nsfpp-cool-deep: #1877f2;\n    --nsfpp-success: #42b72a;\n    --nsfpp-danger: #f02849;\n    --nsfpp-radius: 10px;\n    --nsfpp-shadow: 0 8px 24px rgba(8, 40, 90, 0.45);\n    --nsfpp-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    --nsfpp-pad: 12px;\n    --nsfpp-gap: 12px;\n    --nsfpp-avatar: 88px;\n    --nsfpp-cols: 1;\n\n    box-sizing: border-box !important;\n    font-family: var(--nsfpp-font);\n    color: var(--nsfpp-ink);\n    line-height: 1.5;\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    min-height: 100vh;\n    min-width: 0 !important;\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(--nsfpp-line);\n    position: relative;\n    isolation: isolate;\n    text-align: left;\n    overflow-x: hidden !important;\n    overflow-wrap: anywhere;\n    word-wrap: break-word;\n    -webkit-text-size-adjust: 100%;\n    text-size-adjust: 100%;\n  }\n\n  .nsfpp *,\n  .nsfpp *::before,\n  .nsfpp *::after {\n    box-sizing: border-box;\n  }\n\n  .nsfpp :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    max-width: 100%;\n    overflow-wrap: anywhere;\n    word-wrap: break-word;\n  }\n\n  .nsfpp :where(ul, ol) {\n    list-style: none;\n  }\n\n  .nsfpp img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n    border: 0;\n    vertical-align: middle;\n  }\n\n  .nsfpp a {\n    color: var(--nsfpp-cool);\n    text-decoration: none;\n  }\n\n  .nsfpp a:hover {\n    text-decoration: underline;\n  }\n\n  .nsfpp-shell {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n    gap: var(--nsfpp-gap);\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    min-width: 0;\n    overflow-x: hidden;\n  }\n\n  .nsfpp-hero {\n    background: transparent;\n    padding: 36px 0 14px;\n    text-align: center;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    overflow-x: hidden;\n    border: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .nsfpp .nsfpp-hero__title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 10px;\n    color: var(--nsfpp-ink);\n  }\n\n  .nsfpp-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  .nsfpp .nsfpp-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  .nsfpp .nsfpp-hero__icon i {\n    display: block;\n    line-height: 1;\n  }\n\n  .nsfpp-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.2rem, 4.5vw, 1.7rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    text-align: left;\n  }\n\n  .nsfpp-hero__title-mark {\n    color: var(--nsfpp-cool);\n    font-weight: 700;\n  }\n\n  .nsfpp .nsfpp-hero__lead {\n    max-width: 560px;\n    margin: 0 auto 18px;\n    color: var(--nsfpp-muted);\n    font-size: clamp(0.88rem, 2.4vw, 0.95rem);\n    line-height: 1.55;\n    padding: 0 2px;\n  }\n\n  .nsfpp-search {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 10px;\n    text-align: left;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    margin-top: 4px;\n    padding: clamp(10px, 2vw, 14px);\n    background: var(--nsfpp-bg);\n    border: 1px solid var(--nsfpp-line);\n    border-radius: 8px;\n  }\n\n  .nsfpp .nsfpp-search__label {\n    display: block;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: var(--nsfpp-muted);\n    line-height: 1.3;\n  }\n\n  .nsfpp-search__row {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    gap: 8px;\n    align-items: stretch;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp .nsfpp-search__field {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 46px;\n    min-height: 46px;\n    padding: 0 14px !important;\n    border: 1px solid var(--nsfpp-line) !important;\n    border-radius: 8px;\n    background: #0b1f3d !important;\n    color: #ffffff !important;\n    font-family: var(--nsfpp-font);\n    font-size: 16px !important;\n    font-weight: 500;\n    line-height: 46px;\n    outline: none;\n    box-shadow: none;\n    width: 100%;\n    max-width: 100% !important;\n  }\n\n  .nsfpp .nsfpp-search__field:focus {\n    background: #0b1f3d !important;\n    border-color: #4dabf7 !important;\n    box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.45);\n  }\n\n  .nsfpp .nsfpp-search__field::placeholder {\n    color: var(--nsfpp-dim);\n  }\n\n  .nsfpp-search__actions {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 8px;\n    width: 100%;\n    min-width: 0;\n    align-items: stretch;\n  }\n\n  .nsfpp .nsfpp-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 7px !important;\n    flex: 1 1 calc(50% - 4px);\n    width: auto;\n    height: 46px !important;\n    min-height: 46px !important;\n    min-width: 0;\n    max-width: 100%;\n    margin: 0 !important;\n    padding: 0 14px !important;\n    border: 0 !important;\n    border-radius: 8px !important;\n    font-family: var(--nsfpp-font) !important;\n    font-size: 0.92rem !important;\n    font-weight: 600 !important;\n    line-height: 1 !important;\n    cursor: pointer;\n    transition: background 0.15s ease, opacity 0.15s ease, filter 0.15s ease;\n    white-space: nowrap;\n    text-align: center;\n    user-select: none;\n    text-decoration: none !important;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    overflow: hidden;\n    color: #fff !important;\n    background: var(--nsfpp-hover) !important;\n    box-sizing: border-box !important;\n  }\n\n  .nsfpp .nsfpp-btn i,\n  .nsfpp .nsfpp-tabs__btn i,\n  .nsfpp .nsfpp-card__action i,\n  .nsfpp .nsfpp-profile__zoom i,\n  .nsfpp .nsfpp-modal__close i,\n  .nsfpp .nsfpp-modal__dl i,\n  .nsfpp .nsfpp-demo-chip i,\n  .nsfpp .nsfpp-notice i,\n  .nsfpp .nsfpp-card__badge i,\n  .nsfpp .nsfpp-card__overlay i,\n  .nsfpp .nsfpp-meta__chip i,\n  .nsfpp i.fa-solid,\n  .nsfpp i.fas {\n    --fa-display: inline-block;\n    display: inline-block !important;\n    line-height: 1 !important;\n    font-size: 0.92em;\n    width: 1.15em;\n    text-align: center;\n    vertical-align: middle;\n    font-style: normal !important;\n    font-variant: normal;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n    flex-shrink: 0;\n  }\n\n  .nsfpp .nsfpp-empty i {\n    display: block !important;\n    font-size: 2rem !important;\n    width: auto;\n    margin: 0 auto 10px;\n    opacity: 0.4;\n    line-height: 1 !important;\n  }\n\n  .nsfpp .nsfpp-btn:hover {\n    filter: brightness(1.08);\n  }\n\n  .nsfpp .nsfpp-btn:active {\n    opacity: 0.92;\n  }\n\n  .nsfpp .nsfpp-btn:disabled {\n    opacity: 0.55;\n    cursor: wait;\n    filter: none;\n  }\n\n  .nsfpp .nsfpp-btn--paste {\n    background: #24528c !important;\n    color: #ffffff !important;\n    box-shadow: none;\n  }\n\n  .nsfpp .nsfpp-btn--paste:hover {\n    background: #2d65a8 !important;\n  }\n\n  .nsfpp .nsfpp-btn--view {\n    background: var(--nsfpp-accent) !important;\n    color: #ffffff !important;\n    box-shadow: none;\n  }\n\n  .nsfpp .nsfpp-btn--view:hover {\n    background: var(--nsfpp-accent-deep) !important;\n  }\n\n  .nsfpp .nsfpp-search__hint {\n    font-size: 0.82rem;\n    color: var(--nsfpp-dim);\n    line-height: 1.4;\n    max-width: 100%;\n  }\n\n  \/* Cloudflare Turnstile \u2014 sit above the input row, never inside it *\/\n  .nsfpp #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  .nsfpp #xrespond-tools-turnstile-host.is-visible {\n    display: block;\n  }\n\n  .nsfpp #xrespond-tools-turnstile-host .xrespond-ts-label {\n    display: block;\n    font-size: 0.85rem;\n    color: var(--nsfpp-muted);\n    margin-bottom: 0.45rem;\n  }\n\n  .nsfpp #xrespond-tools-turnstile-host .xrespond-ts-widget {\n    min-height: 65px;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  .nsfpp #xrespond-tools-turnstile-host .xrespond-ts-error {\n    color: #ff8e8e;\n  }\n\n  .nsfpp-search__row:has(#xrespond-tools-turnstile-host),\n  .nsfpp-search__actions:has(#xrespond-tools-turnstile-host) {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfpp-search__row>#xrespond-tools-turnstile-host,\n  .nsfpp-search__actions>#xrespond-tools-turnstile-host {\n    flex: 0 0 100% !important;\n    width: 100% !important;\n    order: -1;\n  }\n\n  .nsfpp-demo-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    align-self: flex-start;\n    max-width: 100%;\n    padding: 6px 12px;\n    border-radius: 999px;\n    background: rgba(24, 119, 242, 0.22);\n    border: 1px solid rgba(24, 119, 242, 0.55);\n    color: #9ec9ff;\n    font-size: 0.78rem;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    white-space: normal;\n  }\n\n  .nsfpp .nsfpp-alert {\n    display: none;\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: #ff8a9b;\n    font-weight: 600;\n    font-size: 0.86rem;\n    line-height: 1.4;\n    word-break: break-word;\n  }\n\n  .nsfpp .nsfpp-alert.is-visible {\n    display: block;\n  }\n\n  .nsfpp .nsfpp-notice {\n    display: none;\n    margin-top: 10px;\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.45);\n    color: #9ec9ff;\n    font-size: 0.84rem;\n    line-height: 1.4;\n    word-break: break-word;\n  }\n\n  .nsfpp .nsfpp-notice.is-visible {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  \/* Skeleton *\/\n  .nsfpp .nsfpp-skeleton {\n    display: none;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp .nsfpp-skeleton.is-visible {\n    display: block;\n  }\n\n  .nsfpp .nsfpp-content.is-hidden {\n    display: none !important;\n  }\n\n  .nsfpp .nsfpp-content.is-placeholder .nsfpp-notice,\n  .nsfpp .nsfpp-content.is-placeholder .nsfpp-profile__zoom {\n    display: none !important;\n  }\n\n  @keyframes nsfpp-shimmer {\n    0% {\n      background-position: -400px 0;\n    }\n\n    100% {\n      background-position: 400px 0;\n    }\n  }\n\n  .nsfpp .nsfpp-sk {\n    background: linear-gradient(90deg,\n        rgba(24, 119, 242, 0.12) 0%,\n        rgba(77, 171, 247, 0.28) 45%,\n        rgba(24, 119, 242, 0.12) 100%);\n    background-size: 800px 100%;\n    animation: nsfpp-shimmer 1.35s ease-in-out infinite;\n    border-radius: 8px;\n  }\n\n  .nsfpp-skeleton__panel {\n    background: var(--nsfpp-panel);\n    border: 1px solid var(--nsfpp-line);\n    border-radius: var(--nsfpp-radius);\n    box-shadow: none;\n    padding: 18px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp-skeleton__profile {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n    align-items: center;\n    justify-items: center;\n    padding: var(--nsfpp-pad);\n    border-radius: 12px;\n    background: linear-gradient(160deg, rgba(24, 119, 242, 0.16), rgba(13, 101, 217, 0.1));\n    border: 1px solid var(--nsfpp-line);\n    text-align: center;\n    margin-bottom: 16px;\n  }\n\n  .nsfpp .nsfpp-skeleton__avatar {\n    width: var(--nsfpp-avatar);\n    height: var(--nsfpp-avatar);\n    border-radius: 50% !important;\n    border: 3px solid rgba(255, 255, 255, 0.12);\n  }\n\n  .nsfpp-skeleton__meta {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-width: 0;\n    align-items: center;\n    width: 100%;\n  }\n\n  .nsfpp-skeleton__line {\n    height: 16px;\n  }\n\n  .nsfpp-skeleton__line--lg {\n    width: min(200px, 70%);\n    height: 22px;\n  }\n\n  .nsfpp-skeleton__line--md {\n    width: min(140px, 50%);\n    height: 14px;\n  }\n\n  .nsfpp-skeleton__tabs {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin: 0 0 14px;\n    width: 100%;\n  }\n\n  .nsfpp-skeleton__tab {\n    flex: 1 1 calc(50% - 8px);\n    min-width: 0;\n    height: 40px;\n    border-radius: 999px;\n  }\n\n  .nsfpp-skeleton__grid {\n    display: grid;\n    grid-template-columns: repeat(var(--nsfpp-cols, 1), minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .nsfpp-skeleton__card,\n  .nsfpp-tab-sk__card {\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid var(--nsfpp-line);\n    background: var(--nsfpp-panel-soft);\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n\n  .nsfpp-skeleton__thumb,\n  .nsfpp-tab-sk__thumb {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    border-radius: 0 !important;\n  }\n\n  .nsfpp-skeleton__foot,\n  .nsfpp-tab-sk__foot {\n    height: 72px;\n    margin: 12px;\n    border-radius: 10px !important;\n  }\n\n  .nsfpp-tab-sk--photos {\n    display: grid;\n    grid-template-columns: repeat(var(--nsfpp-cols, 1), minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .nsfpp-tab-sk--details {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 8px 0;\n  }\n\n  .nsfpp-tab-sk__line {\n    height: 14px;\n    border-radius: 8px;\n  }\n\n  .nsfpp-tab-sk__line--sm {\n    width: min(120px, 40%);\n  }\n\n  .nsfpp-tab-sk__line--lg {\n    width: min(280px, 85%);\n    height: 20px;\n  }\n\n  \/* Results *\/\n  .nsfpp-result {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp-panel {\n    background: var(--nsfpp-panel);\n    border: 1px solid var(--nsfpp-line);\n    border-radius: var(--nsfpp-radius);\n    box-shadow: none;\n    padding: clamp(14px, 2.5vw, 20px);\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp-profile {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n    align-items: center;\n    justify-items: center;\n    text-align: center;\n    padding: var(--nsfpp-pad);\n    border-radius: 8px;\n    background: var(--nsfpp-panel-soft);\n    border: 1px solid var(--nsfpp-line);\n    margin-bottom: 12px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp-profile__avatar-wrap {\n    position: relative;\n    width: var(--nsfpp-avatar);\n    height: var(--nsfpp-avatar);\n  }\n\n  .nsfpp-profile__ring {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    padding: 3px;\n    background: linear-gradient(135deg, var(--nsfpp-accent), var(--nsfpp-cool));\n  }\n\n  .nsfpp .nsfpp-profile__img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 50%;\n    border: 2px solid #0b1f3d;\n    background: var(--nsfpp-panel-soft);\n  }\n\n  .nsfpp .nsfpp-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-radius: 50% !important;\n    border: 0 !important;\n    background: #1877f2 !important;\n    color: #fff !important;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    box-shadow: 0 4px 12px rgba(8, 40, 90, 0.45);\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    touch-action: manipulation;\n  }\n\n  .nsfpp .nsfpp-profile__zoom:hover {\n    background: #0d65d9 !important;\n  }\n\n  .nsfpp-profile__meta {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    align-items: center;\n    min-width: 0;\n    width: 100%;\n  }\n\n  .nsfpp .nsfpp-profile__name {\n    font-size: clamp(1.1rem, 3vw, 1.35rem);\n    font-weight: 800;\n    color: var(--nsfpp-ink);\n    line-height: 1.3;\n  }\n\n  .nsfpp .nsfpp-profile__handle {\n    color: var(--nsfpp-cool);\n    font-size: 0.92rem;\n    font-weight: 600;\n  }\n\n  .nsfpp-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .nsfpp-meta__chip {\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 var(--nsfpp-line);\n    color: #9ec9ff;\n    font-size: 0.78rem;\n    font-weight: 600;\n  }\n\n  .nsfpp-tabs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 14px 0 12px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp .nsfpp-tabs__btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 7px !important;\n    flex: 1 1 calc(50% - 4px);\n    min-width: 0;\n    min-height: 44px;\n    height: auto;\n    padding: 10px 14px !important;\n    border-radius: 8px !important;\n    border: 1px solid var(--nsfpp-line) !important;\n    background: var(--nsfpp-panel-soft) !important;\n    color: var(--nsfpp-muted) !important;\n    font-family: var(--nsfpp-font) !important;\n    font-size: 0.88rem !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    text-decoration: none !important;\n    margin: 0 !important;\n    white-space: nowrap;\n  }\n\n  .nsfpp .nsfpp-tabs__btn.is-active {\n    background: rgba(24, 119, 242, 0.22) !important;\n    border-color: #1877f2 !important;\n    color: #9ec9ff !important;\n    box-shadow: none;\n  }\n\n  .nsfpp-pane {\n    display: none;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp-pane.is-active {\n    display: block;\n  }\n\n  .nsfpp-empty {\n    text-align: center;\n    padding: 28px 12px;\n    color: var(--nsfpp-dim);\n    font-size: 0.92rem;\n  }\n\n  .nsfpp-grid {\n    display: grid;\n    grid-template-columns: repeat(var(--nsfpp-cols, 1), minmax(0, 1fr));\n    gap: 12px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp-card {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    width: 100%;\n    max-width: 100%;\n    background: var(--nsfpp-panel-soft);\n    border: 1px solid var(--nsfpp-line);\n    border-radius: 10px;\n    overflow: hidden;\n    transition: background 0.15s ease, border-color 0.15s ease;\n  }\n\n  .nsfpp-card:hover {\n    background: var(--nsfpp-hover);\n    border-color: rgba(24, 119, 242, 0.7);\n  }\n\n  .nsfpp-card__media {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    background: #0b1f3d;\n    cursor: pointer;\n    overflow: hidden;\n  }\n\n  .nsfpp .nsfpp-card__img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .nsfpp-card__overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(7, 21, 43, 0.45);\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    color: #fff;\n    font-size: 1.25rem;\n    pointer-events: none;\n  }\n\n  .nsfpp-card__media:hover .nsfpp-card__overlay,\n  .nsfpp-card__media:focus-visible .nsfpp-card__overlay {\n    opacity: 1;\n  }\n\n  .nsfpp-card__body {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px;\n    min-width: 0;\n  }\n\n  .nsfpp-card__badge {\n    display: inline-flex;\n    align-items: center;\n    align-self: flex-start;\n    gap: 6px;\n    padding: 5px 10px;\n    border-radius: 999px;\n    font-size: 0.72rem;\n    font-weight: 800;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: #fff;\n    background: var(--nsfpp-accent);\n  }\n\n  .nsfpp-card__badge--large {\n    background: #1877f2;\n  }\n\n  .nsfpp-card__badge--medium {\n    background: #4dabf7;\n    color: #07152b;\n  }\n\n  .nsfpp-card__badge--small {\n    background: #24528c;\n  }\n\n  .nsfpp-card__badge--original {\n    background: #0d65d9;\n  }\n\n  .nsfpp .nsfpp-card__meta {\n    color: var(--nsfpp-muted);\n    font-size: 0.82rem;\n    line-height: 1.4;\n  }\n\n  .nsfpp-card__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    width: 100%;\n  }\n\n  .nsfpp .nsfpp-card__action {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 6px !important;\n    flex: 1 1 calc(50% - 4px);\n    min-width: 0;\n    min-height: 44px;\n    height: 44px;\n    padding: 0 12px !important;\n    border-radius: 8px !important;\n    border: 1px solid var(--nsfpp-line) !important;\n    background: #24528c !important;\n    color: #ffffff !important;\n    font-family: var(--nsfpp-font) !important;\n    font-size: 0.82rem !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    text-decoration: none !important;\n    margin: 0 !important;\n  }\n\n  .nsfpp .nsfpp-card__action--primary {\n    background: var(--nsfpp-accent) !important;\n    border-color: transparent !important;\n    color: #ffffff !important;\n  }\n\n  .nsfpp .nsfpp-card__action:hover {\n    background: #2d65a8 !important;\n  }\n\n  .nsfpp .nsfpp-card__action--primary:hover {\n    background: var(--nsfpp-accent-deep) !important;\n  }\n\n  .nsfpp-details {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp .nsfpp-details__title {\n    font-size: 1.05rem;\n    font-weight: 800;\n    color: var(--nsfpp-ink);\n  }\n\n  .nsfpp .nsfpp-details__text {\n    color: var(--nsfpp-muted);\n    font-size: 0.92rem;\n    line-height: 1.55;\n    white-space: pre-line;\n  }\n\n  .nsfpp-details__list {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 8px;\n  }\n\n  .nsfpp-details__item {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px 10px;\n    align-items: baseline;\n    padding: 10px 12px;\n    border-radius: 8px;\n    background: var(--nsfpp-panel-soft);\n    border: 1px solid var(--nsfpp-line);\n  }\n\n  .nsfpp .nsfpp-details__label {\n    color: var(--nsfpp-dim);\n    font-size: 0.78rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n  }\n\n  .nsfpp .nsfpp-details__value {\n    color: var(--nsfpp-ink);\n    font-size: 0.9rem;\n    font-weight: 600;\n  }\n\n  \/* Modal *\/\n  .nsfpp-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(7, 21, 43, 0.82);\n    backdrop-filter: blur(6px);\n  }\n\n  .nsfpp-modal.is-open {\n    display: flex;\n  }\n\n  .nsfpp-modal__dialog {\n    position: relative;\n    width: min(720px, 100%);\n    max-height: min(90vh, 900px);\n    overflow: auto;\n    background: #123056;\n    border: 1px solid var(--nsfpp-line);\n    border-radius: 12px;\n    box-shadow: 0 24px 60px rgba(8, 40, 90, 0.55);\n    padding: 16px;\n  }\n\n  .nsfpp .nsfpp-modal__close {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n    min-height: 44px;\n    border-radius: 50% !important;\n    border: 0 !important;\n    background: #24528c !important;\n    color: #fff !important;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    z-index: 2;\n    touch-action: manipulation;\n  }\n\n  .nsfpp .nsfpp-modal__close:hover {\n    background: #2d65a8 !important;\n  }\n\n  .nsfpp .nsfpp-modal__media {\n    width: 100%;\n    max-height: min(65vh, 640px);\n    object-fit: contain;\n    border-radius: 10px;\n    background: #0b1f3d;\n    margin: 8px 0 12px;\n  }\n\n  .nsfpp .nsfpp-modal__caption {\n    color: var(--nsfpp-muted);\n    font-size: 0.9rem;\n    margin-bottom: 12px;\n    text-align: center;\n  }\n\n  .nsfpp .nsfpp-modal__dl {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 8px !important;\n    width: 100%;\n    min-height: 46px;\n    height: 46px;\n    border-radius: 8px !important;\n    border: 0 !important;\n    background: var(--nsfpp-accent) !important;\n    color: #ffffff !important;\n    font-family: var(--nsfpp-font) !important;\n    font-size: 0.92rem !important;\n    font-weight: 700 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    margin: 0 !important;\n    padding: 0 14px !important;\n  }\n\n  .nsfpp .nsfpp-modal__dl:hover {\n    background: var(--nsfpp-accent-deep) !important;\n  }\n\n  \/* Responsive \u2014 tablet *\/\n  @media (min-width: 768px) {\n    .nsfpp {\n      --nsfpp-cols: 2;\n      --nsfpp-pad: 16px;\n      --nsfpp-avatar: 104px;\n    }\n\n    .nsfpp-search__row {\n      flex-direction: row;\n      flex-wrap: wrap;\n      align-items: stretch;\n    }\n\n    .nsfpp .nsfpp-search__field {\n      flex: 1 1 220px;\n      width: auto;\n    }\n\n    .nsfpp-search__actions {\n      flex: 0 0 auto;\n      width: auto;\n      flex-wrap: nowrap;\n    }\n\n    .nsfpp .nsfpp-search__actions .nsfpp-btn {\n      flex: 0 0 auto;\n      min-width: 120px;\n    }\n\n    .nsfpp-profile,\n    .nsfpp-skeleton__profile {\n      grid-template-columns: var(--nsfpp-avatar) minmax(0, 1fr);\n      justify-items: stretch;\n      text-align: left;\n    }\n\n    .nsfpp-profile__meta,\n    .nsfpp-skeleton__meta {\n      align-items: flex-start;\n      text-align: left;\n    }\n\n    .nsfpp-meta,\n    .nsfpp-skeleton__stats {\n      justify-content: flex-start;\n    }\n\n    .nsfpp-grid,\n    .nsfpp-skeleton__grid,\n    .nsfpp-tab-sk--photos {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .nsfpp-details__list {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  \/* Responsive \u2014 desktop *\/\n  @media (min-width: 1024px) {\n    .nsfpp {\n      --nsfpp-cols: 3;\n      --nsfpp-pad: 18px;\n    }\n\n    .nsfpp-grid,\n    .nsfpp-skeleton__grid,\n    .nsfpp-tab-sk--photos {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  @media (min-width: 1200px) {\n    .nsfpp {\n      --nsfpp-cols: 4;\n    }\n\n    .nsfpp-grid,\n    .nsfpp-skeleton__grid,\n    .nsfpp-tab-sk--photos {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n\n  \/* ResizeObserver helpers *\/\n  .nsfpp.nsfpp--compact .nsfpp-search__row {\n    flex-direction: column !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-search__field,\n  .nsfpp.nsfpp--compact .nsfpp-search__actions {\n    width: 100% !important;\n    flex: 1 1 auto !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-search__actions .nsfpp-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n    width: auto !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-profile,\n  .nsfpp.nsfpp--compact .nsfpp-skeleton__profile {\n    grid-template-columns: 1fr !important;\n    justify-items: center !important;\n    text-align: center !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-profile__meta,\n  .nsfpp.nsfpp--compact .nsfpp-skeleton__meta {\n    align-items: center !important;\n    text-align: center !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-meta {\n    justify-content: center !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-tabs__btn {\n    flex: 1 1 calc(50% - 6px) !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-grid,\n  .nsfpp.nsfpp--compact .nsfpp-skeleton__grid,\n  .nsfpp.nsfpp--compact .nsfpp-tab-sk--photos {\n    grid-template-columns: minmax(0, 1fr) !important;\n  }\n\n  .nsfpp.nsfpp--narrow .nsfpp-tabs__btn {\n    flex: 1 1 100% !important;\n  }\n\n  .nsfpp.nsfpp--narrow .nsfpp-search__actions .nsfpp-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n  }\n\n  .nsfpp.nsfpp--narrow .nsfpp-card__actions {\n    flex-direction: column;\n  }\n\n  .nsfpp.nsfpp--narrow .nsfpp-card__action {\n    flex: 1 1 auto !important;\n    width: 100%;\n  }\n\n  @media (hover: none) {\n\n    .nsfpp .nsfpp-btn:hover,\n    .nsfpp-card:hover {\n      filter: none;\n      background: var(--nsfpp-panel-soft);\n    }\n\n    .nsfpp-card__overlay {\n      opacity: 0.85;\n      background: rgba(7, 21, 43, 0.25);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .nsfpp .nsfpp-sk,\n    .nsfpp .nsfpp-btn,\n    .nsfpp-card,\n    .nsfpp-card__overlay {\n      animation: none !important;\n      transition: none !important;\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<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n<div class=\"nsfpp\" id=\"nsfpp-root\" data-nsfpp-ready=\"0\">\n  <div class=\"nsfpp-shell\">\n    <section class=\"nsfpp-hero\" aria-labelledby=\"nsfpp-title\">\n      <h1 class=\"nsfpp-hero__title\" id=\"nsfpp-title\">Facebook DP Viewer<\/h1>\n<p class=\"nsfpp-hero__lead\">\n        Preview and download Facebook profile pictures from any public profile or page.\n      <\/p>\n<div class=\"nsfpp-search\">\n        <label class=\"nsfpp-search__label\" for=\"nsfpp-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=\"nsfpp-search__row\">\n          <input class=\"nsfpp-search__field\" id=\"nsfpp-input\" type=\"text\" name=\"nsfpp_input\"\n            placeholder=\"username or facebook.com\/username\" autocomplete=\"off\" spellcheck=\"false\" inputmode=\"url\">\n          <div class=\"nsfpp-search__actions\">\n            <button type=\"button\" class=\"nsfpp-btn nsfpp-btn--paste\" id=\"nsfpp-paste\" aria-label=\"Paste from clipboard\">\n              <i class=\"fa-solid fa-paste\" aria-hidden=\"true\"><\/i> Paste\n            <\/button>\n            <button type=\"submit\" class=\"nsfpp-btn nsfpp-btn--view\" id=\"xrespond-tools-turnstile\">\n              <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i> View Photos\n            <\/button>\n          <\/div>\n        <\/div>\n<div class=\"nsfpp-alert\" id=\"nsfpp-alert\" role=\"alert\"><\/div>\n<p class=\"nsfpp-search__hint\">Enter a Facebook username or profile URL (example: natgeo)<\/p>\n      <\/div>\n    <\/section>\n\n    <div class=\"nsfpp-skeleton\" id=\"nsfpp-skeleton\" aria-hidden=\"true\" aria-busy=\"false\">\n      <div class=\"nsfpp-skeleton__panel\">\n        <div class=\"nsfpp-skeleton__profile\">\n          <div class=\"nsfpp-sk nsfpp-skeleton__avatar\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpp-skeleton__meta\">\n            <div class=\"nsfpp-sk nsfpp-skeleton__line nsfpp-skeleton__line--lg\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpp-sk nsfpp-skeleton__line nsfpp-skeleton__line--md\" aria-hidden=\"true\"><\/div>\n          <\/div>\n        <\/div>\n<div class=\"nsfpp-skeleton__tabs\" aria-hidden=\"true\">\n          <div class=\"nsfpp-sk nsfpp-skeleton__tab\"><\/div>\n<div class=\"nsfpp-sk nsfpp-skeleton__tab\"><\/div>\n        <\/div>\n<div class=\"nsfpp-skeleton__grid\" aria-hidden=\"true\">\n          <div class=\"nsfpp-skeleton__card\">\n            <div class=\"nsfpp-sk nsfpp-skeleton__thumb\"><\/div>\n<div class=\"nsfpp-sk nsfpp-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpp-skeleton__card\">\n            <div class=\"nsfpp-sk nsfpp-skeleton__thumb\"><\/div>\n<div class=\"nsfpp-sk nsfpp-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpp-skeleton__card\">\n            <div class=\"nsfpp-sk nsfpp-skeleton__thumb\"><\/div>\n<div class=\"nsfpp-sk nsfpp-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpp-skeleton__card\">\n            <div class=\"nsfpp-sk nsfpp-skeleton__thumb\"><\/div>\n<div class=\"nsfpp-sk nsfpp-skeleton__foot\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <section class=\"nsfpp-result\" id=\"nsfpp-result\" aria-live=\"polite\">\n      <div class=\"nsfpp-panel nsfpp-content is-placeholder\" id=\"nsfpp-content\">\n        <div class=\"nsfpp-profile\">\n          <div class=\"nsfpp-profile__avatar-wrap\">\n            <div class=\"nsfpp-profile__ring\">\n              <img decoding=\"async\" class=\"nsfpp-profile__img\" id=\"nsfpp-avatar\" src=\"\" alt=\"Profile avatar\">\n            <\/div>\n            <button type=\"button\" class=\"nsfpp-profile__zoom\" id=\"nsfpp-avatar-zoom\" aria-label=\"Expand profile photo\">\n              <i class=\"fa-solid fa-expand\" aria-hidden=\"true\"><\/i>\n            <\/button>\n          <\/div>\n<div class=\"nsfpp-profile__meta\">\n            <h2 class=\"nsfpp-profile__name\" id=\"nsfpp-fullname\">-<\/h2>\n<p class=\"nsfpp-profile__handle\" id=\"nsfpp-handle\">@-<\/p>\n<div class=\"nsfpp-meta\" id=\"nsfpp-meta\"><\/div>\n          <\/div>\n        <\/div>\n<div class=\"nsfpp-notice\" id=\"nsfpp-notice\" role=\"status\">\n          <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n          <span id=\"nsfpp-notice-text\"><\/span>\n        <\/div>\n<div class=\"nsfpp-tabs\" role=\"tablist\" aria-label=\"Profile photo sections\">\n          <button type=\"button\" class=\"nsfpp-tabs__btn is-active\" role=\"tab\" aria-selected=\"true\"\n            data-nsfpp-tab=\"photos\">\n            <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i> Photos\n          <\/button>\n          <button type=\"button\" class=\"nsfpp-tabs__btn\" role=\"tab\" aria-selected=\"false\" data-nsfpp-tab=\"details\">\n            <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i> Details\n          <\/button>\n        <\/div>\n<div class=\"nsfpp-pane is-active\" id=\"nsfpp-pane-photos\" role=\"tabpanel\" data-nsfpp-pane=\"photos\">\n          <div class=\"nsfpp-empty\">\n            <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i>\n            <p>Enter a username and click View Photos to load profile pictures.<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsfpp-pane\" id=\"nsfpp-pane-details\" role=\"tabpanel\" data-nsfpp-pane=\"details\">\n          <div class=\"nsfpp-empty\">\n            <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n            <p>Profile photo details will appear here.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<div class=\"nsfpp-modal\" id=\"nsfpp-modal\" aria-hidden=\"true\">\n    <div class=\"nsfpp-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Profile photo preview\">\n      <button type=\"button\" class=\"nsfpp-modal__close\" id=\"nsfpp-modal-close\" aria-label=\"Close preview\">\n        <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"><\/i>\n      <\/button>\n      <img decoding=\"async\" class=\"nsfpp-modal__media\" id=\"nsfpp-modal-media\" src=\"\" alt=\"Profile photo preview\">\n      <p class=\"nsfpp-modal__caption\" id=\"nsfpp-modal-caption\"><\/p>\n      <button type=\"button\" class=\"nsfpp-modal__dl\" id=\"nsfpp-modal-dl\">\n        <i class=\"fa-solid fa-clone\" aria-hidden=\"true\"><\/i> Download\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n(function() { \/* __tcToolRun *\/\n  'use strict';\n  function __tcRunTool() {\n    (function __tcLoadExternalScripts() {\n      var urls = ['https:\/\/viewri.com\/wp-content\/uploads\/javascript-uploader\/facebook-profile-photo-viewer.js', 'https:\/\/viewri.com\/wp-content\/uploads\/javascript-uploader\/client-ip-detector.js', 'https:\/\/viewri.com\/wp-content\/uploads\/javascript-uploader\/rate-limit-handler.js', 'https:\/\/viewri.com\/wp-content\/uploads\/javascript-uploader\/turnstile-handler.js'];\n      function loadNext(i) {\n        if (i >= urls.length) return;\n        var url = urls[i];\n        if (document.querySelector('script[src=\"' + url + '\"]')) {\n          loadNext(i + 1);\n          return;\n        }\n        var s = document.createElement(\"script\");\n        s.src = url;\n        s.async = false;\n        s.onload = function () { loadNext(i + 1); };\n        s.onerror = function () { loadNext(i + 1); };\n        (document.head || document.documentElement).appendChild(s);\n      }\n      loadNext(0);\n    })();\n\n    (function(){var __tcWpRoot=(document.querySelector(\".tc-wp-tool-root\"));})();\n  }\n  function __tcScheduleTool() {\n    if (typeof requestAnimationFrame === 'function') {\n      requestAnimationFrame(function () { setTimeout(__tcRunTool, 0); });\n    } else {\n      setTimeout(__tcRunTool, 0);\n    }\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', __tcScheduleTool, { once: true });\n  } else {\n    __tcScheduleTool();\n  }\n})();\n<\/script>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;1280px&#8221; module_alignment=&#8221;center&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; custom_padding=&#8221;50px||50px||true|false&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<style>       \r\n  :root{\r\n    --grad: linear-gradient(45deg,#3b5998 0%,#4c70ba 50%,#8b9dc3 100%);\r\n    --brand:#3b5998;\r\n    --ink:#333;\r\n    --muted:#666;\r\n    --muted-2:#9498a1;\r\n    --light:#f8f9fa;\r\n    --card:#fff;\r\n    --bg:#fff;\r\n    --radius:15px;\r\n    --sh:0 4px 12px rgba(0,0,0,.08);\r\n    --sh-lg:0 8px 24px rgba(0,0,0,.12);\r\n    --t:.3s ease;\r\n  }\r\n\r\n  body { background: var(--bg); }\r\n\r\n  \/* ---------- Titles ---------- *\/\r\n  .fb-av-section-title{text-align:center; margin-bottom:60px;}\r\n  .fb-av-section-title h2{font-weight:700; font-size:2.5rem; color:var(--brand); margin:0 0 12px;}\r\n  .fb-av-section-title p{color:var(--muted); max-width:700px; margin:0 auto; font-size:1.05rem;}\r\n \r\n  \/* ---------- Cards ---------- *\/\r\n  .cv-card{\r\n    background:var(--card); border-radius:var(--radius); box-shadow:var(--sh);\r\n    height:100%; transition:var(--t); padding:30px;\r\n  }\r\n  .cv-card:hover{transform:translateY(-10px); box-shadow:var(--sh-lg);}\r\n\r\n  \/* Steps *\/\r\n  .fb-av-step{ position:relative; text-align:center; }\r\n  .fb-av-step .fb-av-step-icon{\r\n    width:80px; height:80px; margin:0 auto 22px; border-radius:50%; display:flex; align-items:center; justify-content:center;\r\n    background:var(--grad); color:#fff; font-size:2rem; box-shadow:0 5px 15px rgba(0,0,0,.1); transition:var(--t);\r\n  }\r\n  .fb-av-step:hover .fb-av-step-icon{ transform:scale(1.08); }\r\n  .fb-av-step h3{font-size:1.25rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-av-step p{color:var(--muted); margin:0;}\r\n\r\n  \/* Features *\/\r\n  .fb-av-feature-card .fb-av-feature-icon{font-size:2rem; display:block; margin-bottom:14px;}\r\n  .fb-av-feature-card h3{font-size:1.2rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-av-feature-card p{color:var(--muted); margin:0;}\r\n\r\n  \/* FAQ *\/\r\n  .vr-tool-faq{ margin: 30px auto; background: var(--bg); }\r\n  .fb-av-faq-item{ border-radius:12px; overflow:hidden; box-shadow:var(--sh); transition:var(--t); background:#fff; }\r\n  .fb-av-faq-item:hover{ box-shadow:var(--sh-lg); }\r\n  .fb-av-faq-question{\r\n    width:100%; padding:20px 24px; display:flex; justify-content:space-between; align-items:center;\r\n    background:#fff; border:none; text-align:left; font-weight:700; font-size:1.05rem; color:var(--brand); transition:var(--t);\r\n  }\r\n  .fb-av-faq-question:hover{ background:rgba(59,89,152,.05); }\r\n  .fb-av-faq-question:not(.collapsed){ background:rgba(59,89,152,.1); }\r\n  .fb-av-faq-question:not(.collapsed)::after{ transform:rotate(180deg); }\r\n  .fb-av-faq-answer{ padding:0 24px 22px; color:var(--muted); line-height:1.7; }\r\n\r\n  \/* CTA *\/\r\n  .vr-tool-cta{\r\n    background:var(--bg);\r\n    color:#333;\r\n    text-align:center;\r\n    padding:50px 0;\r\n  }\r\n  .vr-tool-cta .fb-av-cta-title{\r\n    font-size:2.4rem;\r\n    font-weight:700;\r\n    margin:0 0 20px;\r\n    line-height:1.2;\r\n    color: var(--brand);\r\n  }\r\n  .vr-tool-cta .fb-av-cta-sub{\r\n    max-width:800px;\r\n    margin:0 auto 30px;\r\n    font-size:1.1rem;\r\n    color: var(--muted);\r\n  }\r\n  .vr-tool-cta .fb-av-cta-group .btn{\r\n    background: var(--grad);\r\n    color: #fff;\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:50px;\r\n    box-shadow:var(--sh);\r\n    transition:var(--t);\r\n    text-decoration:none;\r\n    display:inline-block;\r\n  }\r\n  .vr-tool-cta .fb-av-cta-group .btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:var(--sh-lg);\r\n  }\r\n  .vr-tool-cta .fb-av-cta-note{\r\n    margin-top:14px;\r\n    font-size:.95rem;\r\n    color: var(--muted);\r\n  }\r\n\r\n  @keyframes fadeUp{ from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }\r\n  .animate-in{ animation: fadeUp .6s ease both; }\r\n\r\n  @media (max-width:991px){\r\n    .fb-av-section-title h2{font-size:2.1rem}\r\n    .vr-tool-cta .fb-av-cta-title{font-size:2.1rem}\r\n  }\r\n  @media (max-width:767px){\r\n    .fb-av-section-title h2{font-size:1.8rem}\r\n    .cv-card{margin-bottom:20px}\r\n    .vr-tool-cta{padding:60px 0}\r\n    .vr-tool-cta .fb-av-cta-title{font-size:1.8rem}\r\n    .vr-tool-cta .fb-av-cta-sub{font-size:1rem}\r\n  }\r\n<\/style>\r\n\r\n<!-- How It Works -->\r\n<section class=\"vr-tool-how\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-av-section-title\">\r\n      <h2>How to Use the Facebook Account Viewer<\/h2>\r\n      <p>Follow these steps to browse public Facebook account content anonymously.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-link\"><\/i><\/div>\r\n          <h3>Enter Profile or Page URL<\/h3>\r\n          <p>Copy the Facebook profile, page, or post URL to view.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-search\"><\/i><\/div>\r\n          <h3>Load Content<\/h3>\r\n          <p>Click \u201cView Now\u201d to access public Facebook content.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n          <h3>Browse Anonymously<\/h3>\r\n          <p>View public posts, pages, and profiles privately.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-user-secret\"><\/i><\/div>\r\n          <h3>No Login Required<\/h3>\r\n          <p>Access content without a Facebook account.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Features -->\r\n<section class=\"vr-tool-features\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-av-section-title\">\r\n      <h2>Facebook Account Viewer Features<\/h2>\r\n      <p>Tools for seamless and private browsing of public Facebook account content.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udd12<\/span>\r\n          <h3>Anonymous Browsing<\/h3>\r\n          <p>Browse Facebook accounts without revealing your identity.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udcc4<\/span>\r\n          <h3>Public Content Access<\/h3>\r\n          <p>View public posts, pages, and profiles effortlessly.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udcd1<\/span>\r\n          <h3>Multiple Content Types<\/h3>\r\n          <p>Supports posts, photos, videos, and profile details.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udcf1<\/span>\r\n          <h3>Multi-Device Support<\/h3>\r\n          <p>Optimized for phones, tablets, and desktops.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udd11<\/span>\r\n          <h3>No Login Needed<\/h3>\r\n          <p>Browse without Facebook credentials.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\u26a1<\/span>\r\n          <h3>Fast Access<\/h3>\r\n          <p>Quickly load Facebook account content anonymously.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"vr-tool-faq\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-av-section-title\">\r\n      <h2>Frequently Asked Questions<\/h2>\r\n      <p>Learn how to use the Facebook Account Viewer effectively.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row justify-content-center\">\r\n      <div class=\"col-lg-8\">\r\n        <div class=\"accordion\" id=\"faqAccordion\">\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse1\">\r\n                Can I view private Facebook account content?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. The Facebook Account Viewer only shows public content, respecting privacy settings.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse2\">\r\n                Do I need a Facebook account to browse?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. The Facebook Account Viewer works without a login.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse3\">\r\n                Is the Facebook Account Viewer free to use?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                Yes. It\u2019s a free tool with no charges or subscriptions.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse4\">\r\n                Is this tool affiliated with Facebook?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. This is an independent Facebook Account Viewer, and browsing is anonymous with no user alerts.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse5\">\r\n                Does the Facebook Account Viewer require software installation?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse5\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. It\u2019s a web-based tool that works directly in your browser without any software.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"vr-tool-cta\">\r\n  <div class=\"container\" style=\"text-align: center;\">\r\n    <h2 class=\"fb-av-cta-title\">Try the Facebook Account Viewer Now<\/h2>\r\n    <p class=\"fb-av-cta-sub\">\r\n      Browse public Facebook account content anonymously without login. Safe, private, and easy to use.\r\n    <\/p>\r\n    <div class=\"fb-av-cta-group\">\r\n      <a href=\"#\" class=\"btn btn-lg\">Try It Now<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.querySelectorAll('.fb-av-faq-question').forEach(btn=>{\r\n    btn.addEventListener('click', ()=>{\r\n      document.querySelectorAll('.fb-av-faq-question').forEach(b=>{ if(b!==btn) b.classList.add('collapsed'); });\r\n      btn.classList.toggle('collapsed');\r\n    });\r\n  });\r\n<\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p><style>\n\/* New Social Facebook Profile Photo Viewer \u2014 WordPress-scoped *\/\n  .nsfpp {\n    \/* Facebook brand blue system \u2014 matched to profile viewer *\/\n    --nsfpp-ink: #ffffff;\n    --nsfpp-muted: #c5daf8;\n    --nsfpp-dim: #8fb4e8;\n    --nsfpp-bg: #0b1f3d;\n    --nsfpp-panel: #123056;\n    --nsfpp-panel-soft: #1a3f70;\n    --nsfpp-hover: #24528c;\n    --nsfpp-line: rgba(24, 119, 242, 0.45);\n    --nsfpp-accent: #1877f2;\n    --nsfpp-accent-deep: #0d65d9;\n    --nsfpp-cool: #4dabf7;\n    --nsfpp-cool-deep: #1877f2;\n    --nsfpp-success: #42b72a;\n    --nsfpp-danger: #f02849;\n    --nsfpp-radius: 10px;\n    --nsfpp-shadow: 0 8px 24px rgba(8, 40, 90, 0.45);\n    --nsfpp-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    --nsfpp-pad: 12px;\n    --nsfpp-gap: 12px;\n    --nsfpp-avatar: 88px;\n    --nsfpp-cols: 1;\n\n    box-sizing: border-box !important;\n    font-family: var(--nsfpp-font);\n    color: var(--nsfpp-ink);\n    line-height: 1.5;\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    min-height: 100vh;\n    min-width: 0 !important;\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(--nsfpp-line);\n    position: relative;\n    isolation: isolate;\n    text-align: left;\n    overflow-x: hidden !important;\n    overflow-wrap: anywhere;\n    word-wrap: break-word;\n    -webkit-text-size-adjust: 100%;\n    text-size-adjust: 100%;\n  }\n\n  .nsfpp *,\n  .nsfpp *::before,\n  .nsfpp *::after {\n    box-sizing: border-box;\n  }\n\n  .nsfpp :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    max-width: 100%;\n    overflow-wrap: anywhere;\n    word-wrap: break-word;\n  }\n\n  .nsfpp :where(ul, ol) {\n    list-style: none;\n  }\n\n  .nsfpp img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n    border: 0;\n    vertical-align: middle;\n  }\n\n  .nsfpp a {\n    color: var(--nsfpp-cool);\n    text-decoration: none;\n  }\n\n  .nsfpp a:hover {\n    text-decoration: underline;\n  }\n\n  .nsfpp-shell {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n    gap: var(--nsfpp-gap);\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    min-width: 0;\n    overflow-x: hidden;\n  }\n\n  .nsfpp-hero {\n    background: transparent;\n    padding: 36px 0 14px;\n    text-align: center;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    overflow-x: hidden;\n    border: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .nsfpp .nsfpp-hero__title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 10px;\n    color: var(--nsfpp-ink);\n  }\n\n  .nsfpp-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  .nsfpp .nsfpp-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  .nsfpp .nsfpp-hero__icon i {\n    display: block;\n    line-height: 1;\n  }\n\n  .nsfpp-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.2rem, 4.5vw, 1.7rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    text-align: left;\n  }\n\n  .nsfpp-hero__title-mark {\n    color: var(--nsfpp-cool);\n    font-weight: 700;\n  }\n\n  .nsfpp .nsfpp-hero__lead {\n    max-width: 560px;\n    margin: 0 auto 18px;\n    color: var(--nsfpp-muted);\n    font-size: clamp(0.88rem, 2.4vw, 0.95rem);\n    line-height: 1.55;\n    padding: 0 2px;\n  }\n\n  .nsfpp-search {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 10px;\n    text-align: left;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    margin-top: 4px;\n    padding: clamp(10px, 2vw, 14px);\n    background: var(--nsfpp-bg);\n    border: 1px solid var(--nsfpp-line);\n    border-radius: 8px;\n  }\n\n  .nsfpp .nsfpp-search__label {\n    display: block;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: var(--nsfpp-muted);\n    line-height: 1.3;\n  }\n\n  .nsfpp-search__row {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    gap: 8px;\n    align-items: stretch;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp .nsfpp-search__field {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 46px;\n    min-height: 46px;\n    padding: 0 14px !important;\n    border: 1px solid var(--nsfpp-line) !important;\n    border-radius: 8px;\n    background: #0b1f3d !important;\n    color: #ffffff !important;\n    font-family: var(--nsfpp-font);\n    font-size: 16px !important;\n    font-weight: 500;\n    line-height: 46px;\n    outline: none;\n    box-shadow: none;\n    width: 100%;\n    max-width: 100% !important;\n  }\n\n  .nsfpp .nsfpp-search__field:focus {\n    background: #0b1f3d !important;\n    border-color: #4dabf7 !important;\n    box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.45);\n  }\n\n  .nsfpp .nsfpp-search__field::placeholder {\n    color: var(--nsfpp-dim);\n  }\n\n  .nsfpp-search__actions {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 8px;\n    width: 100%;\n    min-width: 0;\n    align-items: stretch;\n  }\n\n  .nsfpp .nsfpp-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 7px !important;\n    flex: 1 1 calc(50% - 4px);\n    width: auto;\n    height: 46px !important;\n    min-height: 46px !important;\n    min-width: 0;\n    max-width: 100%;\n    margin: 0 !important;\n    padding: 0 14px !important;\n    border: 0 !important;\n    border-radius: 8px !important;\n    font-family: var(--nsfpp-font) !important;\n    font-size: 0.92rem !important;\n    font-weight: 600 !important;\n    line-height: 1 !important;\n    cursor: pointer;\n    transition: background 0.15s ease, opacity 0.15s ease, filter 0.15s ease;\n    white-space: nowrap;\n    text-align: center;\n    user-select: none;\n    text-decoration: none !important;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    overflow: hidden;\n    color: #fff !important;\n    background: var(--nsfpp-hover) !important;\n    box-sizing: border-box !important;\n  }\n\n  .nsfpp .nsfpp-btn i,\n  .nsfpp .nsfpp-tabs__btn i,\n  .nsfpp .nsfpp-card__action i,\n  .nsfpp .nsfpp-profile__zoom i,\n  .nsfpp .nsfpp-modal__close i,\n  .nsfpp .nsfpp-modal__dl i,\n  .nsfpp .nsfpp-demo-chip i,\n  .nsfpp .nsfpp-notice i,\n  .nsfpp .nsfpp-card__badge i,\n  .nsfpp .nsfpp-card__overlay i,\n  .nsfpp .nsfpp-meta__chip i,\n  .nsfpp i.fa-solid,\n  .nsfpp i.fas {\n    --fa-display: inline-block;\n    display: inline-block !important;\n    line-height: 1 !important;\n    font-size: 0.92em;\n    width: 1.15em;\n    text-align: center;\n    vertical-align: middle;\n    font-style: normal !important;\n    font-variant: normal;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n    flex-shrink: 0;\n  }\n\n  .nsfpp .nsfpp-empty i {\n    display: block !important;\n    font-size: 2rem !important;\n    width: auto;\n    margin: 0 auto 10px;\n    opacity: 0.4;\n    line-height: 1 !important;\n  }\n\n  .nsfpp .nsfpp-btn:hover {\n    filter: brightness(1.08);\n  }\n\n  .nsfpp .nsfpp-btn:active {\n    opacity: 0.92;\n  }\n\n  .nsfpp .nsfpp-btn:disabled {\n    opacity: 0.55;\n    cursor: wait;\n    filter: none;\n  }\n\n  .nsfpp .nsfpp-btn--paste {\n    background: #24528c !important;\n    color: #ffffff !important;\n    box-shadow: none;\n  }\n\n  .nsfpp .nsfpp-btn--paste:hover {\n    background: #2d65a8 !important;\n  }\n\n  .nsfpp .nsfpp-btn--view {\n    background: var(--nsfpp-accent) !important;\n    color: #ffffff !important;\n    box-shadow: none;\n  }\n\n  .nsfpp .nsfpp-btn--view:hover {\n    background: var(--nsfpp-accent-deep) !important;\n  }\n\n  .nsfpp .nsfpp-search__hint {\n    font-size: 0.82rem;\n    color: var(--nsfpp-dim);\n    line-height: 1.4;\n    max-width: 100%;\n  }\n\n  \/* Cloudflare Turnstile \u2014 sit above the input row, never inside it *\/\n  .nsfpp #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  .nsfpp #xrespond-tools-turnstile-host.is-visible {\n    display: block;\n  }\n\n  .nsfpp #xrespond-tools-turnstile-host .xrespond-ts-label {\n    display: block;\n    font-size: 0.85rem;\n    color: var(--nsfpp-muted);\n    margin-bottom: 0.45rem;\n  }\n\n  .nsfpp #xrespond-tools-turnstile-host .xrespond-ts-widget {\n    min-height: 65px;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  .nsfpp #xrespond-tools-turnstile-host .xrespond-ts-error {\n    color: #ff8e8e;\n  }\n\n  .nsfpp-search__row:has(#xrespond-tools-turnstile-host),\n  .nsfpp-search__actions:has(#xrespond-tools-turnstile-host) {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfpp-search__row>#xrespond-tools-turnstile-host,\n  .nsfpp-search__actions>#xrespond-tools-turnstile-host {\n    flex: 0 0 100% !important;\n    width: 100% !important;\n    order: -1;\n  }\n\n  .nsfpp-demo-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    align-self: flex-start;\n    max-width: 100%;\n    padding: 6px 12px;\n    border-radius: 999px;\n    background: rgba(24, 119, 242, 0.22);\n    border: 1px solid rgba(24, 119, 242, 0.55);\n    color: #9ec9ff;\n    font-size: 0.78rem;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    white-space: normal;\n  }\n\n  .nsfpp .nsfpp-alert {\n    display: none;\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: #ff8a9b;\n    font-weight: 600;\n    font-size: 0.86rem;\n    line-height: 1.4;\n    word-break: break-word;\n  }\n\n  .nsfpp .nsfpp-alert.is-visible {\n    display: block;\n  }\n\n  .nsfpp .nsfpp-notice {\n    display: none;\n    margin-top: 10px;\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.45);\n    color: #9ec9ff;\n    font-size: 0.84rem;\n    line-height: 1.4;\n    word-break: break-word;\n  }\n\n  .nsfpp .nsfpp-notice.is-visible {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  \/* Skeleton *\/\n  .nsfpp .nsfpp-skeleton {\n    display: none;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp .nsfpp-skeleton.is-visible {\n    display: block;\n  }\n\n  .nsfpp .nsfpp-content.is-hidden {\n    display: none !important;\n  }\n\n  .nsfpp .nsfpp-content.is-placeholder .nsfpp-notice,\n  .nsfpp .nsfpp-content.is-placeholder .nsfpp-profile__zoom {\n    display: none !important;\n  }\n\n  @keyframes nsfpp-shimmer {\n    0% {\n      background-position: -400px 0;\n    }\n\n    100% {\n      background-position: 400px 0;\n    }\n  }\n\n  .nsfpp .nsfpp-sk {\n    background: linear-gradient(90deg,\n        rgba(24, 119, 242, 0.12) 0%,\n        rgba(77, 171, 247, 0.28) 45%,\n        rgba(24, 119, 242, 0.12) 100%);\n    background-size: 800px 100%;\n    animation: nsfpp-shimmer 1.35s ease-in-out infinite;\n    border-radius: 8px;\n  }\n\n  .nsfpp-skeleton__panel {\n    background: var(--nsfpp-panel);\n    border: 1px solid var(--nsfpp-line);\n    border-radius: var(--nsfpp-radius);\n    box-shadow: none;\n    padding: 18px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp-skeleton__profile {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n    align-items: center;\n    justify-items: center;\n    padding: var(--nsfpp-pad);\n    border-radius: 12px;\n    background: linear-gradient(160deg, rgba(24, 119, 242, 0.16), rgba(13, 101, 217, 0.1));\n    border: 1px solid var(--nsfpp-line);\n    text-align: center;\n    margin-bottom: 16px;\n  }\n\n  .nsfpp .nsfpp-skeleton__avatar {\n    width: var(--nsfpp-avatar);\n    height: var(--nsfpp-avatar);\n    border-radius: 50% !important;\n    border: 3px solid rgba(255, 255, 255, 0.12);\n  }\n\n  .nsfpp-skeleton__meta {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-width: 0;\n    align-items: center;\n    width: 100%;\n  }\n\n  .nsfpp-skeleton__line {\n    height: 16px;\n  }\n\n  .nsfpp-skeleton__line--lg {\n    width: min(200px, 70%);\n    height: 22px;\n  }\n\n  .nsfpp-skeleton__line--md {\n    width: min(140px, 50%);\n    height: 14px;\n  }\n\n  .nsfpp-skeleton__tabs {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin: 0 0 14px;\n    width: 100%;\n  }\n\n  .nsfpp-skeleton__tab {\n    flex: 1 1 calc(50% - 8px);\n    min-width: 0;\n    height: 40px;\n    border-radius: 999px;\n  }\n\n  .nsfpp-skeleton__grid {\n    display: grid;\n    grid-template-columns: repeat(var(--nsfpp-cols, 1), minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .nsfpp-skeleton__card,\n  .nsfpp-tab-sk__card {\n    border-radius: 10px;\n    overflow: hidden;\n    border: 1px solid var(--nsfpp-line);\n    background: var(--nsfpp-panel-soft);\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n\n  .nsfpp-skeleton__thumb,\n  .nsfpp-tab-sk__thumb {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    border-radius: 0 !important;\n  }\n\n  .nsfpp-skeleton__foot,\n  .nsfpp-tab-sk__foot {\n    height: 72px;\n    margin: 12px;\n    border-radius: 10px !important;\n  }\n\n  .nsfpp-tab-sk--photos {\n    display: grid;\n    grid-template-columns: repeat(var(--nsfpp-cols, 1), minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .nsfpp-tab-sk--details {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 8px 0;\n  }\n\n  .nsfpp-tab-sk__line {\n    height: 14px;\n    border-radius: 8px;\n  }\n\n  .nsfpp-tab-sk__line--sm {\n    width: min(120px, 40%);\n  }\n\n  .nsfpp-tab-sk__line--lg {\n    width: min(280px, 85%);\n    height: 20px;\n  }\n\n  \/* Results *\/\n  .nsfpp-result {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp-panel {\n    background: var(--nsfpp-panel);\n    border: 1px solid var(--nsfpp-line);\n    border-radius: var(--nsfpp-radius);\n    box-shadow: none;\n    padding: clamp(14px, 2.5vw, 20px);\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp-profile {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n    align-items: center;\n    justify-items: center;\n    text-align: center;\n    padding: var(--nsfpp-pad);\n    border-radius: 8px;\n    background: var(--nsfpp-panel-soft);\n    border: 1px solid var(--nsfpp-line);\n    margin-bottom: 12px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp-profile__avatar-wrap {\n    position: relative;\n    width: var(--nsfpp-avatar);\n    height: var(--nsfpp-avatar);\n  }\n\n  .nsfpp-profile__ring {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    padding: 3px;\n    background: linear-gradient(135deg, var(--nsfpp-accent), var(--nsfpp-cool));\n  }\n\n  .nsfpp .nsfpp-profile__img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 50%;\n    border: 2px solid #0b1f3d;\n    background: var(--nsfpp-panel-soft);\n  }\n\n  .nsfpp .nsfpp-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-radius: 50% !important;\n    border: 0 !important;\n    background: #1877f2 !important;\n    color: #fff !important;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    box-shadow: 0 4px 12px rgba(8, 40, 90, 0.45);\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    touch-action: manipulation;\n  }\n\n  .nsfpp .nsfpp-profile__zoom:hover {\n    background: #0d65d9 !important;\n  }\n\n  .nsfpp-profile__meta {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    align-items: center;\n    min-width: 0;\n    width: 100%;\n  }\n\n  .nsfpp .nsfpp-profile__name {\n    font-size: clamp(1.1rem, 3vw, 1.35rem);\n    font-weight: 800;\n    color: var(--nsfpp-ink);\n    line-height: 1.3;\n  }\n\n  .nsfpp .nsfpp-profile__handle {\n    color: var(--nsfpp-cool);\n    font-size: 0.92rem;\n    font-weight: 600;\n  }\n\n  .nsfpp-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .nsfpp-meta__chip {\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 var(--nsfpp-line);\n    color: #9ec9ff;\n    font-size: 0.78rem;\n    font-weight: 600;\n  }\n\n  .nsfpp-tabs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 14px 0 12px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp .nsfpp-tabs__btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 7px !important;\n    flex: 1 1 calc(50% - 4px);\n    min-width: 0;\n    min-height: 44px;\n    height: auto;\n    padding: 10px 14px !important;\n    border-radius: 8px !important;\n    border: 1px solid var(--nsfpp-line) !important;\n    background: var(--nsfpp-panel-soft) !important;\n    color: var(--nsfpp-muted) !important;\n    font-family: var(--nsfpp-font) !important;\n    font-size: 0.88rem !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    text-decoration: none !important;\n    margin: 0 !important;\n    white-space: nowrap;\n  }\n\n  .nsfpp .nsfpp-tabs__btn.is-active {\n    background: rgba(24, 119, 242, 0.22) !important;\n    border-color: #1877f2 !important;\n    color: #9ec9ff !important;\n    box-shadow: none;\n  }\n\n  .nsfpp-pane {\n    display: none;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp-pane.is-active {\n    display: block;\n  }\n\n  .nsfpp-empty {\n    text-align: center;\n    padding: 28px 12px;\n    color: var(--nsfpp-dim);\n    font-size: 0.92rem;\n  }\n\n  .nsfpp-grid {\n    display: grid;\n    grid-template-columns: repeat(var(--nsfpp-cols, 1), minmax(0, 1fr));\n    gap: 12px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp-card {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    width: 100%;\n    max-width: 100%;\n    background: var(--nsfpp-panel-soft);\n    border: 1px solid var(--nsfpp-line);\n    border-radius: 10px;\n    overflow: hidden;\n    transition: background 0.15s ease, border-color 0.15s ease;\n  }\n\n  .nsfpp-card:hover {\n    background: var(--nsfpp-hover);\n    border-color: rgba(24, 119, 242, 0.7);\n  }\n\n  .nsfpp-card__media {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    background: #0b1f3d;\n    cursor: pointer;\n    overflow: hidden;\n  }\n\n  .nsfpp .nsfpp-card__img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .nsfpp-card__overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(7, 21, 43, 0.45);\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    color: #fff;\n    font-size: 1.25rem;\n    pointer-events: none;\n  }\n\n  .nsfpp-card__media:hover .nsfpp-card__overlay,\n  .nsfpp-card__media:focus-visible .nsfpp-card__overlay {\n    opacity: 1;\n  }\n\n  .nsfpp-card__body {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px;\n    min-width: 0;\n  }\n\n  .nsfpp-card__badge {\n    display: inline-flex;\n    align-items: center;\n    align-self: flex-start;\n    gap: 6px;\n    padding: 5px 10px;\n    border-radius: 999px;\n    font-size: 0.72rem;\n    font-weight: 800;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: #fff;\n    background: var(--nsfpp-accent);\n  }\n\n  .nsfpp-card__badge--large {\n    background: #1877f2;\n  }\n\n  .nsfpp-card__badge--medium {\n    background: #4dabf7;\n    color: #07152b;\n  }\n\n  .nsfpp-card__badge--small {\n    background: #24528c;\n  }\n\n  .nsfpp-card__badge--original {\n    background: #0d65d9;\n  }\n\n  .nsfpp .nsfpp-card__meta {\n    color: var(--nsfpp-muted);\n    font-size: 0.82rem;\n    line-height: 1.4;\n  }\n\n  .nsfpp-card__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    width: 100%;\n  }\n\n  .nsfpp .nsfpp-card__action {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 6px !important;\n    flex: 1 1 calc(50% - 4px);\n    min-width: 0;\n    min-height: 44px;\n    height: 44px;\n    padding: 0 12px !important;\n    border-radius: 8px !important;\n    border: 1px solid var(--nsfpp-line) !important;\n    background: #24528c !important;\n    color: #ffffff !important;\n    font-family: var(--nsfpp-font) !important;\n    font-size: 0.82rem !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    text-decoration: none !important;\n    margin: 0 !important;\n  }\n\n  .nsfpp .nsfpp-card__action--primary {\n    background: var(--nsfpp-accent) !important;\n    border-color: transparent !important;\n    color: #ffffff !important;\n  }\n\n  .nsfpp .nsfpp-card__action:hover {\n    background: #2d65a8 !important;\n  }\n\n  .nsfpp .nsfpp-card__action--primary:hover {\n    background: var(--nsfpp-accent-deep) !important;\n  }\n\n  .nsfpp-details {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp .nsfpp-details__title {\n    font-size: 1.05rem;\n    font-weight: 800;\n    color: var(--nsfpp-ink);\n  }\n\n  .nsfpp .nsfpp-details__text {\n    color: var(--nsfpp-muted);\n    font-size: 0.92rem;\n    line-height: 1.55;\n    white-space: pre-line;\n  }\n\n  .nsfpp-details__list {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 8px;\n  }\n\n  .nsfpp-details__item {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px 10px;\n    align-items: baseline;\n    padding: 10px 12px;\n    border-radius: 8px;\n    background: var(--nsfpp-panel-soft);\n    border: 1px solid var(--nsfpp-line);\n  }\n\n  .nsfpp .nsfpp-details__label {\n    color: var(--nsfpp-dim);\n    font-size: 0.78rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n  }\n\n  .nsfpp .nsfpp-details__value {\n    color: var(--nsfpp-ink);\n    font-size: 0.9rem;\n    font-weight: 600;\n  }\n\n  \/* Modal *\/\n  .nsfpp-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(7, 21, 43, 0.82);\n    backdrop-filter: blur(6px);\n  }\n\n  .nsfpp-modal.is-open {\n    display: flex;\n  }\n\n  .nsfpp-modal__dialog {\n    position: relative;\n    width: min(720px, 100%);\n    max-height: min(90vh, 900px);\n    overflow: auto;\n    background: #123056;\n    border: 1px solid var(--nsfpp-line);\n    border-radius: 12px;\n    box-shadow: 0 24px 60px rgba(8, 40, 90, 0.55);\n    padding: 16px;\n  }\n\n  .nsfpp .nsfpp-modal__close {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n    min-height: 44px;\n    border-radius: 50% !important;\n    border: 0 !important;\n    background: #24528c !important;\n    color: #fff !important;\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    z-index: 2;\n    touch-action: manipulation;\n  }\n\n  .nsfpp .nsfpp-modal__close:hover {\n    background: #2d65a8 !important;\n  }\n\n  .nsfpp .nsfpp-modal__media {\n    width: 100%;\n    max-height: min(65vh, 640px);\n    object-fit: contain;\n    border-radius: 10px;\n    background: #0b1f3d;\n    margin: 8px 0 12px;\n  }\n\n  .nsfpp .nsfpp-modal__caption {\n    color: var(--nsfpp-muted);\n    font-size: 0.9rem;\n    margin-bottom: 12px;\n    text-align: center;\n  }\n\n  .nsfpp .nsfpp-modal__dl {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 8px !important;\n    width: 100%;\n    min-height: 46px;\n    height: 46px;\n    border-radius: 8px !important;\n    border: 0 !important;\n    background: var(--nsfpp-accent) !important;\n    color: #ffffff !important;\n    font-family: var(--nsfpp-font) !important;\n    font-size: 0.92rem !important;\n    font-weight: 700 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    margin: 0 !important;\n    padding: 0 14px !important;\n  }\n\n  .nsfpp .nsfpp-modal__dl:hover {\n    background: var(--nsfpp-accent-deep) !important;\n  }\n\n  \/* Responsive \u2014 tablet *\/\n  @media (min-width: 768px) {\n    .nsfpp {\n      --nsfpp-cols: 2;\n      --nsfpp-pad: 16px;\n      --nsfpp-avatar: 104px;\n    }\n\n    .nsfpp-search__row {\n      flex-direction: row;\n      flex-wrap: wrap;\n      align-items: stretch;\n    }\n\n    .nsfpp .nsfpp-search__field {\n      flex: 1 1 220px;\n      width: auto;\n    }\n\n    .nsfpp-search__actions {\n      flex: 0 0 auto;\n      width: auto;\n      flex-wrap: nowrap;\n    }\n\n    .nsfpp .nsfpp-search__actions .nsfpp-btn {\n      flex: 0 0 auto;\n      min-width: 120px;\n    }\n\n    .nsfpp-profile,\n    .nsfpp-skeleton__profile {\n      grid-template-columns: var(--nsfpp-avatar) minmax(0, 1fr);\n      justify-items: stretch;\n      text-align: left;\n    }\n\n    .nsfpp-profile__meta,\n    .nsfpp-skeleton__meta {\n      align-items: flex-start;\n      text-align: left;\n    }\n\n    .nsfpp-meta,\n    .nsfpp-skeleton__stats {\n      justify-content: flex-start;\n    }\n\n    .nsfpp-grid,\n    .nsfpp-skeleton__grid,\n    .nsfpp-tab-sk--photos {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .nsfpp-details__list {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  \/* Responsive \u2014 desktop *\/\n  @media (min-width: 1024px) {\n    .nsfpp {\n      --nsfpp-cols: 3;\n      --nsfpp-pad: 18px;\n    }\n\n    .nsfpp-grid,\n    .nsfpp-skeleton__grid,\n    .nsfpp-tab-sk--photos {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  @media (min-width: 1200px) {\n    .nsfpp {\n      --nsfpp-cols: 4;\n    }\n\n    .nsfpp-grid,\n    .nsfpp-skeleton__grid,\n    .nsfpp-tab-sk--photos {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n\n  \/* ResizeObserver helpers *\/\n  .nsfpp.nsfpp--compact .nsfpp-search__row {\n    flex-direction: column !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-search__field,\n  .nsfpp.nsfpp--compact .nsfpp-search__actions {\n    width: 100% !important;\n    flex: 1 1 auto !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-search__actions .nsfpp-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n    width: auto !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-profile,\n  .nsfpp.nsfpp--compact .nsfpp-skeleton__profile {\n    grid-template-columns: 1fr !important;\n    justify-items: center !important;\n    text-align: center !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-profile__meta,\n  .nsfpp.nsfpp--compact .nsfpp-skeleton__meta {\n    align-items: center !important;\n    text-align: center !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-meta {\n    justify-content: center !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-tabs__btn {\n    flex: 1 1 calc(50% - 6px) !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-grid,\n  .nsfpp.nsfpp--compact .nsfpp-skeleton__grid,\n  .nsfpp.nsfpp--compact .nsfpp-tab-sk--photos {\n    grid-template-columns: minmax(0, 1fr) !important;\n  }\n\n  .nsfpp.nsfpp--narrow .nsfpp-tabs__btn {\n    flex: 1 1 100% !important;\n  }\n\n  .nsfpp.nsfpp--narrow .nsfpp-search__actions .nsfpp-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n  }\n\n  .nsfpp.nsfpp--narrow .nsfpp-card__actions {\n    flex-direction: column;\n  }\n\n  .nsfpp.nsfpp--narrow .nsfpp-card__action {\n    flex: 1 1 auto !important;\n    width: 100%;\n  }\n\n  @media (hover: none) {\n\n    .nsfpp .nsfpp-btn:hover,\n    .nsfpp-card:hover {\n      filter: none;\n      background: var(--nsfpp-panel-soft);\n    }\n\n    .nsfpp-card__overlay {\n      opacity: 0.85;\n      background: rgba(7, 21, 43, 0.25);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .nsfpp .nsfpp-sk,\n    .nsfpp .nsfpp-btn,\n    .nsfpp-card,\n    .nsfpp-card__overlay {\n      animation: none !important;\n      transition: none !important;\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<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n<div class=\"nsfpp\" id=\"nsfpp-root\" data-nsfpp-ready=\"0\">\n  <div class=\"nsfpp-shell\">\n    <section class=\"nsfpp-hero\" aria-labelledby=\"nsfpp-title\">\n      <h1 class=\"nsfpp-hero__title\" id=\"nsfpp-title\">Facebook DP Viewer<\/h1>\n<p class=\"nsfpp-hero__lead\">\n        Preview and download Facebook profile pictures from any public profile or page.\n      <\/p>\n<div class=\"nsfpp-search\">\n        <label class=\"nsfpp-search__label\" for=\"nsfpp-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=\"nsfpp-search__row\">\n          <input class=\"nsfpp-search__field\" id=\"nsfpp-input\" type=\"text\" name=\"nsfpp_input\"\n            placeholder=\"username or facebook.com\/username\" autocomplete=\"off\" spellcheck=\"false\" inputmode=\"url\">\n          <div class=\"nsfpp-search__actions\">\n            <button type=\"button\" class=\"nsfpp-btn nsfpp-btn--paste\" id=\"nsfpp-paste\" aria-label=\"Paste from clipboard\">\n              <i class=\"fa-solid fa-paste\" aria-hidden=\"true\"><\/i> Paste\n            <\/button>\n            <button type=\"submit\" class=\"nsfpp-btn nsfpp-btn--view\" id=\"xrespond-tools-turnstile\">\n              <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i> View Photos\n            <\/button>\n          <\/div>\n        <\/div>\n<div class=\"nsfpp-alert\" id=\"nsfpp-alert\" role=\"alert\"><\/div>\n<p class=\"nsfpp-search__hint\">Enter a Facebook username or profile URL (example: natgeo)<\/p>\n      <\/div>\n    <\/section>\n\n    <div class=\"nsfpp-skeleton\" id=\"nsfpp-skeleton\" aria-hidden=\"true\" aria-busy=\"false\">\n      <div class=\"nsfpp-skeleton__panel\">\n        <div class=\"nsfpp-skeleton__profile\">\n          <div class=\"nsfpp-sk nsfpp-skeleton__avatar\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpp-skeleton__meta\">\n            <div class=\"nsfpp-sk nsfpp-skeleton__line nsfpp-skeleton__line--lg\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpp-sk nsfpp-skeleton__line nsfpp-skeleton__line--md\" aria-hidden=\"true\"><\/div>\n          <\/div>\n        <\/div>\n<div class=\"nsfpp-skeleton__tabs\" aria-hidden=\"true\">\n          <div class=\"nsfpp-sk nsfpp-skeleton__tab\"><\/div>\n<div class=\"nsfpp-sk nsfpp-skeleton__tab\"><\/div>\n        <\/div>\n<div class=\"nsfpp-skeleton__grid\" aria-hidden=\"true\">\n          <div class=\"nsfpp-skeleton__card\">\n            <div class=\"nsfpp-sk nsfpp-skeleton__thumb\"><\/div>\n<div class=\"nsfpp-sk nsfpp-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpp-skeleton__card\">\n            <div class=\"nsfpp-sk nsfpp-skeleton__thumb\"><\/div>\n<div class=\"nsfpp-sk nsfpp-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpp-skeleton__card\">\n            <div class=\"nsfpp-sk nsfpp-skeleton__thumb\"><\/div>\n<div class=\"nsfpp-sk nsfpp-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpp-skeleton__card\">\n            <div class=\"nsfpp-sk nsfpp-skeleton__thumb\"><\/div>\n<div class=\"nsfpp-sk nsfpp-skeleton__foot\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <section class=\"nsfpp-result\" id=\"nsfpp-result\" aria-live=\"polite\">\n      <div class=\"nsfpp-panel nsfpp-content is-placeholder\" id=\"nsfpp-content\">\n        <div class=\"nsfpp-profile\">\n          <div class=\"nsfpp-profile__avatar-wrap\">\n            <div class=\"nsfpp-profile__ring\">\n              <img decoding=\"async\" class=\"nsfpp-profile__img\" id=\"nsfpp-avatar\" src=\"\" alt=\"Profile avatar\">\n            <\/div>\n            <button type=\"button\" class=\"nsfpp-profile__zoom\" id=\"nsfpp-avatar-zoom\" aria-label=\"Expand profile photo\">\n              <i class=\"fa-solid fa-expand\" aria-hidden=\"true\"><\/i>\n            <\/button>\n          <\/div>\n<div class=\"nsfpp-profile__meta\">\n            <h2 class=\"nsfpp-profile__name\" id=\"nsfpp-fullname\">-<\/h2>\n<p class=\"nsfpp-profile__handle\" id=\"nsfpp-handle\">@-<\/p>\n<div class=\"nsfpp-meta\" id=\"nsfpp-meta\"><\/div>\n          <\/div>\n        <\/div>\n<div class=\"nsfpp-notice\" id=\"nsfpp-notice\" role=\"status\">\n          <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n          <span id=\"nsfpp-notice-text\"><\/span>\n        <\/div>\n<div class=\"nsfpp-tabs\" role=\"tablist\" aria-label=\"Profile photo sections\">\n          <button type=\"button\" class=\"nsfpp-tabs__btn is-active\" role=\"tab\" aria-selected=\"true\"\n            data-nsfpp-tab=\"photos\">\n            <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i> Photos\n          <\/button>\n          <button type=\"button\" class=\"nsfpp-tabs__btn\" role=\"tab\" aria-selected=\"false\" data-nsfpp-tab=\"details\">\n            <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i> Details\n          <\/button>\n        <\/div>\n<div class=\"nsfpp-pane is-active\" id=\"nsfpp-pane-photos\" role=\"tabpanel\" data-nsfpp-pane=\"photos\">\n          <div class=\"nsfpp-empty\">\n            <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i>\n            <p>Enter a username and click View Photos to load profile pictures.<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsfpp-pane\" id=\"nsfpp-pane-details\" role=\"tabpanel\" data-nsfpp-pane=\"details\">\n          <div class=\"nsfpp-empty\">\n            <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n            <p>Profile photo details will appear here.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<div class=\"nsfpp-modal\" id=\"nsfpp-modal\" aria-hidden=\"true\">\n    <div class=\"nsfpp-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Profile photo preview\">\n      <button type=\"button\" class=\"nsfpp-modal__close\" id=\"nsfpp-modal-close\" aria-label=\"Close preview\">\n        <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"><\/i>\n      <\/button>\n      <img decoding=\"async\" class=\"nsfpp-modal__media\" id=\"nsfpp-modal-media\" src=\"\" alt=\"Profile photo preview\">\n      <p class=\"nsfpp-modal__caption\" id=\"nsfpp-modal-caption\"><\/p>\n      <button type=\"button\" class=\"nsfpp-modal__dl\" id=\"nsfpp-modal-dl\">\n        <i class=\"fa-solid fa-clone\" aria-hidden=\"true\"><\/i> Download\n      <\/button>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n(function() { \/* __tcToolRun *\/\n  'use strict';\n  function __tcRunTool() {\n    (function __tcLoadExternalScripts() {\n      var urls = ['https:\/\/viewri.com\/wp-content\/uploads\/javascript-uploader\/facebook-profile-photo-viewer.js', 'https:\/\/viewri.com\/wp-content\/uploads\/javascript-uploader\/client-ip-detector.js', 'https:\/\/viewri.com\/wp-content\/uploads\/javascript-uploader\/rate-limit-handler.js', 'https:\/\/viewri.com\/wp-content\/uploads\/javascript-uploader\/turnstile-handler.js'];\n      function loadNext(i) {\n        if (i >= urls.length) return;\n        var url = urls[i];\n        if (document.querySelector('script[src=\"' + url + '\"]')) {\n          loadNext(i + 1);\n          return;\n        }\n        var s = document.createElement(\"script\");\n        s.src = url;\n        s.async = false;\n        s.onload = function () { loadNext(i + 1); };\n        s.onerror = function () { loadNext(i + 1); };\n        (document.head || document.documentElement).appendChild(s);\n      }\n      loadNext(0);\n    })();\n\n    (function(){var __tcWpRoot=(document.querySelector(\".tc-wp-tool-root\"));})();\n  }\n  function __tcScheduleTool() {\n    if (typeof requestAnimationFrame === 'function') {\n      requestAnimationFrame(function () { setTimeout(__tcRunTool, 0); });\n    } else {\n      setTimeout(__tcRunTool, 0);\n    }\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', __tcScheduleTool, { once: true });\n  } else {\n    __tcScheduleTool();\n  }\n})();\n<\/script><style>       \r\n  :root{\r\n    --grad: linear-gradient(45deg,#3b5998 0%,#4c70ba 50%,#8b9dc3 100%);\r\n    --brand:#3b5998;\r\n    --ink:#333;\r\n    --muted:#666;\r\n    --muted-2:#9498a1;\r\n    --light:#f8f9fa;\r\n    --card:#fff;\r\n    --bg:#fff;\r\n    --radius:15px;\r\n    --sh:0 4px 12px rgba(0,0,0,.08);\r\n    --sh-lg:0 8px 24px rgba(0,0,0,.12);\r\n    --t:.3s ease;\r\n  }\r\n\r\n  body { background: var(--bg); }\r\n\r\n  \/* ---------- Titles ---------- *\/\r\n  .fb-av-section-title{text-align:center; margin-bottom:60px;}\r\n  .fb-av-section-title h2{font-weight:700; font-size:2.5rem; color:var(--brand); margin:0 0 12px;}\r\n  .fb-av-section-title p{color:var(--muted); max-width:700px; margin:0 auto; font-size:1.05rem;}\r\n \r\n  \/* ---------- Cards ---------- *\/\r\n  .cv-card{\r\n    background:var(--card); border-radius:var(--radius); box-shadow:var(--sh);\r\n    height:100%; transition:var(--t); padding:30px;\r\n  }\r\n  .cv-card:hover{transform:translateY(-10px); box-shadow:var(--sh-lg);}\r\n\r\n  \/* Steps *\/\r\n  .fb-av-step{ position:relative; text-align:center; }\r\n  .fb-av-step .fb-av-step-icon{\r\n    width:80px; height:80px; margin:0 auto 22px; border-radius:50%; display:flex; align-items:center; justify-content:center;\r\n    background:var(--grad); color:#fff; font-size:2rem; box-shadow:0 5px 15px rgba(0,0,0,.1); transition:var(--t);\r\n  }\r\n  .fb-av-step:hover .fb-av-step-icon{ transform:scale(1.08); }\r\n  .fb-av-step h3{font-size:1.25rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-av-step p{color:var(--muted); margin:0;}\r\n\r\n  \/* Features *\/\r\n  .fb-av-feature-card .fb-av-feature-icon{font-size:2rem; display:block; margin-bottom:14px;}\r\n  .fb-av-feature-card h3{font-size:1.2rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-av-feature-card p{color:var(--muted); margin:0;}\r\n\r\n  \/* FAQ *\/\r\n  .vr-tool-faq{ margin: 30px auto; background: var(--bg); }\r\n  .fb-av-faq-item{ border-radius:12px; overflow:hidden; box-shadow:var(--sh); transition:var(--t); background:#fff; }\r\n  .fb-av-faq-item:hover{ box-shadow:var(--sh-lg); }\r\n  .fb-av-faq-question{\r\n    width:100%; padding:20px 24px; display:flex; justify-content:space-between; align-items:center;\r\n    background:#fff; border:none; text-align:left; font-weight:700; font-size:1.05rem; color:var(--brand); transition:var(--t);\r\n  }\r\n  .fb-av-faq-question:hover{ background:rgba(59,89,152,.05); }\r\n  .fb-av-faq-question:not(.collapsed){ background:rgba(59,89,152,.1); }\r\n  .fb-av-faq-question:not(.collapsed)::after{ transform:rotate(180deg); }\r\n  .fb-av-faq-answer{ padding:0 24px 22px; color:var(--muted); line-height:1.7; }\r\n\r\n  \/* CTA *\/\r\n  .vr-tool-cta{\r\n    background:var(--bg);\r\n    color:#333;\r\n    text-align:center;\r\n    padding:50px 0;\r\n  }\r\n  .vr-tool-cta .fb-av-cta-title{\r\n    font-size:2.4rem;\r\n    font-weight:700;\r\n    margin:0 0 20px;\r\n    line-height:1.2;\r\n    color: var(--brand);\r\n  }\r\n  .vr-tool-cta .fb-av-cta-sub{\r\n    max-width:800px;\r\n    margin:0 auto 30px;\r\n    font-size:1.1rem;\r\n    color: var(--muted);\r\n  }\r\n  .vr-tool-cta .fb-av-cta-group .btn{\r\n    background: var(--grad);\r\n    color: #fff;\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:50px;\r\n    box-shadow:var(--sh);\r\n    transition:var(--t);\r\n    text-decoration:none;\r\n    display:inline-block;\r\n  }\r\n  .vr-tool-cta .fb-av-cta-group .btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:var(--sh-lg);\r\n  }\r\n  .vr-tool-cta .fb-av-cta-note{\r\n    margin-top:14px;\r\n    font-size:.95rem;\r\n    color: var(--muted);\r\n  }\r\n\r\n  @keyframes fadeUp{ from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }\r\n  .animate-in{ animation: fadeUp .6s ease both; }\r\n\r\n  @media (max-width:991px){\r\n    .fb-av-section-title h2{font-size:2.1rem}\r\n    .vr-tool-cta .fb-av-cta-title{font-size:2.1rem}\r\n  }\r\n  @media (max-width:767px){\r\n    .fb-av-section-title h2{font-size:1.8rem}\r\n    .cv-card{margin-bottom:20px}\r\n    .vr-tool-cta{padding:60px 0}\r\n    .vr-tool-cta .fb-av-cta-title{font-size:1.8rem}\r\n    .vr-tool-cta .fb-av-cta-sub{font-size:1rem}\r\n  }\r\n<\/style>\r\n\r\n<!-- How It Works -->\r\n<section class=\"vr-tool-how\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-av-section-title\">\r\n      <h2>How to Use the Facebook Account Viewer<\/h2>\r\n      <p>Follow these steps to browse public Facebook account content anonymously.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-link\"><\/i><\/div>\r\n          <h3>Enter Profile or Page URL<\/h3>\r\n          <p>Copy the Facebook profile, page, or post URL to view.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-search\"><\/i><\/div>\r\n          <h3>Load Content<\/h3>\r\n          <p>Click \u201cView Now\u201d to access public Facebook content.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n          <h3>Browse Anonymously<\/h3>\r\n          <p>View public posts, pages, and profiles privately.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-user-secret\"><\/i><\/div>\r\n          <h3>No Login Required<\/h3>\r\n          <p>Access content without a Facebook account.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Features -->\r\n<section class=\"vr-tool-features\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-av-section-title\">\r\n      <h2>Facebook Account Viewer Features<\/h2>\r\n      <p>Tools for seamless and private browsing of public Facebook account content.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udd12<\/span>\r\n          <h3>Anonymous Browsing<\/h3>\r\n          <p>Browse Facebook accounts without revealing your identity.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udcc4<\/span>\r\n          <h3>Public Content Access<\/h3>\r\n          <p>View public posts, pages, and profiles effortlessly.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udcd1<\/span>\r\n          <h3>Multiple Content Types<\/h3>\r\n          <p>Supports posts, photos, videos, and profile details.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udcf1<\/span>\r\n          <h3>Multi-Device Support<\/h3>\r\n          <p>Optimized for phones, tablets, and desktops.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udd11<\/span>\r\n          <h3>No Login Needed<\/h3>\r\n          <p>Browse without Facebook credentials.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\u26a1<\/span>\r\n          <h3>Fast Access<\/h3>\r\n          <p>Quickly load Facebook account content anonymously.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"vr-tool-faq\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-av-section-title\">\r\n      <h2>Frequently Asked Questions<\/h2>\r\n      <p>Learn how to use the Facebook Account Viewer effectively.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row justify-content-center\">\r\n      <div class=\"col-lg-8\">\r\n        <div class=\"accordion\" id=\"faqAccordion\">\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse1\">\r\n                Can I view private Facebook account content?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. The Facebook Account Viewer only shows public content, respecting privacy settings.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse2\">\r\n                Do I need a Facebook account to browse?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. The Facebook Account Viewer works without a login.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse3\">\r\n                Is the Facebook Account Viewer free to use?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                Yes. It\u2019s a free tool with no charges or subscriptions.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse4\">\r\n                Is this tool affiliated with Facebook?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. This is an independent Facebook Account Viewer, and browsing is anonymous with no user alerts.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse5\">\r\n                Does the Facebook Account Viewer require software installation?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse5\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. It\u2019s a web-based tool that works directly in your browser without any software.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"vr-tool-cta\">\r\n  <div class=\"container\" style=\"text-align: center;\">\r\n    <h2 class=\"fb-av-cta-title\">Try the Facebook Account Viewer Now<\/h2>\r\n    <p class=\"fb-av-cta-sub\">\r\n      Browse public Facebook account content anonymously without login. Safe, private, and easy to use.\r\n    <\/p>\r\n    <div class=\"fb-av-cta-group\">\r\n      <a href=\"#\" class=\"btn btn-lg\">Try It Now<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.querySelectorAll('.fb-av-faq-question').forEach(btn=>{\r\n    btn.addEventListener('click', ()=>{\r\n      document.querySelectorAll('.fb-av-faq-question').forEach(b=>{ if(b!==btn) b.classList.add('collapsed'); });\r\n      btn.classList.toggle('collapsed');\r\n    });\r\n  });\r\n<\/script><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":138,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"1300","footnotes":""},"class_list":["post-1020","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/1020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/comments?post=1020"}],"version-history":[{"count":8,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/1020\/revisions"}],"predecessor-version":[{"id":2049,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/1020\/revisions\/2049"}],"up":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/138"}],"wp:attachment":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/media?parent=1020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}