{"id":6869,"date":"2026-03-12T00:00:44","date_gmt":"2026-03-12T00:00:44","guid":{"rendered":"https:\/\/raistheme.com\/?page_id=6869"},"modified":"2026-08-23T06:41:15","modified_gmt":"2026-08-23T06:41:15","slug":"facebook-link","status":"publish","type":"page","link":"https:\/\/raistheme.com\/tools\/social-viewer\/facebook-link\/","title":{"rendered":"Facebook Link Viewer \u2013 View Any Link Anonymously"},"content":{"rendered":"<p><!-- tc-cache-bust:2026-08-23T06:41:15+00:00 --><br \/>\n<style>\n\/* New Social Facebook Video Viewer \u2014 WordPress-scoped styles *\/\n  .nsfvv {\n    --nsfvv-ink: #ffffff;\n    --nsfvv-muted: #c5daf8;\n    --nsfvv-dim: #8fb4e8;\n    --nsfvv-bg: #0b1f3d;\n    --nsfvv-panel: #123056;\n    --nsfvv-panel-soft: #1a3f70;\n    --nsfvv-hover: #24528c;\n    --nsfvv-line: rgba(24, 119, 242, 0.45);\n    --nsfvv-accent: #1877f2;\n    --nsfvv-accent-deep: #0d65d9;\n    --nsfvv-cool: #4dabf7;\n    --nsfvv-success: #42b72a;\n    --nsfvv-danger: #f02849;\n    --nsfvv-radius: 10px;\n    --nsfvv-shadow: 0 8px 24px rgba(8, 40, 90, 0.45);\n    --nsfvv-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    --nsfvv-space: 16px;\n    --nsfvv-avatar: 88px;\n    --nsfvv-pad: 16px;\n    --nsfvv-gap: 12px;\n    --nsfvv-grid-min: 100%;\n\n    box-sizing: border-box;\n    font-family: var(--nsfvv-font);\n    color: var(--nsfvv-ink);\n    line-height: 1.5;\n    width: 100%;\n    max-width: 100%;\n    min-height: 100vh;\n    min-width: 0;\n    margin: 0 auto;\n    padding: clamp(8px, 2vw, 16px);\n    background:\n      radial-gradient(ellipse 90% 55% at 10% 0%, rgba(24, 119, 242, 0.55), transparent 55%),\n      radial-gradient(ellipse 70% 45% at 100% 10%, rgba(13, 101, 217, 0.35), transparent 50%),\n      linear-gradient(155deg, #07152b 0%, #0d274f 40%, #143a6e 75%, #1877f2 160%);\n    border-radius: 0;\n    border: 1px solid var(--nsfvv-line);\n    position: relative;\n    isolation: isolate;\n    text-align: left;\n    overflow-x: hidden;\n    -webkit-text-size-adjust: 100%;\n    text-size-adjust: 100%;\n  }\n\n  \/* Standalone \/ DevTools preview: kill the white void below the widget *\/\n  html.nsfvv-standalone-doc,\n  html.nsfvv-standalone-doc body {\n    margin: 0 !important;\n    padding: 0 !important;\n    min-height: 100% !important;\n    background: #07152b !important;\n  }\n\n  .nsfvv.nsfvv--standalone {\n    \/* Keep the normal max-width; only match page chrome in preview *\/\n    border-radius: 0;\n  }\n\n  .nsfvv *,\n  .nsfvv *::before,\n  .nsfvv *::after {\n    box-sizing: border-box;\n  }\n\n  .nsfvv :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, label, span) {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    font-weight: inherit;\n  }\n\n  .nsfvv :where(ul, ol) {\n    list-style: none;\n  }\n\n  .nsfvv img,\n  .nsfvv video {\n    max-width: 100%;\n    height: auto;\n    display: block;\n    border: 0;\n  }\n\n  .nsfvv a {\n    color: var(--nsfvv-cool);\n    text-decoration: none;\n  }\n\n  .nsfvv button {\n    font-family: inherit;\n  }\n\n  .nsfvv-shell {\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--nsfvv-space);\n  }\n\n  .nsfvv-hero {\n    background: transparent;\n    padding: 36px 0 14px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    text-align: center;\n    border: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .nsfvv-search {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 10px;\n    text-align: left;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    margin-top: 4px;\n    padding: clamp(14px, 2.5vw, 20px);\n    background: var(--nsfvv-panel);\n    border: 1px solid var(--nsfvv-line);\n    border-radius: var(--nsfvv-radius);\n    box-shadow: var(--nsfvv-shadow);\n  }\n\n  .nsfvv-hero__title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 10px;\n    color: var(--nsfvv-ink);\n  }\n\n  .nsfvv-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  .nsfvv .nsfvv-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  .nsfvv .nsfvv-hero__icon i {\n    display: block;\n    line-height: 1;\n  }\n\n  .nsfvv-hero__title-text {\n    display: inline-flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    justify-content: flex-start;\n    gap: 0.35em;\n    min-width: 0;\n    font-size: clamp(1.28rem, 2.8vw, 1.7rem);\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    text-align: left;\n  }\n\n  .nsfvv-hero__title-mark {\n    color: var(--nsfvv-cool);\n    font-weight: 800;\n  }\n\n  .nsfvv-hero__lead {\n    color: var(--nsfvv-muted);\n    font-size: 0.95rem;\n    max-width: 52ch;\n    margin: 0 auto 16px;\n  }\n\n  .nsfvv-search__label {\n    display: block;\n    font-size: 0.82rem;\n    font-weight: 700;\n    color: var(--nsfvv-dim);\n    margin-bottom: 8px;\n    text-align: left;\n  }\n\n  .nsfvv-search__row {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsfvv .nsfvv-search__field {\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    min-height: 48px !important;\n    padding: 12px 14px !important;\n    border-radius: 10px !important;\n    border: 1px solid var(--nsfvv-line) !important;\n    background: var(--nsfvv-panel-soft) !important;\n    color: var(--nsfvv-ink) !important;\n    font-size: 16px !important;\n    line-height: 1.4 !important;\n    outline: none !important;\n    box-shadow: none !important;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n  }\n\n  .nsfvv .nsfvv-search__field::placeholder {\n    color: var(--nsfvv-dim) !important;\n    opacity: 1 !important;\n  }\n\n  .nsfvv .nsfvv-search__field:focus {\n    border-color: var(--nsfvv-accent) !important;\n    box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.25) !important;\n  }\n\n  .nsfvv-search__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    width: 100%;\n  }\n\n  .nsfvv .nsfvv-btn {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    min-height: 48px !important;\n    min-width: 44px;\n    padding: 12px 16px !important;\n    border: 0 !important;\n    border-radius: 10px !important;\n    font-size: 0.95rem !important;\n    font-weight: 700 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    flex: 1 1 auto;\n    color: #fff !important;\n  }\n\n  .nsfvv .nsfvv-btn i {\n    display: inline-block;\n    line-height: 1;\n  }\n\n  .nsfvv .nsfvv-btn--paste {\n    background: var(--nsfvv-panel-soft) !important;\n    border: 1px solid var(--nsfvv-line) !important;\n    color: var(--nsfvv-muted) !important;\n  }\n\n  .nsfvv .nsfvv-btn--view {\n    background: linear-gradient(135deg, var(--nsfvv-accent), var(--nsfvv-success)) !important;\n  }\n\n  .nsfvv .nsfvv-btn:disabled {\n    opacity: 0.65;\n    cursor: not-allowed;\n  }\n\n  .nsfvv-search__hint {\n    margin-top: 10px;\n    font-size: 0.82rem;\n    color: var(--nsfvv-dim);\n  }\n\n  \/* Cloudflare Turnstile \u2014 sit above the input row, never inside it *\/\n  .nsfvv #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  .nsfvv #xrespond-tools-turnstile-host.is-visible {\n    display: block;\n  }\n\n  .nsfvv #xrespond-tools-turnstile-host .xrespond-ts-label {\n    display: block;\n    font-size: 0.85rem;\n    color: var(--nsfvv-muted);\n    margin-bottom: 0.45rem;\n  }\n\n  .nsfvv #xrespond-tools-turnstile-host .xrespond-ts-widget {\n    min-height: 65px;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  .nsfvv #xrespond-tools-turnstile-host .xrespond-ts-error {\n    color: #ff8e8e;\n  }\n\n  .nsfvv-search__row:has(#xrespond-tools-turnstile-host),\n  .nsfvv-search__actions:has(#xrespond-tools-turnstile-host) {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfvv-search__row>#xrespond-tools-turnstile-host,\n  .nsfvv-search__actions>#xrespond-tools-turnstile-host {\n    flex: 0 0 100% !important;\n    width: 100% !important;\n    order: -1;\n  }\n\n  .nsfvv-alert {\n    display: none;\n    margin-top: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    background: rgba(240, 40, 73, 0.18);\n    border: 1px solid rgba(240, 40, 73, 0.45);\n    color: #ffd0d8;\n    font-size: 0.88rem;\n    font-weight: 600;\n  }\n\n  .nsfvv-alert.is-visible {\n    display: block;\n  }\n\n  .nsfvv-notice {\n    display: none;\n    align-items: flex-start;\n    gap: 8px;\n    margin: 0 0 12px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    background: rgba(24, 119, 242, 0.16);\n    border: 1px solid rgba(24, 119, 242, 0.35);\n    color: var(--nsfvv-muted);\n    font-size: 0.86rem;\n    font-weight: 600;\n  }\n\n  .nsfvv-notice.is-visible {\n    display: flex;\n  }\n\n  .nsfvv-notice i {\n    color: var(--nsfvv-cool);\n    margin-top: 2px;\n  }\n\n  \/* Skeleton *\/\n  .nsfvv .nsfvv-skeleton {\n    display: none;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfvv .nsfvv-skeleton.is-visible {\n    display: block;\n  }\n\n  .nsfvv .nsfvv-content.is-hidden {\n    display: none !important;\n  }\n\n  .nsfvv .nsfvv-content.is-placeholder .nsfvv-profile__zoom {\n    opacity: 0.55;\n    pointer-events: none;\n  }\n\n  .nsfvv .nsfvv-content.is-placeholder .nsfvv-card__media,\n  .nsfvv .nsfvv-content.is-placeholder .nsfvv-card__action {\n    pointer-events: none;\n  }\n\n  .nsfvv .nsfvv-content.is-placeholder .nsfvv-card__action {\n    opacity: 0.72;\n  }\n\n  .nsfvv-card__media--ghost {\n    background: linear-gradient(145deg, #123056, #1a4f8c 55%, #0d65d9);\n  }\n\n  .nsfvv-card__media--ghost-b {\n    background: linear-gradient(145deg, #0f2a4d, #1877f2 60%, #42b72a);\n  }\n\n  .nsfvv-card__media--ghost-c {\n    background: linear-gradient(145deg, #142848, #24528c 50%, #4dabf7);\n  }\n\n  .nsfvv-card__media--ghost .nsfvv-card__img {\n    display: none;\n  }\n\n  @keyframes nsfvv-shimmer {\n    0% {\n      background-position: -400px 0;\n    }\n\n    100% {\n      background-position: 400px 0;\n    }\n  }\n\n  .nsfvv .nsfvv-sk {\n    background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.14) 50%, rgba(255, 255, 255, 0.06) 100%);\n    background-size: 800px 100%;\n    animation: nsfvv-shimmer 1.3s linear infinite;\n    border-radius: 8px;\n  }\n\n  .nsfvv-skeleton__panel {\n    background: var(--nsfvv-panel);\n    border: 1px solid var(--nsfvv-line);\n    border-radius: var(--nsfvv-radius);\n    padding: var(--nsfvv-pad);\n    box-shadow: var(--nsfvv-shadow);\n  }\n\n  .nsfvv-skeleton__profile {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 16px;\n  }\n\n  .nsfvv .nsfvv-skeleton__avatar {\n    width: var(--nsfvv-avatar);\n    height: var(--nsfvv-avatar);\n    border-radius: 50%;\n    flex-shrink: 0;\n  }\n\n  .nsfvv-skeleton__meta {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .nsfvv-skeleton__line {\n    height: 14px;\n    width: 100%;\n  }\n\n  .nsfvv-skeleton__line--lg {\n    width: 55%;\n    height: 18px;\n  }\n\n  .nsfvv-skeleton__line--md {\n    width: 35%;\n  }\n\n  .nsfvv-skeleton__grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .nsfvv-skeleton__card {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .nsfvv-skeleton__thumb {\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    border-radius: 10px;\n  }\n\n  .nsfvv-skeleton__foot {\n    height: 14px;\n    width: 70%;\n  }\n\n  .nsfvv-result {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfvv-panel {\n    background: var(--nsfvv-panel);\n    border: 1px solid var(--nsfvv-line);\n    border-radius: var(--nsfvv-radius);\n    box-shadow: var(--nsfvv-shadow);\n    padding: var(--nsfvv-pad);\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfvv-profile {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 14px;\n    margin-bottom: 16px;\n  }\n\n  .nsfvv-profile__avatar-wrap {\n    position: relative;\n    width: var(--nsfvv-avatar);\n    height: var(--nsfvv-avatar);\n    flex-shrink: 0;\n  }\n\n  .nsfvv-profile__ring {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    padding: 3px;\n    background: linear-gradient(135deg, var(--nsfvv-accent), var(--nsfvv-success));\n  }\n\n  .nsfvv-profile__img {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    object-fit: cover;\n    background: var(--nsfvv-panel-soft);\n  }\n\n  .nsfvv .nsfvv-profile__zoom {\n    position: absolute;\n    right: -2px;\n    bottom: -2px;\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    min-height: 36px;\n    border: 0 !important;\n    border-radius: 50%;\n    background: var(--nsfvv-accent) !important;\n    color: #fff !important;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n  }\n\n  .nsfvv-profile__meta {\n    min-width: 0;\n    flex: 1;\n    width: 100%;\n  }\n\n  .nsfvv-profile__name {\n    font-size: clamp(1.15rem, 3.5vw, 1.45rem);\n    font-weight: 800;\n    line-height: 1.25;\n    word-break: break-word;\n  }\n\n  .nsfvv-profile__handle {\n    color: var(--nsfvv-muted);\n    font-size: 0.92rem;\n    font-weight: 600;\n    margin-top: 4px;\n    word-break: break-all;\n  }\n\n  .nsfvv-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 12px;\n  }\n\n  .nsfvv-stats__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 10px;\n    border-radius: 999px;\n    background: rgba(24, 119, 242, 0.18);\n    border: 1px solid rgba(24, 119, 242, 0.35);\n    font-size: 0.78rem;\n    font-weight: 700;\n    color: var(--nsfvv-muted);\n  }\n\n  .nsfvv-stats__badge i {\n    color: var(--nsfvv-cool);\n  }\n\n  .nsfvv-pane__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 12px;\n    flex-wrap: wrap;\n  }\n\n  .nsfvv-pane__title {\n    font-size: 1rem;\n    font-weight: 800;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .nsfvv-pane__title i {\n    color: var(--nsfvv-cool);\n  }\n\n  .nsfvv-pane__count {\n    font-size: 0.82rem;\n    font-weight: 700;\n    color: var(--nsfvv-dim);\n  }\n\n  .nsfvv-grid {\n    display: grid;\n    align-items: start;\n    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfvv-grid-min)), 1fr));\n    gap: 12px;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsfvv-card {\n    background: var(--nsfvv-panel-soft);\n    border: 1px solid var(--nsfvv-line);\n    border-radius: 12px;\n    overflow: hidden;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .nsfvv-card__media {\n    position: relative;\n    aspect-ratio: 16 \/ 9;\n    background: #0a1628;\n    cursor: pointer;\n    overflow: hidden;\n  }\n\n  .nsfvv .nsfvv-card__img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .nsfvv-card__play {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(7, 21, 43, 0.28);\n    pointer-events: none;\n  }\n\n  .nsfvv-card__play span {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background: rgba(24, 119, 242, 0.92);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1rem;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);\n  }\n\n  .nsfvv-card__badge {\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    padding: 4px 8px;\n    border-radius: 6px;\n    background: rgba(8, 20, 40, 0.78);\n    color: #fff;\n    font-size: 0.72rem;\n    font-weight: 800;\n  }\n\n  .nsfvv-card__duration {\n    position: absolute;\n    right: 8px;\n    bottom: 8px;\n    padding: 3px 7px;\n    border-radius: 6px;\n    background: rgba(0, 0, 0, 0.72);\n    color: #fff;\n    font-size: 0.72rem;\n    font-weight: 700;\n  }\n\n  .nsfvv-card__foot {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    padding: 10px 12px;\n    min-width: 0;\n    flex-wrap: wrap;\n  }\n\n  .nsfvv-card__title {\n    flex: 1;\n    min-width: 0;\n    font-size: 0.84rem;\n    font-weight: 700;\n    color: var(--nsfvv-muted);\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .nsfvv-card__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    justify-content: flex-end;\n  }\n\n  .nsfvv .nsfvv-card__action {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    min-height: 36px;\n    padding: 6px 10px !important;\n    border: 0 !important;\n    border-radius: 8px !important;\n    background: rgba(24, 119, 242, 0.28) !important;\n    color: #9ec9ff !important;\n    font-size: 0.78rem !important;\n    font-weight: 700 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n  }\n\n  .nsfvv .nsfvv-card__action--cool {\n    background: linear-gradient(135deg, rgba(24, 119, 242, 0.9), rgba(66, 183, 42, 0.85)) !important;\n    color: #fff !important;\n  }\n\n  .nsfvv-empty {\n    text-align: center;\n    padding: 28px 14px;\n    color: var(--nsfvv-muted);\n  }\n\n  .nsfvv-empty i {\n    display: block;\n    font-size: 2rem;\n    margin: 0 auto 12px;\n    color: #fff;\n    opacity: 0.85;\n  }\n\n  .nsfvv-empty p {\n    margin: 0 auto;\n    max-width: 36ch;\n    font-size: 0.95rem;\n  }\n\n  .nsfvv-tab-sk {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .nsfvv-tab-sk__video {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .nsfvv-tab-sk__thumb {\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    border-radius: 10px;\n  }\n\n  .nsfvv-tab-sk__foot {\n    height: 14px;\n    width: 65%;\n  }\n\n  \/* Modal *\/\n  .nsfvv-modal {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 99999;\n    background: rgba(0, 0, 0, 0.65);\n    padding: 16px;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .nsfvv-modal.is-open {\n    display: flex;\n  }\n\n  .nsfvv-modal__dialog {\n    position: relative;\n    width: min(920px, 100%);\n    max-height: min(90vh, 900px);\n    background: var(--nsfvv-panel);\n    border: 1px solid var(--nsfvv-line);\n    border-radius: 16px;\n    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);\n    overflow: hidden;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-width: 0;\n  }\n\n  .nsfvv .nsfvv-modal__close {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    z-index: 2;\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n    min-height: 44px;\n    border: 0 !important;\n    border-radius: 50%;\n    background: #1877f2 !important;\n    color: #fff !important;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n  }\n\n  .nsfvv-modal__stage {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n    background: #0b1220;\n    border-radius: 10px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 180px;\n  }\n\n  .nsfvv .nsfvv-modal__media {\n    width: 100%;\n    max-height: calc(90vh - 120px);\n    object-fit: contain;\n    background: #000;\n    display: block;\n  }\n\n  .nsfvv .nsfvv-modal__media.is-hidden {\n    display: none !important;\n  }\n\n  .nsfvv-modal__loading {\n    position: absolute;\n    inset: 0;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: rgba(8, 12, 24, 0.72);\n    color: #fff;\n    font-weight: 700;\n    z-index: 1;\n  }\n\n  .nsfvv-modal__loading.is-visible {\n    display: flex;\n  }\n\n  .nsfvv-modal__loading i {\n    animation: nsfvv-spin 0.9s linear infinite;\n  }\n\n  @keyframes nsfvv-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  .nsfvv-modal__bar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    min-width: 0;\n  }\n\n  .nsfvv-modal__meta {\n    flex: 1 1 160px;\n    margin: 0;\n    color: var(--nsfvv-muted);\n    font-size: 0.88rem;\n    font-weight: 600;\n    min-width: 0;\n  }\n\n  .nsfvv-modal__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .nsfvv .nsfvv-modal__action {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    min-height: 44px;\n    padding: 10px 14px !important;\n    border-radius: 999px !important;\n    border: 0 !important;\n    font: inherit;\n    font-weight: 700 !important;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    color: #fff !important;\n    background: linear-gradient(135deg, #1877f2, #42b72a) !important;\n  }\n\n  .nsfvv .nsfvv-modal__action:disabled,\n  .nsfvv .nsfvv-modal__action.is-hidden {\n    display: none !important;\n  }\n\n  .nsfvv-dlprog {\n    position: fixed;\n    right: 16px;\n    bottom: 16px;\n    z-index: 100000;\n    width: min(360px, calc(100vw - 32px));\n    background: rgba(18, 24, 40, 0.96);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 14px;\n    padding: 12px 14px;\n    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);\n    color: #fff;\n    display: none;\n  }\n\n  .nsfvv-dlprog.is-open {\n    display: block;\n  }\n\n  .nsfvv-dlprog.is-success {\n    border-color: rgba(66, 183, 42, 0.55);\n  }\n\n  .nsfvv-dlprog.is-error {\n    border-color: rgba(255, 107, 122, 0.55);\n  }\n\n  .nsfvv-dlprog__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 8px;\n  }\n\n  .nsfvv-dlprog__title {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n    font-weight: 700;\n    font-size: 0.9rem;\n  }\n\n  .nsfvv-dlprog__title i {\n    color: #42b72a;\n  }\n\n  .nsfvv-dlprog__name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .nsfvv-dlprog__pct {\n    flex: 0 0 auto;\n    font-weight: 800;\n    font-size: 0.85rem;\n    color: rgba(255, 255, 255, 0.85);\n  }\n\n  .nsfvv-dlprog__track {\n    height: 8px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.12);\n    overflow: hidden;\n  }\n\n  .nsfvv-dlprog__fill {\n    height: 100%;\n    width: 0%;\n    border-radius: inherit;\n    background: linear-gradient(90deg, #1877f2, #42b72a);\n    transition: width 0.2s ease;\n  }\n\n  .nsfvv-dlprog.is-indeterminate .nsfvv-dlprog__fill {\n    width: 40% !important;\n    animation: nsfvv-dlprog-slide 1.1s ease-in-out infinite;\n  }\n\n  @keyframes nsfvv-dlprog-slide {\n    0% {\n      transform: translateX(-120%);\n    }\n\n    100% {\n      transform: translateX(280%);\n    }\n  }\n\n  .nsfvv-dlprog__meta {\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    margin-top: 8px;\n    font-size: 0.78rem;\n    color: rgba(255, 255, 255, 0.72);\n  }\n\n  \/* Tablet+ only when the widget itself is wide enough (not just the viewport) *\/\n  @media (min-width: 768px) {\n    .nsfvv:not(.nsfvv--compact) .nsfvv-search__row {\n      flex-direction: row;\n      align-items: stretch;\n    }\n\n    .nsfvv:not(.nsfvv--compact) .nsfvv-search__actions {\n      width: auto;\n      flex: 0 0 auto;\n    }\n\n    .nsfvv:not(.nsfvv--compact) .nsfvv-btn {\n      flex: 0 0 auto;\n    }\n\n    .nsfvv:not(.nsfvv--compact) .nsfvv-profile {\n      flex-direction: row;\n      align-items: center;\n    }\n\n    .nsfvv:not(.nsfvv--compact) {\n      --nsfvv-grid-min: 240px;\n    }\n\n    .nsfvv:not(.nsfvv--compact) .nsfvv-skeleton__grid,\n    .nsfvv:not(.nsfvv--compact) .nsfvv-tab-sk {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .nsfvv:not(.nsfvv--compact) {\n      --nsfvv-grid-min: 260px;\n    }\n\n    .nsfvv:not(.nsfvv--compact) .nsfvv-skeleton__grid,\n    .nsfvv:not(.nsfvv--compact) .nsfvv-tab-sk {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  \/* WordPress \/ Live Server narrow container (set by ResizeObserver) *\/\n  .nsfvv.nsfvv--compact {\n    --nsfvv-avatar: 72px;\n    --nsfvv-pad: 12px;\n    --nsfvv-gap: 10px;\n    --nsfvv-grid-min: max(150px, 46%);\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-hero {\n    padding: 36px 0 10px;\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-search {\n    padding: 14px;\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-search__row {\n    flex-direction: column !important;\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-search__actions {\n    width: 100% !important;\n    display: flex !important;\n    flex-wrap: wrap !important;\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-profile {\n    flex-direction: column !important;\n    align-items: flex-start !important;\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-card__foot {\n    flex-direction: column !important;\n    align-items: stretch !important;\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-card__actions {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    width: 100% !important;\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-card__action {\n    width: 100% !important;\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-skeleton__grid,\n  .nsfvv.nsfvv--compact .nsfvv-tab-sk {\n    grid-template-columns: 1fr !important;\n  }\n\n  .nsfvv.nsfvv--narrow {\n    --nsfvv-grid-min: 100%;\n    --nsfvv-avatar: 64px;\n    padding: 8px;\n  }\n\n  .nsfvv.nsfvv--narrow .nsfvv-search__actions {\n    flex-direction: column !important;\n    width: 100%;\n  }\n\n  .nsfvv.nsfvv--narrow .nsfvv-btn {\n    flex: 1 1 100% !important;\n  }\n\n  .nsfvv.nsfvv--narrow .nsfvv-card__actions {\n    grid-template-columns: 1fr !important;\n  }\n\n  .nsfvv.nsfvv--narrow .nsfvv-hero__brand {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .nsfvv.nsfvv--narrow .nsfvv-hero__title-text {\n    justify-content: center;\n    text-align: center;\n    font-size: 1.14rem;\n  }\n\n  @media (hover: none) {\n\n    .nsfvv .nsfvv-btn:hover,\n    .nsfvv .nsfvv-card__action:hover {\n      transform: none;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .nsfvv .nsfvv-sk,\n    .nsfvv .nsfvv-modal__loading i,\n    .nsfvv-dlprog.is-indeterminate .nsfvv-dlprog__fill {\n      animation: none !important;\n    }\n  }\n\n  \/* Search controls: one row on large screens, wrap on narrow *\/\n  .nsfvv .nsfvv-search,\n  .nsfvv .nsfvv-search .nsfvv-search__row,\n  .nsfvv .nsfvv-search .nsfvv-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  .nsfvv .nsfvv-search .nsfvv-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  .nsfvv .nsfvv-search .nsfvv-search__field,\n  .nsfvv .nsfvv-search .nsfvv-search__row > .nsfvv-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  .nsfvv .nsfvv-search .nsfvv-search__actions,\n  .nsfvv .nsfvv-search .nsfvv-search__row > .nsfvv-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  .nsfvv .nsfvv-search .nsfvv-search__row > .nsfvv-btn,\n  .nsfvv .nsfvv-search .nsfvv-search__actions .nsfvv-btn,\n  .nsfvv .nsfvv-search .nsfvv-search__row .nsfvv-search__actions .nsfvv-btn {\n    flex: 0 0 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 110px !important;\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__row,\n  .nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__row {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__field,\n  .nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__field,\n  .nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__row > .nsfvv-search__field,\n  .nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__row > .nsfvv-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__actions,\n  .nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__actions,\n  .nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__row > .nsfvv-search__actions,\n  .nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__row > .nsfvv-search__actions {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__row > .nsfvv-btn,\n  .nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__row > .nsfvv-btn,\n  .nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__actions .nsfvv-btn,\n  .nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__actions .nsfvv-btn,\n  .nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__row .nsfvv-search__actions .nsfvv-btn,\n  .nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__row .nsfvv-search__actions .nsfvv-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    .nsfvv .nsfvv-search .nsfvv-search__row {\n      flex-wrap: wrap !important;\n    }\n\n    .nsfvv .nsfvv-search .nsfvv-search__field,\n    .nsfvv .nsfvv-search .nsfvv-search__row > .nsfvv-search__field {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsfvv .nsfvv-search .nsfvv-search__actions,\n    .nsfvv .nsfvv-search .nsfvv-search__row > .nsfvv-search__actions {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsfvv .nsfvv-search .nsfvv-search__row > .nsfvv-btn,\n    .nsfvv .nsfvv-search .nsfvv-search__actions .nsfvv-btn,\n    .nsfvv .nsfvv-search .nsfvv-search__row .nsfvv-search__actions .nsfvv-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 Video Viewer \u2014 WordPress-scoped styles *\/\n.nsfvv {\n  --nsfvv-ink: #f8fbff;\n  --nsfvv-muted: #c9dbf4;\n  --nsfvv-dim: #91acd2;\n  --nsfvv-bg: #071326;\n  --nsfvv-panel: rgba(13, 30, 56, 0.78);\n  --nsfvv-panel-soft: rgba(22, 47, 84, 0.76);\n  --nsfvv-hover: rgba(47, 106, 177, 0.72);\n  --nsfvv-line: rgba(135, 178, 245, 0.24);\n  --nsfvv-accent: #2d8cff;\n  --nsfvv-accent-deep: #1668e8;\n  --nsfvv-cool: #7dd3fc;\n  --nsfvv-success: #35d07f;\n  --nsfvv-danger: #ff4d6d;\n  --nsfvv-radius: 18px;\n  --nsfvv-shadow: 0 22px 70px rgba(2, 8, 23, 0.36);\n  --nsfvv-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  --nsfvv-space: clamp(16px, 2.4vw, 24px);\n  --nsfvv-avatar: 92px;\n  --nsfvv-pad: clamp(16px, 2.5vw, 24px);\n  --nsfvv-gap: 14px;\n  --nsfvv-grid-min: 100%;\n\n  box-sizing: border-box;\n  font-family: var(--nsfvv-font);\n  color: var(--nsfvv-ink);\n  line-height: 1.5;\n  width: 100%;\n  max-width: 100%;\n  min-height: 100vh;\n  min-width: 0;\n  margin: 0 auto;\n  padding: clamp(14px, 3vw, 28px);\n  background:\n    radial-gradient(ellipse 70% 50% at 12% 0%, rgba(45, 140, 255, 0.42), transparent 62%),\n    radial-gradient(ellipse 70% 45% at 100% 10%, rgba(53, 208, 127, 0.20), transparent 58%),\n    linear-gradient(145deg, #06111f 0%, #0a1b35 42%, #102f59 78%, #174c91 130%);\n  border-radius: 0;\n  border: 1px solid var(--nsfvv-line);\n  position: relative;\n  isolation: isolate;\n  text-align: left;\n  overflow-x: hidden;\n  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n}\n\nhtml.nsfvv-standalone-doc,\nhtml.nsfvv-standalone-doc body {\n  margin: 0 !important;\n  padding: 0 !important;\n  min-height: 100% !important;\n  background: #06111f !important;\n}\n\n.nsfvv.nsfvv--standalone {\n  border-radius: 0;\n}\n\n.nsfvv *,\n.nsfvv *::before,\n.nsfvv *::after {\n  box-sizing: border-box;\n}\n\n.nsfvv :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, label, span) {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-weight: inherit;\n}\n\n.nsfvv :where(ul, ol) {\n  list-style: none;\n}\n\n.nsfvv img,\n.nsfvv video {\n  max-width: 100%;\n  height: auto;\n  display: block;\n  border: 0;\n}\n\n.nsfvv a {\n  color: var(--nsfvv-cool);\n  text-decoration: none;\n}\n\n.nsfvv button {\n  font-family: inherit;\n}\n\n.nsfvv .fa-solid,\n.nsfvv .fa-paste,\n.nsfvv .fa-video,\n.nsfvv .fa-expand,\n.nsfvv .fa-circle-info,\n.nsfvv .fa-xmark,\n.nsfvv .fa-spinner,\n.nsfvv .fa-download {\n  line-height: 1;\n  flex: 0 0 auto;\n}\n\n.nsfvv-shell {\n  width: 100%;\n  max-width: 1240px;\n  margin: 0 auto;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--nsfvv-space);\n}\n\n.nsfvv-hero {\n  background: transparent;\n  padding: clamp(28px, 5vw, 54px) 0 8px;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  text-align: center;\n  border: 0;\n  box-shadow: none;\n  border-radius: 0;\n}\n\n.nsfvv-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: 22px auto 0;\n  padding: clamp(18px, 2.7vw, 26px);\n  background: linear-gradient(145deg, rgba(14, 32, 61, 0.86), rgba(20, 48, 86, 0.74));\n  border: 1px solid rgba(157, 190, 242, 0.28);\n  border-radius: calc(var(--nsfvv-radius) + 4px);\n  box-shadow: var(--nsfvv-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08);\n  backdrop-filter: blur(18px);\n}\n\n.nsfvv-hero__title {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 0 12px;\n  color: var(--nsfvv-ink);\n  font-size: clamp(2rem, 5vw, 4.4rem);\n  font-weight: 850;\n  letter-spacing: 0;\n  line-height: 1.04;\n  text-wrap: balance;\n}\n\n.nsfvv-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.nsfvv .nsfvv-hero__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  width: 48px;\n  height: 48px;\n  border-radius: 14px;\n  background: linear-gradient(135deg, var(--nsfvv-accent), var(--nsfvv-success));\n  color: #fff;\n  font-size: 1.45rem;\n  line-height: 1;\n  box-shadow: 0 14px 34px rgba(45, 140, 255, 0.28);\n}\n\n.nsfvv .nsfvv-hero__icon i {\n  display: block;\n  line-height: 1;\n}\n\n.nsfvv-hero__title-text {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  justify-content: flex-start;\n  gap: 0.35em;\n  min-width: 0;\n  font-size: clamp(1.28rem, 2.8vw, 1.7rem);\n  font-weight: 800;\n  letter-spacing: 0;\n  line-height: 1.2;\n  text-align: left;\n}\n\n.nsfvv-hero__title-mark {\n  color: var(--nsfvv-cool);\n  font-weight: 800;\n}\n\n.nsfvv-hero__lead {\n  color: var(--nsfvv-muted);\n  font-size: clamp(0.98rem, 1.5vw, 1.12rem);\n  max-width: 64ch;\n  margin: 0 auto 18px;\n  text-wrap: balance;\n}\n\n.nsfvv-search__label {\n  display: block;\n  font-size: 0.84rem;\n  font-weight: 800;\n  color: #dbeafe;\n  margin-bottom: 2px;\n  text-align: left;\n}\n\n.nsfvv-search__row {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfvv .nsfvv-search__field {\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n  min-height: 54px !important;\n  padding: 14px 16px !important;\n  border-radius: 14px !important;\n  border: 1px solid rgba(157, 190, 242, 0.30) !important;\n  background: rgba(5, 15, 31, 0.54) !important;\n  color: var(--nsfvv-ink) !important;\n  font-size: 16px !important;\n  line-height: 1.4 !important;\n  outline: none !important;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n}\n\n.nsfvv .nsfvv-search__field::placeholder {\n  color: #8fa8c9 !important;\n  opacity: 1 !important;\n}\n\n.nsfvv .nsfvv-search__field:focus {\n  border-color: rgba(125, 211, 252, 0.95) !important;\n  background: rgba(5, 15, 31, 0.72) !important;\n  box-shadow: 0 0 0 4px rgba(45, 140, 255, 0.22), 0 10px 34px rgba(45, 140, 255, 0.12) !important;\n}\n\n.nsfvv-search__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  width: 100%;\n}\n\n.nsfvv .nsfvv-btn {\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  min-height: 54px !important;\n  min-width: 44px;\n  padding: 13px 18px !important;\n  border: 0 !important;\n  border-radius: 14px !important;\n  font-size: 0.95rem !important;\n  font-weight: 800 !important;\n  cursor: pointer;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  touch-action: manipulation;\n  flex: 1 1 auto;\n  color: #fff !important;\n  box-shadow: 0 12px 28px rgba(2, 8, 23, 0.22);\n  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, border-color 0.18s ease;\n}\n\n.nsfvv .nsfvv-btn i {\n  display: inline-block;\n  line-height: 1;\n}\n\n.nsfvv .nsfvv-btn--paste {\n  background: rgba(255, 255, 255, 0.08) !important;\n  border: 1px solid rgba(157, 190, 242, 0.28) !important;\n  color: #dbeafe !important;\n}\n\n.nsfvv .nsfvv-btn--view {\n  background: linear-gradient(135deg, var(--nsfvv-accent), #6d5dfc 52%, var(--nsfvv-success)) !important;\n  box-shadow: 0 16px 38px rgba(45, 140, 255, 0.28);\n}\n\n.nsfvv .nsfvv-btn:hover,\n.nsfvv .nsfvv-card__action:hover,\n.nsfvv .nsfvv-modal__action:hover,\n.nsfvv .nsfvv-profile__zoom:hover,\n.nsfvv .nsfvv-modal__close:hover {\n  transform: translateY(-2px);\n  filter: brightness(1.06);\n}\n\n.nsfvv .nsfvv-btn:active,\n.nsfvv .nsfvv-card__action:active,\n.nsfvv .nsfvv-modal__action:active,\n.nsfvv .nsfvv-profile__zoom:active,\n.nsfvv .nsfvv-modal__close:active {\n  transform: translateY(0);\n}\n\n.nsfvv .nsfvv-btn:focus-visible,\n.nsfvv .nsfvv-card__action:focus-visible,\n.nsfvv .nsfvv-modal__action:focus-visible,\n.nsfvv .nsfvv-profile__zoom:focus-visible,\n.nsfvv .nsfvv-modal__close:focus-visible {\n  outline: 3px solid rgba(125, 211, 252, 0.78);\n  outline-offset: 3px;\n}\n\n.nsfvv .nsfvv-btn:disabled {\n  opacity: 0.62;\n  cursor: not-allowed;\n  transform: none;\n  filter: none;\n}\n\n.nsfvv-search__hint {\n  margin-top: 4px;\n  font-size: 0.84rem;\n  color: var(--nsfvv-dim);\n}\n\n.nsfvv #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.nsfvv #xrespond-tools-turnstile-host.is-visible {\n  display: block;\n}\n\n.nsfvv #xrespond-tools-turnstile-host .xrespond-ts-label {\n  display: block;\n  font-size: 0.85rem;\n  color: var(--nsfvv-muted);\n  margin-bottom: 0.45rem;\n}\n\n.nsfvv #xrespond-tools-turnstile-host .xrespond-ts-widget {\n  min-height: 65px;\n  max-width: 100%;\n  overflow: hidden;\n}\n\n.nsfvv #xrespond-tools-turnstile-host .xrespond-ts-error {\n  color: #ffc1cc;\n}\n\n.nsfvv-search__row:has(#xrespond-tools-turnstile-host),\n.nsfvv-search__actions:has(#xrespond-tools-turnstile-host) {\n  flex-wrap: wrap !important;\n}\n\n.nsfvv-search__row>#xrespond-tools-turnstile-host,\n.nsfvv-search__actions>#xrespond-tools-turnstile-host {\n  flex: 0 0 100% !important;\n  width: 100% !important;\n  order: -1;\n}\n\n.nsfvv-alert {\n  display: none;\n  margin-top: 8px;\n  padding: 12px 14px;\n  border-radius: 12px;\n  background: rgba(255, 77, 109, 0.14);\n  border: 1px solid rgba(255, 77, 109, 0.42);\n  color: #ffd7de;\n  font-size: 0.9rem;\n  font-weight: 700;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);\n}\n\n.nsfvv-alert.is-visible {\n  display: block;\n}\n\n.nsfvv-notice {\n  display: none;\n  align-items: flex-start;\n  gap: 10px;\n  margin: 0 0 16px;\n  padding: 12px 14px;\n  border-radius: 14px;\n  background: rgba(45, 140, 255, 0.13);\n  border: 1px solid rgba(125, 211, 252, 0.28);\n  color: #dbeafe;\n  font-size: 0.88rem;\n  font-weight: 650;\n}\n\n.nsfvv-notice.is-visible {\n  display: flex;\n}\n\n.nsfvv-notice i {\n  color: var(--nsfvv-cool);\n  margin-top: 2px;\n}\n\n.nsfvv .nsfvv-skeleton {\n  display: none;\n  margin: 0;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.nsfvv .nsfvv-skeleton.is-visible {\n  display: block;\n}\n\n.nsfvv .nsfvv-content.is-hidden {\n  display: none !important;\n}\n\n.nsfvv .nsfvv-content.is-placeholder .nsfvv-profile__zoom {\n  opacity: 0.55;\n  pointer-events: none;\n}\n\n.nsfvv .nsfvv-content.is-placeholder .nsfvv-card__media,\n.nsfvv .nsfvv-content.is-placeholder .nsfvv-card__action {\n  pointer-events: none;\n}\n\n.nsfvv .nsfvv-content.is-placeholder .nsfvv-card__action {\n  opacity: 0.72;\n}\n\n.nsfvv-card__media--ghost {\n  background: linear-gradient(145deg, #10213e, #245fba 55%, #2d8cff);\n}\n\n.nsfvv-card__media--ghost-b {\n  background: linear-gradient(145deg, #0d253f, #2d8cff 60%, #35d07f);\n}\n\n.nsfvv-card__media--ghost-c {\n  background: linear-gradient(145deg, #13233f, #344c8f 50%, #7dd3fc);\n}\n\n.nsfvv-card__media--ghost .nsfvv-card__img {\n  display: none;\n}\n\n@keyframes nsfvv-shimmer {\n  0% {\n    background-position: -400px 0;\n  }\n\n  100% {\n    background-position: 400px 0;\n  }\n}\n\n.nsfvv .nsfvv-sk {\n  background: linear-gradient(90deg, rgba(255, 255, 255, 0.07) 0%, rgba(125, 211, 252, 0.18) 50%, rgba(255, 255, 255, 0.07) 100%);\n  background-size: 800px 100%;\n  animation: nsfvv-shimmer 1.3s linear infinite;\n  border-radius: 12px;\n}\n\n.nsfvv-skeleton__panel {\n  background: linear-gradient(145deg, rgba(13, 30, 56, 0.82), rgba(20, 48, 86, 0.66));\n  border: 1px solid var(--nsfvv-line);\n  border-radius: var(--nsfvv-radius);\n  padding: var(--nsfvv-pad);\n  box-shadow: var(--nsfvv-shadow);\n  backdrop-filter: blur(16px);\n}\n\n.nsfvv-skeleton__profile {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 18px;\n}\n\n.nsfvv .nsfvv-skeleton__avatar {\n  width: var(--nsfvv-avatar);\n  height: var(--nsfvv-avatar);\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.nsfvv-skeleton__meta {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.nsfvv-skeleton__line {\n  height: 14px;\n  width: 100%;\n}\n\n.nsfvv-skeleton__line--lg {\n  width: 55%;\n  height: 20px;\n}\n\n.nsfvv-skeleton__line--md {\n  width: 35%;\n}\n\n.nsfvv-skeleton__grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 14px;\n}\n\n.nsfvv-skeleton__card {\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n}\n\n.nsfvv-skeleton__thumb {\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  border-radius: 16px;\n}\n\n.nsfvv-skeleton__foot {\n  height: 14px;\n  width: 70%;\n}\n\n.nsfvv-result {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n.nsfvv-panel {\n  background: linear-gradient(145deg, rgba(13, 30, 56, 0.82), rgba(20, 48, 86, 0.66));\n  border: 1px solid rgba(157, 190, 242, 0.24);\n  border-radius: var(--nsfvv-radius);\n  box-shadow: var(--nsfvv-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.07);\n  padding: var(--nsfvv-pad);\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  backdrop-filter: blur(16px);\n}\n\n.nsfvv-profile {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 16px;\n  margin-bottom: 18px;\n}\n\n.nsfvv-profile__avatar-wrap {\n  position: relative;\n  width: var(--nsfvv-avatar);\n  height: var(--nsfvv-avatar);\n  flex-shrink: 0;\n}\n\n.nsfvv-profile__ring {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  padding: 3px;\n  background: linear-gradient(135deg, var(--nsfvv-accent), #6d5dfc 48%, var(--nsfvv-success));\n  box-shadow: 0 12px 34px rgba(45, 140, 255, 0.24);\n}\n\n.nsfvv-profile__img {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  object-fit: cover;\n  background: var(--nsfvv-panel-soft);\n}\n\n.nsfvv .nsfvv-profile__zoom {\n  position: absolute;\n  right: -3px;\n  bottom: -3px;\n  width: 38px;\n  height: 38px;\n  min-width: 38px;\n  min-height: 38px;\n  border: 0 !important;\n  border-radius: 50%;\n  background: linear-gradient(135deg, var(--nsfvv-accent), var(--nsfvv-success)) !important;\n  color: #fff !important;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  box-shadow: 0 10px 24px rgba(2, 8, 23, 0.36);\n  transition: transform 0.18s ease, filter 0.18s ease;\n}\n\n.nsfvv-profile__meta {\n  min-width: 0;\n  flex: 1;\n  width: 100%;\n}\n\n.nsfvv-profile__name {\n  font-size: clamp(1.25rem, 3.5vw, 1.7rem);\n  font-weight: 850;\n  line-height: 1.18;\n  word-break: break-word;\n  letter-spacing: 0;\n}\n\n.nsfvv-profile__handle {\n  color: var(--nsfvv-muted);\n  font-size: 0.94rem;\n  font-weight: 650;\n  margin-top: 6px;\n  word-break: break-all;\n}\n\n.nsfvv-stats {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n  margin-top: 14px;\n}\n\n.nsfvv-stats__badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 7px 11px;\n  border-radius: 999px;\n  background: rgba(45, 140, 255, 0.14);\n  border: 1px solid rgba(125, 211, 252, 0.24);\n  font-size: 0.79rem;\n  font-weight: 800;\n  color: #dbeafe;\n}\n\n.nsfvv-stats__badge i {\n  color: var(--nsfvv-cool);\n}\n\n.nsfvv-pane__head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 14px;\n  flex-wrap: wrap;\n}\n\n.nsfvv-pane__title {\n  font-size: 1.02rem;\n  font-weight: 850;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.nsfvv-pane__title i {\n  color: var(--nsfvv-cool);\n}\n\n.nsfvv-pane__count {\n  font-size: 0.84rem;\n  font-weight: 750;\n  color: var(--nsfvv-dim);\n}\n\n.nsfvv-grid {\n  display: grid;\n  align-items: start;\n  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfvv-grid-min)), 1fr));\n  gap: 16px;\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfvv-card {\n  background: rgba(17, 42, 78, 0.72);\n  border: 1px solid rgba(157, 190, 242, 0.22);\n  border-radius: 18px;\n  overflow: hidden;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 14px 34px rgba(2, 8, 23, 0.24);\n  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n}\n\n.nsfvv-card:hover {\n  transform: translateY(-3px);\n  border-color: rgba(125, 211, 252, 0.42);\n  box-shadow: 0 20px 48px rgba(2, 8, 23, 0.34);\n}\n\n.nsfvv-card__media {\n  position: relative;\n  aspect-ratio: 16 \/ 9;\n  background: #07111f;\n  cursor: pointer;\n  overflow: hidden;\n}\n\n.nsfvv .nsfvv-card__img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  object-fit: cover;\n  object-position: center;\n  transition: transform 0.35s ease, filter 0.35s ease;\n}\n\n.nsfvv-card:hover .nsfvv-card__img {\n  transform: scale(1.035);\n  filter: saturate(1.08) contrast(1.04);\n}\n\n.nsfvv-card__play {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(180deg, rgba(7, 17, 31, 0.12), rgba(7, 17, 31, 0.48));\n  pointer-events: none;\n}\n\n.nsfvv-card__play span {\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, rgba(45, 140, 255, 0.96), rgba(53, 208, 127, 0.92));\n  color: #fff;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1rem;\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.42);\n}\n\n.nsfvv-card__badge {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  padding: 5px 9px;\n  border-radius: 999px;\n  background: rgba(6, 17, 31, 0.78);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  color: #fff;\n  font-size: 0.72rem;\n  font-weight: 850;\n  backdrop-filter: blur(10px);\n}\n\n.nsfvv-card__duration {\n  position: absolute;\n  right: 10px;\n  bottom: 10px;\n  padding: 4px 8px;\n  border-radius: 999px;\n  background: rgba(0, 0, 0, 0.72);\n  color: #fff;\n  font-size: 0.72rem;\n  font-weight: 800;\n  backdrop-filter: blur(10px);\n}\n\n.nsfvv-card__foot {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 12px 14px 14px;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n\n.nsfvv-card__title {\n  flex: 1;\n  min-width: 0;\n  font-size: 0.86rem;\n  font-weight: 750;\n  color: #dbeafe;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.nsfvv-card__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  justify-content: flex-end;\n}\n\n.nsfvv .nsfvv-card__action {\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  min-height: 38px;\n  padding: 7px 11px !important;\n  border: 0 !important;\n  border-radius: 11px !important;\n  background: rgba(45, 140, 255, 0.18) !important;\n  color: #b9dcff !important;\n  font-size: 0.79rem !important;\n  font-weight: 800 !important;\n  cursor: pointer;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  touch-action: manipulation;\n  transition: transform 0.18s ease, filter 0.18s ease, background 0.18s ease;\n}\n\n.nsfvv .nsfvv-card__action--cool {\n  background: linear-gradient(135deg, rgba(45, 140, 255, 0.95), rgba(53, 208, 127, 0.9)) !important;\n  color: #fff !important;\n}\n\n.nsfvv-empty {\n  text-align: center;\n  padding: 34px 16px;\n  color: var(--nsfvv-muted);\n}\n\n.nsfvv-empty i {\n  display: block;\n  font-size: 2.15rem;\n  margin: 0 auto 12px;\n  color: #fff;\n  opacity: 0.9;\n}\n\n.nsfvv-empty p {\n  margin: 0 auto;\n  max-width: 38ch;\n  font-size: 0.98rem;\n}\n\n.nsfvv-tab-sk {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 14px;\n}\n\n.nsfvv-tab-sk__video {\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n}\n\n.nsfvv-tab-sk__thumb {\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  border-radius: 16px;\n}\n\n.nsfvv-tab-sk__foot {\n  height: 14px;\n  width: 65%;\n}\n\n.nsfvv-modal {\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: 99999;\n  background: rgba(2, 8, 23, 0.78);\n  padding: clamp(10px, 3vw, 24px);\n  align-items: center;\n  justify-content: center;\n  backdrop-filter: blur(12px);\n}\n\n.nsfvv-modal.is-open {\n  display: flex;\n}\n\n.nsfvv-modal__dialog {\n  position: relative;\n  width: min(940px, 100%);\n  max-height: min(90vh, 900px);\n  background: linear-gradient(145deg, rgba(12, 27, 51, 0.96), rgba(17, 42, 78, 0.94));\n  border: 1px solid rgba(157, 190, 242, 0.28);\n  border-radius: 22px;\n  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.58);\n  overflow: hidden;\n  padding: 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  min-width: 0;\n}\n\n.nsfvv .nsfvv-modal__close {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  z-index: 2;\n  width: 44px;\n  height: 44px;\n  min-width: 44px;\n  min-height: 44px;\n  border: 0 !important;\n  border-radius: 50%;\n  background: rgba(45, 140, 255, 0.94) !important;\n  color: #fff !important;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.34);\n  transition: transform 0.18s ease, filter 0.18s ease;\n}\n\n.nsfvv-modal__stage {\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  background: #020817;\n  border-radius: 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 190px;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.nsfvv .nsfvv-modal__media {\n  width: 100%;\n  max-height: calc(90vh - 130px);\n  object-fit: contain;\n  background: #000;\n  display: block;\n}\n\n.nsfvv .nsfvv-modal__media--img {\n  height: auto;\n}\n\n.nsfvv .nsfvv-modal__media--video {\n  height: auto;\n}\n\n.nsfvv .nsfvv-modal__media.is-hidden {\n  display: none !important;\n}\n\n.nsfvv-modal__loading {\n  position: absolute;\n  inset: 0;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  background: rgba(2, 8, 23, 0.76);\n  color: #fff;\n  font-weight: 800;\n  z-index: 1;\n}\n\n.nsfvv-modal__loading.is-visible {\n  display: flex;\n}\n\n.nsfvv-modal__loading i {\n  animation: nsfvv-spin 0.9s linear infinite;\n}\n\n@keyframes nsfvv-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.nsfvv-modal__bar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  min-width: 0;\n}\n\n.nsfvv-modal__meta {\n  flex: 1 1 160px;\n  margin: 0;\n  color: var(--nsfvv-muted);\n  font-size: 0.9rem;\n  font-weight: 650;\n  min-width: 0;\n}\n\n.nsfvv-modal__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.nsfvv .nsfvv-modal__action {\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  min-height: 44px;\n  padding: 10px 16px !important;\n  border-radius: 999px !important;\n  border: 0 !important;\n  font: inherit;\n  font-weight: 800 !important;\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  color: #fff !important;\n  background: linear-gradient(135deg, var(--nsfvv-accent), #6d5dfc 48%, var(--nsfvv-success)) !important;\n  box-shadow: 0 14px 32px rgba(45, 140, 255, 0.24);\n  transition: transform 0.18s ease, filter 0.18s ease;\n}\n\n.nsfvv .nsfvv-modal__action:disabled,\n.nsfvv .nsfvv-modal__action.is-hidden {\n  display: none !important;\n}\n\n.nsfvv-dlprog {\n  position: fixed;\n  right: 16px;\n  bottom: 16px;\n  z-index: 100000;\n  width: min(380px, calc(100vw - 32px));\n  background: rgba(8, 18, 35, 0.94);\n  border: 1px solid rgba(157, 190, 242, 0.22);\n  border-radius: 18px;\n  padding: 14px 16px;\n  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.48);\n  color: #fff;\n  display: none;\n  backdrop-filter: blur(14px);\n}\n\n.nsfvv-dlprog.is-open {\n  display: block;\n}\n\n.nsfvv-dlprog.is-success {\n  border-color: rgba(53, 208, 127, 0.58);\n}\n\n.nsfvv-dlprog.is-error {\n  border-color: rgba(255, 77, 109, 0.62);\n}\n\n.nsfvv-dlprog__head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  margin-bottom: 10px;\n}\n\n.nsfvv-dlprog__title {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  font-weight: 800;\n  font-size: 0.92rem;\n}\n\n.nsfvv-dlprog__title i {\n  color: var(--nsfvv-success);\n}\n\n.nsfvv-dlprog__name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.nsfvv-dlprog__pct {\n  flex: 0 0 auto;\n  font-weight: 850;\n  font-size: 0.86rem;\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.nsfvv-dlprog__track {\n  height: 9px;\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.12);\n  overflow: hidden;\n}\n\n.nsfvv-dlprog__fill {\n  height: 100%;\n  width: 0%;\n  border-radius: inherit;\n  background: linear-gradient(90deg, var(--nsfvv-accent), #6d5dfc, var(--nsfvv-success));\n  transition: width 0.2s ease;\n}\n\n.nsfvv-dlprog.is-indeterminate .nsfvv-dlprog__fill {\n  width: 40% !important;\n  animation: nsfvv-dlprog-slide 1.1s ease-in-out infinite;\n}\n\n@keyframes nsfvv-dlprog-slide {\n  0% {\n    transform: translateX(-120%);\n  }\n\n  100% {\n    transform: translateX(280%);\n  }\n}\n\n.nsfvv-dlprog__meta {\n  display: flex;\n  justify-content: space-between;\n  gap: 8px;\n  margin-top: 9px;\n  font-size: 0.79rem;\n  color: rgba(255, 255, 255, 0.74);\n}\n\n@media (min-width: 768px) {\n  .nsfvv:not(.nsfvv--compact) .nsfvv-search__row {\n    flex-direction: row;\n    align-items: stretch;\n  }\n\n  .nsfvv:not(.nsfvv--compact) .nsfvv-search__actions {\n    width: auto;\n    flex: 0 0 auto;\n  }\n\n  .nsfvv:not(.nsfvv--compact) .nsfvv-btn {\n    flex: 0 0 auto;\n  }\n\n  .nsfvv:not(.nsfvv--compact) .nsfvv-profile {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .nsfvv:not(.nsfvv--compact) {\n    --nsfvv-grid-min: 240px;\n  }\n\n  .nsfvv:not(.nsfvv--compact) .nsfvv-skeleton__grid,\n  .nsfvv:not(.nsfvv--compact) .nsfvv-tab-sk {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (min-width: 1024px) {\n  .nsfvv:not(.nsfvv--compact) {\n    --nsfvv-grid-min: 260px;\n  }\n\n  .nsfvv:not(.nsfvv--compact) .nsfvv-skeleton__grid,\n  .nsfvv:not(.nsfvv--compact) .nsfvv-tab-sk {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n.nsfvv.nsfvv--compact {\n  --nsfvv-avatar: 72px;\n  --nsfvv-pad: 14px;\n  --nsfvv-gap: 10px;\n  --nsfvv-grid-min: max(150px, 46%);\n}\n\n.nsfvv.nsfvv--compact .nsfvv-hero {\n  padding: 32px 0 10px;\n}\n\n.nsfvv.nsfvv--compact .nsfvv-search {\n  padding: 16px;\n}\n\n.nsfvv.nsfvv--compact .nsfvv-search__row {\n  flex-direction: column !important;\n}\n\n.nsfvv.nsfvv--compact .nsfvv-search__actions {\n  width: 100% !important;\n  display: flex !important;\n  flex-wrap: wrap !important;\n}\n\n.nsfvv.nsfvv--compact .nsfvv-btn {\n  flex: 1 1 calc(50% - 5px) !important;\n}\n\n.nsfvv.nsfvv--compact .nsfvv-profile {\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n\n.nsfvv.nsfvv--compact .nsfvv-card__foot {\n  flex-direction: column !important;\n  align-items: stretch !important;\n}\n\n.nsfvv.nsfvv--compact .nsfvv-card__actions {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  width: 100% !important;\n}\n\n.nsfvv.nsfvv--compact .nsfvv-card__action {\n  width: 100% !important;\n}\n\n.nsfvv.nsfvv--compact .nsfvv-skeleton__grid,\n.nsfvv.nsfvv--compact .nsfvv-tab-sk {\n  grid-template-columns: 1fr !important;\n}\n\n.nsfvv.nsfvv--narrow {\n  --nsfvv-grid-min: 100%;\n  --nsfvv-avatar: 64px;\n  padding: 10px;\n}\n\n.nsfvv.nsfvv--narrow .nsfvv-search__actions {\n  flex-direction: column !important;\n  width: 100%;\n}\n\n.nsfvv.nsfvv--narrow .nsfvv-btn {\n  flex: 1 1 100% !important;\n}\n\n.nsfvv.nsfvv--narrow .nsfvv-card__actions {\n  grid-template-columns: 1fr !important;\n}\n\n.nsfvv.nsfvv--narrow .nsfvv-hero__brand {\n  flex-direction: column;\n  gap: 8px;\n}\n\n.nsfvv.nsfvv--narrow .nsfvv-hero__title-text {\n  justify-content: center;\n  text-align: center;\n  font-size: 1.14rem;\n}\n\n@media (hover: none) {\n  .nsfvv .nsfvv-btn:hover,\n  .nsfvv .nsfvv-card__action:hover,\n  .nsfvv .nsfvv-modal__action:hover,\n  .nsfvv .nsfvv-profile__zoom:hover,\n  .nsfvv .nsfvv-modal__close:hover,\n  .nsfvv-card:hover {\n    transform: none;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .nsfvv *,\n  .nsfvv *::before,\n  .nsfvv *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n  }\n\n  .nsfvv .nsfvv-sk,\n  .nsfvv .nsfvv-modal__loading i,\n  .nsfvv-dlprog.is-indeterminate .nsfvv-dlprog__fill {\n    animation: none !important;\n  }\n}\n\n.nsfvv .nsfvv-search,\n.nsfvv .nsfvv-search .nsfvv-search__row,\n.nsfvv .nsfvv-search .nsfvv-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.nsfvv .nsfvv-search .nsfvv-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.nsfvv .nsfvv-search .nsfvv-search__field,\n.nsfvv .nsfvv-search .nsfvv-search__row > .nsfvv-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.nsfvv .nsfvv-search .nsfvv-search__actions,\n.nsfvv .nsfvv-search .nsfvv-search__row > .nsfvv-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.nsfvv .nsfvv-search .nsfvv-search__row > .nsfvv-btn,\n.nsfvv .nsfvv-search .nsfvv-search__actions .nsfvv-btn,\n.nsfvv .nsfvv-search .nsfvv-search__row .nsfvv-search__actions .nsfvv-btn {\n  flex: 0 0 auto !important;\n  width: auto !important;\n  max-width: none !important;\n  min-width: 118px !important;\n}\n\n.nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__row,\n.nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__row {\n  flex-wrap: wrap !important;\n}\n\n.nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__field,\n.nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__field,\n.nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__row > .nsfvv-search__field,\n.nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__row > .nsfvv-search__field {\n  flex: 1 1 100% !important;\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n.nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__actions,\n.nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__actions,\n.nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__row > .nsfvv-search__actions,\n.nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__row > .nsfvv-search__actions {\n  flex: 1 1 100% !important;\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n.nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__row > .nsfvv-btn,\n.nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__row > .nsfvv-btn,\n.nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__actions .nsfvv-btn,\n.nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__actions .nsfvv-btn,\n.nsfvv.nsfvv--compact .nsfvv-search .nsfvv-search__row .nsfvv-search__actions .nsfvv-btn,\n.nsfvv.nsfvv--narrow .nsfvv-search .nsfvv-search__row .nsfvv-search__actions .nsfvv-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  .nsfvv {\n    padding: 10px;\n  }\n\n  .nsfvv-hero {\n    padding-top: 26px;\n  }\n\n  .nsfvv-hero__title {\n    font-size: clamp(1.8rem, 10vw, 2.8rem);\n  }\n\n  .nsfvv-search,\n  .nsfvv-panel,\n  .nsfvv-skeleton__panel {\n    border-radius: 16px;\n  }\n\n  .nsfvv .nsfvv-search .nsfvv-search__row {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfvv .nsfvv-search .nsfvv-search__field,\n  .nsfvv .nsfvv-search .nsfvv-search__row > .nsfvv-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfvv .nsfvv-search .nsfvv-search__actions,\n  .nsfvv .nsfvv-search .nsfvv-search__row > .nsfvv-search__actions {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfvv .nsfvv-search .nsfvv-search__row > .nsfvv-btn,\n  .nsfvv .nsfvv-search .nsfvv-search__actions .nsfvv-btn,\n  .nsfvv .nsfvv-search .nsfvv-search__row .nsfvv-search__actions .nsfvv-btn {\n    flex: 1 1 calc(50% - 5px) !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n  }\n\n  .nsfvv-modal__bar,\n  .nsfvv-modal__actions {\n    width: 100%;\n  }\n\n  .nsfvv .nsfvv-modal__action {\n    width: 100%;\n  }\n}\n\n@media (max-width: 420px) {\n  .nsfvv .nsfvv-search .nsfvv-search__actions {\n    flex-direction: column !important;\n  }\n\n  .nsfvv .nsfvv-search .nsfvv-search__actions .nsfvv-btn {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n  }\n\n  .nsfvv-card__actions {\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n\n  .nsfvv .nsfvv-card__action {\n    width: 100% !important;\n  }\n\n  .nsfvv-dlprog {\n    right: 10px;\n    bottom: 10px;\n    width: calc(100vw - 20px);\n  }\n}\n<\/style>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<div class=\"nsfvv\" id=\"nsfvv-root\" data-nsfvv-ready=\"0\">\n  <div class=\"nsfvv-shell\">\n    <section class=\"nsfvv-hero\" aria-labelledby=\"nsfvv-title\">\n      <h1 class=\"nsfvv-hero__title\" id=\"nsfvv-title\">Facebook Link Viewer<\/h1>\n<p class=\"nsfvv-hero__lead\">\n        Browse public Facebook profile videos, play them in-page, and download MP4 files.\n      <\/p>\n<div class=\"nsfvv-search\">\n        <label class=\"nsfvv-search__label\" for=\"nsfvv-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=\"nsfvv-search__row\">\n          <input class=\"nsfvv-search__field\" id=\"nsfvv-input\" type=\"text\" name=\"nsfvv_input\"\n            placeholder=\"username or facebook.com\/username\" autocomplete=\"off\" spellcheck=\"false\" inputmode=\"url\">\n          <div class=\"nsfvv-search__actions\">\n            <button type=\"button\" class=\"nsfvv-btn nsfvv-btn--paste\" id=\"nsfvv-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=\"nsfvv-btn nsfvv-btn--view\" id=\"xrespond-tools-turnstile\">\n              <i class=\"fa-solid fa-video\" aria-hidden=\"true\"><\/i> View Videos\n            <\/button>\n          <\/div>\n        <\/div>\n<div class=\"nsfvv-alert\" id=\"nsfvv-alert\" role=\"alert\"><\/div>\n<p class=\"nsfvv-search__hint\">Enter a Facebook username or profile URL (example: natgeo)<\/p>\n      <\/div>\n    <\/section>\n\n    <div class=\"nsfvv-skeleton\" id=\"nsfvv-skeleton\" aria-hidden=\"true\" aria-busy=\"false\">\n      <div class=\"nsfvv-skeleton__panel\">\n        <div class=\"nsfvv-skeleton__profile\">\n          <div class=\"nsfvv-sk nsfvv-skeleton__avatar\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfvv-skeleton__meta\">\n            <div class=\"nsfvv-sk nsfvv-skeleton__line nsfvv-skeleton__line--lg\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfvv-sk nsfvv-skeleton__line nsfvv-skeleton__line--md\" aria-hidden=\"true\"><\/div>\n          <\/div>\n        <\/div>\n<div class=\"nsfvv-skeleton__grid\" aria-hidden=\"true\">\n          <div class=\"nsfvv-skeleton__card\">\n            <div class=\"nsfvv-sk nsfvv-skeleton__thumb\"><\/div>\n<div class=\"nsfvv-sk nsfvv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfvv-skeleton__card\">\n            <div class=\"nsfvv-sk nsfvv-skeleton__thumb\"><\/div>\n<div class=\"nsfvv-sk nsfvv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfvv-skeleton__card\">\n            <div class=\"nsfvv-sk nsfvv-skeleton__thumb\"><\/div>\n<div class=\"nsfvv-sk nsfvv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfvv-skeleton__card\">\n            <div class=\"nsfvv-sk nsfvv-skeleton__thumb\"><\/div>\n<div class=\"nsfvv-sk nsfvv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfvv-skeleton__card\">\n            <div class=\"nsfvv-sk nsfvv-skeleton__thumb\"><\/div>\n<div class=\"nsfvv-sk nsfvv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfvv-skeleton__card\">\n            <div class=\"nsfvv-sk nsfvv-skeleton__thumb\"><\/div>\n<div class=\"nsfvv-sk nsfvv-skeleton__foot\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <section class=\"nsfvv-result\" id=\"nsfvv-result\" aria-live=\"polite\">\n      <div class=\"nsfvv-panel nsfvv-content is-placeholder\" id=\"nsfvv-content\">\n        <div class=\"nsfvv-profile\">\n          <div class=\"nsfvv-profile__avatar-wrap\">\n            <div class=\"nsfvv-profile__ring\">\n              <img decoding=\"async\" class=\"nsfvv-profile__img\" id=\"nsfvv-avatar\" src=\"\" alt=\"Profile avatar\">\n            <\/div>\n            <button type=\"button\" class=\"nsfvv-profile__zoom\" id=\"nsfvv-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=\"nsfvv-profile__meta\">\n            <h2 class=\"nsfvv-profile__name\" id=\"nsfvv-name\">Full Name<\/h2>\n<p class=\"nsfvv-profile__handle\" id=\"nsfvv-handle\">facebook.com\/username<\/p>\n<ul class=\"nsfvv-stats\" id=\"nsfvv-stats\"><\/ul>\n          <\/div>\n        <\/div>\n<div class=\"nsfvv-notice\" id=\"nsfvv-notice\" role=\"status\">\n          <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n          <span id=\"nsfvv-notice-text\"><\/span>\n        <\/div>\n<div id=\"nsfvv-videos\"><\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<div class=\"nsfvv-modal\" id=\"nsfvv-modal\" aria-hidden=\"true\">\n    <div class=\"nsfvv-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Video preview\">\n      <button type=\"button\" class=\"nsfvv-modal__close\" id=\"nsfvv-modal-close\" aria-label=\"Close preview\">\n        <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"><\/i>\n      <\/button>\n      <div class=\"nsfvv-modal__stage\">\n        <img decoding=\"async\" class=\"nsfvv-modal__media nsfvv-modal__media--img is-hidden\" id=\"nsfvv-modal-img\" src=\"\" alt=\"Preview\"\n          referrerpolicy=\"no-referrer\">\n        <video class=\"nsfvv-modal__media nsfvv-modal__media--video is-hidden\" id=\"nsfvv-modal-video\" controls\n          playsinline preload=\"auto\" referrerpolicy=\"no-referrer\"><\/video>\n        <div class=\"nsfvv-modal__loading\" id=\"nsfvv-modal-loading\" aria-hidden=\"true\">\n          <i class=\"fa-solid fa-spinner\" aria-hidden=\"true\"><\/i>\n          <span>Loading video\u2026<\/span>\n        <\/div>\n      <\/div>\n<div class=\"nsfvv-modal__bar\">\n        <div class=\"nsfvv-modal__meta\" id=\"nsfvv-modal-meta\"><\/div>\n<div class=\"nsfvv-modal__actions\">\n          <button type=\"button\" class=\"nsfvv-modal__action is-hidden\" id=\"nsfvv-modal-download\">\n            <i class=\"fa-solid fa-download\" aria-hidden=\"true\"><\/i> Download\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div><br \/>\n<style>\n\/* Supportive Content Base Styling *\/\r\n    .supportive-content-area {\r\n        width: 100%;\r\n        line-height: 1.6;\r\n        color: #1a2a3a;\r\n    }\r\n\r\n    .support-section {\r\n        width: 100%;\r\n        padding: 80px 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .s-bg-white { background-color: #ffffff; }\r\n    .s-bg-blue { background-color: #f0f7ff; }\r\n\r\n    .support-inner {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .support-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .wh-heading {\r\n        font-size: clamp(28px, 5vw, 42px);\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n        background: linear-gradient(135deg, #0060ff 0%, #0096ff 50%, #00aaff 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .support-subtext {\r\n        font-size: 18px;\r\n        color: #64748b;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Card Grid *\/\r\n    .support-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 25px;\r\n    }\r\n\r\n    .support-card {\r\n        border-radius: 10px;\r\n        padding: 35px 25px;\r\n        text-align: center;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        position: relative;\r\n        z-index: 1;\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .s-card-blue { background-color: #f0f7ff; border: 1px solid rgba(0, 96, 255, 0.05); }\r\n    .s-card-white { background-color: #ffffff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); }\r\n\r\n    .support-card i {\r\n        font-size: 42px;\r\n        margin-bottom: 20px;\r\n        color: #0060ff;\r\n        display: block;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .support-card h3 {\r\n        font-size: 1.2rem;\r\n        font-weight: 700;\r\n        margin-bottom: 12px;\r\n        color: #0f1a26;\r\n    }\r\n\r\n    .support-card p {\r\n        font-size: 14px;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Section 1: Lift + Shadow Interaction *\/\r\n    .s1-lift .support-card:hover {\r\n        transform: translateY(-15px);\r\n        box-shadow: 0 30px 60px rgba(0, 96, 255, 0.15);\r\n    }\r\n    .s1-lift .support-card:hover i {\r\n        transform: scale(1.1) rotate(5deg);\r\n    }\r\n\r\n    \/* Section 2: Border Trace Interaction *\/\r\n    .s2-trace .support-card {\r\n        border: 2px solid transparent;\r\n    }\r\n    .s2-trace .support-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: -2px;\r\n        border-radius: 10px;\r\n        padding: 2px;\r\n        background: linear-gradient(135deg, #0060ff, #00aaff);\r\n        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n        -webkit-mask-composite: xor;\r\n        mask-composite: exclude;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n    .s2-trace .support-card:hover::before { opacity: 1; }\r\n    .s2-trace .support-card:hover i { transform: translateY(-5px); }\r\n\r\n    \/* Section 3: Spotlight Interaction *\/\r\n    .s3-spotlight .support-card {\r\n        overflow: hidden;\r\n    }\r\n    .s3-spotlight .support-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background: radial-gradient(circle at center, rgba(0, 96, 255, 0.08) 0%, transparent 70%);\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        z-index: -1;\r\n    }\r\n    .s3-spotlight .support-card:hover::after { opacity: 1; }\r\n    .s3-spotlight .support-card:hover {\r\n        border-color: #0060ff;\r\n    }\r\n    .s3-spotlight .support-card:hover i { transform: scale(1.2); }\r\n\r\n    \/* Responsive Queries *\/\r\n    @media (max-width: 1024px) {\r\n        .support-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .support-inner { padding: 0 15px; }\r\n        .support-header { margin-bottom: 40px; }\r\n        .support-section { padding: 60px 0; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .support-grid { grid-template-columns: 1fr; gap: 15px; }\r\n        .support-card { padding: 30px 20px; }\r\n        .wh-heading { font-size: 26px; }\r\n    }\n<\/style><div class=\"supportive-content-area\"><section class=\"support-section s-bg-white\"><div class=\"support-inner\"><div class=\"support-header\"><h2 class=\"wh-heading\">Why Choose Our Facebook Link Viewer?<\/h2>\r\n                <p class=\"support-subtext\">Unlock professional-grade analysis for any Facebook URL with a tool designed for speed and complete privacy.<\/p>\r\n            <\/div>\r\n            <div class=\"support-grid s1-lift\">\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-user-secret\"><\/i>\r\n                    <h3>100% Anonymous<\/h3>\r\n                    <p>Browse content without ever notifying the profile owner or leaving a digital footprint on their analytics.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-bolt\"><\/i>\r\n                    <h3>Lightning Fast<\/h3>\r\n                    <p>Our server-side engine parses complex Facebook links in milliseconds, bypassing the heavy official UI.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-shield-alt\"><\/i>\r\n                    <h3>Secure & Safe<\/h3>\r\n                    <p>Access public information without logging into your account. We never ask for passwords or personal tokens.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-expand-arrows-alt\"><\/i>\r\n                    <h3>HD Extraction<\/h3>\r\n                    <p>Automatically locate the highest possible resolution available on the Facebook CDN for all media files.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-chart-line\"><\/i>\r\n                    <h3>Deep Analytics<\/h3>\r\n                    <p>View engagement metrics, post metadata, and community stats organized in a clean, visual dashboard.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-mobile-alt\"><\/i>\r\n                    <h3>Mobile Ready<\/h3>\r\n                    <p>Lookup any Facebook link on the go. Our interface is fully optimized for Chrome, Safari, and mobile browsers.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-layer-group\"><\/i>\r\n                    <h3>Batch Recovery<\/h3>\r\n                    <p>Handle multiple images and videos from a single group link simultaneously without refreshing the page.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-check-circle\"><\/i>\r\n                    <h3>Verified Results<\/h3>\r\n                    <p>Our tool fetches live data directly to ensure the information you see is always the most current version.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2: HOW (Blue BG, White Cards) -->\r\n    <!-- Interaction: Animated border trace -->\r\n    <section class=\"support-section s-bg-blue\">\r\n        <div class=\"support-inner\">\r\n            <div class=\"support-header\">\r\n                <h2 class=\"wh-heading\">How to Preview Facebook Links Privately?<\/h2>\r\n                <p class=\"support-subtext\">Follow these four simple steps to extract and analyze data from any public Facebook URL.<\/p>\r\n            <\/div>\r\n            <div class=\"support-grid s2-trace\">\r\n                <div class=\"support-card s-card-white\">\r\n                    <i class=\"fas fa-copy\"><\/i>\r\n                    <h3>1. Copy the URL<\/h3>\r\n                    <p>Navigate to the target Facebook profile, group, or post and copy the URL from your browser's address bar.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-white\">\r\n                    <i class=\"fas fa-paste\"><\/i>\r\n                    <h3>2. Paste the Link<\/h3>\r\n                    <p>Insert the copied link into the search field at the top of this viewer to begin the extraction process.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-white\">\r\n                    <i class=\"fas fa-search\"><\/i>\r\n                    <h3>3. Hit Analyze<\/h3>\r\n                    <p>Click the \"Analyze\" button. Our system will bypass standard UI blocks to find all accessible media.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-white\">\r\n                    <i class=\"fas fa-th-large\"><\/i>\r\n                    <h3>4. View & Save<\/h3>\r\n                    <p>Browse the results in categorized tabs and use the download buttons to save HD content to your device.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-white\">\r\n                    <i class=\"fas fa-eye\"><\/i>\r\n                    <h3>Live Preview<\/h3>\r\n                    <p>Hover over any image or video thumbnail to see a high-quality preview before deciding to download.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-white\">\r\n                    <i class=\"fas fa-filter\"><\/i>\r\n                    <h3>Smart Filtering<\/h3>\r\n                    <p>Quickly sort through thousands of images or posts using our intelligent quality-based filtering logic.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-white\">\r\n                    <i class=\"fas fa-file-export\"><\/i>\r\n                    <h3>Export Data<\/h3>\r\n                    <p>Download profile information in structured JSON format for your own research or record-keeping.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-white\">\r\n                    <i class=\"fas fa-sync-alt\"><\/i>\r\n                    <h3>New Search<\/h3>\r\n                    <p>Simply clear the input field to perform a new lookup. There are no daily limits on your searches.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3: WHAT (White BG, Blue Cards) -->\r\n    <!-- Interaction: Soft spotlight hover focus -->\r\n    <section class=\"support-section s-bg-white\">\r\n        <div class=\"support-inner\">\r\n            <div class=\"support-header\">\r\n                <h2 class=\"wh-heading\">What Can Our URL Preview Tool Analyze?<\/h2>\r\n                <p class=\"support-subtext\">A comprehensive overview of the data points and media types our analyzer recovers.<\/p>\r\n            <\/div>\r\n            <div class=\"support-grid s3-spotlight\">\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-images\"><\/i>\r\n                    <h3>High-Res Photos<\/h3>\r\n                    <p>Recover profile pictures, cover photos, and album images in their original, uncompressed HD quality.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-video\"><\/i>\r\n                    <h3>Video Statuses<\/h3>\r\n                    <p>Preview and download video posts, reels, and huddle videos shared across public profiles and groups.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-users-cog\"><\/i>\r\n                    <h3>Group Metadata<\/h3>\r\n                    <p>Extract member counts, privacy settings, and community descriptions from public Facebook groups.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-id-badge\"><\/i>\r\n                    <h3>Profile Bios<\/h3>\r\n                    <p>View workplace information, education history, and bio text organized in a structured, readable card.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-history\"><\/i>\r\n                    <h3>Post Timeline<\/h3>\r\n                    <p>A chronological feed of recent wall posts, including full-text captions and attached media items.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-certificate\"><\/i>\r\n                    <h3>Verified Status<\/h3>\r\n                    <p>Instantly confirm if a page or profile is officially verified by the platform with our badge detector.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-database\"><\/i>\r\n                    <h3>Hidden Metadata<\/h3>\r\n                    <p>Access file dimensions, upload timestamps, and server-side quality scores for every media item.<\/p>\r\n                <\/div>\r\n                <div class=\"support-card s-card-blue\">\r\n                    <i class=\"fas fa-link\"><\/i>\r\n                    <h3>CDN Direct Links<\/h3>\r\n                    <p>Get access to direct media links that bypass the heavy Facebook interface for instant loading.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div><style>\r\n    \/* Supportive Content Base Styling *\/\r\n    .supportive-content-area {\r\n        width: 100%;\r\n        line-height: 1.6;\r\n        color: #1a2a3a;\r\n    }\r\n\r\n    .support-section {\r\n        width: 100%;\r\n        padding: 80px 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .s-bg-white { background-color: #ffffff; }\r\n    .s-bg-blue { background-color: #f0f7ff; }\r\n\r\n    .support-inner {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .support-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .wh-heading {\r\n        font-size: clamp(28px, 5vw, 42px);\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n        background: linear-gradient(135deg, #0060ff 0%, #0096ff 50%, #00aaff 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .support-subtext {\r\n        font-size: 18px;\r\n        color: #64748b;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Card Grid *\/\r\n    .support-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 25px;\r\n    }\r\n\r\n    .support-card {\r\n        border-radius: 10px;\r\n        padding: 35px 25px;\r\n        text-align: center;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        position: relative;\r\n        z-index: 1;\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .s-card-blue { background-color: #f0f7ff; border: 1px solid rgba(0, 96, 255, 0.05); }\r\n    .s-card-white { background-color: #ffffff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); }\r\n\r\n    .support-card i {\r\n        font-size: 42px;\r\n        margin-bottom: 20px;\r\n        color: #0060ff;\r\n        display: block;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .support-card h3 {\r\n        font-size: 1.2rem;\r\n        font-weight: 700;\r\n        margin-bottom: 12px;\r\n        color: #0f1a26;\r\n    }\r\n\r\n    .support-card p {\r\n        font-size: 14px;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Section 1: Lift + Shadow Interaction *\/\r\n    .s1-lift .support-card:hover {\r\n        transform: translateY(-15px);\r\n        box-shadow: 0 30px 60px rgba(0, 96, 255, 0.15);\r\n    }\r\n    .s1-lift .support-card:hover i {\r\n        transform: scale(1.1) rotate(5deg);\r\n    }\r\n\r\n    \/* Section 2: Border Trace Interaction *\/\r\n    .s2-trace .support-card {\r\n        border: 2px solid transparent;\r\n    }\r\n    .s2-trace .support-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: -2px;\r\n        border-radius: 10px;\r\n        padding: 2px;\r\n        background: linear-gradient(135deg, #0060ff, #00aaff);\r\n        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n        -webkit-mask-composite: xor;\r\n        mask-composite: exclude;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n    .s2-trace .support-card:hover::before { opacity: 1; }\r\n    .s2-trace .support-card:hover i { transform: translateY(-5px); }\r\n\r\n    \/* Section 3: Spotlight Interaction *\/\r\n    .s3-spotlight .support-card {\r\n        overflow: hidden;\r\n    }\r\n    .s3-spotlight .support-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background: radial-gradient(circle at center, rgba(0, 96, 255, 0.08) 0%, transparent 70%);\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        z-index: -1;\r\n    }\r\n    .s3-spotlight .support-card:hover::after { opacity: 1; }\r\n    .s3-spotlight .support-card:hover {\r\n        border-color: #0060ff;\r\n    }\r\n    .s3-spotlight .support-card:hover i { transform: scale(1.2); }\r\n\r\n    \/* Responsive Queries *\/\r\n    @media (max-width: 1024px) {\r\n        .support-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .support-inner { padding: 0 15px; }\r\n        .support-header { margin-bottom: 40px; }\r\n        .support-section { padding: 60px 0; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .support-grid { grid-template-columns: 1fr; gap: 15px; }\r\n        .support-card { padding: 30px 20px; }\r\n        .wh-heading { font-size: 26px; }\r\n    }\r\n<\/style><\/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-6869","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6869","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=6869"}],"version-history":[{"count":32,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6869\/revisions"}],"predecessor-version":[{"id":7910,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/6869\/revisions\/7910"}],"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=6869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}