{"id":6821,"date":"2026-03-03T00:00:08","date_gmt":"2026-03-03T00:00:08","guid":{"rendered":"https:\/\/raistheme.com\/?page_id=6821"},"modified":"2026-08-23T06:39:49","modified_gmt":"2026-08-23T06:39:49","slug":"facebook-dp","status":"publish","type":"page","link":"https:\/\/raistheme.com\/tools\/social-viewer\/facebook-dp\/","title":{"rendered":"Facebook DP Viewer \u2013 View Profile Pictures Anonymously"},"content":{"rendered":"<p><!-- tc-cache-bust:2026-08-23T06:39:49+00:00 --><br \/>\n<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 .nsfpp-section__title 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-photos {\n    display: flex;\n    flex-direction: column;\n    gap: 22px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp-section {\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-section__head {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px 12px;\n    padding: 2px 2px 0;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpp .nsfpp-section__title {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 800;\n    color: var(--nsfpp-ink);\n    line-height: 1.3;\n    min-width: 0;\n  }\n\n  .nsfpp .nsfpp-section__title i {\n    color: var(--nsfpp-cool);\n  }\n\n  .nsfpp .nsfpp-section__count {\n    display: inline-flex;\n    align-items: center;\n    padding: 5px 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.75rem;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    white-space: nowrap;\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__media--size-large,\n  .nsfpp-card__media--size-medium,\n  .nsfpp-card__media--size-small {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background:\n      radial-gradient(circle at center, rgba(24, 119, 242, 0.18), transparent 62%),\n      #0b1f3d;\n  }\n\n  .nsfpp-card__media--size-large .nsfpp-card__img,\n  .nsfpp-card__media--size-medium .nsfpp-card__img,\n  .nsfpp-card__media--size-small .nsfpp-card__img {\n    border-radius: 50%;\n    border: 3px solid rgba(255, 255, 255, 0.18);\n    box-shadow: 0 8px 20px rgba(8, 40, 90, 0.35);\n  }\n\n  .nsfpp-card__media--size-large .nsfpp-card__img {\n    width: 78%;\n    height: 78%;\n  }\n\n  .nsfpp-card__media--size-medium .nsfpp-card__img {\n    width: 56%;\n    height: 56%;\n  }\n\n  .nsfpp-card__media--size-small .nsfpp-card__img {\n    width: 38%;\n    height: 38%;\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\n  \/* Search controls: one row on large screens, wrap on narrow *\/\n  .nsfpp .nsfpp-search,\n  .nsfpp .nsfpp-search .nsfpp-search__row,\n  .nsfpp .nsfpp-search .nsfpp-search__actions {\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    box-sizing: border-box !important;\n  }\n\n  .nsfpp .nsfpp-search .nsfpp-search__row {\n    display: flex !important;\n    flex-direction: row !important;\n    flex-wrap: nowrap !important;\n    align-items: stretch !important;\n    gap: 8px !important;\n  }\n\n  .nsfpp .nsfpp-search .nsfpp-search__field,\n  .nsfpp .nsfpp-search .nsfpp-search__row > .nsfpp-search__field {\n    flex: 1 1 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 0 !important;\n  }\n\n  .nsfpp .nsfpp-search .nsfpp-search__actions,\n  .nsfpp .nsfpp-search .nsfpp-search__row > .nsfpp-search__actions {\n    display: flex !important;\n    flex: 0 0 auto !important;\n    flex-direction: row !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 0 !important;\n    flex-wrap: nowrap !important;\n    gap: 8px !important;\n  }\n\n  .nsfpp .nsfpp-search .nsfpp-search__row > .nsfpp-btn,\n  .nsfpp .nsfpp-search .nsfpp-search__actions .nsfpp-btn,\n  .nsfpp .nsfpp-search .nsfpp-search__row .nsfpp-search__actions .nsfpp-btn {\n    flex: 0 0 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 110px !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__row,\n  .nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__row {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__field,\n  .nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__field,\n  .nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__row > .nsfpp-search__field,\n  .nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__row > .nsfpp-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__actions,\n  .nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__actions,\n  .nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__row > .nsfpp-search__actions,\n  .nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__row > .nsfpp-search__actions {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__row > .nsfpp-btn,\n  .nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__row > .nsfpp-btn,\n  .nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__actions .nsfpp-btn,\n  .nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__actions .nsfpp-btn,\n  .nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__row .nsfpp-search__actions .nsfpp-btn,\n  .nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__row .nsfpp-search__actions .nsfpp-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n  }\n\n  @media (max-width: 720px) {\n    .nsfpp .nsfpp-search .nsfpp-search__row {\n      flex-wrap: wrap !important;\n    }\n\n    .nsfpp .nsfpp-search .nsfpp-search__field,\n    .nsfpp .nsfpp-search .nsfpp-search__row > .nsfpp-search__field {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsfpp .nsfpp-search .nsfpp-search__actions,\n    .nsfpp .nsfpp-search .nsfpp-search__row > .nsfpp-search__actions {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsfpp .nsfpp-search .nsfpp-search__row > .nsfpp-btn,\n    .nsfpp .nsfpp-search .nsfpp-search__actions .nsfpp-btn,\n    .nsfpp .nsfpp-search .nsfpp-search__row .nsfpp-search__actions .nsfpp-btn {\n      flex: 1 1 calc(50% - 4px) !important;\n      min-width: 0 !important;\n      max-width: 100% !important;\n    }\n  }\n\n\/* --- Codex CSS updates --- *\/\n\/* New Social Facebook Profile Photo Viewer \u2014 WordPress-scoped *\/\n.nsfpp {\n  --nsfpp-ink: #f8fbff;\n  --nsfpp-muted: #c8dcf7;\n  --nsfpp-dim: #94b8e7;\n  --nsfpp-bg: rgba(7, 19, 40, 0.78);\n  --nsfpp-panel: rgba(13, 35, 68, 0.82);\n  --nsfpp-panel-soft: rgba(22, 58, 105, 0.68);\n  --nsfpp-hover: rgba(42, 93, 155, 0.82);\n  --nsfpp-line: rgba(118, 176, 255, 0.24);\n  --nsfpp-accent: #2584ff;\n  --nsfpp-accent-deep: #0d63d8;\n  --nsfpp-cool: #6dc1ff;\n  --nsfpp-cool-deep: #2f96ff;\n  --nsfpp-success: #45d483;\n  --nsfpp-danger: #ff5270;\n  --nsfpp-radius: 18px;\n  --nsfpp-shadow: 0 22px 70px rgba(2, 10, 30, 0.34);\n  --nsfpp-shadow-soft: 0 12px 34px rgba(2, 10, 30, 0.22);\n  --nsfpp-glow: 0 0 0 4px rgba(74, 163, 255, 0.22);\n  --nsfpp-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  --nsfpp-pad: 14px;\n  --nsfpp-gap: 16px;\n  --nsfpp-avatar: 92px;\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(14px, 3vw, 28px);\n  background:\n    radial-gradient(ellipse 70% 46% at 8% -5%, rgba(37, 132, 255, 0.52), transparent 58%),\n    radial-gradient(ellipse 55% 42% at 95% 8%, rgba(109, 193, 255, 0.32), transparent 56%),\n    radial-gradient(ellipse 70% 56% at 50% 100%, rgba(16, 86, 184, 0.28), transparent 60%),\n    linear-gradient(145deg, #061123 0%, #0a1c38 38%, #0e2d58 72%, #124c96 130%);\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::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background:\n    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);\n  background-size: 44px 44px;\n  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent 72%);\n  opacity: 0.42;\n  z-index: 0;\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  color: #ffffff;\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: 1240px;\n  margin: 0 auto;\n  min-width: 0;\n  overflow-x: hidden;\n}\n\n.nsfpp-hero {\n  background: transparent;\n  padding: clamp(28px, 5vw, 52px) 0 16px;\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 auto 12px;\n  color: var(--nsfpp-ink);\n  max-width: 920px;\n  font-size: clamp(1.55rem, 4.8vw, 3rem);\n  font-weight: 850;\n  letter-spacing: 0;\n  line-height: 1.08;\n  text-align: center;\n  text-wrap: balance;\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: 46px;\n  height: 46px;\n  border-radius: 14px;\n  background: linear-gradient(135deg, var(--nsfpp-accent), var(--nsfpp-cool));\n  color: #fff;\n  font-size: 1.45rem;\n  line-height: 1;\n  box-shadow: 0 12px 28px rgba(37, 132, 255, 0.38);\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: 800;\n  letter-spacing: 0;\n  line-height: 1.2;\n  text-align: left;\n}\n\n.nsfpp-hero__title-mark {\n  color: var(--nsfpp-cool);\n  font-weight: 800;\n}\n\n.nsfpp .nsfpp-hero__lead {\n  max-width: 640px;\n  margin: 0 auto 22px;\n  color: var(--nsfpp-muted);\n  font-size: clamp(0.95rem, 2.4vw, 1.08rem);\n  line-height: 1.65;\n  padding: 0 2px;\n  text-wrap: balance;\n}\n\n.nsfpp-search {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 12px;\n  text-align: left;\n  width: 100%;\n  max-width: 980px;\n  min-width: 0;\n  box-sizing: border-box;\n  margin: 6px auto 0;\n  padding: clamp(14px, 2.4vw, 20px);\n  background: linear-gradient(180deg, rgba(14, 37, 74, 0.78), rgba(8, 24, 50, 0.72));\n  border: 1px solid var(--nsfpp-line);\n  border-radius: var(--nsfpp-radius);\n  box-shadow: var(--nsfpp-shadow);\n  backdrop-filter: blur(18px);\n}\n\n.nsfpp .nsfpp-search__label {\n  display: block;\n  font-size: 0.9rem;\n  font-weight: 750;\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: 10px;\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: 52px;\n  min-height: 52px;\n  padding: 0 16px !important;\n  border: 1px solid rgba(137, 188, 255, 0.26) !important;\n  border-radius: 14px;\n  background: rgba(4, 14, 30, 0.72) !important;\n  color: #ffffff !important;\n  font-family: var(--nsfpp-font);\n  font-size: 16px !important;\n  font-weight: 600;\n  line-height: 52px;\n  outline: none;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);\n  width: 100%;\n  max-width: 100% !important;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n}\n\n.nsfpp .nsfpp-search__field:focus {\n  background: rgba(5, 18, 39, 0.94) !important;\n  border-color: var(--nsfpp-cool) !important;\n  box-shadow: var(--nsfpp-glow), inset 0 1px 0 rgba(255, 255, 255, 0.06);\n}\n\n.nsfpp .nsfpp-search__field::placeholder {\n  color: rgba(173, 205, 246, 0.72);\n}\n\n.nsfpp-search__actions {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 10px;\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: 8px !important;\n  flex: 1 1 calc(50% - 5px);\n  width: auto;\n  height: 52px !important;\n  min-height: 52px !important;\n  min-width: 0;\n  max-width: 100%;\n  margin: 0 !important;\n  padding: 0 18px !important;\n  border: 0 !important;\n  border-radius: 14px !important;\n  font-family: var(--nsfpp-font) !important;\n  font-size: 0.94rem !important;\n  font-weight: 800 !important;\n  line-height: 1 !important;\n  cursor: pointer;\n  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s 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: linear-gradient(135deg, rgba(41, 91, 153, 0.95), rgba(31, 74, 132, 0.95)) !important;\n  box-sizing: border-box !important;\n  box-shadow: 0 12px 28px rgba(2, 10, 30, 0.24);\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 .nsfpp-section__title 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 .fa-circle-info,\n.nsfpp .fa-clone,\n.nsfpp .fa-expand,\n.nsfpp .fa-images,\n.nsfpp .fa-paste,\n.nsfpp .fa-xmark {\n  display: inline-block;\n  width: 1.15em;\n  line-height: 1;\n  text-align: center;\n  font-style: normal;\n  flex-shrink: 0;\n}\n\n.nsfpp .nsfpp-empty i {\n  display: block !important;\n  font-size: 2.2rem !important;\n  width: auto;\n  margin: 0 auto 12px;\n  opacity: 0.58;\n  line-height: 1 !important;\n  color: var(--nsfpp-cool);\n}\n\n.nsfpp .nsfpp-btn:hover {\n  filter: brightness(1.08);\n  transform: translateY(-1px);\n  box-shadow: 0 16px 34px rgba(2, 10, 30, 0.32);\n}\n\n.nsfpp .nsfpp-btn:focus-visible {\n  outline: none;\n  box-shadow: var(--nsfpp-glow), 0 16px 34px rgba(2, 10, 30, 0.32);\n}\n\n.nsfpp .nsfpp-btn:active {\n  opacity: 0.94;\n  transform: translateY(0);\n}\n\n.nsfpp .nsfpp-btn:disabled {\n  opacity: 0.55;\n  cursor: wait;\n  filter: none;\n  transform: none;\n}\n\n.nsfpp .nsfpp-btn--paste {\n  background: linear-gradient(135deg, rgba(52, 102, 168, 0.96), rgba(31, 73, 132, 0.96)) !important;\n  color: #ffffff !important;\n  box-shadow: 0 12px 28px rgba(2, 10, 30, 0.24);\n}\n\n.nsfpp .nsfpp-btn--paste:hover {\n  background: linear-gradient(135deg, rgba(68, 125, 197, 0.98), rgba(42, 92, 158, 0.98)) !important;\n}\n\n.nsfpp .nsfpp-btn--view {\n  background: linear-gradient(135deg, var(--nsfpp-accent), var(--nsfpp-cool-deep)) !important;\n  color: #ffffff !important;\n  box-shadow: 0 14px 32px rgba(37, 132, 255, 0.34);\n}\n\n.nsfpp .nsfpp-btn--view:hover {\n  background: linear-gradient(135deg, #44a0ff, var(--nsfpp-accent-deep)) !important;\n}\n\n.nsfpp .nsfpp-search__hint {\n  font-size: 0.84rem;\n  color: var(--nsfpp-dim);\n  line-height: 1.45;\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: #ff9cac;\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: 7px;\n  align-self: flex-start;\n  max-width: 100%;\n  padding: 7px 12px;\n  border-radius: 999px;\n  background: rgba(37, 132, 255, 0.18);\n  border: 1px solid rgba(109, 193, 255, 0.34);\n  color: #b9ddff;\n  font-size: 0.78rem;\n  font-weight: 800;\n  letter-spacing: 0.02em;\n  white-space: normal;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);\n}\n\n.nsfpp .nsfpp-alert {\n  display: none;\n  padding: 12px 14px;\n  border-radius: 14px;\n  background: rgba(255, 82, 112, 0.14);\n  border: 1px solid rgba(255, 82, 112, 0.42);\n  color: #ffb2bf;\n  font-weight: 700;\n  font-size: 0.88rem;\n  line-height: 1.45;\n  word-break: break-word;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);\n}\n\n.nsfpp .nsfpp-alert.is-visible {\n  display: block;\n}\n\n.nsfpp .nsfpp-notice {\n  display: none;\n  margin-top: 12px;\n  padding: 12px 14px;\n  border-radius: 14px;\n  background: rgba(37, 132, 255, 0.14);\n  border: 1px solid rgba(109, 193, 255, 0.32);\n  color: #b9ddff;\n  font-size: 0.88rem;\n  line-height: 1.45;\n  word-break: break-word;\n}\n\n.nsfpp .nsfpp-notice.is-visible {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\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(37, 132, 255, 0.12) 0%,\n      rgba(109, 193, 255, 0.34) 45%,\n      rgba(37, 132, 255, 0.12) 100%);\n  background-size: 800px 100%;\n  animation: nsfpp-shimmer 1.35s ease-in-out infinite;\n  border-radius: 12px;\n}\n\n.nsfpp-skeleton__panel {\n  background: linear-gradient(180deg, rgba(13, 35, 68, 0.84), rgba(8, 24, 50, 0.76));\n  border: 1px solid var(--nsfpp-line);\n  border-radius: var(--nsfpp-radius);\n  box-shadow: var(--nsfpp-shadow-soft);\n  padding: clamp(14px, 2.5vw, 22px);\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  backdrop-filter: blur(16px);\n}\n\n.nsfpp-skeleton__profile {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  align-items: center;\n  justify-items: center;\n  padding: var(--nsfpp-pad);\n  border-radius: 16px;\n  background: linear-gradient(160deg, rgba(37, 132, 255, 0.16), rgba(109, 193, 255, 0.08));\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.14);\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(220px, 70%);\n  height: 22px;\n}\n\n.nsfpp-skeleton__line--md {\n  width: min(150px, 50%);\n  height: 14px;\n}\n\n.nsfpp-skeleton__tabs {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin: 0 0 14px;\n  width: 100%;\n}\n\n.nsfpp-skeleton__tab {\n  flex: 1 1 calc(50% - 10px);\n  min-width: 0;\n  height: 42px;\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: 14px;\n}\n\n.nsfpp-skeleton__card,\n.nsfpp-tab-sk__card {\n  border-radius: 16px;\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  box-shadow: var(--nsfpp-shadow-soft);\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: 12px !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: 14px;\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: linear-gradient(180deg, rgba(13, 35, 68, 0.84), rgba(7, 22, 47, 0.78));\n  border: 1px solid var(--nsfpp-line);\n  border-radius: var(--nsfpp-radius);\n  box-shadow: var(--nsfpp-shadow);\n  padding: clamp(14px, 2.5vw, 22px);\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  backdrop-filter: blur(18px);\n}\n\n.nsfpp-profile {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  align-items: center;\n  justify-items: center;\n  text-align: center;\n  padding: var(--nsfpp-pad);\n  border-radius: 16px;\n  background: linear-gradient(160deg, rgba(37, 132, 255, 0.16), rgba(109, 193, 255, 0.08));\n  border: 1px solid var(--nsfpp-line);\n  margin-bottom: 14px;\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: 4px;\n  background: conic-gradient(from 160deg, var(--nsfpp-accent), var(--nsfpp-cool), #ffffff, var(--nsfpp-accent));\n  box-shadow: 0 16px 34px rgba(37, 132, 255, 0.28);\n}\n\n.nsfpp .nsfpp-profile__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 50%;\n  border: 3px solid #07172f;\n  background: var(--nsfpp-panel-soft);\n}\n\n.nsfpp .nsfpp-profile__zoom {\n  position: absolute;\n  right: -4px;\n  bottom: -4px;\n  width: 38px;\n  height: 38px;\n  min-width: 38px;\n  min-height: 38px;\n  border-radius: 50% !important;\n  border: 1px solid rgba(255, 255, 255, 0.18) !important;\n  background: linear-gradient(135deg, var(--nsfpp-accent), var(--nsfpp-cool-deep)) !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 10px 22px rgba(2, 10, 30, 0.38);\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  touch-action: manipulation;\n  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;\n}\n\n.nsfpp .nsfpp-profile__zoom:hover {\n  background: linear-gradient(135deg, #44a0ff, var(--nsfpp-accent-deep)) !important;\n  transform: translateY(-1px) scale(1.03);\n}\n\n.nsfpp .nsfpp-profile__zoom:focus-visible {\n  outline: none;\n  box-shadow: var(--nsfpp-glow), 0 10px 22px rgba(2, 10, 30, 0.38);\n}\n\n.nsfpp-profile__meta {\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n  align-items: center;\n  min-width: 0;\n  width: 100%;\n}\n\n.nsfpp .nsfpp-profile__name {\n  font-size: clamp(1.18rem, 3vw, 1.55rem);\n  font-weight: 850;\n  color: var(--nsfpp-ink);\n  line-height: 1.25;\n}\n\n.nsfpp .nsfpp-profile__handle {\n  color: var(--nsfpp-cool);\n  font-size: 0.95rem;\n  font-weight: 700;\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: 7px 11px;\n  border-radius: 999px;\n  background: rgba(37, 132, 255, 0.16);\n  border: 1px solid rgba(109, 193, 255, 0.28);\n  color: #b9ddff;\n  font-size: 0.79rem;\n  font-weight: 700;\n}\n\n.nsfpp-tabs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin: 16px 0 14px;\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: 8px !important;\n  flex: 1 1 calc(50% - 5px);\n  min-width: 0;\n  min-height: 46px;\n  height: auto;\n  padding: 11px 16px !important;\n  border-radius: 14px !important;\n  border: 1px solid var(--nsfpp-line) !important;\n  background: rgba(22, 58, 105, 0.62) !important;\n  color: var(--nsfpp-muted) !important;\n  font-family: var(--nsfpp-font) !important;\n  font-size: 0.9rem !important;\n  font-weight: 800 !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  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease;\n}\n\n.nsfpp .nsfpp-tabs__btn:hover {\n  background: rgba(42, 93, 155, 0.82) !important;\n  color: #ffffff !important;\n  transform: translateY(-1px);\n}\n\n.nsfpp .nsfpp-tabs__btn:focus-visible {\n  outline: none;\n  box-shadow: var(--nsfpp-glow);\n}\n\n.nsfpp .nsfpp-tabs__btn.is-active {\n  background: linear-gradient(135deg, rgba(37, 132, 255, 0.3), rgba(109, 193, 255, 0.16)) !important;\n  border-color: rgba(109, 193, 255, 0.56) !important;\n  color: #ffffff !important;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 24px rgba(2, 10, 30, 0.2);\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: clamp(28px, 5vw, 46px) 14px;\n  color: var(--nsfpp-dim);\n  font-size: 0.95rem;\n  line-height: 1.55;\n  border: 1px dashed rgba(109, 193, 255, 0.25);\n  border-radius: 16px;\n  background: rgba(4, 14, 30, 0.22);\n}\n\n.nsfpp-photos {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.nsfpp-section {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.nsfpp-section__head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px 12px;\n  padding: 2px 2px 0;\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfpp .nsfpp-section__title {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin: 0;\n  font-size: 1.05rem;\n  font-weight: 850;\n  color: var(--nsfpp-ink);\n  line-height: 1.3;\n  min-width: 0;\n}\n\n.nsfpp .nsfpp-section__title i {\n  color: var(--nsfpp-cool);\n}\n\n.nsfpp .nsfpp-section__count {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 11px;\n  border-radius: 999px;\n  background: rgba(37, 132, 255, 0.16);\n  border: 1px solid rgba(109, 193, 255, 0.3);\n  color: #b9ddff;\n  font-size: 0.76rem;\n  font-weight: 800;\n  letter-spacing: 0.02em;\n  white-space: nowrap;\n}\n\n.nsfpp-grid {\n  display: grid;\n  grid-template-columns: repeat(var(--nsfpp-cols, 1), minmax(0, 1fr));\n  gap: 14px;\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: linear-gradient(180deg, rgba(22, 58, 105, 0.72), rgba(11, 31, 61, 0.76));\n  border: 1px solid var(--nsfpp-line);\n  border-radius: 16px;\n  overflow: hidden;\n  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n  box-shadow: var(--nsfpp-shadow-soft);\n}\n\n.nsfpp-card:hover {\n  background: linear-gradient(180deg, rgba(42, 93, 155, 0.84), rgba(15, 43, 82, 0.86));\n  border-color: rgba(109, 193, 255, 0.52);\n  transform: translateY(-3px);\n  box-shadow: 0 20px 44px rgba(2, 10, 30, 0.34);\n}\n\n.nsfpp-card__media {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  background: #07172f;\n  cursor: pointer;\n  overflow: hidden;\n}\n\n.nsfpp .nsfpp-card__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.28s ease, filter 0.28s ease;\n}\n\n.nsfpp-card:hover .nsfpp-card__img {\n  transform: scale(1.035);\n  filter: saturate(1.04) contrast(1.03);\n}\n\n.nsfpp-card__media--size-large,\n.nsfpp-card__media--size-medium,\n.nsfpp-card__media--size-small {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background:\n    radial-gradient(circle at center, rgba(37, 132, 255, 0.22), transparent 62%),\n    #07172f;\n}\n\n.nsfpp-card__media--size-large .nsfpp-card__img,\n.nsfpp-card__media--size-medium .nsfpp-card__img,\n.nsfpp-card__media--size-small .nsfpp-card__img {\n  border-radius: 50%;\n  border: 3px solid rgba(255, 255, 255, 0.2);\n  box-shadow: 0 12px 28px rgba(2, 10, 30, 0.42);\n}\n\n.nsfpp-card__media--size-large .nsfpp-card__img {\n  width: 78%;\n  height: 78%;\n}\n\n.nsfpp-card__media--size-medium .nsfpp-card__img {\n  width: 56%;\n  height: 56%;\n}\n\n.nsfpp-card__media--size-small .nsfpp-card__img {\n  width: 38%;\n  height: 38%;\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: linear-gradient(180deg, rgba(7, 21, 43, 0.2), rgba(7, 21, 43, 0.66));\n  opacity: 0;\n  transition: opacity 0.2s ease;\n  color: #fff;\n  font-size: 1.35rem;\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: 11px;\n  padding: 14px;\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: 6px 11px;\n  border-radius: 999px;\n  font-size: 0.72rem;\n  font-weight: 850;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: #fff;\n  background: linear-gradient(135deg, var(--nsfpp-accent), var(--nsfpp-cool-deep));\n  box-shadow: 0 8px 18px rgba(37, 132, 255, 0.25);\n}\n\n.nsfpp-card__badge--large {\n  background: linear-gradient(135deg, #2584ff, #6dc1ff);\n}\n\n.nsfpp-card__badge--medium {\n  background: linear-gradient(135deg, #6dc1ff, #9ce1ff);\n  color: #061123;\n}\n\n.nsfpp-card__badge--small {\n  background: linear-gradient(135deg, #2f5f9d, #4588d2);\n}\n\n.nsfpp-card__badge--original {\n  background: linear-gradient(135deg, #0d63d8, #2584ff);\n}\n\n.nsfpp .nsfpp-card__meta {\n  color: var(--nsfpp-muted);\n  font-size: 0.84rem;\n  line-height: 1.45;\n}\n\n.nsfpp-card__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\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: 7px !important;\n  flex: 1 1 calc(50% - 5px);\n  min-width: 0;\n  min-height: 44px;\n  height: 44px;\n  padding: 0 12px !important;\n  border-radius: 12px !important;\n  border: 1px solid rgba(109, 193, 255, 0.24) !important;\n  background: rgba(42, 82, 140, 0.86) !important;\n  color: #ffffff !important;\n  font-family: var(--nsfpp-font) !important;\n  font-size: 0.83rem !important;\n  font-weight: 800 !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  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;\n}\n\n.nsfpp .nsfpp-card__action--primary {\n  background: linear-gradient(135deg, var(--nsfpp-accent), var(--nsfpp-cool-deep)) !important;\n  border-color: transparent !important;\n  color: #ffffff !important;\n  box-shadow: 0 10px 22px rgba(37, 132, 255, 0.28);\n}\n\n.nsfpp .nsfpp-card__action:hover {\n  background: rgba(57, 112, 184, 0.95) !important;\n  transform: translateY(-1px);\n}\n\n.nsfpp .nsfpp-card__action:focus-visible {\n  outline: none;\n  box-shadow: var(--nsfpp-glow);\n}\n\n.nsfpp .nsfpp-card__action--primary:hover {\n  background: linear-gradient(135deg, #44a0ff, var(--nsfpp-accent-deep)) !important;\n}\n\n.nsfpp-details {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.nsfpp .nsfpp-details__title {\n  font-size: 1.08rem;\n  font-weight: 850;\n  color: var(--nsfpp-ink);\n}\n\n.nsfpp .nsfpp-details__text {\n  color: var(--nsfpp-muted);\n  font-size: 0.94rem;\n  line-height: 1.65;\n  white-space: pre-line;\n}\n\n.nsfpp-details__list {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 10px;\n}\n\n.nsfpp-details__item {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px 10px;\n  align-items: baseline;\n  padding: 12px 14px;\n  border-radius: 14px;\n  background: rgba(22, 58, 105, 0.58);\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: 800;\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.92rem;\n  font-weight: 700;\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(3, 10, 22, 0.82);\n  backdrop-filter: blur(10px);\n}\n\n.nsfpp-modal.is-open {\n  display: flex;\n}\n\n.nsfpp-modal__dialog {\n  position: relative;\n  width: min(760px, 100%);\n  max-height: min(90vh, 900px);\n  overflow: auto;\n  background: linear-gradient(180deg, rgba(14, 37, 74, 0.98), rgba(7, 21, 43, 0.98));\n  border: 1px solid rgba(109, 193, 255, 0.3);\n  border-radius: 20px;\n  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);\n  padding: clamp(14px, 2.5vw, 20px);\n}\n\n.nsfpp .nsfpp-modal__close {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 44px;\n  height: 44px;\n  min-width: 44px;\n  min-height: 44px;\n  border-radius: 50% !important;\n  border: 1px solid rgba(255, 255, 255, 0.16) !important;\n  background: rgba(35, 78, 135, 0.92) !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  box-shadow: 0 10px 24px rgba(2, 10, 30, 0.34);\n  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;\n}\n\n.nsfpp .nsfpp-modal__close:hover {\n  background: rgba(57, 112, 184, 0.98) !important;\n  transform: translateY(-1px);\n}\n\n.nsfpp .nsfpp-modal__close:focus-visible {\n  outline: none;\n  box-shadow: var(--nsfpp-glow), 0 10px 24px rgba(2, 10, 30, 0.34);\n}\n\n.nsfpp .nsfpp-modal__media {\n  width: 100%;\n  max-height: min(65vh, 640px);\n  object-fit: contain;\n  border-radius: 16px;\n  background: #061123;\n  margin: 8px 0 14px;\n  border: 1px solid rgba(109, 193, 255, 0.18);\n}\n\n.nsfpp .nsfpp-modal__caption {\n  color: var(--nsfpp-muted);\n  font-size: 0.92rem;\n  margin-bottom: 14px;\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: 50px;\n  height: 50px;\n  border-radius: 14px !important;\n  border: 0 !important;\n  background: linear-gradient(135deg, var(--nsfpp-accent), var(--nsfpp-cool-deep)) !important;\n  color: #ffffff !important;\n  font-family: var(--nsfpp-font) !important;\n  font-size: 0.94rem !important;\n  font-weight: 800 !important;\n  cursor: pointer;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  touch-action: manipulation;\n  margin: 0 !important;\n  padding: 0 16px !important;\n  box-shadow: 0 14px 32px rgba(37, 132, 255, 0.34);\n  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;\n}\n\n.nsfpp .nsfpp-modal__dl:hover {\n  background: linear-gradient(135deg, #44a0ff, var(--nsfpp-accent-deep)) !important;\n  transform: translateY(-1px);\n}\n\n.nsfpp .nsfpp-modal__dl:focus-visible {\n  outline: none;\n  box-shadow: var(--nsfpp-glow), 0 14px 32px rgba(37, 132, 255, 0.34);\n}\n\n\/* Responsive \u2014 tablet *\/\n@media (min-width: 768px) {\n  .nsfpp {\n    --nsfpp-cols: 2;\n    --nsfpp-pad: 18px;\n    --nsfpp-avatar: 108px;\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: 126px;\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: 20px;\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% - 5px) !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% - 5px) !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  .nsfpp .nsfpp-btn:hover,\n  .nsfpp-card:hover {\n    filter: none;\n    transform: none;\n  }\n\n  .nsfpp-card:hover {\n    background: linear-gradient(180deg, rgba(22, 58, 105, 0.72), rgba(11, 31, 61, 0.76));\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  .nsfpp .nsfpp-sk,\n  .nsfpp .nsfpp-btn,\n  .nsfpp-card,\n  .nsfpp-card__overlay,\n  .nsfpp .nsfpp-card__img,\n  .nsfpp .nsfpp-tabs__btn,\n  .nsfpp .nsfpp-card__action,\n  .nsfpp .nsfpp-profile__zoom,\n  .nsfpp .nsfpp-modal__close,\n  .nsfpp .nsfpp-modal__dl {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\n\/* Search controls: one row on large screens, wrap on narrow *\/\n.nsfpp .nsfpp-search,\n.nsfpp .nsfpp-search .nsfpp-search__row,\n.nsfpp .nsfpp-search .nsfpp-search__actions {\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n  box-sizing: border-box !important;\n}\n\n.nsfpp .nsfpp-search .nsfpp-search__row {\n  display: flex !important;\n  flex-direction: row !important;\n  flex-wrap: nowrap !important;\n  align-items: stretch !important;\n  gap: 10px !important;\n}\n\n.nsfpp .nsfpp-search .nsfpp-search__field,\n.nsfpp .nsfpp-search .nsfpp-search__row > .nsfpp-search__field {\n  flex: 1 1 auto !important;\n  width: auto !important;\n  max-width: none !important;\n  min-width: 0 !important;\n}\n\n.nsfpp .nsfpp-search .nsfpp-search__actions,\n.nsfpp .nsfpp-search .nsfpp-search__row > .nsfpp-search__actions {\n  display: flex !important;\n  flex: 0 0 auto !important;\n  flex-direction: row !important;\n  width: auto !important;\n  max-width: none !important;\n  min-width: 0 !important;\n  flex-wrap: nowrap !important;\n  gap: 10px !important;\n}\n\n.nsfpp .nsfpp-search .nsfpp-search__row > .nsfpp-btn,\n.nsfpp .nsfpp-search .nsfpp-search__actions .nsfpp-btn,\n.nsfpp .nsfpp-search .nsfpp-search__row .nsfpp-search__actions .nsfpp-btn {\n  flex: 0 0 auto !important;\n  width: auto !important;\n  max-width: none !important;\n  min-width: 118px !important;\n}\n\n.nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__row,\n.nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__row {\n  flex-wrap: wrap !important;\n}\n\n.nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__field,\n.nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__field,\n.nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__row > .nsfpp-search__field,\n.nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__row > .nsfpp-search__field {\n  flex: 1 1 100% !important;\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n.nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__actions,\n.nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__actions,\n.nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__row > .nsfpp-search__actions,\n.nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__row > .nsfpp-search__actions {\n  flex: 1 1 100% !important;\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n.nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__row > .nsfpp-btn,\n.nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__row > .nsfpp-btn,\n.nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__actions .nsfpp-btn,\n.nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__actions .nsfpp-btn,\n.nsfpp.nsfpp--compact .nsfpp-search .nsfpp-search__row .nsfpp-search__actions .nsfpp-btn,\n.nsfpp.nsfpp--narrow .nsfpp-search .nsfpp-search__row .nsfpp-search__actions .nsfpp-btn {\n  flex: 1 1 calc(50% - 5px) !important;\n  min-width: 0 !important;\n  max-width: 100% !important;\n}\n\n@media (max-width: 720px) {\n  .nsfpp {\n    --nsfpp-gap: 14px;\n    padding: 12px;\n  }\n\n  .nsfpp .nsfpp-hero__title {\n    font-size: clamp(1.45rem, 8vw, 2.15rem);\n  }\n\n  .nsfpp-search,\n  .nsfpp-panel,\n  .nsfpp-skeleton__panel {\n    border-radius: 16px;\n  }\n\n  .nsfpp .nsfpp-search .nsfpp-search__row {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfpp .nsfpp-search .nsfpp-search__field,\n  .nsfpp .nsfpp-search .nsfpp-search__row > .nsfpp-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfpp .nsfpp-search .nsfpp-search__actions,\n  .nsfpp .nsfpp-search .nsfpp-search__row > .nsfpp-search__actions {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfpp .nsfpp-search .nsfpp-search__row > .nsfpp-btn,\n  .nsfpp .nsfpp-search .nsfpp-search__actions .nsfpp-btn,\n  .nsfpp .nsfpp-search .nsfpp-search__row .nsfpp-search__actions .nsfpp-btn {\n    flex: 1 1 calc(50% - 5px) !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n  }\n}\n\n@media (max-width: 460px) {\n  .nsfpp {\n    --nsfpp-avatar: 86px;\n    padding: 10px;\n  }\n\n  .nsfpp-hero {\n    padding-top: 22px;\n  }\n\n  .nsfpp .nsfpp-search__actions,\n  .nsfpp .nsfpp-search .nsfpp-search__actions,\n  .nsfpp .nsfpp-search .nsfpp-search__row > .nsfpp-search__actions {\n    flex-direction: column !important;\n  }\n\n  .nsfpp .nsfpp-btn,\n  .nsfpp .nsfpp-search .nsfpp-search__actions .nsfpp-btn,\n  .nsfpp .nsfpp-search .nsfpp-search__row .nsfpp-search__actions .nsfpp-btn {\n    width: 100% !important;\n    flex: 1 1 auto !important;\n  }\n\n  .nsfpp .nsfpp-tabs__btn {\n    flex: 1 1 100% !important;\n  }\n\n  .nsfpp-modal {\n    padding: 10px;\n  }\n\n  .nsfpp-modal__dialog {\n    border-radius: 16px;\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 \u2013 View Profile Pictures Anonymously<\/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><br \/>\n<style>\n\/* Base Reset & Visibility *\/\r\n        .fb-dp-support-container {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n            color: #2d3748;\r\n            line-height: 1.6;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            display: block;\r\n        }\r\n\r\n        .fb-dp-support-container * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .sc-section {\r\n            width: 100%;\r\n            padding: clamp(50px, 8vw, 90px) 20px;\r\n            display: block;\r\n        }\r\n\r\n        .sc-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Typography & Gradient Headings *\/\r\n        .sc-hd-area {\r\n            text-align: center;\r\n            margin-bottom: clamp(40px, 6vw, 70px);\r\n        }\r\n\r\n        .sc-main-hd {\r\n            font-size: clamp(1.75rem, 4vw, 2.75rem);\r\n            font-weight: 800;\r\n            margin-bottom: 1rem;\r\n            line-height: 1.2;\r\n            \/* Inherited Tool Gradient: Sky Blue to Deep Blue *\/\r\n            background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            color: #3182ce; \/* Fallback *\/\r\n            display: block;\r\n        }\r\n\r\n        .sc-sub-hd {\r\n            font-size: clamp(0.95rem, 1.5vw, 1.15rem);\r\n            color: #718096 !important;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            display: block;\r\n        }\r\n\r\n        \/* Grid System *\/\r\n        .sc-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 25px;\r\n        }\r\n\r\n        @media (max-width: 1024px) { .sc-grid { grid-template-columns: repeat(2, 1fr); } }\r\n        @media (max-width: 600px) { .sc-grid { grid-template-columns: 1fr; } }\r\n\r\n        \/* Icon Visibility Guarantee *\/\r\n        .sc-ico {\r\n            display: inline-flex !important;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #3182ce; \r\n            opacity: 1 !important;\r\n            visibility: visible !important;\r\n            backface-visibility: hidden;\r\n            -webkit-font-smoothing: antialiased;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        \/* Card Typography *\/\r\n        .sc-card-title {\r\n            font-size: clamp(1.1rem, 1.5vw, 1.25rem);\r\n            font-weight: 700;\r\n            color: #1a365d !important;\r\n            margin-bottom: 10px;\r\n            display: block;\r\n        }\r\n\r\n        .sc-card-text {\r\n            font-size: clamp(0.875rem, 1vw, 0.9375rem);\r\n            color: #4a5568 !important;\r\n            display: block;\r\n        }\r\n\r\n        \/* Minimal Entry Animation *\/\r\n        @keyframes fbReveal {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        .sc-grid > div { animation: fbReveal 0.6s ease forwards; }\r\n\r\n        \/* =========================================\r\n           SECTION 1: BG #fff, Card #f0f7ff\r\n           Card Interaction: Card lift with layered shadow depth\r\n           Icon Interaction: Icon slight rotate\r\n        ========================================= *\/\r\n        .sc-sec-1 { background-color: #ffffff; }\r\n\r\n        .sc-card-s1 {\r\n            background-color: #f0f7ff;\r\n            border-radius: 10px;\r\n            padding: 35px 20px;\r\n            text-align: center;\r\n            border: 1px solid rgba(49, 130, 206, 0.1);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n        }\r\n\r\n        .sc-ico-wrap-1 {\r\n            width: 65px;\r\n            height: 65px;\r\n            background: #ffffff;\r\n            border-radius: 50%;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n            box-shadow: 0 4px 10px rgba(49, 130, 206, 0.1);\r\n        }\r\n\r\n        .sc-card-s1 .sc-ico { font-size: 1.8rem; transition: transform 0.4s ease; }\r\n\r\n        .sc-card-s1:hover {\r\n            transform: translateY(-12px);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.02), \r\n                        0 15px 35px rgba(49, 130, 206, 0.08), \r\n                        0 30px 60px rgba(49, 130, 206, 0.12);\r\n        }\r\n\r\n        .sc-card-s1:hover .sc-ico { transform: rotate(15deg) scale(1.1); }\r\n\r\n        \/* =========================================\r\n           SECTION 2: BG #f0f7ff, Card #fff\r\n           Card Interaction: Diagonal light sweep\r\n           Icon Interaction: Elastic bounce tap\r\n        ========================================= *\/\r\n        .sc-sec-2 { background-color: #f0f7ff; }\r\n\r\n        .sc-card-s2 {\r\n            background-color: #ffffff;\r\n            border-radius: 10px;\r\n            padding: 30px;\r\n            text-align: left;\r\n            border: 1px solid #e2e8f0;\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n        }\r\n\r\n        \/* Diagonal light sweep *\/\r\n        .sc-card-s2::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: -150%;\r\n            width: 50%; height: 100%;\r\n            background: linear-gradient(to right, transparent, rgba(49, 130, 206, 0.08), transparent);\r\n            transform: skewX(-25deg);\r\n            transition: left 0.7s ease;\r\n            pointer-events: none;\r\n        }\r\n        .sc-card-s2:hover::before { left: 150%; }\r\n\r\n        .sc-icon-circle-2 {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: rgba(49, 130, 206, 0.1);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .sc-card-s2 .sc-ico { font-size: 1.4rem; }\r\n\r\n        @keyframes elasticBounce {\r\n            0% { transform: scale(1); }\r\n            30% { transform: scale(1.25, 0.75); }\r\n            50% { transform: scale(0.85, 1.15); }\r\n            100% { transform: scale(1); }\r\n        }\r\n\r\n        .sc-card-s2:hover .sc-ico {\r\n            animation: elasticBounce 0.7s ease both;\r\n        }\r\n\r\n        \/* =========================================\r\n           SECTION 3: BG #fff, Card #f0f7ff\r\n           Card Interaction: Edge highlight shimmer\r\n           Icon Interaction: Smooth scale-pop\r\n        ========================================= *\/\r\n        .sc-sec-3 { background-color: #ffffff; }\r\n\r\n        .sc-card-s3 {\r\n            background-color: #f0f7ff;\r\n            border-radius: 10px;\r\n            padding: 30px;\r\n            text-align: left;\r\n            border: 1px solid rgba(49, 130, 206, 0.1);\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        \/* Edge Highlight Shimmer *\/\r\n        .sc-card-s3::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            border: 2px solid transparent;\r\n            border-radius: 10px;\r\n            transition: all 0.3s ease;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .sc-card-s3:hover::after {\r\n            border-color: #3182ce;\r\n            box-shadow: 0 0 15px rgba(49, 130, 206, 0.2);\r\n        }\r\n\r\n        .sc-card-s3 .sc-ico {\r\n            font-size: 2rem;\r\n            margin-bottom: 15px;\r\n            display: block;\r\n            width: fit-content;\r\n            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        }\r\n\r\n        .sc-card-s3:hover .sc-ico {\r\n            transform: scale(1.3) translateY(-3px);\r\n        }\n<\/style><div class=\"fb-dp-support-container\"><section class=\"sc-section sc-sec-1\"><div class=\"sc-container\"><div class=\"sc-hd-area\"><h2 class=\"sc-main-hd\">How Does the Facebook DP Viewer Tool Work?<\/h2>\r\n                <p class=\"sc-sub-hd\">Learn how our advanced system extracts high-resolution display pictures from public profiles instantly and securely.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"sc-grid\">\r\n                <div class=\"sc-card-s1\">\r\n                    <div class=\"sc-ico-wrap-1\"><i class=\"fa-solid fa-link sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">Link Input<\/h3>\r\n                    <p class=\"sc-card-text\">Paste the full URL of any public Facebook profile into the search bar to initiate the retrieval process.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s1\">\r\n                    <div class=\"sc-ico-wrap-1\"><i class=\"fa-solid fa-magnifying-glass sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">Profile Scan<\/h3>\r\n                    <p class=\"sc-card-text\">Our tool identifies the user ID and scans public data nodes to locate the account's associated media.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s1\">\r\n                    <div class=\"sc-ico-wrap-1\"><i class=\"fa-solid fa-image sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">DP Extraction<\/h3>\r\n                    <p class=\"sc-card-text\">Instead of low-quality thumbnails, we retrieve direct links to the original uncompressed source images.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s1\">\r\n                    <div class=\"sc-ico-wrap-1\"><i class=\"fa-solid fa-layer-group sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">Quality Sorting<\/h3>\r\n                    <p class=\"sc-card-text\">We organize images by quality levels\u2014Large, Medium, and Small\u2014so you can choose the best version.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s1\">\r\n                    <div class=\"sc-ico-wrap-1\"><i class=\"fa-solid fa-bolt sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">Fast Processing<\/h3>\r\n                    <p class=\"sc-card-text\">Powered by high-speed APIs, the entire extraction takes less than 3 seconds for any public profile.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s1\">\r\n                    <div class=\"sc-ico-wrap-1\"><i class=\"fa-solid fa-shield-halved sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">Secure Connection<\/h3>\r\n                    <p class=\"sc-card-text\">Your connection is protected with SSL encryption, ensuring your profile searches remain confidential.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s1\">\r\n                    <div class=\"sc-ico-wrap-1\"><i class=\"fa-solid fa-mobile-screen sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">Mobile Optimized<\/h3>\r\n                    <p class=\"sc-card-text\">The interface is fully responsive, working flawlessly on iPhone, Android, and all tablet browsers.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s1\">\r\n                    <div class=\"sc-ico-wrap-1\"><i class=\"fa-solid fa-wallet sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">100% Free Use<\/h3>\r\n                    <p class=\"sc-card-text\">Enjoy unlimited daily searches and full-size photo saves without any premium subscriptions or fees.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 -->\r\n    <section class=\"sc-section sc-sec-2\">\r\n        <div class=\"sc-container\">\r\n            <div class=\"sc-hd-area\">\r\n                <h2 class=\"sc-main-hd\">Why Use an Online Full Size Photo Tool for Facebook?<\/h2>\r\n                <p class=\"sc-sub-hd\">Discover why millions of users prefer a web-based downloader for viewing and saving high-quality profile avatars.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"sc-grid\">\r\n                <div class=\"sc-card-s2\">\r\n                    <div class=\"sc-icon-circle-2\"><i class=\"fa-solid fa-ghost sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">Zero Notifications<\/h3>\r\n                    <p class=\"sc-card-text\">Unlike app-based interactions, our web tool is completely invisible. The owner is never notified of your visit.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s2\">\r\n                    <div class=\"sc-icon-circle-2\"><i class=\"fa-solid fa-expand sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">Zoom Fine Details<\/h3>\r\n                    <p class=\"sc-card-text\">Facebook app circles are tiny. Our tool lets you expand DPs to full screen to see intricate facial features or text.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s2\">\r\n                    <div class=\"sc-icon-circle-2\"><i class=\"fa-solid fa-user-lock sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">Identity Check<\/h3>\r\n                    <p class=\"sc-card-text\">Received a suspicious friend request? Zoom in on their DP to verify if the account is a real person or a bot.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s2\">\r\n                    <div class=\"sc-icon-circle-2\"><i class=\"fa-solid fa-ban sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">Bypass Blocks<\/h3>\r\n                    <p class=\"sc-card-text\">Access the public profile picture and bio of any user, even if you don't have an active Facebook account yourself.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s2\">\r\n                    <div class=\"sc-icon-circle-2\"><i class=\"fa-solid fa-wand-magic-sparkles sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">High HD Clarity<\/h3>\r\n                    <p class=\"sc-card-text\">Screenshots on phones are often blurry and cropped. Get the original uncompressed file for maximum sharpness.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s2\">\r\n                    <div class=\"sc-icon-circle-2\"><i class=\"fa-solid fa-box-archive sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">Archive Memories<\/h3>\r\n                    <p class=\"sc-card-text\">Save high-quality backups of your friends' or family members' profile pictures before they are changed or deleted.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s2\">\r\n                    <div class=\"sc-icon-circle-2\"><i class=\"fa-solid fa-hard-drive sc-icon sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">Clean Storage<\/h3>\r\n                    <p class=\"sc-card-text\">Save your smartphone storage and battery life by browsing profiles via the web rather than the resource-heavy app.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s2\">\r\n                    <div class=\"sc-icon-circle-2\"><i class=\"fa-solid fa-desktop sc-ico\"><\/i><\/div>\r\n                    <h3 class=\"sc-card-title\">Desktop Advantage<\/h3>\r\n                    <p class=\"sc-card-text\">Comfortably view vertical mobile photos on a large PC monitor for professional review and detail inspection.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 -->\r\n    <section class=\"sc-section sc-sec-3\">\r\n        <div class=\"sc-container\">\r\n            <div class=\"sc-hd-area\">\r\n                <h2 class=\"sc-main-hd\">Where Can You Find the Best Results with a DP Viewer?<\/h2>\r\n                <p class=\"sc-sub-hd\">Master our dashboard with these practical tips to ensure you always capture the highest resolution profile images available.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"sc-grid\">\r\n                <div class=\"sc-card-s3\">\r\n                    <i class=\"fa-solid fa-at sc-ico\"><\/i>\r\n                    <h3 class=\"sc-card-title\">Exact URLs Only<\/h3>\r\n                    <p class=\"sc-card-text\">Ensure you paste the direct profile link. Our engine works best with the full https:\/\/ address for accuracy.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s3\">\r\n                    <i class=\"fa-solid fa-crown sc-ico\"><\/i>\r\n                    <h3 class=\"sc-card-title\">Select 'Large' Mode<\/h3>\r\n                    <p class=\"sc-card-text\">Always look for the 'Large' or 'HD' version badge to ensure you are saving the highest resolution file available.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s3\">\r\n                    <i class=\"fa-solid fa-id-card sc-ico\"><\/i>\r\n                    <h3 class=\"sc-card-title\">Verify via Bio<\/h3>\r\n                    <p class=\"sc-card-text\">Check the profile name in the result header to confirm you've found the correct creator before downloading.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s3\">\r\n                    <i class=\"fa-solid fa-file-image sc-ico\"><\/i>\r\n                    <h3 class=\"sc-card-title\">JPG Compatibility<\/h3>\r\n                    <p class=\"sc-card-text\">Our system exports images in standard JPG format, making them compatible with every device and social platform.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s3\">\r\n                    <i class=\"fa-solid fa-mobile-button sc-ico\"><\/i>\r\n                    <h3 class=\"sc-card-title\">Mobile Direct Save<\/h3>\r\n                    <p class=\"sc-card-text\">On smartphones, simply hit download and the image will be saved directly into your native phone gallery roll.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s3\">\r\n                    <i class=\"fa-solid fa-qrcode sc-ico\"><\/i>\r\n                    <h3 class=\"sc-card-title\">ZeroDetection Saves<\/h3>\r\n                    <p class=\"sc-card-text\">Rest easy knowing our system never triggers an alert, even when saving high-resolution uncompressed pictures.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s3\">\r\n                    <i class=\"fa-solid fa-share-nodes sc-ico\"><\/i>\r\n                    <h3 class=\"sc-card-title\">Share Direct Links<\/h3>\r\n                    <p class=\"sc-card-text\">Copy the direct media link from our viewer to share a profile photo with friends who don't have a Facebook account.<\/p>\r\n                <\/div>\r\n                <div class=\"sc-card-s3\">\r\n                    <i class=\"fa-solid fa-handshake-angle sc-ico\"><\/i>\r\n                    <h3 class=\"sc-card-title\">Respect Privacy<\/h3>\r\n                    <p class=\"sc-card-text\">While saving is easy and anonymous, please respect the copyright and privacy boundaries of all social media creators.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":6663,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-6821","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/comments?post=6821"}],"version-history":[{"count":35,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6821\/revisions"}],"predecessor-version":[{"id":7902,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6821\/revisions\/7902"}],"up":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6663"}],"wp:attachment":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/media?parent=6821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}