{"id":1071,"date":"2025-10-20T05:54:22","date_gmt":"2025-10-20T05:54:22","guid":{"rendered":"https:\/\/viewri.com\/?page_id=1071"},"modified":"2026-08-20T13:49:59","modified_gmt":"2026-08-20T13:49:59","slug":"reel","status":"publish","type":"page","link":"https:\/\/viewri.com\/facebook\/reel\/","title":{"rendered":"Facebook reel viewer"},"content":{"rendered":"<p><!-- tc-cache-bust:2026-08-20T13:49:58Z --><br \/>\n[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<style>\n\/* New Social Facebook Reels Viewer \u2014 WordPress-scoped styles *\/\n    .nsfrv {\n        --nsfrv-ink: #ffffff;\n        --nsfrv-muted: #c5daf8;\n        --nsfrv-dim: #8fb4e8;\n        --nsfrv-bg: #0b1f3d;\n        --nsfrv-panel: #123056;\n        --nsfrv-panel-soft: #1a3f70;\n        --nsfrv-hover: #24528c;\n        --nsfrv-line: rgba(24, 119, 242, 0.45);\n        --nsfrv-accent: #1877f2;\n        --nsfrv-accent-deep: #0d65d9;\n        --nsfrv-cool: #4dabf7;\n        --nsfrv-success: #42b72a;\n        --nsfrv-danger: #f02849;\n        --nsfrv-radius: 10px;\n        --nsfrv-shadow: 0 8px 24px rgba(8, 40, 90, 0.45);\n        --nsfrv-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        --nsfrv-space: 16px;\n        --nsfrv-avatar: 88px;\n        --nsfrv-pad: 16px;\n        --nsfrv-gap: 12px;\n        --nsfrv-cols: 2;\n        --nsfrv-grid-min: max(150px, 46%);\n\n        box-sizing: border-box;\n        font-family: var(--nsfrv-font);\n        color: var(--nsfrv-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(--nsfrv-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    .nsfrv *,\n    .nsfrv *::before,\n    .nsfrv *::after {\n        box-sizing: border-box;\n    }\n\n    .nsfrv :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    .nsfrv :where(ul, ol) {\n        list-style: none;\n    }\n\n    .nsfrv img,\n    .nsfrv video {\n        max-width: 100%;\n        height: auto;\n        display: block;\n        border: 0;\n    }\n\n    .nsfrv a {\n        color: var(--nsfrv-cool);\n        text-decoration: none;\n    }\n\n    .nsfrv button {\n        font-family: inherit;\n    }\n\n    .nsfrv-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(--nsfrv-space);\n    }\n\n    .nsfrv-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    .nsfrv-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(--nsfrv-panel);\n        border: 1px solid var(--nsfrv-line);\n        border-radius: var(--nsfrv-radius);\n        box-shadow: var(--nsfrv-shadow);\n    }\n\n    .nsfrv-hero__title {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 0 10px;\n        color: var(--nsfrv-ink);\n    }\n\n    .nsfrv-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    .nsfrv .nsfrv-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    .nsfrv .nsfrv-hero__icon i {\n        display: block;\n        line-height: 1;\n    }\n\n    .nsfrv-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    .nsfrv-hero__title-mark {\n        color: var(--nsfrv-cool);\n        font-weight: 800;\n    }\n\n    .nsfrv-hero__lead {\n        color: var(--nsfrv-muted);\n        font-size: 0.95rem;\n        max-width: 52ch;\n        margin: 0 auto 16px;\n    }\n\n    .nsfrv-search__label {\n        display: block;\n        font-size: 0.82rem;\n        font-weight: 700;\n        color: var(--nsfrv-dim);\n        margin-bottom: 8px;\n        text-align: left;\n    }\n\n    .nsfrv-search__row {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        width: 100%;\n        min-width: 0;\n    }\n\n    .nsfrv .nsfrv-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(--nsfrv-line) !important;\n        background: var(--nsfrv-panel-soft) !important;\n        color: var(--nsfrv-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    .nsfrv .nsfrv-search__field::placeholder {\n        color: var(--nsfrv-dim) !important;\n        opacity: 1 !important;\n    }\n\n    .nsfrv .nsfrv-search__field:focus {\n        border-color: var(--nsfrv-accent) !important;\n        box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.25) !important;\n    }\n\n    .nsfrv-search__actions {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        width: 100%;\n    }\n\n    .nsfrv .nsfrv-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    .nsfrv .nsfrv-btn i {\n        display: inline-block;\n        line-height: 1;\n    }\n\n    .nsfrv .nsfrv-btn--paste {\n        background: var(--nsfrv-panel-soft) !important;\n        border: 1px solid var(--nsfrv-line) !important;\n        color: var(--nsfrv-muted) !important;\n    }\n\n    .nsfrv .nsfrv-btn--view {\n        background: linear-gradient(135deg, var(--nsfrv-accent), var(--nsfrv-success)) !important;\n    }\n\n    .nsfrv .nsfrv-btn:disabled {\n        opacity: 0.65;\n        cursor: not-allowed;\n    }\n\n    .nsfrv-search__hint {\n        margin-top: 10px;\n        font-size: 0.82rem;\n        color: var(--nsfrv-dim);\n    }\n\n    \/* Cloudflare Turnstile \u2014 sit above the input row, never inside it *\/\n    .nsfrv #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    .nsfrv #xrespond-tools-turnstile-host.is-visible {\n        display: block;\n    }\n\n    .nsfrv #xrespond-tools-turnstile-host .xrespond-ts-label {\n        display: block;\n        font-size: 0.85rem;\n        color: var(--nsfrv-muted);\n        margin-bottom: 0.45rem;\n    }\n\n    .nsfrv #xrespond-tools-turnstile-host .xrespond-ts-widget {\n        min-height: 65px;\n        max-width: 100%;\n        overflow: hidden;\n    }\n\n    .nsfrv #xrespond-tools-turnstile-host .xrespond-ts-error {\n        color: #ff8e8e;\n    }\n\n    .nsfrv-search__row:has(#xrespond-tools-turnstile-host),\n    .nsfrv-search__actions:has(#xrespond-tools-turnstile-host) {\n        flex-wrap: wrap !important;\n    }\n\n    .nsfrv-search__row>#xrespond-tools-turnstile-host,\n    .nsfrv-search__actions>#xrespond-tools-turnstile-host {\n        flex: 0 0 100% !important;\n        width: 100% !important;\n        order: -1;\n    }\n\n    .nsfrv-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    .nsfrv-alert.is-visible {\n        display: block;\n    }\n\n    .nsfrv-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(--nsfrv-muted);\n        font-size: 0.86rem;\n        font-weight: 600;\n    }\n\n    .nsfrv-notice.is-visible {\n        display: flex;\n    }\n\n    .nsfrv-notice i {\n        color: var(--nsfrv-cool);\n        margin-top: 2px;\n    }\n\n    \/* Skeleton *\/\n    .nsfrv .nsfrv-skeleton {\n        display: none;\n        margin: 0;\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n\n    .nsfrv .nsfrv-skeleton.is-visible {\n        display: block;\n    }\n\n    .nsfrv .nsfrv-content.is-hidden {\n        display: none !important;\n    }\n\n    .nsfrv .nsfrv-content.is-placeholder .nsfrv-profile__zoom {\n        opacity: 0.55;\n        pointer-events: none;\n    }\n\n    .nsfrv .nsfrv-content.is-placeholder .nsfrv-card__media,\n    .nsfrv .nsfrv-content.is-placeholder .nsfrv-card__action {\n        pointer-events: none;\n    }\n\n    .nsfrv .nsfrv-content.is-placeholder .nsfrv-card__action {\n        opacity: 0.72;\n    }\n\n    .nsfrv-card__media--ghost {\n        background: linear-gradient(145deg, #123056, #1a4f8c 55%, #0d65d9);\n    }\n\n    .nsfrv-card__media--ghost-b {\n        background: linear-gradient(145deg, #0f2a4d, #1877f2 60%, #42b72a);\n    }\n\n    .nsfrv-card__media--ghost-c {\n        background: linear-gradient(145deg, #142848, #24528c 50%, #4dabf7);\n    }\n\n    .nsfrv-card__media--ghost .nsfrv-card__img {\n        display: none;\n    }\n\n    @keyframes nsfrv-shimmer {\n        0% {\n            background-position: -400px 0;\n        }\n\n        100% {\n            background-position: 400px 0;\n        }\n    }\n\n    .nsfrv .nsfrv-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: nsfrv-shimmer 1.3s linear infinite;\n        border-radius: 8px;\n    }\n\n    .nsfrv-skeleton__panel {\n        background: var(--nsfrv-panel);\n        border: 1px solid var(--nsfrv-line);\n        border-radius: var(--nsfrv-radius);\n        padding: var(--nsfrv-pad);\n        box-shadow: var(--nsfrv-shadow);\n    }\n\n    .nsfrv-skeleton__profile {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        margin-bottom: 16px;\n    }\n\n    .nsfrv .nsfrv-skeleton__avatar {\n        width: var(--nsfrv-avatar);\n        height: var(--nsfrv-avatar);\n        border-radius: 50%;\n        flex-shrink: 0;\n    }\n\n    .nsfrv-skeleton__meta {\n        flex: 1;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .nsfrv-skeleton__line {\n        height: 14px;\n        width: 100%;\n    }\n\n    .nsfrv-skeleton__line--lg {\n        width: 55%;\n        height: 18px;\n    }\n\n    .nsfrv-skeleton__line--md {\n        width: 35%;\n    }\n\n    .nsfrv-skeleton__grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfrv-grid-min)), 1fr));\n        gap: var(--nsfrv-gap);\n    }\n\n    .nsfrv-skeleton__card {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .nsfrv-skeleton__thumb {\n        width: 100%;\n        aspect-ratio: 9 \/ 16;\n        border-radius: 10px;\n    }\n\n    .nsfrv-skeleton__foot {\n        height: 14px;\n        width: 70%;\n    }\n\n    .nsfrv-result {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n\n    .nsfrv-panel {\n        background: var(--nsfrv-panel);\n        border: 1px solid var(--nsfrv-line);\n        border-radius: var(--nsfrv-radius);\n        box-shadow: var(--nsfrv-shadow);\n        padding: var(--nsfrv-pad);\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n\n    .nsfrv-profile {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 14px;\n        margin-bottom: 16px;\n    }\n\n    .nsfrv-profile__avatar-wrap {\n        position: relative;\n        width: var(--nsfrv-avatar);\n        height: var(--nsfrv-avatar);\n        flex-shrink: 0;\n    }\n\n    .nsfrv-profile__ring {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        padding: 3px;\n        background: linear-gradient(135deg, var(--nsfrv-accent), var(--nsfrv-success));\n    }\n\n    .nsfrv-profile__img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        object-fit: cover;\n        background: var(--nsfrv-panel-soft);\n    }\n\n    .nsfrv .nsfrv-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(--nsfrv-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    .nsfrv-profile__meta {\n        min-width: 0;\n        flex: 1;\n        width: 100%;\n    }\n\n    .nsfrv-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    .nsfrv-profile__handle {\n        color: var(--nsfrv-muted);\n        font-size: 0.92rem;\n        font-weight: 600;\n        margin-top: 4px;\n        word-break: break-all;\n    }\n\n    .nsfrv-stats {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        margin-top: 12px;\n    }\n\n    .nsfrv-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(--nsfrv-muted);\n    }\n\n    .nsfrv-stats__badge i {\n        color: var(--nsfrv-cool);\n    }\n\n    .nsfrv-pane__head {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 10px;\n        margin-bottom: 12px;\n        flex-wrap: wrap;\n        min-width: 0;\n    }\n\n    .nsfrv-pane__title {\n        font-size: 1rem;\n        font-weight: 800;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        min-width: 0;\n        flex: 1 1 auto;\n    }\n\n    .nsfrv-pane__title i {\n        color: var(--nsfrv-cool);\n        flex-shrink: 0;\n    }\n\n    .nsfrv-pane__count {\n        font-size: 0.82rem;\n        font-weight: 700;\n        color: var(--nsfrv-dim);\n        flex: 0 0 auto;\n        white-space: nowrap;\n    }\n\n    .nsfrv-grid {\n        display: grid;\n        align-items: start;\n        grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfrv-grid-min)), 1fr));\n        gap: var(--nsfrv-gap);\n        width: 100%;\n        min-width: 0;\n    }\n\n    .nsfrv-card {\n        background: var(--nsfrv-panel-soft);\n        border: 1px solid var(--nsfrv-line);\n        border-radius: 12px;\n        overflow: hidden;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .nsfrv-card__media {\n        position: relative;\n        aspect-ratio: 9 \/ 16;\n        background: #0a1628;\n        cursor: pointer;\n        overflow: hidden;\n        flex: 0 0 auto;\n    }\n\n    .nsfrv .nsfrv-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    .nsfrv-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    .nsfrv-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    .nsfrv-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    .nsfrv-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    .nsfrv-card__foot {\n        display: flex;\n        flex-direction: column;\n        align-items: stretch;\n        justify-content: flex-start;\n        gap: 8px;\n        padding: 10px;\n        min-width: 0;\n        margin-top: auto;\n    }\n\n    .nsfrv-card__title {\n        flex: 0 1 auto;\n        min-width: 0;\n        width: 100%;\n        font-size: 0.82rem;\n        font-weight: 700;\n        color: var(--nsfrv-muted);\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        line-height: 1.3;\n    }\n\n    .nsfrv-card__actions {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 6px;\n        width: 100%;\n        min-width: 0;\n    }\n\n    .nsfrv .nsfrv-card__action {\n        display: inline-flex !important;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        width: 100%;\n        min-height: 36px;\n        min-width: 0;\n        padding: 6px 8px !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.74rem !important;\n        font-weight: 700 !important;\n        cursor: pointer;\n        appearance: none !important;\n        -webkit-appearance: none !important;\n        touch-action: manipulation;\n        white-space: nowrap;\n        overflow: hidden;\n    }\n\n    .nsfrv .nsfrv-card__action i {\n        flex-shrink: 0;\n    }\n\n    .nsfrv .nsfrv-card__action-label {\n        min-width: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    \/* Multi-column grids: icon-only actions so labels never collide *\/\n    .nsfrv.nsfrv--cols-3 .nsfrv-card__action,\n    .nsfrv.nsfrv--cols-4 .nsfrv-card__action,\n    .nsfrv.nsfrv--cols-5 .nsfrv-card__action {\n        padding: 6px !important;\n        gap: 0;\n    }\n\n    .nsfrv.nsfrv--cols-3 .nsfrv-card__action-label,\n    .nsfrv.nsfrv--cols-4 .nsfrv-card__action-label,\n    .nsfrv.nsfrv--cols-5 .nsfrv-card__action-label {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n        border: 0;\n    }\n\n    .nsfrv .nsfrv-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    .nsfrv-empty {\n        text-align: center;\n        padding: 28px 14px;\n        color: var(--nsfrv-muted);\n    }\n\n    .nsfrv-empty i {\n        display: block;\n        font-size: 2rem;\n        margin: 0 auto 12px;\n        color: #fff;\n        opacity: 0.85;\n    }\n\n    .nsfrv-empty p {\n        margin: 0 auto;\n        max-width: 36ch;\n        font-size: 0.95rem;\n    }\n\n    .nsfrv-tab-sk {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfrv-grid-min)), 1fr));\n        gap: var(--nsfrv-gap);\n    }\n\n    .nsfrv-tab-sk__video {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .nsfrv-tab-sk__thumb {\n        width: 100%;\n        aspect-ratio: 9 \/ 16;\n        border-radius: 10px;\n    }\n\n    .nsfrv-tab-sk__foot {\n        height: 14px;\n        width: 65%;\n    }\n\n    \/* Modal *\/\n    .nsfrv-modal {\n        display: none;\n        position: fixed;\n        inset: 0;\n        z-index: 99999;\n        background: rgba(0, 0, 0, 0.72);\n        padding: max(8px, env(safe-area-inset-top, 0px)) max(8px, env(safe-area-inset-right, 0px)) max(8px, env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px));\n        align-items: center;\n        justify-content: center;\n    }\n\n    .nsfrv-modal.is-open {\n        display: flex;\n    }\n\n    .nsfrv-modal__dialog {\n        position: relative;\n        width: min(420px, 100%);\n        max-width: 100%;\n        max-height: min(92dvh, 92vh, 900px);\n        background: var(--nsfrv-panel);\n        border: 1px solid var(--nsfrv-line);\n        border-radius: 16px;\n        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);\n        overflow: hidden;\n        padding: 10px;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        min-width: 0;\n    }\n\n    .nsfrv .nsfrv-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    .nsfrv-modal__stage {\n        position: relative;\n        width: 100%;\n        min-width: 0;\n        flex: 1 1 auto;\n        background: #0b1220;\n        border-radius: 10px;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-height: min(42dvh, 280px);\n        max-height: min(72dvh, 72vh, 760px);\n    }\n\n    .nsfrv .nsfrv-modal__media {\n        width: 100%;\n        max-width: 100%;\n        max-height: min(72dvh, 72vh, 760px);\n        height: auto;\n        object-fit: contain;\n        background: #000;\n        display: block;\n    }\n\n    .nsfrv .nsfrv-modal__media.is-hidden {\n        display: none !important;\n    }\n\n    .nsfrv-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    .nsfrv-modal__loading.is-visible {\n        display: flex;\n    }\n\n    .nsfrv-modal__loading i {\n        animation: nsfrv-spin 0.9s linear infinite;\n    }\n\n    @keyframes nsfrv-spin {\n        to {\n            transform: rotate(360deg);\n        }\n    }\n\n    .nsfrv-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        flex: 0 0 auto;\n    }\n\n    .nsfrv-modal__meta {\n        flex: 1 1 140px;\n        margin: 0;\n        color: var(--nsfrv-muted);\n        font-size: 0.88rem;\n        font-weight: 600;\n        min-width: 0;\n        word-break: break-word;\n    }\n\n    .nsfrv-modal__actions {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        width: 100%;\n        max-width: 100%;\n    }\n\n    .nsfrv .nsfrv-modal__action {\n        display: inline-flex !important;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        min-height: 44px;\n        flex: 1 1 auto;\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    .nsfrv .nsfrv-modal__action:disabled,\n    .nsfrv .nsfrv-modal__action.is-hidden {\n        display: none !important;\n    }\n\n    .nsfrv-dlprog {\n        position: fixed;\n        right: max(12px, env(safe-area-inset-right, 0px));\n        bottom: max(12px, env(safe-area-inset-bottom, 0px));\n        left: auto;\n        z-index: 100000;\n        width: min(360px, calc(100vw - 24px));\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    .nsfrv-dlprog.is-open {\n        display: block;\n    }\n\n    .nsfrv-dlprog.is-success {\n        border-color: rgba(66, 183, 42, 0.55);\n    }\n\n    .nsfrv-dlprog.is-error {\n        border-color: rgba(255, 107, 122, 0.55);\n    }\n\n    .nsfrv-dlprog__head {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 10px;\n        margin-bottom: 8px;\n    }\n\n    .nsfrv-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    .nsfrv-dlprog__title i {\n        color: #42b72a;\n    }\n\n    .nsfrv-dlprog__name {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    .nsfrv-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    .nsfrv-dlprog__track {\n        height: 8px;\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.12);\n        overflow: hidden;\n    }\n\n    .nsfrv-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    .nsfrv-dlprog.is-indeterminate .nsfrv-dlprog__fill {\n        width: 40% !important;\n        animation: nsfrv-dlprog-slide 1.1s ease-in-out infinite;\n    }\n\n    @keyframes nsfrv-dlprog-slide {\n        0% {\n            transform: translateX(-120%);\n        }\n\n        100% {\n            transform: translateX(280%);\n        }\n    }\n\n    .nsfrv-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    \/* Responsive \u2014 same pattern as facebook\/video + page compact overrides *\/\n    @media (max-width: 479.98px) {\n        .nsfrv {\n            --nsfrv-grid-min: 100%;\n            --nsfrv-avatar: 72px;\n            --nsfrv-pad: 12px;\n            --nsfrv-gap: 10px;\n            padding: 8px;\n        }\n\n        .nsfrv-hero__brand {\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .nsfrv-hero__title-text {\n            justify-content: center;\n            text-align: center;\n            font-size: 1.15rem;\n        }\n\n        .nsfrv-card__actions {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    @media (min-width: 480px) and (max-width: 767.98px) {\n        .nsfrv {\n            --nsfrv-grid-min: max(150px, 46%);\n        }\n    }\n\n    @media (min-width: 768px) {\n        .nsfrv:not(.nsfrv--compact) {\n            --nsfrv-grid-min: 170px;\n            --nsfrv-avatar: 96px;\n            --nsfrv-pad: 18px;\n            --nsfrv-gap: 14px;\n        }\n\n        .nsfrv:not(.nsfrv--compact) .nsfrv-search__row {\n            flex-direction: row;\n            align-items: stretch;\n        }\n\n        .nsfrv:not(.nsfrv--compact) .nsfrv-search__actions {\n            width: auto;\n            flex: 0 0 auto;\n        }\n\n        .nsfrv:not(.nsfrv--compact) .nsfrv-btn {\n            flex: 0 0 auto;\n        }\n\n        .nsfrv:not(.nsfrv--compact) .nsfrv-profile {\n            flex-direction: row;\n            align-items: center;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        .nsfrv:not(.nsfrv--compact) {\n            --nsfrv-grid-min: 180px;\n            --nsfrv-avatar: 104px;\n        }\n    }\n\n    \/* WordPress \/ Live Server narrow container (set by ResizeObserver) *\/\n    .nsfrv.nsfrv--compact {\n        --nsfrv-avatar: 72px;\n        --nsfrv-pad: 12px;\n        --nsfrv-gap: 10px;\n        --nsfrv-grid-min: max(150px, 46%);\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-search__row {\n        flex-direction: column !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-search__actions {\n        width: 100% !important;\n        display: flex !important;\n        flex-wrap: wrap !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-btn {\n        flex: 1 1 calc(50% - 4px) !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-profile {\n        flex-direction: column !important;\n        align-items: flex-start !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-card__foot {\n        flex-direction: column !important;\n        align-items: stretch !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-card__actions {\n        display: grid !important;\n        grid-template-columns: 1fr 1fr !important;\n        width: 100% !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-card__action {\n        width: 100% !important;\n    }\n\n    .nsfrv.nsfrv--narrow {\n        --nsfrv-grid-min: 100%;\n        --nsfrv-avatar: 64px;\n        padding: 8px;\n    }\n\n    .nsfrv.nsfrv--narrow .nsfrv-btn {\n        flex: 1 1 100% !important;\n    }\n\n    .nsfrv.nsfrv--narrow .nsfrv-search__actions {\n        flex-direction: column !important;\n    }\n\n    .nsfrv.nsfrv--narrow .nsfrv-card__actions {\n        grid-template-columns: 1fr !important;\n    }\n\n    .nsfrv.nsfrv--narrow .nsfrv-hero__brand {\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .nsfrv.nsfrv--narrow .nsfrv-hero__title-text {\n        font-size: 1.12rem;\n        justify-content: center;\n        text-align: center;\n    }\n\n    @media (hover: none) {\n\n        .nsfrv .nsfrv-btn:hover,\n        .nsfrv .nsfrv-card__action:hover {\n            transform: none;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n        .nsfrv .nsfrv-sk,\n        .nsfrv .nsfrv-modal__loading i,\n        .nsfrv-dlprog.is-indeterminate .nsfrv-dlprog__fill {\n            animation: none !important;\n        }\n    }\n\n    \/* Search controls: one row on large screens, wrap on narrow *\/\n    .nsfrv .nsfrv-search,\n    .nsfrv .nsfrv-search .nsfrv-search__row,\n    .nsfrv .nsfrv-search .nsfrv-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    .nsfrv .nsfrv-search .nsfrv-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    .nsfrv .nsfrv-search .nsfrv-search__field,\n    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-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    .nsfrv .nsfrv-search .nsfrv-search__actions,\n    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-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    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n    .nsfrv .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n    .nsfrv .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-btn {\n        flex: 0 0 auto !important;\n        width: auto !important;\n        max-width: none !important;\n        min-width: 110px !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row {\n        flex-wrap: wrap !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__field,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__field,\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row>.nsfrv-search__field,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row>.nsfrv-search__field {\n        flex: 1 1 100% !important;\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__actions,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__actions,\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row>.nsfrv-search__actions,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row>.nsfrv-search__actions {\n        flex: 1 1 100% !important;\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-btn,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-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        .nsfrv .nsfrv-search .nsfrv-search__row {\n            flex-wrap: wrap !important;\n        }\n\n        .nsfrv .nsfrv-search .nsfrv-search__field,\n        .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-search__field {\n            flex: 1 1 100% !important;\n            width: 100% !important;\n            max-width: 100% !important;\n        }\n\n        .nsfrv .nsfrv-search .nsfrv-search__actions,\n        .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-search__actions {\n            flex: 1 1 100% !important;\n            width: 100% !important;\n            max-width: 100% !important;\n        }\n\n        .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n        .nsfrv .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n        .nsfrv .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-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 Reels Viewer \u2014 WordPress-scoped styles *\/\n.nsfrv {\n    --nsfrv-ink: #f8fbff;\n    --nsfrv-muted: #cfe0f7;\n    --nsfrv-dim: #93add0;\n    --nsfrv-bg: #07111f;\n    --nsfrv-panel: rgba(13, 28, 51, 0.82);\n    --nsfrv-panel-soft: rgba(24, 47, 82, 0.78);\n    --nsfrv-hover: rgba(55, 105, 177, 0.72);\n    --nsfrv-line: rgba(148, 180, 224, 0.24);\n    --nsfrv-accent: #2f8cff;\n    --nsfrv-accent-deep: #1769df;\n    --nsfrv-cool: #72d0ff;\n    --nsfrv-success: #35d07f;\n    --nsfrv-danger: #ff4d67;\n    --nsfrv-radius: 18px;\n    --nsfrv-shadow: 0 18px 50px rgba(2, 8, 23, 0.34);\n    --nsfrv-glow: 0 0 0 4px rgba(47, 140, 255, 0.18);\n    --nsfrv-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    --nsfrv-space: clamp(16px, 2.4vw, 24px);\n    --nsfrv-avatar: 88px;\n    --nsfrv-pad: clamp(16px, 2.2vw, 24px);\n    --nsfrv-gap: 14px;\n    --nsfrv-cols: 2;\n    --nsfrv-grid-min: max(150px, 46%);\n\n    box-sizing: border-box;\n    font-family: var(--nsfrv-font);\n    color: var(--nsfrv-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% 55% at 12% 0%, rgba(47, 140, 255, 0.42), transparent 58%),\n        radial-gradient(ellipse 55% 45% at 100% 8%, rgba(53, 208, 127, 0.2), transparent 55%),\n        linear-gradient(145deg, #050b16 0%, #08182f 42%, #0d2f5e 76%, #1769df 150%);\n    border-radius: 0;\n    border: 1px solid rgba(255, 255, 255, 0.08);\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.nsfrv *,\n.nsfrv *::before,\n.nsfrv *::after {\n    box-sizing: border-box;\n}\n\n.nsfrv :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.nsfrv :where(ul, ol) {\n    list-style: none;\n}\n\n.nsfrv img,\n.nsfrv video {\n    max-width: 100%;\n    height: auto;\n    display: block;\n    border: 0;\n}\n\n.nsfrv a {\n    color: var(--nsfrv-cool);\n    text-decoration: none;\n}\n\n.nsfrv button {\n    font-family: inherit;\n}\n\n.nsfrv-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(--nsfrv-space);\n}\n\n.nsfrv-hero {\n    background: transparent;\n    padding: clamp(28px, 5vw, 56px) 0 10px;\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.nsfrv-search {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 12px;\n    text-align: left;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    margin-top: 18px;\n    padding: var(--nsfrv-pad);\n    background:\n        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)),\n        var(--nsfrv-panel);\n    border: 1px solid var(--nsfrv-line);\n    border-radius: var(--nsfrv-radius);\n    box-shadow: var(--nsfrv-shadow);\n    backdrop-filter: blur(18px);\n}\n\n.nsfrv-hero__title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 10px;\n    color: var(--nsfrv-ink);\n    font-size: clamp(2rem, 5vw, 4rem);\n    font-weight: 850;\n    line-height: 1.04;\n    letter-spacing: 0;\n}\n\n.nsfrv-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.nsfrv .nsfrv-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(--nsfrv-accent), var(--nsfrv-cool));\n    color: #fff;\n    font-size: 1.45rem;\n    line-height: 1;\n    box-shadow: 0 12px 28px rgba(47, 140, 255, 0.32);\n}\n\n.nsfrv .nsfrv-hero__icon i {\n    display: block;\n    line-height: 1;\n}\n\n.nsfrv-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.nsfrv-hero__title-mark {\n    color: var(--nsfrv-cool);\n    font-weight: 800;\n}\n\n.nsfrv-hero__lead {\n    color: var(--nsfrv-muted);\n    font-size: clamp(0.98rem, 1.6vw, 1.08rem);\n    max-width: 58ch;\n    margin: 0 auto 18px;\n}\n\n.nsfrv-search__label {\n    display: block;\n    font-size: 0.84rem;\n    font-weight: 800;\n    color: var(--nsfrv-muted);\n    margin-bottom: 2px;\n    text-align: left;\n}\n\n.nsfrv-search__row {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    width: 100%;\n    min-width: 0;\n}\n\n.nsfrv .nsfrv-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(169, 199, 238, 0.25) !important;\n    background: rgba(5, 13, 27, 0.56) !important;\n    color: var(--nsfrv-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.05) !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.nsfrv .nsfrv-search__field::placeholder {\n    color: #8aa3c5 !important;\n    opacity: 1 !important;\n}\n\n.nsfrv .nsfrv-search__field:focus {\n    border-color: var(--nsfrv-accent) !important;\n    box-shadow: var(--nsfrv-glow), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;\n    background: rgba(7, 18, 36, 0.82) !important;\n}\n\n.nsfrv-search__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    width: 100%;\n}\n\n.nsfrv .nsfrv-btn {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\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 26px rgba(2, 8, 23, 0.24);\n    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, border-color 0.18s ease;\n}\n\n.nsfrv .nsfrv-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 18px 34px rgba(2, 8, 23, 0.34);\n}\n\n.nsfrv .nsfrv-btn:active {\n    transform: translateY(0);\n    filter: brightness(0.96);\n}\n\n.nsfrv .nsfrv-btn:focus-visible {\n    outline: none;\n    box-shadow: var(--nsfrv-glow), 0 16px 32px rgba(2, 8, 23, 0.3);\n}\n\n.nsfrv .nsfrv-btn i {\n    display: inline-block;\n    line-height: 1;\n}\n\n.nsfrv .nsfrv-btn--paste {\n    background: rgba(255, 255, 255, 0.08) !important;\n    border: 1px solid rgba(169, 199, 238, 0.25) !important;\n    color: var(--nsfrv-muted) !important;\n}\n\n.nsfrv .nsfrv-btn--view {\n    background: linear-gradient(135deg, var(--nsfrv-accent), #5b7cff 48%, var(--nsfrv-success)) !important;\n}\n\n.nsfrv .nsfrv-btn:disabled {\n    opacity: 0.65;\n    cursor: not-allowed;\n    transform: none;\n}\n\n.nsfrv-search__hint {\n    margin-top: 4px;\n    font-size: 0.84rem;\n    color: var(--nsfrv-dim);\n}\n\n\/* Cloudflare Turnstile \u2014 sit above the input row, never inside it *\/\n.nsfrv #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.nsfrv #xrespond-tools-turnstile-host.is-visible {\n    display: block;\n}\n\n.nsfrv #xrespond-tools-turnstile-host .xrespond-ts-label {\n    display: block;\n    font-size: 0.85rem;\n    color: var(--nsfrv-muted);\n    margin-bottom: 0.45rem;\n}\n\n.nsfrv #xrespond-tools-turnstile-host .xrespond-ts-widget {\n    min-height: 65px;\n    max-width: 100%;\n    overflow: hidden;\n}\n\n.nsfrv #xrespond-tools-turnstile-host .xrespond-ts-error {\n    color: #ff9aaa;\n    font-weight: 700;\n}\n\n.nsfrv-search__row:has(#xrespond-tools-turnstile-host),\n.nsfrv-search__actions:has(#xrespond-tools-turnstile-host) {\n    flex-wrap: wrap !important;\n}\n\n.nsfrv-search__row>#xrespond-tools-turnstile-host,\n.nsfrv-search__actions>#xrespond-tools-turnstile-host {\n    flex: 0 0 100% !important;\n    width: 100% !important;\n    order: -1;\n}\n\n.nsfrv-alert {\n    display: none;\n    margin-top: 4px;\n    padding: 12px 14px;\n    border-radius: 14px;\n    background: rgba(255, 77, 103, 0.14);\n    border: 1px solid rgba(255, 77, 103, 0.42);\n    color: #ffd6dd;\n    font-size: 0.9rem;\n    font-weight: 700;\n}\n\n.nsfrv-alert.is-visible {\n    display: block;\n}\n\n.nsfrv-notice {\n    display: none;\n    align-items: flex-start;\n    gap: 10px;\n    margin: 0 0 14px;\n    padding: 12px 14px;\n    border-radius: 14px;\n    background: rgba(47, 140, 255, 0.13);\n    border: 1px solid rgba(114, 208, 255, 0.28);\n    color: var(--nsfrv-muted);\n    font-size: 0.88rem;\n    font-weight: 700;\n}\n\n.nsfrv-notice.is-visible {\n    display: flex;\n}\n\n.nsfrv-notice i {\n    color: var(--nsfrv-cool);\n    margin-top: 2px;\n}\n\n\/* Skeleton *\/\n.nsfrv .nsfrv-skeleton {\n    display: none;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n}\n\n.nsfrv .nsfrv-skeleton.is-visible {\n    display: block;\n}\n\n.nsfrv .nsfrv-content.is-hidden {\n    display: none !important;\n}\n\n.nsfrv .nsfrv-content.is-placeholder .nsfrv-profile__zoom {\n    opacity: 0.55;\n    pointer-events: none;\n}\n\n.nsfrv .nsfrv-content.is-placeholder .nsfrv-card__media,\n.nsfrv .nsfrv-content.is-placeholder .nsfrv-card__action {\n    pointer-events: none;\n}\n\n.nsfrv .nsfrv-content.is-placeholder .nsfrv-card__action {\n    opacity: 0.72;\n}\n\n.nsfrv-card__media--ghost {\n    background: linear-gradient(145deg, #102747, #2566ad 55%, #2f8cff);\n}\n\n.nsfrv-card__media--ghost-b {\n    background: linear-gradient(145deg, #0d223f, #2f8cff 58%, #35d07f);\n}\n\n.nsfrv-card__media--ghost-c {\n    background: linear-gradient(145deg, #13233d, #415f9f 50%, #72d0ff);\n}\n\n.nsfrv-card__media--ghost .nsfrv-card__img {\n    display: none;\n}\n\n@keyframes nsfrv-shimmer {\n    0% {\n        background-position: -400px 0;\n    }\n\n    100% {\n        background-position: 400px 0;\n    }\n}\n\n.nsfrv .nsfrv-sk {\n    background: linear-gradient(90deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.16) 50%, rgba(255, 255, 255, 0.055) 100%);\n    background-size: 800px 100%;\n    animation: nsfrv-shimmer 1.3s linear infinite;\n    border-radius: 12px;\n}\n\n.nsfrv-skeleton__panel {\n    background: var(--nsfrv-panel);\n    border: 1px solid var(--nsfrv-line);\n    border-radius: var(--nsfrv-radius);\n    padding: var(--nsfrv-pad);\n    box-shadow: var(--nsfrv-shadow);\n    backdrop-filter: blur(18px);\n}\n\n.nsfrv-skeleton__profile {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 16px;\n}\n\n.nsfrv .nsfrv-skeleton__avatar {\n    width: var(--nsfrv-avatar);\n    height: var(--nsfrv-avatar);\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.nsfrv-skeleton__meta {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.nsfrv-skeleton__line {\n    height: 14px;\n    width: 100%;\n}\n\n.nsfrv-skeleton__line--lg {\n    width: 55%;\n    height: 18px;\n}\n\n.nsfrv-skeleton__line--md {\n    width: 35%;\n}\n\n.nsfrv-skeleton__grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfrv-grid-min)), 1fr));\n    gap: var(--nsfrv-gap);\n}\n\n.nsfrv-skeleton__card {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.nsfrv-skeleton__thumb {\n    width: 100%;\n    aspect-ratio: 9 \/ 16;\n    border-radius: 14px;\n}\n\n.nsfrv-skeleton__foot {\n    height: 14px;\n    width: 70%;\n}\n\n.nsfrv-result {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n}\n\n.nsfrv-panel {\n    background:\n        linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)),\n        var(--nsfrv-panel);\n    border: 1px solid var(--nsfrv-line);\n    border-radius: var(--nsfrv-radius);\n    box-shadow: var(--nsfrv-shadow);\n    padding: var(--nsfrv-pad);\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    backdrop-filter: blur(18px);\n}\n\n.nsfrv-profile {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 16px;\n    margin-bottom: 18px;\n}\n\n.nsfrv-profile__avatar-wrap {\n    position: relative;\n    width: var(--nsfrv-avatar);\n    height: var(--nsfrv-avatar);\n    flex-shrink: 0;\n}\n\n.nsfrv-profile__ring {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    padding: 3px;\n    background: linear-gradient(135deg, var(--nsfrv-accent), var(--nsfrv-cool), var(--nsfrv-success));\n    box-shadow: 0 12px 28px rgba(47, 140, 255, 0.28);\n}\n\n.nsfrv-profile__img {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    object-fit: cover;\n    background: var(--nsfrv-panel-soft);\n    border: 3px solid rgba(5, 11, 22, 0.9);\n}\n\n.nsfrv .nsfrv-profile__zoom {\n    position: absolute;\n    right: -2px;\n    bottom: -2px;\n    width: 38px;\n    height: 38px;\n    min-width: 38px;\n    min-height: 38px;\n    border: 0 !important;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--nsfrv-accent), var(--nsfrv-cool)) !important;\n    color: #fff !important;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    box-shadow: 0 10px 22px rgba(2, 8, 23, 0.38);\n    transition: transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.nsfrv .nsfrv-profile__zoom:hover {\n    transform: translateY(-2px) scale(1.03);\n}\n\n.nsfrv-profile__meta {\n    min-width: 0;\n    flex: 1;\n    width: 100%;\n}\n\n.nsfrv-profile__name {\n    font-size: clamp(1.25rem, 3.5vw, 1.7rem);\n    font-weight: 850;\n    line-height: 1.2;\n    word-break: break-word;\n    letter-spacing: 0;\n}\n\n.nsfrv-profile__handle {\n    color: var(--nsfrv-muted);\n    font-size: 0.94rem;\n    font-weight: 650;\n    margin-top: 5px;\n    word-break: break-all;\n}\n\n.nsfrv-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 14px;\n}\n\n.nsfrv-stats__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 11px;\n    border-radius: 999px;\n    background: rgba(47, 140, 255, 0.14);\n    border: 1px solid rgba(114, 208, 255, 0.24);\n    font-size: 0.78rem;\n    font-weight: 800;\n    color: var(--nsfrv-muted);\n}\n\n.nsfrv-stats__badge i {\n    color: var(--nsfrv-cool);\n}\n\n.nsfrv-pane__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 14px;\n    flex-wrap: wrap;\n    min-width: 0;\n}\n\n.nsfrv-pane__title {\n    font-size: 1.05rem;\n    font-weight: 850;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n    flex: 1 1 auto;\n}\n\n.nsfrv-pane__title i {\n    color: var(--nsfrv-cool);\n    flex-shrink: 0;\n}\n\n.nsfrv-pane__count {\n    font-size: 0.82rem;\n    font-weight: 800;\n    color: var(--nsfrv-dim);\n    flex: 0 0 auto;\n    white-space: nowrap;\n}\n\n.nsfrv-grid {\n    display: grid;\n    align-items: start;\n    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfrv-grid-min)), 1fr));\n    gap: var(--nsfrv-gap);\n    width: 100%;\n    min-width: 0;\n}\n\n.nsfrv-card {\n    background: rgba(16, 35, 62, 0.82);\n    border: 1px solid rgba(169, 199, 238, 0.2);\n    border-radius: 16px;\n    overflow: hidden;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    box-shadow: 0 12px 30px rgba(2, 8, 23, 0.24);\n    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.nsfrv-card:hover {\n    transform: translateY(-3px);\n    border-color: rgba(114, 208, 255, 0.36);\n    box-shadow: 0 18px 38px rgba(2, 8, 23, 0.34);\n}\n\n.nsfrv-card__media {\n    position: relative;\n    aspect-ratio: 9 \/ 16;\n    background: #050b16;\n    cursor: pointer;\n    overflow: hidden;\n    flex: 0 0 auto;\n}\n\n.nsfrv .nsfrv-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.28s ease, filter 0.28s ease;\n}\n\n.nsfrv-card:hover .nsfrv-card__img {\n    transform: scale(1.035);\n    filter: saturate(1.06) contrast(1.04);\n}\n\n.nsfrv-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(5, 11, 22, 0.08), rgba(5, 11, 22, 0.36));\n    pointer-events: none;\n}\n\n.nsfrv-card__play span {\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, rgba(47, 140, 255, 0.95), rgba(53, 208, 127, 0.9));\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1rem;\n    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.42);\n}\n\n.nsfrv-card__badge {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n    padding: 5px 9px;\n    border-radius: 999px;\n    background: rgba(5, 11, 22, 0.74);\n    color: #fff;\n    font-size: 0.72rem;\n    font-weight: 850;\n    backdrop-filter: blur(10px);\n}\n\n.nsfrv-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.nsfrv-card__foot {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: flex-start;\n    gap: 10px;\n    padding: 12px;\n    min-width: 0;\n    margin-top: auto;\n}\n\n.nsfrv-card__title {\n    flex: 0 1 auto;\n    min-width: 0;\n    width: 100%;\n    font-size: 0.84rem;\n    font-weight: 750;\n    color: var(--nsfrv-muted);\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    line-height: 1.35;\n}\n\n.nsfrv-card__actions {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 7px;\n    width: 100%;\n    min-width: 0;\n}\n\n.nsfrv .nsfrv-card__action {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    width: 100%;\n    min-height: 38px;\n    min-width: 0;\n    padding: 7px 9px !important;\n    border: 0 !important;\n    border-radius: 10px !important;\n    background: rgba(47, 140, 255, 0.16) !important;\n    color: #bdddff !important;\n    font-size: 0.75rem !important;\n    font-weight: 800 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    white-space: nowrap;\n    overflow: hidden;\n    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;\n}\n\n.nsfrv .nsfrv-card__action:hover {\n    transform: translateY(-1px);\n    background: rgba(47, 140, 255, 0.28) !important;\n    box-shadow: 0 10px 22px rgba(2, 8, 23, 0.22);\n}\n\n.nsfrv .nsfrv-card__action i {\n    flex-shrink: 0;\n}\n\n.nsfrv .nsfrv-card__action-label {\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n\/* Multi-column grids: icon-only actions so labels never collide *\/\n.nsfrv.nsfrv--cols-3 .nsfrv-card__action,\n.nsfrv.nsfrv--cols-4 .nsfrv-card__action,\n.nsfrv.nsfrv--cols-5 .nsfrv-card__action {\n    padding: 6px !important;\n    gap: 0;\n}\n\n.nsfrv.nsfrv--cols-3 .nsfrv-card__action-label,\n.nsfrv.nsfrv--cols-4 .nsfrv-card__action-label,\n.nsfrv.nsfrv--cols-5 .nsfrv-card__action-label {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n\n.nsfrv .nsfrv-card__action--cool {\n    background: linear-gradient(135deg, var(--nsfrv-accent), #5b7cff 48%, var(--nsfrv-success)) !important;\n    color: #fff !important;\n}\n\n.nsfrv-empty {\n    text-align: center;\n    padding: 34px 16px;\n    color: var(--nsfrv-muted);\n}\n\n.nsfrv-empty i {\n    display: block;\n    font-size: 2.1rem;\n    margin: 0 auto 12px;\n    color: #fff;\n    opacity: 0.9;\n}\n\n.nsfrv-empty p {\n    margin: 0 auto;\n    max-width: 38ch;\n    font-size: 0.96rem;\n}\n\n.nsfrv-tab-sk {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfrv-grid-min)), 1fr));\n    gap: var(--nsfrv-gap);\n}\n\n.nsfrv-tab-sk__video {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.nsfrv-tab-sk__thumb {\n    width: 100%;\n    aspect-ratio: 9 \/ 16;\n    border-radius: 14px;\n}\n\n.nsfrv-tab-sk__foot {\n    height: 14px;\n    width: 65%;\n}\n\n\/* Modal *\/\n.nsfrv-modal {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 99999;\n    background: rgba(2, 6, 15, 0.78);\n    padding: max(10px, env(safe-area-inset-top, 0px)) max(10px, env(safe-area-inset-right, 0px)) max(10px, env(safe-area-inset-bottom, 0px)) max(10px, env(safe-area-inset-left, 0px));\n    align-items: center;\n    justify-content: center;\n    backdrop-filter: blur(12px);\n}\n\n.nsfrv-modal.is-open {\n    display: flex;\n}\n\n.nsfrv-modal__dialog {\n    position: relative;\n    width: min(440px, 100%);\n    max-width: 100%;\n    max-height: min(92dvh, 92vh, 900px);\n    background:\n        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)),\n        rgba(10, 22, 40, 0.96);\n    border: 1px solid rgba(169, 199, 238, 0.22);\n    border-radius: 20px;\n    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.58);\n    overflow: hidden;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 0;\n}\n\n.nsfrv .nsfrv-modal__close {\n    position: absolute;\n    top: 14px;\n    right: 14px;\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(5, 11, 22, 0.78) !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(0, 0, 0, 0.36);\n    transition: transform 0.18s ease, background 0.18s ease;\n}\n\n.nsfrv .nsfrv-modal__close:hover {\n    transform: scale(1.04);\n    background: var(--nsfrv-danger) !important;\n}\n\n.nsfrv-modal__stage {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n    flex: 1 1 auto;\n    background: #020611;\n    border-radius: 14px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: min(42dvh, 280px);\n    max-height: min(72dvh, 72vh, 760px);\n}\n\n.nsfrv .nsfrv-modal__media {\n    width: 100%;\n    max-width: 100%;\n    max-height: min(72dvh, 72vh, 760px);\n    height: auto;\n    object-fit: contain;\n    background: #000;\n    display: block;\n}\n\n.nsfrv .nsfrv-modal__media--img {\n    border-radius: 12px;\n}\n\n.nsfrv .nsfrv-modal__media--video {\n    border-radius: 12px;\n}\n\n.nsfrv .nsfrv-modal__media.is-hidden {\n    display: none !important;\n}\n\n.nsfrv-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(5, 11, 22, 0.76);\n    color: #fff;\n    font-weight: 800;\n    z-index: 1;\n}\n\n.nsfrv-modal__loading.is-visible {\n    display: flex;\n}\n\n.nsfrv-modal__loading i {\n    animation: nsfrv-spin 0.9s linear infinite;\n}\n\n@keyframes nsfrv-spin {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n.nsfrv-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    flex: 0 0 auto;\n}\n\n.nsfrv-modal__meta {\n    flex: 1 1 140px;\n    margin: 0;\n    color: var(--nsfrv-muted);\n    font-size: 0.9rem;\n    font-weight: 650;\n    min-width: 0;\n    word-break: break-word;\n}\n\n.nsfrv-modal__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    width: 100%;\n    max-width: 100%;\n}\n\n.nsfrv .nsfrv-modal__action {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    min-height: 46px;\n    flex: 1 1 auto;\n    padding: 11px 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(--nsfrv-accent), #5b7cff 48%, var(--nsfrv-success)) !important;\n    box-shadow: 0 14px 28px rgba(2, 8, 23, 0.3);\n    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;\n}\n\n.nsfrv .nsfrv-modal__action:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 20px 38px rgba(2, 8, 23, 0.38);\n}\n\n.nsfrv .nsfrv-modal__action:disabled,\n.nsfrv .nsfrv-modal__action.is-hidden {\n    display: none !important;\n}\n\n.nsfrv-dlprog {\n    position: fixed;\n    right: max(12px, env(safe-area-inset-right, 0px));\n    bottom: max(12px, env(safe-area-inset-bottom, 0px));\n    left: auto;\n    z-index: 100000;\n    width: min(360px, calc(100vw - 24px));\n    background: rgba(8, 15, 29, 0.96);\n    border: 1px solid rgba(169, 199, 238, 0.2);\n    border-radius: 18px;\n    padding: 14px 16px;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.48);\n    color: #fff;\n    display: none;\n    backdrop-filter: blur(16px);\n}\n\n.nsfrv-dlprog.is-open {\n    display: block;\n}\n\n.nsfrv-dlprog.is-success {\n    border-color: rgba(53, 208, 127, 0.58);\n}\n\n.nsfrv-dlprog.is-error {\n    border-color: rgba(255, 77, 103, 0.6);\n}\n\n.nsfrv-dlprog__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 10px;\n}\n\n.nsfrv-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.9rem;\n}\n\n.nsfrv-dlprog__title i {\n    color: var(--nsfrv-success);\n}\n\n.nsfrv-dlprog__name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.nsfrv-dlprog__pct {\n    flex: 0 0 auto;\n    font-weight: 850;\n    font-size: 0.85rem;\n    color: rgba(255, 255, 255, 0.88);\n}\n\n.nsfrv-dlprog__track {\n    height: 9px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.12);\n    overflow: hidden;\n}\n\n.nsfrv-dlprog__fill {\n    height: 100%;\n    width: 0%;\n    border-radius: inherit;\n    background: linear-gradient(90deg, var(--nsfrv-accent), var(--nsfrv-cool), var(--nsfrv-success));\n    transition: width 0.2s ease;\n}\n\n.nsfrv-dlprog.is-indeterminate .nsfrv-dlprog__fill {\n    width: 40% !important;\n    animation: nsfrv-dlprog-slide 1.1s ease-in-out infinite;\n}\n\n@keyframes nsfrv-dlprog-slide {\n    0% {\n        transform: translateX(-120%);\n    }\n\n    100% {\n        transform: translateX(280%);\n    }\n}\n\n.nsfrv-dlprog__meta {\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    margin-top: 9px;\n    font-size: 0.78rem;\n    color: rgba(255, 255, 255, 0.74);\n}\n\n.nsfrv .fa-solid,\n.nsfrv .fa-paste,\n.nsfrv .fa-film,\n.nsfrv .fa-expand,\n.nsfrv .fa-circle-info,\n.nsfrv .fa-xmark,\n.nsfrv .fa-spinner,\n.nsfrv .fa-download {\n    line-height: 1;\n    flex-shrink: 0;\n}\n\n\/* Responsive \u2014 same pattern as facebook\/video + page compact overrides *\/\n@media (max-width: 479.98px) {\n    .nsfrv {\n        --nsfrv-grid-min: 100%;\n        --nsfrv-avatar: 72px;\n        --nsfrv-pad: 14px;\n        --nsfrv-gap: 12px;\n        padding: 10px;\n    }\n\n    .nsfrv-hero {\n        padding-top: 24px;\n    }\n\n    .nsfrv-hero__brand {\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .nsfrv-hero__title {\n        font-size: clamp(1.8rem, 12vw, 2.6rem);\n    }\n\n    .nsfrv-hero__title-text {\n        justify-content: center;\n        text-align: center;\n        font-size: 1.15rem;\n    }\n\n    .nsfrv-search {\n        border-radius: 16px;\n    }\n\n    .nsfrv-card__actions {\n        grid-template-columns: 1fr;\n    }\n\n    .nsfrv-dlprog {\n        right: 10px;\n        left: 10px;\n        width: auto;\n    }\n}\n\n@media (min-width: 480px) and (max-width: 767.98px) {\n    .nsfrv {\n        --nsfrv-grid-min: max(150px, 46%);\n    }\n}\n\n@media (min-width: 768px) {\n    .nsfrv:not(.nsfrv--compact) {\n        --nsfrv-grid-min: 170px;\n        --nsfrv-avatar: 96px;\n        --nsfrv-pad: 22px;\n        --nsfrv-gap: 16px;\n    }\n\n    .nsfrv:not(.nsfrv--compact) .nsfrv-search__row {\n        flex-direction: row;\n        align-items: stretch;\n    }\n\n    .nsfrv:not(.nsfrv--compact) .nsfrv-search__actions {\n        width: auto;\n        flex: 0 0 auto;\n    }\n\n    .nsfrv:not(.nsfrv--compact) .nsfrv-btn {\n        flex: 0 0 auto;\n    }\n\n    .nsfrv:not(.nsfrv--compact) .nsfrv-profile {\n        flex-direction: row;\n        align-items: center;\n    }\n}\n\n@media (min-width: 1024px) {\n    .nsfrv:not(.nsfrv--compact) {\n        --nsfrv-grid-min: 180px;\n        --nsfrv-avatar: 104px;\n    }\n}\n\n\/* WordPress \/ Live Server narrow container (set by ResizeObserver) *\/\n.nsfrv.nsfrv--compact {\n    --nsfrv-avatar: 72px;\n    --nsfrv-pad: 14px;\n    --nsfrv-gap: 12px;\n    --nsfrv-grid-min: max(150px, 46%);\n}\n\n.nsfrv.nsfrv--compact .nsfrv-search__row {\n    flex-direction: column !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-search__actions {\n    width: 100% !important;\n    display: flex !important;\n    flex-wrap: wrap !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-profile {\n    flex-direction: column !important;\n    align-items: flex-start !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-card__foot {\n    flex-direction: column !important;\n    align-items: stretch !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-card__actions {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    width: 100% !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-card__action {\n    width: 100% !important;\n}\n\n.nsfrv.nsfrv--narrow {\n    --nsfrv-grid-min: 100%;\n    --nsfrv-avatar: 64px;\n    padding: 10px;\n}\n\n.nsfrv.nsfrv--narrow .nsfrv-btn {\n    flex: 1 1 100% !important;\n}\n\n.nsfrv.nsfrv--narrow .nsfrv-search__actions {\n    flex-direction: column !important;\n}\n\n.nsfrv.nsfrv--narrow .nsfrv-card__actions {\n    grid-template-columns: 1fr !important;\n}\n\n.nsfrv.nsfrv--narrow .nsfrv-hero__brand {\n    flex-direction: column;\n    gap: 8px;\n}\n\n.nsfrv.nsfrv--narrow .nsfrv-hero__title-text {\n    font-size: 1.12rem;\n    justify-content: center;\n    text-align: center;\n}\n\n@media (hover: none) {\n    .nsfrv .nsfrv-btn:hover,\n    .nsfrv .nsfrv-card__action:hover,\n    .nsfrv-card:hover,\n    .nsfrv .nsfrv-profile__zoom:hover,\n    .nsfrv .nsfrv-modal__action:hover {\n        transform: none;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .nsfrv *,\n    .nsfrv *::before,\n    .nsfrv *::after {\n        scroll-behavior: auto !important;\n        transition-duration: 0.01ms !important;\n    }\n\n    .nsfrv .nsfrv-sk,\n    .nsfrv .nsfrv-modal__loading i,\n    .nsfrv-dlprog.is-indeterminate .nsfrv-dlprog__fill {\n        animation: none !important;\n    }\n}\n\n\/* Search controls: one row on large screens, wrap on narrow *\/\n.nsfrv .nsfrv-search,\n.nsfrv .nsfrv-search .nsfrv-search__row,\n.nsfrv .nsfrv-search .nsfrv-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.nsfrv .nsfrv-search .nsfrv-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.nsfrv .nsfrv-search .nsfrv-search__field,\n.nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-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.nsfrv .nsfrv-search .nsfrv-search__actions,\n.nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-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.nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n.nsfrv .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n.nsfrv .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-btn {\n    flex: 0 0 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 116px !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row {\n    flex-wrap: wrap !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__field,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__field,\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row>.nsfrv-search__field,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row>.nsfrv-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__actions,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__actions,\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row>.nsfrv-search__actions,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row>.nsfrv-search__actions {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-btn,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-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    .nsfrv .nsfrv-search .nsfrv-search__row {\n        flex-wrap: wrap !important;\n    }\n\n    .nsfrv .nsfrv-search .nsfrv-search__field,\n    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-search__field {\n        flex: 1 1 100% !important;\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n\n    .nsfrv .nsfrv-search .nsfrv-search__actions,\n    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-search__actions {\n        flex: 1 1 100% !important;\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n\n    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n    .nsfrv .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n    .nsfrv .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-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: 380px) {\n    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n    .nsfrv .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n    .nsfrv .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-btn {\n        flex: 1 1 100% !important;\n    }\n}\n<\/style>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<div class=\"nsfrv\" id=\"nsfrv-root\" data-nsfrv-ready=\"0\">\n    <div class=\"nsfrv-shell\">\n        <section class=\"nsfrv-hero\" aria-labelledby=\"nsfrv-title\">\n            <h1 class=\"nsfrv-hero__title\" id=\"nsfrv-title\">Facebook Reel Viewer<\/h1>\n<p class=\"nsfrv-hero__lead\">\n                Browse public Facebook profile reels, play them in-page, and download MP4 files.\n            <\/p>\n<div class=\"nsfrv-search\">\n                <label class=\"nsfrv-search__label\" for=\"nsfrv-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=\"nsfrv-search__row\">\n                    <input class=\"nsfrv-search__field\" id=\"nsfrv-input\" type=\"text\" name=\"nsfrv_input\"\n                        placeholder=\"username or facebook.com\/username\" autocomplete=\"off\" spellcheck=\"false\"\n                        inputmode=\"url\">\n                    <div class=\"nsfrv-search__actions\">\n                        <button type=\"button\" class=\"nsfrv-btn nsfrv-btn--paste\" id=\"nsfrv-paste\"\n                            aria-label=\"Paste from clipboard\">\n                            <i class=\"fa-solid fa-paste\" aria-hidden=\"true\"><\/i> Paste\n                        <\/button>\n                        <button type=\"submit\" class=\"nsfrv-btn nsfrv-btn--view\" id=\"xrespond-tools-turnstile\">\n                            <i class=\"fa-solid fa-film\" aria-hidden=\"true\"><\/i> View Reels\n                        <\/button>\n                    <\/div>\n                <\/div>\n<div class=\"nsfrv-alert\" id=\"nsfrv-alert\" role=\"alert\"><\/div>\n<p class=\"nsfrv-search__hint\">Enter a Facebook username or profile URL (example: natgeo)<\/p>\n            <\/div>\n        <\/section>\n\n        <div class=\"nsfrv-skeleton\" id=\"nsfrv-skeleton\" aria-hidden=\"true\" aria-busy=\"false\">\n            <div class=\"nsfrv-skeleton__panel\">\n                <div class=\"nsfrv-skeleton__profile\">\n                    <div class=\"nsfrv-sk nsfrv-skeleton__avatar\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfrv-skeleton__meta\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__line nsfrv-skeleton__line--lg\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__line nsfrv-skeleton__line--md\" aria-hidden=\"true\"><\/div>\n                    <\/div>\n                <\/div>\n<div class=\"nsfrv-skeleton__grid\" aria-hidden=\"true\">\n                    <div class=\"nsfrv-skeleton__card\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__thumb\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__foot\"><\/div>\n                    <\/div>\n<div class=\"nsfrv-skeleton__card\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__thumb\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__foot\"><\/div>\n                    <\/div>\n<div class=\"nsfrv-skeleton__card\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__thumb\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__foot\"><\/div>\n                    <\/div>\n<div class=\"nsfrv-skeleton__card\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__thumb\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__foot\"><\/div>\n                    <\/div>\n<div class=\"nsfrv-skeleton__card\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__thumb\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__foot\"><\/div>\n                    <\/div>\n<div class=\"nsfrv-skeleton__card\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__thumb\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__foot\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <section class=\"nsfrv-result\" id=\"nsfrv-result\" aria-live=\"polite\">\n            <div class=\"nsfrv-panel nsfrv-content is-placeholder\" id=\"nsfrv-content\">\n                <div class=\"nsfrv-profile\">\n                    <div class=\"nsfrv-profile__avatar-wrap\">\n                        <div class=\"nsfrv-profile__ring\">\n                            <img decoding=\"async\" class=\"nsfrv-profile__img\" id=\"nsfrv-avatar\" src=\"\" alt=\"Profile avatar\">\n                        <\/div>\n                        <button type=\"button\" class=\"nsfrv-profile__zoom\" id=\"nsfrv-avatar-zoom\"\n                            aria-label=\"Expand profile photo\">\n                            <i class=\"fa-solid fa-expand\" aria-hidden=\"true\"><\/i>\n                        <\/button>\n                    <\/div>\n<div class=\"nsfrv-profile__meta\">\n                        <h2 class=\"nsfrv-profile__name\" id=\"nsfrv-name\">Full Name<\/h2>\n<p class=\"nsfrv-profile__handle\" id=\"nsfrv-handle\">facebook.com\/username<\/p>\n<ul class=\"nsfrv-stats\" id=\"nsfrv-stats\"><\/ul>\n                    <\/div>\n                <\/div>\n<div class=\"nsfrv-notice\" id=\"nsfrv-notice\" role=\"status\">\n                    <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n                    <span id=\"nsfrv-notice-text\"><\/span>\n                <\/div>\n<div id=\"nsfrv-reels\"><\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n<div class=\"nsfrv-modal\" id=\"nsfrv-modal\" aria-hidden=\"true\">\n        <div class=\"nsfrv-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Reel preview\">\n            <button type=\"button\" class=\"nsfrv-modal__close\" id=\"nsfrv-modal-close\" aria-label=\"Close preview\">\n                <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"><\/i>\n            <\/button>\n            <div class=\"nsfrv-modal__stage\">\n                <img decoding=\"async\" class=\"nsfrv-modal__media nsfrv-modal__media--img is-hidden\" id=\"nsfrv-modal-img\" src=\"\"\n                    alt=\"Preview\" referrerpolicy=\"no-referrer\">\n                <video class=\"nsfrv-modal__media nsfrv-modal__media--video is-hidden\" id=\"nsfrv-modal-video\" controls\n                    playsinline preload=\"auto\" referrerpolicy=\"no-referrer\"><\/video>\n                <div class=\"nsfrv-modal__loading\" id=\"nsfrv-modal-loading\" aria-hidden=\"true\">\n                    <i class=\"fa-solid fa-spinner\" aria-hidden=\"true\"><\/i>\n                    <span>Loading reel\u2026<\/span>\n                <\/div>\n            <\/div>\n<div class=\"nsfrv-modal__bar\">\n                <div class=\"nsfrv-modal__meta\" id=\"nsfrv-modal-meta\"><\/div>\n<div class=\"nsfrv-modal__actions\">\n                    <button type=\"button\" class=\"nsfrv-modal__action is-hidden\" id=\"nsfrv-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>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;1280px&#8221; module_alignment=&#8221;center&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; custom_padding=&#8221;50px||50px||true|false&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<style>       \r\n  :root{\r\n    --grad: linear-gradient(45deg,#1877F2 0%,#3B5998 25%,#4267B2 50%,#8B9DC3 75%,#DFE3EE 100%);\r\n    --brand:#1877F2;\r\n    --ink:#333;\r\n    --muted:#666;\r\n    --muted-2:#9498a1;\r\n    --light:#f8f9fa;\r\n    --card:#fff;\r\n    --radius:15px;\r\n    --sh:0 4px 12px rgba(0,0,0,.08);\r\n    --sh-lg:0 8px 24px rgba(0,0,0,.12);\r\n    --t:.3s ease;\r\n  }\r\n\r\n  \/* ---------- Titles ---------- *\/\r\n  .fb-rv-section-title{text-align:center; margin-bottom:60px;}\r\n  .fb-rv-section-title h2{font-weight:700; font-size:2.5rem; color:var(--brand); margin:0 0 12px;}\r\n  .fb-rv-section-title p{color:var(--muted); max-width:700px; margin:0 auto; font-size:1.05rem;}\r\n \r\n  \/* ---------- Cards ---------- *\/\r\n  .cv-card{\r\n    background:var(--card); border-radius:var(--radius); box-shadow:var(--sh);\r\n    height:100%; transition:var(--t); padding:30px;\r\n  }\r\n  .cv-card:hover{transform:translateY(-10px); box-shadow:var(--sh-lg);}\r\n\r\n  \/* Steps *\/\r\n  .fb-rv-step{ position:relative; text-align:center; }\r\n  .fb-rv-step .fb-rv-step-icon{\r\n    width:80px; height:80px; margin:0 auto 22px; border-radius:50%; display:flex; align-items:center; justify-content:center;\r\n    background:var(--grad); color:#fff; font-size:2rem; box-shadow:0 5px 15px rgba(0,0,0,.1); transition:var(--t);\r\n  }\r\n  .fb-rv-step:hover .fb-rv-step-icon{ transform:scale(1.08); }\r\n  .fb-rv-step h3{font-size:1.25rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-rv-step p{color:var(--muted); margin:0;}\r\n\r\n  \/* Features *\/\r\n  .fb-rv-feature-card .fb-rv-feature-icon{font-size:2rem; display:block; margin-bottom:14px;}\r\n  .fb-rv-feature-card h3{font-size:1.2rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-rv-feature-card p{color:var(--muted); margin:0;}\r\n\r\n  \/* FAQ *\/\r\n  .vr-tool-faq{ margin: 30px auto; }\r\n  .fb-rv-faq-item{ border-radius:12px; overflow:hidden; box-shadow:var(--sh); transition:var(--t); background:#fff; }\r\n  .fb-rv-faq-item:hover{ box-shadow:var(--sh-lg); }\r\n  .fb-rv-faq-question{\r\n    width:100%; padding:20px 24px; display:flex; justify-content:space-between; align-items:center;\r\n    background:#fff; border:none; text-align:left; font-weight:700; font-size:1.05rem; color:var(--brand); transition:var(--t);\r\n  }\r\n  .fb-rv-faq-question:hover{ background:rgba(24,119,242,.05); }\r\n  .fb-rv-faq-question:not(.collapsed){ background:rgba(24,119,242,.1); }\r\n  .fb-rv-faq-question:not(.collapsed)::after{ transform:rotate(180deg); }\r\n  .fb-rv-faq-answer{ padding:0 24px 22px; color:var(--muted); line-height:1.7; }\r\n\r\n  \/* CTA *\/\r\n  .vr-tool-cta{\r\n    background:var(--grad);\r\n    color:#fff;\r\n    text-align:center;\r\n    padding:50px 0;\r\n  }\r\n  .vr-tool-cta .fb-rv-cta-title{\r\n    font-size:2.4rem;\r\n    font-weight:700;\r\n    margin:0 0 20px;\r\n    line-height:1.2;\r\n  }\r\n  .vr-tool-cta .fb-rv-cta-sub{\r\n    max-width:800px;\r\n    margin:0 auto 30px;\r\n    font-size:1.1rem;\r\n    color:rgba(255,255,255,.92);\r\n  }\r\n  .vr-tool-cta .fb-rv-cta-group .btn{\r\n    background:#fff;\r\n    color:var(--brand);\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:50px;\r\n    box-shadow:var(--sh);\r\n    transition:var(--t);\r\n    text-decoration:none;\r\n    display:inline-block;\r\n  }\r\n  .vr-tool-cta .fb-rv-cta-group .btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:var(--sh-lg);\r\n  }\r\n  .vr-tool-cta .fb-rv-cta-note{\r\n    margin-top:14px;\r\n    font-size:.95rem;\r\n    color:rgba(255,255,255,.85);\r\n  }\r\n\r\n  @keyframes fadeUp{ from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }\r\n  .animate-in{ animation: fadeUp .6s ease both; }\r\n\r\n  @media (max-width:991px){\r\n    .fb-rv-section-title h2{font-size:2.1rem}\r\n    .vr-tool-cta .fb-rv-cta-title{font-size:2.1rem}\r\n  }\r\n  @media (max-width:767px){\r\n    .fb-rv-section-title h2{font-size:1.8rem}\r\n    .cv-card{margin-bottom:20px}\r\n    .vr-tool-cta{padding:60px 0}\r\n    .vr-tool-cta .fb-rv-cta-title{font-size:1.8rem}\r\n    .vr-tool-cta .fb-rv-cta-sub{font-size:1rem}\r\n  }\r\n<\/style>\r\n\r\n<!-- How It Works -->\r\n<section class=\"vr-tool-how\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-rv-section-title\">\r\n      <h2>How to Use the Facebook Reel Viewer<\/h2>\r\n      <p>Follow these steps to watch Facebook Reels anonymously.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-rv-step\">\r\n          <div class=\"fb-rv-step-icon\"><i class=\"fas fa-link\"><\/i><\/div>\r\n          <h3>Enter Reel or Profile URL<\/h3>\r\n          <p>Copy the Facebook Reel or profile URL to view.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-rv-step\">\r\n          <div class=\"fb-rv-step-icon\"><i class=\"fas fa-search\"><\/i><\/div>\r\n          <h3>Load Reels<\/h3>\r\n          <p>Click \u201cView Now\u201d to access public Reels.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-rv-step\">\r\n          <div class=\"fb-rv-step-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n          <h3>Watch Anonymously<\/h3>\r\n          <p>View public Reels privately.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-rv-step\">\r\n          <div class=\"fb-rv-step-icon\"><i class=\"fas fa-user-secret\"><\/i><\/div>\r\n          <h3>No Login Required<\/h3>\r\n          <p>Access Reels without a Facebook account.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Features -->\r\n<section class=\"vr-tool-features\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-rv-section-title\">\r\n      <h2>Facebook Reel Viewer Features<\/h2>\r\n      <p>Tools for seamless and private viewing of Facebook Reels.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-rv-feature-card\">\r\n          <span class=\"fb-rv-feature-icon\">\ud83d\udd12<\/span>\r\n          <h3>Anonymous Viewing<\/h3>\r\n          <p>Watch Facebook Reels without revealing your identity.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-rv-feature-card\">\r\n          <span class=\"fb-rv-feature-icon\">\ud83c\udfa5<\/span>\r\n          <h3>Public Reel Access<\/h3>\r\n          <p>View public Reels effortlessly.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-rv-feature-card\">\r\n          <span class=\"fb-rv-feature-icon\">\ud83d\udcf9<\/span>\r\n          <h3>Short Video Support<\/h3>\r\n          <p>Watch short, engaging Reels from public profiles.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-rv-feature-card\">\r\n          <span class=\"fb-rv-feature-icon\">\ud83d\udcf1<\/span>\r\n          <h3>Multi-Device Support<\/h3>\r\n          <p>Optimized for phones, tablets, and desktops.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-rv-feature-card\">\r\n          <span class=\"fb-rv-feature-icon\">\ud83d\udd11<\/span>\r\n          <h3>No Login Needed<\/h3>\r\n          <p>Watch without Facebook credentials.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-rv-feature-card\">\r\n          <span class=\"fb-rv-feature-icon\">\u26a1<\/span>\r\n          <h3>Fast Streaming<\/h3>\r\n          <p>Quickly load Reel content anonymously.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"vr-tool-faq\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-rv-section-title\">\r\n      <h2>Frequently Asked Questions<\/h2>\r\n      <p>Learn how to use the Facebook Reel Viewer effectively.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row justify-content-center\">\r\n      <div class=\"col-lg-8\">\r\n        <div class=\"accordion\" id=\"faqAccordion\">\r\n          <div class=\"fb-rv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-rv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse1\">\r\n                Can I view private Facebook Reels?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-rv-faq-answer accordion-body\">\r\n                No. The Facebook Reel Viewer only shows public Reels, respecting privacy settings.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-rv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-rv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse2\">\r\n                Do I need a Facebook account to watch?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-rv-faq-answer accordion-body\">\r\n                No. The Facebook Reel Viewer works without a login.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-rv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-rv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse3\">\r\n                Is the Facebook Reel Viewer free to use?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-rv-faq-answer accordion-body\">\r\n                Yes. It\u2019s a free tool with no charges or subscriptions.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-rv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-rv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse4\">\r\n                Is this tool affiliated with Facebook?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-rv-faq-answer accordion-body\">\r\n                No. This is an independent Facebook Reel Viewer, and viewing is anonymous with no user alerts.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"vr-tool-cta\">\r\n  <div class=\"container\" style=\"text-align: center;\">\r\n    <h2 class=\"fb-rv-cta-title text-white\">Try the Facebook Reel Viewer Now<\/h2>\r\n    <p class=\"fb-rv-cta-sub\">\r\n      Watch public Facebook Reels anonymously without login. Safe, private, and easy to use.\r\n    <\/p>\r\n    <div class=\"fb-rv-cta-group\">\r\n      <a href=\"#\" class=\"btn btn-lg\">Try It Now<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.querySelectorAll('.fb-rv-faq-question').forEach(btn=>{\r\n    btn.addEventListener('click', ()=>{\r\n      document.querySelectorAll('.fb-rv-faq-question').forEach(b=>{ if(b!==btn) b.classList.add('collapsed'); });\r\n      btn.classList.toggle('collapsed');\r\n    });\r\n  });\r\n<\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p><style>\n\/* New Social Facebook Reels Viewer \u2014 WordPress-scoped styles *\/\n    .nsfrv {\n        --nsfrv-ink: #ffffff;\n        --nsfrv-muted: #c5daf8;\n        --nsfrv-dim: #8fb4e8;\n        --nsfrv-bg: #0b1f3d;\n        --nsfrv-panel: #123056;\n        --nsfrv-panel-soft: #1a3f70;\n        --nsfrv-hover: #24528c;\n        --nsfrv-line: rgba(24, 119, 242, 0.45);\n        --nsfrv-accent: #1877f2;\n        --nsfrv-accent-deep: #0d65d9;\n        --nsfrv-cool: #4dabf7;\n        --nsfrv-success: #42b72a;\n        --nsfrv-danger: #f02849;\n        --nsfrv-radius: 10px;\n        --nsfrv-shadow: 0 8px 24px rgba(8, 40, 90, 0.45);\n        --nsfrv-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        --nsfrv-space: 16px;\n        --nsfrv-avatar: 88px;\n        --nsfrv-pad: 16px;\n        --nsfrv-gap: 12px;\n        --nsfrv-cols: 2;\n        --nsfrv-grid-min: max(150px, 46%);\n\n        box-sizing: border-box;\n        font-family: var(--nsfrv-font);\n        color: var(--nsfrv-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(--nsfrv-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    .nsfrv *,\n    .nsfrv *::before,\n    .nsfrv *::after {\n        box-sizing: border-box;\n    }\n\n    .nsfrv :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    .nsfrv :where(ul, ol) {\n        list-style: none;\n    }\n\n    .nsfrv img,\n    .nsfrv video {\n        max-width: 100%;\n        height: auto;\n        display: block;\n        border: 0;\n    }\n\n    .nsfrv a {\n        color: var(--nsfrv-cool);\n        text-decoration: none;\n    }\n\n    .nsfrv button {\n        font-family: inherit;\n    }\n\n    .nsfrv-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(--nsfrv-space);\n    }\n\n    .nsfrv-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    .nsfrv-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(--nsfrv-panel);\n        border: 1px solid var(--nsfrv-line);\n        border-radius: var(--nsfrv-radius);\n        box-shadow: var(--nsfrv-shadow);\n    }\n\n    .nsfrv-hero__title {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 0 10px;\n        color: var(--nsfrv-ink);\n    }\n\n    .nsfrv-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    .nsfrv .nsfrv-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    .nsfrv .nsfrv-hero__icon i {\n        display: block;\n        line-height: 1;\n    }\n\n    .nsfrv-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    .nsfrv-hero__title-mark {\n        color: var(--nsfrv-cool);\n        font-weight: 800;\n    }\n\n    .nsfrv-hero__lead {\n        color: var(--nsfrv-muted);\n        font-size: 0.95rem;\n        max-width: 52ch;\n        margin: 0 auto 16px;\n    }\n\n    .nsfrv-search__label {\n        display: block;\n        font-size: 0.82rem;\n        font-weight: 700;\n        color: var(--nsfrv-dim);\n        margin-bottom: 8px;\n        text-align: left;\n    }\n\n    .nsfrv-search__row {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        width: 100%;\n        min-width: 0;\n    }\n\n    .nsfrv .nsfrv-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(--nsfrv-line) !important;\n        background: var(--nsfrv-panel-soft) !important;\n        color: var(--nsfrv-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    .nsfrv .nsfrv-search__field::placeholder {\n        color: var(--nsfrv-dim) !important;\n        opacity: 1 !important;\n    }\n\n    .nsfrv .nsfrv-search__field:focus {\n        border-color: var(--nsfrv-accent) !important;\n        box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.25) !important;\n    }\n\n    .nsfrv-search__actions {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        width: 100%;\n    }\n\n    .nsfrv .nsfrv-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    .nsfrv .nsfrv-btn i {\n        display: inline-block;\n        line-height: 1;\n    }\n\n    .nsfrv .nsfrv-btn--paste {\n        background: var(--nsfrv-panel-soft) !important;\n        border: 1px solid var(--nsfrv-line) !important;\n        color: var(--nsfrv-muted) !important;\n    }\n\n    .nsfrv .nsfrv-btn--view {\n        background: linear-gradient(135deg, var(--nsfrv-accent), var(--nsfrv-success)) !important;\n    }\n\n    .nsfrv .nsfrv-btn:disabled {\n        opacity: 0.65;\n        cursor: not-allowed;\n    }\n\n    .nsfrv-search__hint {\n        margin-top: 10px;\n        font-size: 0.82rem;\n        color: var(--nsfrv-dim);\n    }\n\n    \/* Cloudflare Turnstile \u2014 sit above the input row, never inside it *\/\n    .nsfrv #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    .nsfrv #xrespond-tools-turnstile-host.is-visible {\n        display: block;\n    }\n\n    .nsfrv #xrespond-tools-turnstile-host .xrespond-ts-label {\n        display: block;\n        font-size: 0.85rem;\n        color: var(--nsfrv-muted);\n        margin-bottom: 0.45rem;\n    }\n\n    .nsfrv #xrespond-tools-turnstile-host .xrespond-ts-widget {\n        min-height: 65px;\n        max-width: 100%;\n        overflow: hidden;\n    }\n\n    .nsfrv #xrespond-tools-turnstile-host .xrespond-ts-error {\n        color: #ff8e8e;\n    }\n\n    .nsfrv-search__row:has(#xrespond-tools-turnstile-host),\n    .nsfrv-search__actions:has(#xrespond-tools-turnstile-host) {\n        flex-wrap: wrap !important;\n    }\n\n    .nsfrv-search__row>#xrespond-tools-turnstile-host,\n    .nsfrv-search__actions>#xrespond-tools-turnstile-host {\n        flex: 0 0 100% !important;\n        width: 100% !important;\n        order: -1;\n    }\n\n    .nsfrv-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    .nsfrv-alert.is-visible {\n        display: block;\n    }\n\n    .nsfrv-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(--nsfrv-muted);\n        font-size: 0.86rem;\n        font-weight: 600;\n    }\n\n    .nsfrv-notice.is-visible {\n        display: flex;\n    }\n\n    .nsfrv-notice i {\n        color: var(--nsfrv-cool);\n        margin-top: 2px;\n    }\n\n    \/* Skeleton *\/\n    .nsfrv .nsfrv-skeleton {\n        display: none;\n        margin: 0;\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n\n    .nsfrv .nsfrv-skeleton.is-visible {\n        display: block;\n    }\n\n    .nsfrv .nsfrv-content.is-hidden {\n        display: none !important;\n    }\n\n    .nsfrv .nsfrv-content.is-placeholder .nsfrv-profile__zoom {\n        opacity: 0.55;\n        pointer-events: none;\n    }\n\n    .nsfrv .nsfrv-content.is-placeholder .nsfrv-card__media,\n    .nsfrv .nsfrv-content.is-placeholder .nsfrv-card__action {\n        pointer-events: none;\n    }\n\n    .nsfrv .nsfrv-content.is-placeholder .nsfrv-card__action {\n        opacity: 0.72;\n    }\n\n    .nsfrv-card__media--ghost {\n        background: linear-gradient(145deg, #123056, #1a4f8c 55%, #0d65d9);\n    }\n\n    .nsfrv-card__media--ghost-b {\n        background: linear-gradient(145deg, #0f2a4d, #1877f2 60%, #42b72a);\n    }\n\n    .nsfrv-card__media--ghost-c {\n        background: linear-gradient(145deg, #142848, #24528c 50%, #4dabf7);\n    }\n\n    .nsfrv-card__media--ghost .nsfrv-card__img {\n        display: none;\n    }\n\n    @keyframes nsfrv-shimmer {\n        0% {\n            background-position: -400px 0;\n        }\n\n        100% {\n            background-position: 400px 0;\n        }\n    }\n\n    .nsfrv .nsfrv-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: nsfrv-shimmer 1.3s linear infinite;\n        border-radius: 8px;\n    }\n\n    .nsfrv-skeleton__panel {\n        background: var(--nsfrv-panel);\n        border: 1px solid var(--nsfrv-line);\n        border-radius: var(--nsfrv-radius);\n        padding: var(--nsfrv-pad);\n        box-shadow: var(--nsfrv-shadow);\n    }\n\n    .nsfrv-skeleton__profile {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        margin-bottom: 16px;\n    }\n\n    .nsfrv .nsfrv-skeleton__avatar {\n        width: var(--nsfrv-avatar);\n        height: var(--nsfrv-avatar);\n        border-radius: 50%;\n        flex-shrink: 0;\n    }\n\n    .nsfrv-skeleton__meta {\n        flex: 1;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .nsfrv-skeleton__line {\n        height: 14px;\n        width: 100%;\n    }\n\n    .nsfrv-skeleton__line--lg {\n        width: 55%;\n        height: 18px;\n    }\n\n    .nsfrv-skeleton__line--md {\n        width: 35%;\n    }\n\n    .nsfrv-skeleton__grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfrv-grid-min)), 1fr));\n        gap: var(--nsfrv-gap);\n    }\n\n    .nsfrv-skeleton__card {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .nsfrv-skeleton__thumb {\n        width: 100%;\n        aspect-ratio: 9 \/ 16;\n        border-radius: 10px;\n    }\n\n    .nsfrv-skeleton__foot {\n        height: 14px;\n        width: 70%;\n    }\n\n    .nsfrv-result {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n\n    .nsfrv-panel {\n        background: var(--nsfrv-panel);\n        border: 1px solid var(--nsfrv-line);\n        border-radius: var(--nsfrv-radius);\n        box-shadow: var(--nsfrv-shadow);\n        padding: var(--nsfrv-pad);\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n\n    .nsfrv-profile {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 14px;\n        margin-bottom: 16px;\n    }\n\n    .nsfrv-profile__avatar-wrap {\n        position: relative;\n        width: var(--nsfrv-avatar);\n        height: var(--nsfrv-avatar);\n        flex-shrink: 0;\n    }\n\n    .nsfrv-profile__ring {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        padding: 3px;\n        background: linear-gradient(135deg, var(--nsfrv-accent), var(--nsfrv-success));\n    }\n\n    .nsfrv-profile__img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        object-fit: cover;\n        background: var(--nsfrv-panel-soft);\n    }\n\n    .nsfrv .nsfrv-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(--nsfrv-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    .nsfrv-profile__meta {\n        min-width: 0;\n        flex: 1;\n        width: 100%;\n    }\n\n    .nsfrv-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    .nsfrv-profile__handle {\n        color: var(--nsfrv-muted);\n        font-size: 0.92rem;\n        font-weight: 600;\n        margin-top: 4px;\n        word-break: break-all;\n    }\n\n    .nsfrv-stats {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        margin-top: 12px;\n    }\n\n    .nsfrv-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(--nsfrv-muted);\n    }\n\n    .nsfrv-stats__badge i {\n        color: var(--nsfrv-cool);\n    }\n\n    .nsfrv-pane__head {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 10px;\n        margin-bottom: 12px;\n        flex-wrap: wrap;\n        min-width: 0;\n    }\n\n    .nsfrv-pane__title {\n        font-size: 1rem;\n        font-weight: 800;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        min-width: 0;\n        flex: 1 1 auto;\n    }\n\n    .nsfrv-pane__title i {\n        color: var(--nsfrv-cool);\n        flex-shrink: 0;\n    }\n\n    .nsfrv-pane__count {\n        font-size: 0.82rem;\n        font-weight: 700;\n        color: var(--nsfrv-dim);\n        flex: 0 0 auto;\n        white-space: nowrap;\n    }\n\n    .nsfrv-grid {\n        display: grid;\n        align-items: start;\n        grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfrv-grid-min)), 1fr));\n        gap: var(--nsfrv-gap);\n        width: 100%;\n        min-width: 0;\n    }\n\n    .nsfrv-card {\n        background: var(--nsfrv-panel-soft);\n        border: 1px solid var(--nsfrv-line);\n        border-radius: 12px;\n        overflow: hidden;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .nsfrv-card__media {\n        position: relative;\n        aspect-ratio: 9 \/ 16;\n        background: #0a1628;\n        cursor: pointer;\n        overflow: hidden;\n        flex: 0 0 auto;\n    }\n\n    .nsfrv .nsfrv-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    .nsfrv-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    .nsfrv-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    .nsfrv-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    .nsfrv-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    .nsfrv-card__foot {\n        display: flex;\n        flex-direction: column;\n        align-items: stretch;\n        justify-content: flex-start;\n        gap: 8px;\n        padding: 10px;\n        min-width: 0;\n        margin-top: auto;\n    }\n\n    .nsfrv-card__title {\n        flex: 0 1 auto;\n        min-width: 0;\n        width: 100%;\n        font-size: 0.82rem;\n        font-weight: 700;\n        color: var(--nsfrv-muted);\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        line-height: 1.3;\n    }\n\n    .nsfrv-card__actions {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 6px;\n        width: 100%;\n        min-width: 0;\n    }\n\n    .nsfrv .nsfrv-card__action {\n        display: inline-flex !important;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        width: 100%;\n        min-height: 36px;\n        min-width: 0;\n        padding: 6px 8px !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.74rem !important;\n        font-weight: 700 !important;\n        cursor: pointer;\n        appearance: none !important;\n        -webkit-appearance: none !important;\n        touch-action: manipulation;\n        white-space: nowrap;\n        overflow: hidden;\n    }\n\n    .nsfrv .nsfrv-card__action i {\n        flex-shrink: 0;\n    }\n\n    .nsfrv .nsfrv-card__action-label {\n        min-width: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    \/* Multi-column grids: icon-only actions so labels never collide *\/\n    .nsfrv.nsfrv--cols-3 .nsfrv-card__action,\n    .nsfrv.nsfrv--cols-4 .nsfrv-card__action,\n    .nsfrv.nsfrv--cols-5 .nsfrv-card__action {\n        padding: 6px !important;\n        gap: 0;\n    }\n\n    .nsfrv.nsfrv--cols-3 .nsfrv-card__action-label,\n    .nsfrv.nsfrv--cols-4 .nsfrv-card__action-label,\n    .nsfrv.nsfrv--cols-5 .nsfrv-card__action-label {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n        border: 0;\n    }\n\n    .nsfrv .nsfrv-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    .nsfrv-empty {\n        text-align: center;\n        padding: 28px 14px;\n        color: var(--nsfrv-muted);\n    }\n\n    .nsfrv-empty i {\n        display: block;\n        font-size: 2rem;\n        margin: 0 auto 12px;\n        color: #fff;\n        opacity: 0.85;\n    }\n\n    .nsfrv-empty p {\n        margin: 0 auto;\n        max-width: 36ch;\n        font-size: 0.95rem;\n    }\n\n    .nsfrv-tab-sk {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfrv-grid-min)), 1fr));\n        gap: var(--nsfrv-gap);\n    }\n\n    .nsfrv-tab-sk__video {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .nsfrv-tab-sk__thumb {\n        width: 100%;\n        aspect-ratio: 9 \/ 16;\n        border-radius: 10px;\n    }\n\n    .nsfrv-tab-sk__foot {\n        height: 14px;\n        width: 65%;\n    }\n\n    \/* Modal *\/\n    .nsfrv-modal {\n        display: none;\n        position: fixed;\n        inset: 0;\n        z-index: 99999;\n        background: rgba(0, 0, 0, 0.72);\n        padding: max(8px, env(safe-area-inset-top, 0px)) max(8px, env(safe-area-inset-right, 0px)) max(8px, env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px));\n        align-items: center;\n        justify-content: center;\n    }\n\n    .nsfrv-modal.is-open {\n        display: flex;\n    }\n\n    .nsfrv-modal__dialog {\n        position: relative;\n        width: min(420px, 100%);\n        max-width: 100%;\n        max-height: min(92dvh, 92vh, 900px);\n        background: var(--nsfrv-panel);\n        border: 1px solid var(--nsfrv-line);\n        border-radius: 16px;\n        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);\n        overflow: hidden;\n        padding: 10px;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        min-width: 0;\n    }\n\n    .nsfrv .nsfrv-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    .nsfrv-modal__stage {\n        position: relative;\n        width: 100%;\n        min-width: 0;\n        flex: 1 1 auto;\n        background: #0b1220;\n        border-radius: 10px;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-height: min(42dvh, 280px);\n        max-height: min(72dvh, 72vh, 760px);\n    }\n\n    .nsfrv .nsfrv-modal__media {\n        width: 100%;\n        max-width: 100%;\n        max-height: min(72dvh, 72vh, 760px);\n        height: auto;\n        object-fit: contain;\n        background: #000;\n        display: block;\n    }\n\n    .nsfrv .nsfrv-modal__media.is-hidden {\n        display: none !important;\n    }\n\n    .nsfrv-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    .nsfrv-modal__loading.is-visible {\n        display: flex;\n    }\n\n    .nsfrv-modal__loading i {\n        animation: nsfrv-spin 0.9s linear infinite;\n    }\n\n    @keyframes nsfrv-spin {\n        to {\n            transform: rotate(360deg);\n        }\n    }\n\n    .nsfrv-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        flex: 0 0 auto;\n    }\n\n    .nsfrv-modal__meta {\n        flex: 1 1 140px;\n        margin: 0;\n        color: var(--nsfrv-muted);\n        font-size: 0.88rem;\n        font-weight: 600;\n        min-width: 0;\n        word-break: break-word;\n    }\n\n    .nsfrv-modal__actions {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        width: 100%;\n        max-width: 100%;\n    }\n\n    .nsfrv .nsfrv-modal__action {\n        display: inline-flex !important;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        min-height: 44px;\n        flex: 1 1 auto;\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    .nsfrv .nsfrv-modal__action:disabled,\n    .nsfrv .nsfrv-modal__action.is-hidden {\n        display: none !important;\n    }\n\n    .nsfrv-dlprog {\n        position: fixed;\n        right: max(12px, env(safe-area-inset-right, 0px));\n        bottom: max(12px, env(safe-area-inset-bottom, 0px));\n        left: auto;\n        z-index: 100000;\n        width: min(360px, calc(100vw - 24px));\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    .nsfrv-dlprog.is-open {\n        display: block;\n    }\n\n    .nsfrv-dlprog.is-success {\n        border-color: rgba(66, 183, 42, 0.55);\n    }\n\n    .nsfrv-dlprog.is-error {\n        border-color: rgba(255, 107, 122, 0.55);\n    }\n\n    .nsfrv-dlprog__head {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 10px;\n        margin-bottom: 8px;\n    }\n\n    .nsfrv-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    .nsfrv-dlprog__title i {\n        color: #42b72a;\n    }\n\n    .nsfrv-dlprog__name {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    .nsfrv-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    .nsfrv-dlprog__track {\n        height: 8px;\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.12);\n        overflow: hidden;\n    }\n\n    .nsfrv-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    .nsfrv-dlprog.is-indeterminate .nsfrv-dlprog__fill {\n        width: 40% !important;\n        animation: nsfrv-dlprog-slide 1.1s ease-in-out infinite;\n    }\n\n    @keyframes nsfrv-dlprog-slide {\n        0% {\n            transform: translateX(-120%);\n        }\n\n        100% {\n            transform: translateX(280%);\n        }\n    }\n\n    .nsfrv-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    \/* Responsive \u2014 same pattern as facebook\/video + page compact overrides *\/\n    @media (max-width: 479.98px) {\n        .nsfrv {\n            --nsfrv-grid-min: 100%;\n            --nsfrv-avatar: 72px;\n            --nsfrv-pad: 12px;\n            --nsfrv-gap: 10px;\n            padding: 8px;\n        }\n\n        .nsfrv-hero__brand {\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .nsfrv-hero__title-text {\n            justify-content: center;\n            text-align: center;\n            font-size: 1.15rem;\n        }\n\n        .nsfrv-card__actions {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    @media (min-width: 480px) and (max-width: 767.98px) {\n        .nsfrv {\n            --nsfrv-grid-min: max(150px, 46%);\n        }\n    }\n\n    @media (min-width: 768px) {\n        .nsfrv:not(.nsfrv--compact) {\n            --nsfrv-grid-min: 170px;\n            --nsfrv-avatar: 96px;\n            --nsfrv-pad: 18px;\n            --nsfrv-gap: 14px;\n        }\n\n        .nsfrv:not(.nsfrv--compact) .nsfrv-search__row {\n            flex-direction: row;\n            align-items: stretch;\n        }\n\n        .nsfrv:not(.nsfrv--compact) .nsfrv-search__actions {\n            width: auto;\n            flex: 0 0 auto;\n        }\n\n        .nsfrv:not(.nsfrv--compact) .nsfrv-btn {\n            flex: 0 0 auto;\n        }\n\n        .nsfrv:not(.nsfrv--compact) .nsfrv-profile {\n            flex-direction: row;\n            align-items: center;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        .nsfrv:not(.nsfrv--compact) {\n            --nsfrv-grid-min: 180px;\n            --nsfrv-avatar: 104px;\n        }\n    }\n\n    \/* WordPress \/ Live Server narrow container (set by ResizeObserver) *\/\n    .nsfrv.nsfrv--compact {\n        --nsfrv-avatar: 72px;\n        --nsfrv-pad: 12px;\n        --nsfrv-gap: 10px;\n        --nsfrv-grid-min: max(150px, 46%);\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-search__row {\n        flex-direction: column !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-search__actions {\n        width: 100% !important;\n        display: flex !important;\n        flex-wrap: wrap !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-btn {\n        flex: 1 1 calc(50% - 4px) !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-profile {\n        flex-direction: column !important;\n        align-items: flex-start !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-card__foot {\n        flex-direction: column !important;\n        align-items: stretch !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-card__actions {\n        display: grid !important;\n        grid-template-columns: 1fr 1fr !important;\n        width: 100% !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-card__action {\n        width: 100% !important;\n    }\n\n    .nsfrv.nsfrv--narrow {\n        --nsfrv-grid-min: 100%;\n        --nsfrv-avatar: 64px;\n        padding: 8px;\n    }\n\n    .nsfrv.nsfrv--narrow .nsfrv-btn {\n        flex: 1 1 100% !important;\n    }\n\n    .nsfrv.nsfrv--narrow .nsfrv-search__actions {\n        flex-direction: column !important;\n    }\n\n    .nsfrv.nsfrv--narrow .nsfrv-card__actions {\n        grid-template-columns: 1fr !important;\n    }\n\n    .nsfrv.nsfrv--narrow .nsfrv-hero__brand {\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .nsfrv.nsfrv--narrow .nsfrv-hero__title-text {\n        font-size: 1.12rem;\n        justify-content: center;\n        text-align: center;\n    }\n\n    @media (hover: none) {\n\n        .nsfrv .nsfrv-btn:hover,\n        .nsfrv .nsfrv-card__action:hover {\n            transform: none;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n        .nsfrv .nsfrv-sk,\n        .nsfrv .nsfrv-modal__loading i,\n        .nsfrv-dlprog.is-indeterminate .nsfrv-dlprog__fill {\n            animation: none !important;\n        }\n    }\n\n    \/* Search controls: one row on large screens, wrap on narrow *\/\n    .nsfrv .nsfrv-search,\n    .nsfrv .nsfrv-search .nsfrv-search__row,\n    .nsfrv .nsfrv-search .nsfrv-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    .nsfrv .nsfrv-search .nsfrv-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    .nsfrv .nsfrv-search .nsfrv-search__field,\n    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-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    .nsfrv .nsfrv-search .nsfrv-search__actions,\n    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-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    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n    .nsfrv .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n    .nsfrv .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-btn {\n        flex: 0 0 auto !important;\n        width: auto !important;\n        max-width: none !important;\n        min-width: 110px !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row {\n        flex-wrap: wrap !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__field,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__field,\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row>.nsfrv-search__field,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row>.nsfrv-search__field {\n        flex: 1 1 100% !important;\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__actions,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__actions,\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row>.nsfrv-search__actions,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row>.nsfrv-search__actions {\n        flex: 1 1 100% !important;\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n    .nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-btn,\n    .nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-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        .nsfrv .nsfrv-search .nsfrv-search__row {\n            flex-wrap: wrap !important;\n        }\n\n        .nsfrv .nsfrv-search .nsfrv-search__field,\n        .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-search__field {\n            flex: 1 1 100% !important;\n            width: 100% !important;\n            max-width: 100% !important;\n        }\n\n        .nsfrv .nsfrv-search .nsfrv-search__actions,\n        .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-search__actions {\n            flex: 1 1 100% !important;\n            width: 100% !important;\n            max-width: 100% !important;\n        }\n\n        .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n        .nsfrv .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n        .nsfrv .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-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 Reels Viewer \u2014 WordPress-scoped styles *\/\n.nsfrv {\n    --nsfrv-ink: #f8fbff;\n    --nsfrv-muted: #cfe0f7;\n    --nsfrv-dim: #93add0;\n    --nsfrv-bg: #07111f;\n    --nsfrv-panel: rgba(13, 28, 51, 0.82);\n    --nsfrv-panel-soft: rgba(24, 47, 82, 0.78);\n    --nsfrv-hover: rgba(55, 105, 177, 0.72);\n    --nsfrv-line: rgba(148, 180, 224, 0.24);\n    --nsfrv-accent: #2f8cff;\n    --nsfrv-accent-deep: #1769df;\n    --nsfrv-cool: #72d0ff;\n    --nsfrv-success: #35d07f;\n    --nsfrv-danger: #ff4d67;\n    --nsfrv-radius: 18px;\n    --nsfrv-shadow: 0 18px 50px rgba(2, 8, 23, 0.34);\n    --nsfrv-glow: 0 0 0 4px rgba(47, 140, 255, 0.18);\n    --nsfrv-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    --nsfrv-space: clamp(16px, 2.4vw, 24px);\n    --nsfrv-avatar: 88px;\n    --nsfrv-pad: clamp(16px, 2.2vw, 24px);\n    --nsfrv-gap: 14px;\n    --nsfrv-cols: 2;\n    --nsfrv-grid-min: max(150px, 46%);\n\n    box-sizing: border-box;\n    font-family: var(--nsfrv-font);\n    color: var(--nsfrv-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% 55% at 12% 0%, rgba(47, 140, 255, 0.42), transparent 58%),\n        radial-gradient(ellipse 55% 45% at 100% 8%, rgba(53, 208, 127, 0.2), transparent 55%),\n        linear-gradient(145deg, #050b16 0%, #08182f 42%, #0d2f5e 76%, #1769df 150%);\n    border-radius: 0;\n    border: 1px solid rgba(255, 255, 255, 0.08);\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.nsfrv *,\n.nsfrv *::before,\n.nsfrv *::after {\n    box-sizing: border-box;\n}\n\n.nsfrv :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.nsfrv :where(ul, ol) {\n    list-style: none;\n}\n\n.nsfrv img,\n.nsfrv video {\n    max-width: 100%;\n    height: auto;\n    display: block;\n    border: 0;\n}\n\n.nsfrv a {\n    color: var(--nsfrv-cool);\n    text-decoration: none;\n}\n\n.nsfrv button {\n    font-family: inherit;\n}\n\n.nsfrv-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(--nsfrv-space);\n}\n\n.nsfrv-hero {\n    background: transparent;\n    padding: clamp(28px, 5vw, 56px) 0 10px;\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.nsfrv-search {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 12px;\n    text-align: left;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    margin-top: 18px;\n    padding: var(--nsfrv-pad);\n    background:\n        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)),\n        var(--nsfrv-panel);\n    border: 1px solid var(--nsfrv-line);\n    border-radius: var(--nsfrv-radius);\n    box-shadow: var(--nsfrv-shadow);\n    backdrop-filter: blur(18px);\n}\n\n.nsfrv-hero__title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 10px;\n    color: var(--nsfrv-ink);\n    font-size: clamp(2rem, 5vw, 4rem);\n    font-weight: 850;\n    line-height: 1.04;\n    letter-spacing: 0;\n}\n\n.nsfrv-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.nsfrv .nsfrv-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(--nsfrv-accent), var(--nsfrv-cool));\n    color: #fff;\n    font-size: 1.45rem;\n    line-height: 1;\n    box-shadow: 0 12px 28px rgba(47, 140, 255, 0.32);\n}\n\n.nsfrv .nsfrv-hero__icon i {\n    display: block;\n    line-height: 1;\n}\n\n.nsfrv-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.nsfrv-hero__title-mark {\n    color: var(--nsfrv-cool);\n    font-weight: 800;\n}\n\n.nsfrv-hero__lead {\n    color: var(--nsfrv-muted);\n    font-size: clamp(0.98rem, 1.6vw, 1.08rem);\n    max-width: 58ch;\n    margin: 0 auto 18px;\n}\n\n.nsfrv-search__label {\n    display: block;\n    font-size: 0.84rem;\n    font-weight: 800;\n    color: var(--nsfrv-muted);\n    margin-bottom: 2px;\n    text-align: left;\n}\n\n.nsfrv-search__row {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    width: 100%;\n    min-width: 0;\n}\n\n.nsfrv .nsfrv-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(169, 199, 238, 0.25) !important;\n    background: rgba(5, 13, 27, 0.56) !important;\n    color: var(--nsfrv-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.05) !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.nsfrv .nsfrv-search__field::placeholder {\n    color: #8aa3c5 !important;\n    opacity: 1 !important;\n}\n\n.nsfrv .nsfrv-search__field:focus {\n    border-color: var(--nsfrv-accent) !important;\n    box-shadow: var(--nsfrv-glow), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;\n    background: rgba(7, 18, 36, 0.82) !important;\n}\n\n.nsfrv-search__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    width: 100%;\n}\n\n.nsfrv .nsfrv-btn {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\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 26px rgba(2, 8, 23, 0.24);\n    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, border-color 0.18s ease;\n}\n\n.nsfrv .nsfrv-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 18px 34px rgba(2, 8, 23, 0.34);\n}\n\n.nsfrv .nsfrv-btn:active {\n    transform: translateY(0);\n    filter: brightness(0.96);\n}\n\n.nsfrv .nsfrv-btn:focus-visible {\n    outline: none;\n    box-shadow: var(--nsfrv-glow), 0 16px 32px rgba(2, 8, 23, 0.3);\n}\n\n.nsfrv .nsfrv-btn i {\n    display: inline-block;\n    line-height: 1;\n}\n\n.nsfrv .nsfrv-btn--paste {\n    background: rgba(255, 255, 255, 0.08) !important;\n    border: 1px solid rgba(169, 199, 238, 0.25) !important;\n    color: var(--nsfrv-muted) !important;\n}\n\n.nsfrv .nsfrv-btn--view {\n    background: linear-gradient(135deg, var(--nsfrv-accent), #5b7cff 48%, var(--nsfrv-success)) !important;\n}\n\n.nsfrv .nsfrv-btn:disabled {\n    opacity: 0.65;\n    cursor: not-allowed;\n    transform: none;\n}\n\n.nsfrv-search__hint {\n    margin-top: 4px;\n    font-size: 0.84rem;\n    color: var(--nsfrv-dim);\n}\n\n\/* Cloudflare Turnstile \u2014 sit above the input row, never inside it *\/\n.nsfrv #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.nsfrv #xrespond-tools-turnstile-host.is-visible {\n    display: block;\n}\n\n.nsfrv #xrespond-tools-turnstile-host .xrespond-ts-label {\n    display: block;\n    font-size: 0.85rem;\n    color: var(--nsfrv-muted);\n    margin-bottom: 0.45rem;\n}\n\n.nsfrv #xrespond-tools-turnstile-host .xrespond-ts-widget {\n    min-height: 65px;\n    max-width: 100%;\n    overflow: hidden;\n}\n\n.nsfrv #xrespond-tools-turnstile-host .xrespond-ts-error {\n    color: #ff9aaa;\n    font-weight: 700;\n}\n\n.nsfrv-search__row:has(#xrespond-tools-turnstile-host),\n.nsfrv-search__actions:has(#xrespond-tools-turnstile-host) {\n    flex-wrap: wrap !important;\n}\n\n.nsfrv-search__row>#xrespond-tools-turnstile-host,\n.nsfrv-search__actions>#xrespond-tools-turnstile-host {\n    flex: 0 0 100% !important;\n    width: 100% !important;\n    order: -1;\n}\n\n.nsfrv-alert {\n    display: none;\n    margin-top: 4px;\n    padding: 12px 14px;\n    border-radius: 14px;\n    background: rgba(255, 77, 103, 0.14);\n    border: 1px solid rgba(255, 77, 103, 0.42);\n    color: #ffd6dd;\n    font-size: 0.9rem;\n    font-weight: 700;\n}\n\n.nsfrv-alert.is-visible {\n    display: block;\n}\n\n.nsfrv-notice {\n    display: none;\n    align-items: flex-start;\n    gap: 10px;\n    margin: 0 0 14px;\n    padding: 12px 14px;\n    border-radius: 14px;\n    background: rgba(47, 140, 255, 0.13);\n    border: 1px solid rgba(114, 208, 255, 0.28);\n    color: var(--nsfrv-muted);\n    font-size: 0.88rem;\n    font-weight: 700;\n}\n\n.nsfrv-notice.is-visible {\n    display: flex;\n}\n\n.nsfrv-notice i {\n    color: var(--nsfrv-cool);\n    margin-top: 2px;\n}\n\n\/* Skeleton *\/\n.nsfrv .nsfrv-skeleton {\n    display: none;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n}\n\n.nsfrv .nsfrv-skeleton.is-visible {\n    display: block;\n}\n\n.nsfrv .nsfrv-content.is-hidden {\n    display: none !important;\n}\n\n.nsfrv .nsfrv-content.is-placeholder .nsfrv-profile__zoom {\n    opacity: 0.55;\n    pointer-events: none;\n}\n\n.nsfrv .nsfrv-content.is-placeholder .nsfrv-card__media,\n.nsfrv .nsfrv-content.is-placeholder .nsfrv-card__action {\n    pointer-events: none;\n}\n\n.nsfrv .nsfrv-content.is-placeholder .nsfrv-card__action {\n    opacity: 0.72;\n}\n\n.nsfrv-card__media--ghost {\n    background: linear-gradient(145deg, #102747, #2566ad 55%, #2f8cff);\n}\n\n.nsfrv-card__media--ghost-b {\n    background: linear-gradient(145deg, #0d223f, #2f8cff 58%, #35d07f);\n}\n\n.nsfrv-card__media--ghost-c {\n    background: linear-gradient(145deg, #13233d, #415f9f 50%, #72d0ff);\n}\n\n.nsfrv-card__media--ghost .nsfrv-card__img {\n    display: none;\n}\n\n@keyframes nsfrv-shimmer {\n    0% {\n        background-position: -400px 0;\n    }\n\n    100% {\n        background-position: 400px 0;\n    }\n}\n\n.nsfrv .nsfrv-sk {\n    background: linear-gradient(90deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.16) 50%, rgba(255, 255, 255, 0.055) 100%);\n    background-size: 800px 100%;\n    animation: nsfrv-shimmer 1.3s linear infinite;\n    border-radius: 12px;\n}\n\n.nsfrv-skeleton__panel {\n    background: var(--nsfrv-panel);\n    border: 1px solid var(--nsfrv-line);\n    border-radius: var(--nsfrv-radius);\n    padding: var(--nsfrv-pad);\n    box-shadow: var(--nsfrv-shadow);\n    backdrop-filter: blur(18px);\n}\n\n.nsfrv-skeleton__profile {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 16px;\n}\n\n.nsfrv .nsfrv-skeleton__avatar {\n    width: var(--nsfrv-avatar);\n    height: var(--nsfrv-avatar);\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.nsfrv-skeleton__meta {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.nsfrv-skeleton__line {\n    height: 14px;\n    width: 100%;\n}\n\n.nsfrv-skeleton__line--lg {\n    width: 55%;\n    height: 18px;\n}\n\n.nsfrv-skeleton__line--md {\n    width: 35%;\n}\n\n.nsfrv-skeleton__grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfrv-grid-min)), 1fr));\n    gap: var(--nsfrv-gap);\n}\n\n.nsfrv-skeleton__card {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.nsfrv-skeleton__thumb {\n    width: 100%;\n    aspect-ratio: 9 \/ 16;\n    border-radius: 14px;\n}\n\n.nsfrv-skeleton__foot {\n    height: 14px;\n    width: 70%;\n}\n\n.nsfrv-result {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n}\n\n.nsfrv-panel {\n    background:\n        linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)),\n        var(--nsfrv-panel);\n    border: 1px solid var(--nsfrv-line);\n    border-radius: var(--nsfrv-radius);\n    box-shadow: var(--nsfrv-shadow);\n    padding: var(--nsfrv-pad);\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    backdrop-filter: blur(18px);\n}\n\n.nsfrv-profile {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 16px;\n    margin-bottom: 18px;\n}\n\n.nsfrv-profile__avatar-wrap {\n    position: relative;\n    width: var(--nsfrv-avatar);\n    height: var(--nsfrv-avatar);\n    flex-shrink: 0;\n}\n\n.nsfrv-profile__ring {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    padding: 3px;\n    background: linear-gradient(135deg, var(--nsfrv-accent), var(--nsfrv-cool), var(--nsfrv-success));\n    box-shadow: 0 12px 28px rgba(47, 140, 255, 0.28);\n}\n\n.nsfrv-profile__img {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    object-fit: cover;\n    background: var(--nsfrv-panel-soft);\n    border: 3px solid rgba(5, 11, 22, 0.9);\n}\n\n.nsfrv .nsfrv-profile__zoom {\n    position: absolute;\n    right: -2px;\n    bottom: -2px;\n    width: 38px;\n    height: 38px;\n    min-width: 38px;\n    min-height: 38px;\n    border: 0 !important;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--nsfrv-accent), var(--nsfrv-cool)) !important;\n    color: #fff !important;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    box-shadow: 0 10px 22px rgba(2, 8, 23, 0.38);\n    transition: transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.nsfrv .nsfrv-profile__zoom:hover {\n    transform: translateY(-2px) scale(1.03);\n}\n\n.nsfrv-profile__meta {\n    min-width: 0;\n    flex: 1;\n    width: 100%;\n}\n\n.nsfrv-profile__name {\n    font-size: clamp(1.25rem, 3.5vw, 1.7rem);\n    font-weight: 850;\n    line-height: 1.2;\n    word-break: break-word;\n    letter-spacing: 0;\n}\n\n.nsfrv-profile__handle {\n    color: var(--nsfrv-muted);\n    font-size: 0.94rem;\n    font-weight: 650;\n    margin-top: 5px;\n    word-break: break-all;\n}\n\n.nsfrv-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 14px;\n}\n\n.nsfrv-stats__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 11px;\n    border-radius: 999px;\n    background: rgba(47, 140, 255, 0.14);\n    border: 1px solid rgba(114, 208, 255, 0.24);\n    font-size: 0.78rem;\n    font-weight: 800;\n    color: var(--nsfrv-muted);\n}\n\n.nsfrv-stats__badge i {\n    color: var(--nsfrv-cool);\n}\n\n.nsfrv-pane__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 14px;\n    flex-wrap: wrap;\n    min-width: 0;\n}\n\n.nsfrv-pane__title {\n    font-size: 1.05rem;\n    font-weight: 850;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n    flex: 1 1 auto;\n}\n\n.nsfrv-pane__title i {\n    color: var(--nsfrv-cool);\n    flex-shrink: 0;\n}\n\n.nsfrv-pane__count {\n    font-size: 0.82rem;\n    font-weight: 800;\n    color: var(--nsfrv-dim);\n    flex: 0 0 auto;\n    white-space: nowrap;\n}\n\n.nsfrv-grid {\n    display: grid;\n    align-items: start;\n    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfrv-grid-min)), 1fr));\n    gap: var(--nsfrv-gap);\n    width: 100%;\n    min-width: 0;\n}\n\n.nsfrv-card {\n    background: rgba(16, 35, 62, 0.82);\n    border: 1px solid rgba(169, 199, 238, 0.2);\n    border-radius: 16px;\n    overflow: hidden;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    box-shadow: 0 12px 30px rgba(2, 8, 23, 0.24);\n    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.nsfrv-card:hover {\n    transform: translateY(-3px);\n    border-color: rgba(114, 208, 255, 0.36);\n    box-shadow: 0 18px 38px rgba(2, 8, 23, 0.34);\n}\n\n.nsfrv-card__media {\n    position: relative;\n    aspect-ratio: 9 \/ 16;\n    background: #050b16;\n    cursor: pointer;\n    overflow: hidden;\n    flex: 0 0 auto;\n}\n\n.nsfrv .nsfrv-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.28s ease, filter 0.28s ease;\n}\n\n.nsfrv-card:hover .nsfrv-card__img {\n    transform: scale(1.035);\n    filter: saturate(1.06) contrast(1.04);\n}\n\n.nsfrv-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(5, 11, 22, 0.08), rgba(5, 11, 22, 0.36));\n    pointer-events: none;\n}\n\n.nsfrv-card__play span {\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, rgba(47, 140, 255, 0.95), rgba(53, 208, 127, 0.9));\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1rem;\n    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.42);\n}\n\n.nsfrv-card__badge {\n    position: absolute;\n    top: 10px;\n    left: 10px;\n    padding: 5px 9px;\n    border-radius: 999px;\n    background: rgba(5, 11, 22, 0.74);\n    color: #fff;\n    font-size: 0.72rem;\n    font-weight: 850;\n    backdrop-filter: blur(10px);\n}\n\n.nsfrv-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.nsfrv-card__foot {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: flex-start;\n    gap: 10px;\n    padding: 12px;\n    min-width: 0;\n    margin-top: auto;\n}\n\n.nsfrv-card__title {\n    flex: 0 1 auto;\n    min-width: 0;\n    width: 100%;\n    font-size: 0.84rem;\n    font-weight: 750;\n    color: var(--nsfrv-muted);\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    line-height: 1.35;\n}\n\n.nsfrv-card__actions {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 7px;\n    width: 100%;\n    min-width: 0;\n}\n\n.nsfrv .nsfrv-card__action {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    width: 100%;\n    min-height: 38px;\n    min-width: 0;\n    padding: 7px 9px !important;\n    border: 0 !important;\n    border-radius: 10px !important;\n    background: rgba(47, 140, 255, 0.16) !important;\n    color: #bdddff !important;\n    font-size: 0.75rem !important;\n    font-weight: 800 !important;\n    cursor: pointer;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    touch-action: manipulation;\n    white-space: nowrap;\n    overflow: hidden;\n    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;\n}\n\n.nsfrv .nsfrv-card__action:hover {\n    transform: translateY(-1px);\n    background: rgba(47, 140, 255, 0.28) !important;\n    box-shadow: 0 10px 22px rgba(2, 8, 23, 0.22);\n}\n\n.nsfrv .nsfrv-card__action i {\n    flex-shrink: 0;\n}\n\n.nsfrv .nsfrv-card__action-label {\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n\/* Multi-column grids: icon-only actions so labels never collide *\/\n.nsfrv.nsfrv--cols-3 .nsfrv-card__action,\n.nsfrv.nsfrv--cols-4 .nsfrv-card__action,\n.nsfrv.nsfrv--cols-5 .nsfrv-card__action {\n    padding: 6px !important;\n    gap: 0;\n}\n\n.nsfrv.nsfrv--cols-3 .nsfrv-card__action-label,\n.nsfrv.nsfrv--cols-4 .nsfrv-card__action-label,\n.nsfrv.nsfrv--cols-5 .nsfrv-card__action-label {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n\n.nsfrv .nsfrv-card__action--cool {\n    background: linear-gradient(135deg, var(--nsfrv-accent), #5b7cff 48%, var(--nsfrv-success)) !important;\n    color: #fff !important;\n}\n\n.nsfrv-empty {\n    text-align: center;\n    padding: 34px 16px;\n    color: var(--nsfrv-muted);\n}\n\n.nsfrv-empty i {\n    display: block;\n    font-size: 2.1rem;\n    margin: 0 auto 12px;\n    color: #fff;\n    opacity: 0.9;\n}\n\n.nsfrv-empty p {\n    margin: 0 auto;\n    max-width: 38ch;\n    font-size: 0.96rem;\n}\n\n.nsfrv-tab-sk {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--nsfrv-grid-min)), 1fr));\n    gap: var(--nsfrv-gap);\n}\n\n.nsfrv-tab-sk__video {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.nsfrv-tab-sk__thumb {\n    width: 100%;\n    aspect-ratio: 9 \/ 16;\n    border-radius: 14px;\n}\n\n.nsfrv-tab-sk__foot {\n    height: 14px;\n    width: 65%;\n}\n\n\/* Modal *\/\n.nsfrv-modal {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 99999;\n    background: rgba(2, 6, 15, 0.78);\n    padding: max(10px, env(safe-area-inset-top, 0px)) max(10px, env(safe-area-inset-right, 0px)) max(10px, env(safe-area-inset-bottom, 0px)) max(10px, env(safe-area-inset-left, 0px));\n    align-items: center;\n    justify-content: center;\n    backdrop-filter: blur(12px);\n}\n\n.nsfrv-modal.is-open {\n    display: flex;\n}\n\n.nsfrv-modal__dialog {\n    position: relative;\n    width: min(440px, 100%);\n    max-width: 100%;\n    max-height: min(92dvh, 92vh, 900px);\n    background:\n        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)),\n        rgba(10, 22, 40, 0.96);\n    border: 1px solid rgba(169, 199, 238, 0.22);\n    border-radius: 20px;\n    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.58);\n    overflow: hidden;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 0;\n}\n\n.nsfrv .nsfrv-modal__close {\n    position: absolute;\n    top: 14px;\n    right: 14px;\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(5, 11, 22, 0.78) !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(0, 0, 0, 0.36);\n    transition: transform 0.18s ease, background 0.18s ease;\n}\n\n.nsfrv .nsfrv-modal__close:hover {\n    transform: scale(1.04);\n    background: var(--nsfrv-danger) !important;\n}\n\n.nsfrv-modal__stage {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n    flex: 1 1 auto;\n    background: #020611;\n    border-radius: 14px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: min(42dvh, 280px);\n    max-height: min(72dvh, 72vh, 760px);\n}\n\n.nsfrv .nsfrv-modal__media {\n    width: 100%;\n    max-width: 100%;\n    max-height: min(72dvh, 72vh, 760px);\n    height: auto;\n    object-fit: contain;\n    background: #000;\n    display: block;\n}\n\n.nsfrv .nsfrv-modal__media--img {\n    border-radius: 12px;\n}\n\n.nsfrv .nsfrv-modal__media--video {\n    border-radius: 12px;\n}\n\n.nsfrv .nsfrv-modal__media.is-hidden {\n    display: none !important;\n}\n\n.nsfrv-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(5, 11, 22, 0.76);\n    color: #fff;\n    font-weight: 800;\n    z-index: 1;\n}\n\n.nsfrv-modal__loading.is-visible {\n    display: flex;\n}\n\n.nsfrv-modal__loading i {\n    animation: nsfrv-spin 0.9s linear infinite;\n}\n\n@keyframes nsfrv-spin {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n.nsfrv-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    flex: 0 0 auto;\n}\n\n.nsfrv-modal__meta {\n    flex: 1 1 140px;\n    margin: 0;\n    color: var(--nsfrv-muted);\n    font-size: 0.9rem;\n    font-weight: 650;\n    min-width: 0;\n    word-break: break-word;\n}\n\n.nsfrv-modal__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    width: 100%;\n    max-width: 100%;\n}\n\n.nsfrv .nsfrv-modal__action {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    min-height: 46px;\n    flex: 1 1 auto;\n    padding: 11px 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(--nsfrv-accent), #5b7cff 48%, var(--nsfrv-success)) !important;\n    box-shadow: 0 14px 28px rgba(2, 8, 23, 0.3);\n    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;\n}\n\n.nsfrv .nsfrv-modal__action:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 20px 38px rgba(2, 8, 23, 0.38);\n}\n\n.nsfrv .nsfrv-modal__action:disabled,\n.nsfrv .nsfrv-modal__action.is-hidden {\n    display: none !important;\n}\n\n.nsfrv-dlprog {\n    position: fixed;\n    right: max(12px, env(safe-area-inset-right, 0px));\n    bottom: max(12px, env(safe-area-inset-bottom, 0px));\n    left: auto;\n    z-index: 100000;\n    width: min(360px, calc(100vw - 24px));\n    background: rgba(8, 15, 29, 0.96);\n    border: 1px solid rgba(169, 199, 238, 0.2);\n    border-radius: 18px;\n    padding: 14px 16px;\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.48);\n    color: #fff;\n    display: none;\n    backdrop-filter: blur(16px);\n}\n\n.nsfrv-dlprog.is-open {\n    display: block;\n}\n\n.nsfrv-dlprog.is-success {\n    border-color: rgba(53, 208, 127, 0.58);\n}\n\n.nsfrv-dlprog.is-error {\n    border-color: rgba(255, 77, 103, 0.6);\n}\n\n.nsfrv-dlprog__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 10px;\n}\n\n.nsfrv-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.9rem;\n}\n\n.nsfrv-dlprog__title i {\n    color: var(--nsfrv-success);\n}\n\n.nsfrv-dlprog__name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.nsfrv-dlprog__pct {\n    flex: 0 0 auto;\n    font-weight: 850;\n    font-size: 0.85rem;\n    color: rgba(255, 255, 255, 0.88);\n}\n\n.nsfrv-dlprog__track {\n    height: 9px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.12);\n    overflow: hidden;\n}\n\n.nsfrv-dlprog__fill {\n    height: 100%;\n    width: 0%;\n    border-radius: inherit;\n    background: linear-gradient(90deg, var(--nsfrv-accent), var(--nsfrv-cool), var(--nsfrv-success));\n    transition: width 0.2s ease;\n}\n\n.nsfrv-dlprog.is-indeterminate .nsfrv-dlprog__fill {\n    width: 40% !important;\n    animation: nsfrv-dlprog-slide 1.1s ease-in-out infinite;\n}\n\n@keyframes nsfrv-dlprog-slide {\n    0% {\n        transform: translateX(-120%);\n    }\n\n    100% {\n        transform: translateX(280%);\n    }\n}\n\n.nsfrv-dlprog__meta {\n    display: flex;\n    justify-content: space-between;\n    gap: 8px;\n    margin-top: 9px;\n    font-size: 0.78rem;\n    color: rgba(255, 255, 255, 0.74);\n}\n\n.nsfrv .fa-solid,\n.nsfrv .fa-paste,\n.nsfrv .fa-film,\n.nsfrv .fa-expand,\n.nsfrv .fa-circle-info,\n.nsfrv .fa-xmark,\n.nsfrv .fa-spinner,\n.nsfrv .fa-download {\n    line-height: 1;\n    flex-shrink: 0;\n}\n\n\/* Responsive \u2014 same pattern as facebook\/video + page compact overrides *\/\n@media (max-width: 479.98px) {\n    .nsfrv {\n        --nsfrv-grid-min: 100%;\n        --nsfrv-avatar: 72px;\n        --nsfrv-pad: 14px;\n        --nsfrv-gap: 12px;\n        padding: 10px;\n    }\n\n    .nsfrv-hero {\n        padding-top: 24px;\n    }\n\n    .nsfrv-hero__brand {\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .nsfrv-hero__title {\n        font-size: clamp(1.8rem, 12vw, 2.6rem);\n    }\n\n    .nsfrv-hero__title-text {\n        justify-content: center;\n        text-align: center;\n        font-size: 1.15rem;\n    }\n\n    .nsfrv-search {\n        border-radius: 16px;\n    }\n\n    .nsfrv-card__actions {\n        grid-template-columns: 1fr;\n    }\n\n    .nsfrv-dlprog {\n        right: 10px;\n        left: 10px;\n        width: auto;\n    }\n}\n\n@media (min-width: 480px) and (max-width: 767.98px) {\n    .nsfrv {\n        --nsfrv-grid-min: max(150px, 46%);\n    }\n}\n\n@media (min-width: 768px) {\n    .nsfrv:not(.nsfrv--compact) {\n        --nsfrv-grid-min: 170px;\n        --nsfrv-avatar: 96px;\n        --nsfrv-pad: 22px;\n        --nsfrv-gap: 16px;\n    }\n\n    .nsfrv:not(.nsfrv--compact) .nsfrv-search__row {\n        flex-direction: row;\n        align-items: stretch;\n    }\n\n    .nsfrv:not(.nsfrv--compact) .nsfrv-search__actions {\n        width: auto;\n        flex: 0 0 auto;\n    }\n\n    .nsfrv:not(.nsfrv--compact) .nsfrv-btn {\n        flex: 0 0 auto;\n    }\n\n    .nsfrv:not(.nsfrv--compact) .nsfrv-profile {\n        flex-direction: row;\n        align-items: center;\n    }\n}\n\n@media (min-width: 1024px) {\n    .nsfrv:not(.nsfrv--compact) {\n        --nsfrv-grid-min: 180px;\n        --nsfrv-avatar: 104px;\n    }\n}\n\n\/* WordPress \/ Live Server narrow container (set by ResizeObserver) *\/\n.nsfrv.nsfrv--compact {\n    --nsfrv-avatar: 72px;\n    --nsfrv-pad: 14px;\n    --nsfrv-gap: 12px;\n    --nsfrv-grid-min: max(150px, 46%);\n}\n\n.nsfrv.nsfrv--compact .nsfrv-search__row {\n    flex-direction: column !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-search__actions {\n    width: 100% !important;\n    display: flex !important;\n    flex-wrap: wrap !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-btn {\n    flex: 1 1 calc(50% - 4px) !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-profile {\n    flex-direction: column !important;\n    align-items: flex-start !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-card__foot {\n    flex-direction: column !important;\n    align-items: stretch !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-card__actions {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    width: 100% !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-card__action {\n    width: 100% !important;\n}\n\n.nsfrv.nsfrv--narrow {\n    --nsfrv-grid-min: 100%;\n    --nsfrv-avatar: 64px;\n    padding: 10px;\n}\n\n.nsfrv.nsfrv--narrow .nsfrv-btn {\n    flex: 1 1 100% !important;\n}\n\n.nsfrv.nsfrv--narrow .nsfrv-search__actions {\n    flex-direction: column !important;\n}\n\n.nsfrv.nsfrv--narrow .nsfrv-card__actions {\n    grid-template-columns: 1fr !important;\n}\n\n.nsfrv.nsfrv--narrow .nsfrv-hero__brand {\n    flex-direction: column;\n    gap: 8px;\n}\n\n.nsfrv.nsfrv--narrow .nsfrv-hero__title-text {\n    font-size: 1.12rem;\n    justify-content: center;\n    text-align: center;\n}\n\n@media (hover: none) {\n    .nsfrv .nsfrv-btn:hover,\n    .nsfrv .nsfrv-card__action:hover,\n    .nsfrv-card:hover,\n    .nsfrv .nsfrv-profile__zoom:hover,\n    .nsfrv .nsfrv-modal__action:hover {\n        transform: none;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .nsfrv *,\n    .nsfrv *::before,\n    .nsfrv *::after {\n        scroll-behavior: auto !important;\n        transition-duration: 0.01ms !important;\n    }\n\n    .nsfrv .nsfrv-sk,\n    .nsfrv .nsfrv-modal__loading i,\n    .nsfrv-dlprog.is-indeterminate .nsfrv-dlprog__fill {\n        animation: none !important;\n    }\n}\n\n\/* Search controls: one row on large screens, wrap on narrow *\/\n.nsfrv .nsfrv-search,\n.nsfrv .nsfrv-search .nsfrv-search__row,\n.nsfrv .nsfrv-search .nsfrv-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.nsfrv .nsfrv-search .nsfrv-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.nsfrv .nsfrv-search .nsfrv-search__field,\n.nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-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.nsfrv .nsfrv-search .nsfrv-search__actions,\n.nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-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.nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n.nsfrv .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n.nsfrv .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-btn {\n    flex: 0 0 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 116px !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row {\n    flex-wrap: wrap !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__field,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__field,\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row>.nsfrv-search__field,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row>.nsfrv-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__actions,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__actions,\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row>.nsfrv-search__actions,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row>.nsfrv-search__actions {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n}\n\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n.nsfrv.nsfrv--compact .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-btn,\n.nsfrv.nsfrv--narrow .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-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    .nsfrv .nsfrv-search .nsfrv-search__row {\n        flex-wrap: wrap !important;\n    }\n\n    .nsfrv .nsfrv-search .nsfrv-search__field,\n    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-search__field {\n        flex: 1 1 100% !important;\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n\n    .nsfrv .nsfrv-search .nsfrv-search__actions,\n    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-search__actions {\n        flex: 1 1 100% !important;\n        width: 100% !important;\n        max-width: 100% !important;\n    }\n\n    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n    .nsfrv .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n    .nsfrv .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-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: 380px) {\n    .nsfrv .nsfrv-search .nsfrv-search__row>.nsfrv-btn,\n    .nsfrv .nsfrv-search .nsfrv-search__actions .nsfrv-btn,\n    .nsfrv .nsfrv-search .nsfrv-search__row .nsfrv-search__actions .nsfrv-btn {\n        flex: 1 1 100% !important;\n    }\n}\n<\/style>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<div class=\"nsfrv\" id=\"nsfrv-root\" data-nsfrv-ready=\"0\">\n    <div class=\"nsfrv-shell\">\n        <section class=\"nsfrv-hero\" aria-labelledby=\"nsfrv-title\">\n            <h1 class=\"nsfrv-hero__title\" id=\"nsfrv-title\">Facebook Reel Viewer<\/h1>\n<p class=\"nsfrv-hero__lead\">\n                Browse public Facebook profile reels, play them in-page, and download MP4 files.\n            <\/p>\n<div class=\"nsfrv-search\">\n                <label class=\"nsfrv-search__label\" for=\"nsfrv-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=\"nsfrv-search__row\">\n                    <input class=\"nsfrv-search__field\" id=\"nsfrv-input\" type=\"text\" name=\"nsfrv_input\"\n                        placeholder=\"username or facebook.com\/username\" autocomplete=\"off\" spellcheck=\"false\"\n                        inputmode=\"url\">\n                    <div class=\"nsfrv-search__actions\">\n                        <button type=\"button\" class=\"nsfrv-btn nsfrv-btn--paste\" id=\"nsfrv-paste\"\n                            aria-label=\"Paste from clipboard\">\n                            <i class=\"fa-solid fa-paste\" aria-hidden=\"true\"><\/i> Paste\n                        <\/button>\n                        <button type=\"submit\" class=\"nsfrv-btn nsfrv-btn--view\" id=\"xrespond-tools-turnstile\">\n                            <i class=\"fa-solid fa-film\" aria-hidden=\"true\"><\/i> View Reels\n                        <\/button>\n                    <\/div>\n                <\/div>\n<div class=\"nsfrv-alert\" id=\"nsfrv-alert\" role=\"alert\"><\/div>\n<p class=\"nsfrv-search__hint\">Enter a Facebook username or profile URL (example: natgeo)<\/p>\n            <\/div>\n        <\/section>\n\n        <div class=\"nsfrv-skeleton\" id=\"nsfrv-skeleton\" aria-hidden=\"true\" aria-busy=\"false\">\n            <div class=\"nsfrv-skeleton__panel\">\n                <div class=\"nsfrv-skeleton__profile\">\n                    <div class=\"nsfrv-sk nsfrv-skeleton__avatar\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfrv-skeleton__meta\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__line nsfrv-skeleton__line--lg\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__line nsfrv-skeleton__line--md\" aria-hidden=\"true\"><\/div>\n                    <\/div>\n                <\/div>\n<div class=\"nsfrv-skeleton__grid\" aria-hidden=\"true\">\n                    <div class=\"nsfrv-skeleton__card\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__thumb\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__foot\"><\/div>\n                    <\/div>\n<div class=\"nsfrv-skeleton__card\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__thumb\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__foot\"><\/div>\n                    <\/div>\n<div class=\"nsfrv-skeleton__card\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__thumb\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__foot\"><\/div>\n                    <\/div>\n<div class=\"nsfrv-skeleton__card\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__thumb\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__foot\"><\/div>\n                    <\/div>\n<div class=\"nsfrv-skeleton__card\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__thumb\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__foot\"><\/div>\n                    <\/div>\n<div class=\"nsfrv-skeleton__card\">\n                        <div class=\"nsfrv-sk nsfrv-skeleton__thumb\"><\/div>\n<div class=\"nsfrv-sk nsfrv-skeleton__foot\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <section class=\"nsfrv-result\" id=\"nsfrv-result\" aria-live=\"polite\">\n            <div class=\"nsfrv-panel nsfrv-content is-placeholder\" id=\"nsfrv-content\">\n                <div class=\"nsfrv-profile\">\n                    <div class=\"nsfrv-profile__avatar-wrap\">\n                        <div class=\"nsfrv-profile__ring\">\n                            <img decoding=\"async\" class=\"nsfrv-profile__img\" id=\"nsfrv-avatar\" src=\"\" alt=\"Profile avatar\">\n                        <\/div>\n                        <button type=\"button\" class=\"nsfrv-profile__zoom\" id=\"nsfrv-avatar-zoom\"\n                            aria-label=\"Expand profile photo\">\n                            <i class=\"fa-solid fa-expand\" aria-hidden=\"true\"><\/i>\n                        <\/button>\n                    <\/div>\n<div class=\"nsfrv-profile__meta\">\n                        <h2 class=\"nsfrv-profile__name\" id=\"nsfrv-name\">Full Name<\/h2>\n<p class=\"nsfrv-profile__handle\" id=\"nsfrv-handle\">facebook.com\/username<\/p>\n<ul class=\"nsfrv-stats\" id=\"nsfrv-stats\"><\/ul>\n                    <\/div>\n                <\/div>\n<div class=\"nsfrv-notice\" id=\"nsfrv-notice\" role=\"status\">\n                    <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n                    <span id=\"nsfrv-notice-text\"><\/span>\n                <\/div>\n<div id=\"nsfrv-reels\"><\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n<div class=\"nsfrv-modal\" id=\"nsfrv-modal\" aria-hidden=\"true\">\n        <div class=\"nsfrv-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Reel preview\">\n            <button type=\"button\" class=\"nsfrv-modal__close\" id=\"nsfrv-modal-close\" aria-label=\"Close preview\">\n                <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"><\/i>\n            <\/button>\n            <div class=\"nsfrv-modal__stage\">\n                <img decoding=\"async\" class=\"nsfrv-modal__media nsfrv-modal__media--img is-hidden\" id=\"nsfrv-modal-img\" src=\"\"\n                    alt=\"Preview\" referrerpolicy=\"no-referrer\">\n                <video class=\"nsfrv-modal__media nsfrv-modal__media--video is-hidden\" id=\"nsfrv-modal-video\" controls\n                    playsinline preload=\"auto\" referrerpolicy=\"no-referrer\"><\/video>\n                <div class=\"nsfrv-modal__loading\" id=\"nsfrv-modal-loading\" aria-hidden=\"true\">\n                    <i class=\"fa-solid fa-spinner\" aria-hidden=\"true\"><\/i>\n                    <span>Loading reel\u2026<\/span>\n                <\/div>\n            <\/div>\n<div class=\"nsfrv-modal__bar\">\n                <div class=\"nsfrv-modal__meta\" id=\"nsfrv-modal-meta\"><\/div>\n<div class=\"nsfrv-modal__actions\">\n                    <button type=\"button\" class=\"nsfrv-modal__action is-hidden\" id=\"nsfrv-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><style>       \r\n  :root{\r\n    --grad: linear-gradient(45deg,#1877F2 0%,#3B5998 25%,#4267B2 50%,#8B9DC3 75%,#DFE3EE 100%);\r\n    --brand:#1877F2;\r\n    --ink:#333;\r\n    --muted:#666;\r\n    --muted-2:#9498a1;\r\n    --light:#f8f9fa;\r\n    --card:#fff;\r\n    --radius:15px;\r\n    --sh:0 4px 12px rgba(0,0,0,.08);\r\n    --sh-lg:0 8px 24px rgba(0,0,0,.12);\r\n    --t:.3s ease;\r\n  }\r\n\r\n  \/* ---------- Titles ---------- *\/\r\n  .fb-rv-section-title{text-align:center; margin-bottom:60px;}\r\n  .fb-rv-section-title h2{font-weight:700; font-size:2.5rem; color:var(--brand); margin:0 0 12px;}\r\n  .fb-rv-section-title p{color:var(--muted); max-width:700px; margin:0 auto; font-size:1.05rem;}\r\n \r\n  \/* ---------- Cards ---------- *\/\r\n  .cv-card{\r\n    background:var(--card); border-radius:var(--radius); box-shadow:var(--sh);\r\n    height:100%; transition:var(--t); padding:30px;\r\n  }\r\n  .cv-card:hover{transform:translateY(-10px); box-shadow:var(--sh-lg);}\r\n\r\n  \/* Steps *\/\r\n  .fb-rv-step{ position:relative; text-align:center; }\r\n  .fb-rv-step .fb-rv-step-icon{\r\n    width:80px; height:80px; margin:0 auto 22px; border-radius:50%; display:flex; align-items:center; justify-content:center;\r\n    background:var(--grad); color:#fff; font-size:2rem; box-shadow:0 5px 15px rgba(0,0,0,.1); transition:var(--t);\r\n  }\r\n  .fb-rv-step:hover .fb-rv-step-icon{ transform:scale(1.08); }\r\n  .fb-rv-step h3{font-size:1.25rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-rv-step p{color:var(--muted); margin:0;}\r\n\r\n  \/* Features *\/\r\n  .fb-rv-feature-card .fb-rv-feature-icon{font-size:2rem; display:block; margin-bottom:14px;}\r\n  .fb-rv-feature-card h3{font-size:1.2rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-rv-feature-card p{color:var(--muted); margin:0;}\r\n\r\n  \/* FAQ *\/\r\n  .vr-tool-faq{ margin: 30px auto; }\r\n  .fb-rv-faq-item{ border-radius:12px; overflow:hidden; box-shadow:var(--sh); transition:var(--t); background:#fff; }\r\n  .fb-rv-faq-item:hover{ box-shadow:var(--sh-lg); }\r\n  .fb-rv-faq-question{\r\n    width:100%; padding:20px 24px; display:flex; justify-content:space-between; align-items:center;\r\n    background:#fff; border:none; text-align:left; font-weight:700; font-size:1.05rem; color:var(--brand); transition:var(--t);\r\n  }\r\n  .fb-rv-faq-question:hover{ background:rgba(24,119,242,.05); }\r\n  .fb-rv-faq-question:not(.collapsed){ background:rgba(24,119,242,.1); }\r\n  .fb-rv-faq-question:not(.collapsed)::after{ transform:rotate(180deg); }\r\n  .fb-rv-faq-answer{ padding:0 24px 22px; color:var(--muted); line-height:1.7; }\r\n\r\n  \/* CTA *\/\r\n  .vr-tool-cta{\r\n    background:var(--grad);\r\n    color:#fff;\r\n    text-align:center;\r\n    padding:50px 0;\r\n  }\r\n  .vr-tool-cta .fb-rv-cta-title{\r\n    font-size:2.4rem;\r\n    font-weight:700;\r\n    margin:0 0 20px;\r\n    line-height:1.2;\r\n  }\r\n  .vr-tool-cta .fb-rv-cta-sub{\r\n    max-width:800px;\r\n    margin:0 auto 30px;\r\n    font-size:1.1rem;\r\n    color:rgba(255,255,255,.92);\r\n  }\r\n  .vr-tool-cta .fb-rv-cta-group .btn{\r\n    background:#fff;\r\n    color:var(--brand);\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:50px;\r\n    box-shadow:var(--sh);\r\n    transition:var(--t);\r\n    text-decoration:none;\r\n    display:inline-block;\r\n  }\r\n  .vr-tool-cta .fb-rv-cta-group .btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:var(--sh-lg);\r\n  }\r\n  .vr-tool-cta .fb-rv-cta-note{\r\n    margin-top:14px;\r\n    font-size:.95rem;\r\n    color:rgba(255,255,255,.85);\r\n  }\r\n\r\n  @keyframes fadeUp{ from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }\r\n  .animate-in{ animation: fadeUp .6s ease both; }\r\n\r\n  @media (max-width:991px){\r\n    .fb-rv-section-title h2{font-size:2.1rem}\r\n    .vr-tool-cta .fb-rv-cta-title{font-size:2.1rem}\r\n  }\r\n  @media (max-width:767px){\r\n    .fb-rv-section-title h2{font-size:1.8rem}\r\n    .cv-card{margin-bottom:20px}\r\n    .vr-tool-cta{padding:60px 0}\r\n    .vr-tool-cta .fb-rv-cta-title{font-size:1.8rem}\r\n    .vr-tool-cta .fb-rv-cta-sub{font-size:1rem}\r\n  }\r\n<\/style>\r\n\r\n<!-- How It Works -->\r\n<section class=\"vr-tool-how\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-rv-section-title\">\r\n      <h2>How to Use the Facebook Reel Viewer<\/h2>\r\n      <p>Follow these steps to watch Facebook Reels anonymously.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-rv-step\">\r\n          <div class=\"fb-rv-step-icon\"><i class=\"fas fa-link\"><\/i><\/div>\r\n          <h3>Enter Reel or Profile URL<\/h3>\r\n          <p>Copy the Facebook Reel or profile URL to view.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-rv-step\">\r\n          <div class=\"fb-rv-step-icon\"><i class=\"fas fa-search\"><\/i><\/div>\r\n          <h3>Load Reels<\/h3>\r\n          <p>Click \u201cView Now\u201d to access public Reels.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-rv-step\">\r\n          <div class=\"fb-rv-step-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n          <h3>Watch Anonymously<\/h3>\r\n          <p>View public Reels privately.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-rv-step\">\r\n          <div class=\"fb-rv-step-icon\"><i class=\"fas fa-user-secret\"><\/i><\/div>\r\n          <h3>No Login Required<\/h3>\r\n          <p>Access Reels without a Facebook account.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Features -->\r\n<section class=\"vr-tool-features\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-rv-section-title\">\r\n      <h2>Facebook Reel Viewer Features<\/h2>\r\n      <p>Tools for seamless and private viewing of Facebook Reels.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-rv-feature-card\">\r\n          <span class=\"fb-rv-feature-icon\">\ud83d\udd12<\/span>\r\n          <h3>Anonymous Viewing<\/h3>\r\n          <p>Watch Facebook Reels without revealing your identity.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-rv-feature-card\">\r\n          <span class=\"fb-rv-feature-icon\">\ud83c\udfa5<\/span>\r\n          <h3>Public Reel Access<\/h3>\r\n          <p>View public Reels effortlessly.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-rv-feature-card\">\r\n          <span class=\"fb-rv-feature-icon\">\ud83d\udcf9<\/span>\r\n          <h3>Short Video Support<\/h3>\r\n          <p>Watch short, engaging Reels from public profiles.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-rv-feature-card\">\r\n          <span class=\"fb-rv-feature-icon\">\ud83d\udcf1<\/span>\r\n          <h3>Multi-Device Support<\/h3>\r\n          <p>Optimized for phones, tablets, and desktops.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-rv-feature-card\">\r\n          <span class=\"fb-rv-feature-icon\">\ud83d\udd11<\/span>\r\n          <h3>No Login Needed<\/h3>\r\n          <p>Watch without Facebook credentials.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-rv-feature-card\">\r\n          <span class=\"fb-rv-feature-icon\">\u26a1<\/span>\r\n          <h3>Fast Streaming<\/h3>\r\n          <p>Quickly load Reel content anonymously.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"vr-tool-faq\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-rv-section-title\">\r\n      <h2>Frequently Asked Questions<\/h2>\r\n      <p>Learn how to use the Facebook Reel Viewer effectively.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row justify-content-center\">\r\n      <div class=\"col-lg-8\">\r\n        <div class=\"accordion\" id=\"faqAccordion\">\r\n          <div class=\"fb-rv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-rv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse1\">\r\n                Can I view private Facebook Reels?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-rv-faq-answer accordion-body\">\r\n                No. The Facebook Reel Viewer only shows public Reels, respecting privacy settings.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-rv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-rv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse2\">\r\n                Do I need a Facebook account to watch?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-rv-faq-answer accordion-body\">\r\n                No. The Facebook Reel Viewer works without a login.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-rv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-rv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse3\">\r\n                Is the Facebook Reel Viewer free to use?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-rv-faq-answer accordion-body\">\r\n                Yes. It\u2019s a free tool with no charges or subscriptions.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-rv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-rv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse4\">\r\n                Is this tool affiliated with Facebook?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-rv-faq-answer accordion-body\">\r\n                No. This is an independent Facebook Reel Viewer, and viewing is anonymous with no user alerts.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"vr-tool-cta\">\r\n  <div class=\"container\" style=\"text-align: center;\">\r\n    <h2 class=\"fb-rv-cta-title text-white\">Try the Facebook Reel Viewer Now<\/h2>\r\n    <p class=\"fb-rv-cta-sub\">\r\n      Watch public Facebook Reels anonymously without login. Safe, private, and easy to use.\r\n    <\/p>\r\n    <div class=\"fb-rv-cta-group\">\r\n      <a href=\"#\" class=\"btn btn-lg\">Try It Now<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.querySelectorAll('.fb-rv-faq-question').forEach(btn=>{\r\n    btn.addEventListener('click', ()=>{\r\n      document.querySelectorAll('.fb-rv-faq-question').forEach(b=>{ if(b!==btn) b.classList.add('collapsed'); });\r\n      btn.classList.toggle('collapsed');\r\n    });\r\n  });\r\n<\/script><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":138,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"1300","footnotes":""},"class_list":["post-1071","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/1071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/comments?post=1071"}],"version-history":[{"count":13,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/1071\/revisions"}],"predecessor-version":[{"id":2230,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/1071\/revisions\/2230"}],"up":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/138"}],"wp:attachment":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/media?parent=1071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}