{"id":317,"date":"2026-03-31T11:18:38","date_gmt":"2026-03-31T11:18:38","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=317"},"modified":"2026-09-29T10:43:49","modified_gmt":"2026-09-29T10:43:49","slug":"collection","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/tools\/facebook\/collection\/","title":{"rendered":"Facebook Collection Viewer \u2013 View &amp; Explore Collections"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<style>\n\/* New Social Facebook Profile Viewer \u2014 WordPress-scoped styles *\/\n  .nsfpv {\n    \/* Facebook brand blue system \u2014 used everywhere *\/\n    --nsfpv-ink: #ffffff;\n    --nsfpv-muted: #c5daf8;\n    --nsfpv-dim: #8fb4e8;\n    --nsfpv-bg: #0b1f3d;\n    --nsfpv-panel: #123056;\n    --nsfpv-panel-soft: #1a3f70;\n    --nsfpv-hover: #24528c;\n    --nsfpv-line: rgba(24, 119, 242, 0.45);\n    --nsfpv-accent: #1877f2;\n    --nsfpv-accent-deep: #0d65d9;\n    --nsfpv-cool: #4dabf7;\n    --nsfpv-cool-deep: #1877f2;\n    --nsfpv-success: #42b72a;\n    --nsfpv-danger: #f02849;\n    --nsfpv-radius: 10px;\n    --nsfpv-shadow: 0 8px 24px rgba(8, 40, 90, 0.45);\n    --nsfpv-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    --nsfpv-space: 16px;\n    --nsfpv-avatar: 128px;\n    --nsfpv-pad: 16px;\n    --nsfpv-gap: 12px;\n\n    box-sizing: border-box;\n    font-family: var(--nsfpv-font);\n    color: var(--nsfpv-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(--nsfpv-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  .nsfpv *,\n  .nsfpv *::before,\n  .nsfpv *::after {\n    box-sizing: border-box;\n  }\n\n  .nsfpv :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  .nsfpv :where(ul, ol) {\n    list-style: none;\n  }\n\n  .nsfpv img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n    border: 0;\n    vertical-align: middle;\n  }\n\n  .nsfpv a {\n    color: var(--nsfpv-cool);\n    text-decoration: none;\n  }\n\n  .nsfpv a:hover {\n    text-decoration: underline;\n  }\n\n  .nsfpv-shell {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n    gap: var(--nsfpv-gap);\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    min-width: 0;\n  }\n\n  \/* Hero \/ search *\/\n  .nsfpv-hero {\n    background: transparent;\n    padding: 36px 0 14px;\n    text-align: center;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    border: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .nsfpv .nsfpv-hero__title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 10px;\n    color: var(--nsfpv-ink);\n  }\n\n  .nsfpv-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  .nsfpv .nsfpv-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  .nsfpv .nsfpv-hero__icon i {\n    display: block;\n    line-height: 1;\n  }\n\n  .nsfpv-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: 700;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    text-align: left;\n  }\n\n  .nsfpv-hero__title-mark {\n    color: var(--nsfpv-cool);\n    font-weight: 700;\n  }\n\n  .nsfpv .nsfpv-hero__lead {\n    max-width: 560px;\n    margin: 0 auto 16px;\n    color: var(--nsfpv-muted);\n    font-size: clamp(0.88rem, 2.4vw, 0.95rem);\n    line-height: 1.55;\n    padding: 0 2px;\n  }\n\n  .nsfpv-search {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 10px;\n    text-align: left;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    margin-top: 4px;\n    padding: clamp(10px, 2vw, 14px);\n    background: var(--nsfpv-bg);\n    border: 1px solid var(--nsfpv-line);\n    border-radius: 8px;\n  }\n\n  .nsfpv .nsfpv-search__label {\n    display: block;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: var(--nsfpv-muted);\n    line-height: 1.3;\n  }\n\n  .nsfpv-search__row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    align-items: stretch;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv .nsfpv-search__field {\n    flex: 1 1 160px;\n    min-width: 0;\n    height: 46px;\n    min-height: 46px;\n    padding: 0 14px !important;\n    border: 1px solid var(--nsfpv-line) !important;\n    border-radius: 8px;\n    background: #0b1f3d !important;\n    color: #ffffff !important;\n    font-family: var(--nsfpv-font);\n    font-size: 16px !important;\n    font-weight: 500;\n    line-height: 46px;\n    outline: none;\n    box-shadow: none;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .nsfpv .nsfpv-search__field:focus {\n    background: #0b1f3d !important;\n    border-color: #4dabf7 !important;\n    box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.45);\n  }\n\n  .nsfpv .nsfpv-search__field::placeholder {\n    color: var(--nsfpv-dim);\n  }\n\n  .nsfpv .nsfpv-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n    flex: 1 1 calc(50% - 4px);\n    height: 46px;\n    min-height: 46px;\n    min-width: 0;\n    padding: 0 14px !important;\n    border: 0 !important;\n    border-radius: 8px;\n    font-family: var(--nsfpv-font);\n    font-size: 0.92rem !important;\n    font-weight: 600 !important;\n    line-height: 1;\n    cursor: pointer;\n    transition: background 0.15s ease, opacity 0.15s ease;\n    white-space: nowrap;\n    user-select: none;\n    text-decoration: none;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    color: #fff !important;\n  }\n\n  .nsfpv .nsfpv-btn i,\n  .nsfpv .nsfpv-tabs__btn i,\n  .nsfpv .nsfpv-card__action i,\n  .nsfpv .nsfpv-avatar__zoom i,\n  .nsfpv .nsfpv-modal__close i,\n  .nsfpv .nsfpv-demo-chip i,\n  .nsfpv .nsfpv-card__badge i,\n  .nsfpv .nsfpv-card__overlay i,\n  .nsfpv .nsfpv-post__stat i,\n  .nsfpv .nsfpv-meta__name i,\n  .nsfpv i.fa-solid,\n  .nsfpv i.fas {\n    --fa-display: inline-block;\n    display: inline-block !important;\n    line-height: 1 !important;\n    font-size: 0.92em;\n    width: 1.15em;\n    text-align: center;\n    vertical-align: middle;\n    font-style: normal !important;\n    font-variant: normal;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .nsfpv .nsfpv-empty i {\n    display: block !important;\n    font-size: 2rem !important;\n    width: auto;\n    margin: 0 auto 10px;\n    opacity: 0.4;\n    line-height: 1 !important;\n  }\n\n  .nsfpv .nsfpv-btn:hover {\n    filter: brightness(1.08);\n  }\n\n  .nsfpv .nsfpv-btn:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n    filter: none;\n  }\n\n  .nsfpv .nsfpv-btn--paste {\n    background: #24528c !important;\n    color: #ffffff !important;\n    box-shadow: none;\n  }\n\n  .nsfpv .nsfpv-btn--paste:hover {\n    background: #2d65a8 !important;\n  }\n\n  .nsfpv .nsfpv-btn--view {\n    background: var(--nsfpv-accent) !important;\n    box-shadow: none;\n  }\n\n  .nsfpv .nsfpv-search__hint {\n    margin: 0;\n    font-size: 0.8rem;\n    font-style: italic;\n    color: var(--nsfpv-dim);\n    line-height: 1.4;\n  }\n\n  \/* Cloudflare Turnstile \u2014 sit above the input row, never inside it *\/\n  .nsfpv #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  .nsfpv #xrespond-tools-turnstile-host.is-visible {\n    display: block;\n  }\n\n  .nsfpv #xrespond-tools-turnstile-host .xrespond-ts-label {\n    display: block;\n    font-size: 0.85rem;\n    color: var(--nsfpv-muted);\n    margin-bottom: 0.45rem;\n  }\n\n  .nsfpv #xrespond-tools-turnstile-host .xrespond-ts-widget {\n    min-height: 65px;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  .nsfpv #xrespond-tools-turnstile-host .xrespond-ts-error {\n    color: #ff8e8e;\n  }\n\n  .nsfpv-search__row:has(#xrespond-tools-turnstile-host) {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfpv-search__row>#xrespond-tools-turnstile-host {\n    flex: 0 0 100% !important;\n    width: 100% !important;\n    order: -1;\n  }\n\n  .nsfpv .nsfpv-alert {\n    display: none;\n    margin: 0;\n    padding: 10px 12px;\n    border-radius: 8px;\n    background: rgba(240, 40, 73, 0.18);\n    border: 1px solid rgba(240, 40, 73, 0.45);\n    color: #ff8a9b;\n    font-weight: 600;\n    font-size: 0.88rem;\n    text-align: left;\n    line-height: 1.4;\n  }\n\n  .nsfpv .nsfpv-alert.is-visible {\n    display: block;\n  }\n\n  .nsfpv .nsfpv-demo-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    align-self: flex-start;\n    padding: 6px 12px;\n    border-radius: 999px;\n    background: rgba(24, 119, 242, 0.22);\n    border: 1px solid rgba(24, 119, 242, 0.55);\n    color: #9ec9ff;\n    font-size: 0.78rem;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n  }\n\n  \/* Skeleton *\/\n  .nsfpv .nsfpv-skeleton {\n    display: none;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv .nsfpv-skeleton.is-visible {\n    display: block;\n  }\n\n  .nsfpv .nsfpv-content.is-hidden {\n    display: none !important;\n  }\n\n  .nsfpv .nsfpv-content.is-placeholder .nsfpv-bio,\n  .nsfpv .nsfpv-content.is-placeholder .nsfpv-stats {\n    display: none !important;\n  }\n\n  .nsfpv .nsfpv-content.is-placeholder .nsfpv-avatar__zoom {\n    opacity: 0.55;\n    pointer-events: none;\n  }\n\n  @keyframes nsfpv-shimmer {\n    0% {\n      background-position: -400px 0;\n    }\n\n    100% {\n      background-position: 400px 0;\n    }\n  }\n\n  .nsfpv .nsfpv-sk {\n    background: linear-gradient(90deg,\n        rgba(24, 119, 242, 0.15) 0%,\n        rgba(77, 171, 247, 0.35) 45%,\n        rgba(24, 119, 242, 0.15) 100%);\n    background-size: 800px 100%;\n    animation: nsfpv-shimmer 1.35s ease-in-out infinite;\n    border-radius: 8px;\n  }\n\n  .nsfpv-skeleton__panel {\n    background: var(--nsfpv-panel);\n    border: 1px solid var(--nsfpv-line);\n    border-radius: var(--nsfpv-radius);\n    box-shadow: none;\n    padding: 0;\n    overflow: hidden;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv .nsfpv-skeleton__cover {\n    width: 100%;\n    aspect-ratio: 2.7 \/ 1;\n    height: auto;\n    min-height: 120px;\n    max-height: 380px;\n    border-radius: 0;\n  }\n\n  .nsfpv-skeleton__profile {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n    align-items: center;\n    justify-items: center;\n    padding: 0 var(--nsfpv-pad) 14px;\n    text-align: center;\n  }\n\n  .nsfpv .nsfpv-skeleton__avatar {\n    width: var(--nsfpv-avatar);\n    height: var(--nsfpv-avatar);\n    margin-top: calc(var(--nsfpv-avatar) \/ -2);\n    border-radius: 50% !important;\n    border: 3px solid #123056;\n  }\n\n  .nsfpv-skeleton__meta {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-width: 0;\n    align-items: center;\n    width: 100%;\n  }\n\n  .nsfpv-skeleton__line {\n    height: 16px;\n  }\n\n  .nsfpv-skeleton__line--lg {\n    width: min(200px, 70%);\n    height: 22px;\n  }\n\n  .nsfpv-skeleton__line--md {\n    width: min(140px, 50%);\n    height: 14px;\n  }\n\n  .nsfpv-skeleton__stats {\n    display: flex;\n    gap: 10px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .nsfpv-skeleton__stat {\n    width: 72px;\n    height: 28px;\n    border-radius: 999px;\n  }\n\n  .nsfpv-skeleton__tabs {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin: 8px 0 14px;\n    padding: 0 var(--nsfpv-pad);\n    width: 100%;\n  }\n\n  .nsfpv-skeleton__tab {\n    flex: 1 1 calc(50% - 8px);\n    min-width: 0;\n    height: 40px;\n    border-radius: 999px;\n  }\n\n  .nsfpv-skeleton__grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    padding: 0 var(--nsfpv-pad) 18px;\n  }\n\n  .nsfpv-skeleton__card {\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid var(--nsfpv-line);\n    background: var(--nsfpv-panel-soft);\n  }\n\n  .nsfpv-skeleton__thumb {\n    aspect-ratio: 1 \/ 1;\n    border-radius: 0;\n  }\n\n  .nsfpv-skeleton__foot {\n    height: 44px;\n    margin: 10px 12px;\n    border-radius: 8px;\n  }\n\n  \/* In-pane tab skeletons *\/\n  .nsfpv-tab-sk {\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv-tab-sk--photos,\n  .nsfpv-tab-sk--videos {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .nsfpv-tab-sk--reels {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .nsfpv-tab-sk--posts {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .nsfpv-tab-sk__photo,\n  .nsfpv-tab-sk__video,\n  .nsfpv-tab-sk__reel {\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid var(--nsfpv-line);\n    background: var(--nsfpv-panel-soft);\n  }\n\n  .nsfpv-tab-sk__photo-thumb {\n    aspect-ratio: 1 \/ 1;\n  }\n\n  .nsfpv-tab-sk__video-thumb {\n    aspect-ratio: 16 \/ 10;\n  }\n\n  .nsfpv-tab-sk__reel-thumb {\n    aspect-ratio: 9 \/ 14;\n  }\n\n  .nsfpv-tab-sk__photo-foot,\n  .nsfpv-tab-sk__video-foot,\n  .nsfpv-tab-sk__reel-foot {\n    height: 40px;\n    margin: 10px 12px;\n    border-radius: 8px;\n  }\n\n  .nsfpv-tab-sk__post {\n    border-radius: 12px;\n    border: 1px solid var(--nsfpv-line);\n    background: var(--nsfpv-panel-soft);\n    padding: 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .nsfpv-tab-sk__post-head {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n  }\n\n  .nsfpv-tab-sk__post-avatar {\n    width: 40px;\n    height: 40px;\n    border-radius: 50% !important;\n    flex-shrink: 0;\n  }\n\n  .nsfpv-tab-sk__post-lines {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .nsfpv-tab-sk__post-line {\n    height: 12px;\n    border-radius: 6px;\n  }\n\n  .nsfpv-tab-sk__post-line--short {\n    width: 40%;\n  }\n\n  .nsfpv-tab-sk__post-body {\n    height: 64px;\n    border-radius: 8px;\n  }\n\n  \/* Results panel *\/\n  .nsfpv-result {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv-panel {\n    background: var(--nsfpv-panel);\n    border: 1px solid var(--nsfpv-line);\n    border-radius: var(--nsfpv-radius);\n    box-shadow: none;\n    overflow: hidden;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv-cover {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 2.7 \/ 1;\n    height: auto;\n    min-height: 150px;\n    max-height: 380px;\n    overflow: hidden;\n    background: #1a3f70;\n    border-radius: 0;\n  }\n\n  .nsfpv .nsfpv-cover__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 18%;\n  }\n\n  .nsfpv-cover__fade {\n    display: none;\n  }\n\n  .nsfpv-profile {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    align-items: start;\n    justify-items: center;\n    padding: 0 16px 12px;\n    margin-top: 0;\n    text-align: center;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    z-index: 2;\n  }\n\n  .nsfpv-avatar {\n    position: relative;\n    width: var(--nsfpv-avatar);\n    height: var(--nsfpv-avatar);\n    margin-top: calc(var(--nsfpv-avatar) \/ -2);\n    flex-shrink: 0;\n  }\n\n  .nsfpv-avatar__ring {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    padding: 0;\n    background: #123056;\n    border: 4px solid #1877f2;\n    box-shadow: 0 0 0 1px var(--nsfpv-line);\n    overflow: hidden;\n  }\n\n  .nsfpv .nsfpv-avatar__img {\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    border-radius: 50%;\n    object-fit: cover;\n    object-position: center;\n    border: 0;\n    background: #1a3f70;\n  }\n\n  .nsfpv .nsfpv-avatar__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: #1877f2 !important;\n    color: #fff !important;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 0 0 2px #123056;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    z-index: 1;\n  }\n\n  .nsfpv .nsfpv-avatar__zoom:hover {\n    background: #0d65d9 !important;\n  }\n\n  .nsfpv-meta {\n    min-width: 0;\n    width: 100%;\n  }\n\n  .nsfpv .nsfpv-meta__name {\n    font-size: clamp(1.35rem, 3.2vw, 1.85rem);\n    font-weight: 700;\n    letter-spacing: -0.01em;\n    color: var(--nsfpv-ink);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    flex-wrap: wrap;\n    line-height: 1.25;\n  }\n\n  .nsfpv .nsfpv-meta__name i {\n    color: var(--nsfpv-cool);\n    font-size: 0.78em;\n  }\n\n  .nsfpv .nsfpv-meta__handle {\n    margin-top: 2px;\n    color: var(--nsfpv-dim);\n    font-size: 0.95rem;\n    font-weight: 500;\n  }\n\n  .nsfpv-stats {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 6px 14px;\n    margin-top: 10px;\n  }\n\n  .nsfpv .nsfpv-stats__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 0;\n    min-height: 0;\n    border-radius: 0;\n    background: transparent;\n    border: 0;\n    color: var(--nsfpv-muted);\n    font-size: 0.88rem;\n    font-weight: 600;\n  }\n\n  .nsfpv .nsfpv-stats__badge i {\n    color: var(--nsfpv-dim);\n    font-size: 0.85em;\n  }\n\n  .nsfpv .nsfpv-bio {\n    margin-top: 2px;\n    color: var(--nsfpv-ink);\n    font-size: 0.95rem;\n    line-height: 1.5;\n    max-width: 640px;\n    margin-left: auto;\n    margin-right: auto;\n    font-weight: 400;\n  }\n\n  \/* Tabs \u2014 Facebook underline style *\/\n  .nsfpv-tabs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0;\n    justify-content: flex-start;\n    padding: 0 8px;\n    width: 100%;\n    min-width: 0;\n    border-top: 1px solid var(--nsfpv-line);\n    margin-top: 4px;\n  }\n\n  .nsfpv .nsfpv-tabs__btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    flex: 1 1 auto;\n    min-width: 0;\n    min-height: 48px;\n    height: auto;\n    padding: 12px 10px !important;\n    border: 0 !important;\n    border-bottom: 3px solid transparent !important;\n    border-radius: 0;\n    background: transparent !important;\n    color: var(--nsfpv-muted) !important;\n    font-family: var(--nsfpv-font);\n    font-size: 0.92rem !important;\n    font-weight: 600 !important;\n    cursor: pointer;\n    transition: color 0.15s ease, background 0.15s ease;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    white-space: nowrap;\n  }\n\n  .nsfpv .nsfpv-tabs__btn:hover {\n    background: var(--nsfpv-panel-soft) !important;\n    transform: none;\n    color: var(--nsfpv-ink) !important;\n  }\n\n  .nsfpv .nsfpv-tabs__btn.is-active {\n    background: rgba(24, 119, 242, 0.18) !important;\n    border-bottom-color: #1877f2 !important;\n    color: #9ec9ff !important;\n  }\n\n  .nsfpv-pane {\n    display: none;\n    padding: 0 var(--nsfpv-pad) 18px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv-pane.is-active {\n    display: block;\n  }\n\n  .nsfpv-pane__head {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin-bottom: 14px;\n  }\n\n  .nsfpv .nsfpv-pane__title {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 1rem;\n    font-weight: 800;\n    color: var(--nsfpv-ink);\n  }\n\n  .nsfpv .nsfpv-pane__title i {\n    color: var(--nsfpv-accent);\n  }\n\n  .nsfpv .nsfpv-pane__count {\n    font-size: 0.8rem;\n    font-weight: 700;\n    color: var(--nsfpv-dim);\n  }\n\n  .nsfpv-empty {\n    text-align: center;\n    padding: 36px 16px;\n    color: var(--nsfpv-dim);\n    font-size: 0.92rem;\n  }\n\n  \/* Photo \/ video \/ reel grids *\/\n  .nsfpv-grid {\n    display: grid;\n    align-items: start;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv-grid--reels {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .nsfpv-card {\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid var(--nsfpv-line);\n    background: var(--nsfpv-panel-soft);\n    min-width: 0;\n    transition: transform 0.2s ease;\n  }\n\n  .nsfpv-card:hover {\n    transform: translateY(-2px);\n  }\n\n  .nsfpv-card__media {\n    position: relative;\n    overflow: hidden;\n    background: #1a3f70;\n    cursor: pointer;\n  }\n\n  .nsfpv-card__media--photo {\n    aspect-ratio: 1 \/ 1;\n  }\n\n  .nsfpv-card__media--video {\n    aspect-ratio: 16 \/ 10;\n  }\n\n  .nsfpv-card__media--reel {\n    aspect-ratio: 9 \/ 14;\n  }\n\n  .nsfpv .nsfpv-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  .nsfpv-card__badge {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 28px;\n    height: 28px;\n    padding: 0 8px;\n    border-radius: 999px;\n    background: rgba(0, 0, 0, 0.65);\n    color: #fff;\n    font-size: 0.72rem;\n    font-weight: 800;\n    letter-spacing: 0.04em;\n    z-index: 2;\n  }\n\n  .nsfpv-card__play {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  .nsfpv-card__play span {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.55);\n    border: 2px solid rgba(255, 255, 255, 0.55);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n    font-size: 1rem;\n  }\n\n  .nsfpv-card__duration {\n    position: absolute;\n    left: 10px;\n    bottom: 10px;\n    z-index: 2;\n    padding: 4px 8px;\n    border-radius: 6px;\n    background: rgba(0, 0, 0, 0.7);\n    color: #fff;\n    font-size: 0.72rem;\n    font-weight: 700;\n  }\n\n  .nsfpv-card__overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 8px;\n    padding: 12px;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.65), transparent 55%);\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    color: #fff;\n    font-size: 0.82rem;\n    font-weight: 700;\n    z-index: 2;\n  }\n\n  .nsfpv-card:hover .nsfpv-card__overlay,\n  .nsfpv-card:focus-within .nsfpv-card__overlay {\n    opacity: 1;\n  }\n\n  .nsfpv-card__overlay span {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n  }\n\n  .nsfpv-card__foot {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    padding: 10px 12px;\n    min-width: 0;\n    flex-wrap: wrap;\n  }\n\n  .nsfpv-card__title {\n    flex: 1;\n    min-width: 0;\n    font-size: 0.82rem;\n    font-weight: 700;\n    color: var(--nsfpv-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .nsfpv .nsfpv-card__action {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    flex-shrink: 0;\n    min-height: 36px;\n    padding: 6px 10px !important;\n    border: 0 !important;\n    border-radius: 8px;\n    background: rgba(24, 119, 242, 0.28) !important;\n    color: #9ec9ff !important;\n    font-family: var(--nsfpv-font);\n    font-size: 0.78rem !important;\n    font-weight: 700 !important;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n  }\n\n  .nsfpv .nsfpv-card__action--cool {\n    background: rgba(66, 183, 42, 0.2) !important;\n    color: #7dde68 !important;\n  }\n\n  \/* Posts feed *\/\n  .nsfpv-posts {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv-post {\n    border-radius: 12px;\n    border: 1px solid var(--nsfpv-line);\n    background: var(--nsfpv-panel-soft);\n    padding: 14px;\n    min-width: 0;\n  }\n\n  .nsfpv-post__head {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 10px;\n    min-width: 0;\n  }\n\n  .nsfpv-post__avatar {\n    width: 42px;\n    height: 42px;\n    border-radius: 50%;\n    object-fit: cover;\n    flex-shrink: 0;\n    border: 2px solid rgba(24, 119, 242, 0.45);\n  }\n\n  .nsfpv-post__author {\n    font-size: 0.92rem;\n    font-weight: 800;\n    color: var(--nsfpv-ink);\n    line-height: 1.25;\n  }\n\n  .nsfpv-post__date {\n    font-size: 0.78rem;\n    color: var(--nsfpv-dim);\n    font-weight: 600;\n  }\n\n  .nsfpv-post__text {\n    color: var(--nsfpv-muted);\n    font-size: 0.9rem;\n    line-height: 1.55;\n    margin-bottom: 10px;\n    word-wrap: break-word;\n    overflow-wrap: anywhere;\n  }\n\n  .nsfpv-post__image {\n    width: 100%;\n    max-height: 360px;\n    object-fit: cover;\n    border-radius: 10px;\n    margin-bottom: 10px;\n    cursor: pointer;\n  }\n\n  .nsfpv-post__stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .nsfpv .nsfpv-post__stat {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.8rem;\n    font-weight: 700;\n    color: var(--nsfpv-dim);\n  }\n\n  .nsfpv .nsfpv-post__stat i {\n    color: var(--nsfpv-accent);\n  }\n\n  \/* Modal *\/\n  .nsfpv-modal {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 99999;\n    background: rgba(0, 0, 0, 0.65);\n    padding: 16px;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .nsfpv-modal.is-open {\n    display: flex;\n  }\n\n  .nsfpv-modal__dialog {\n    position: relative;\n    width: min(920px, 100%);\n    max-height: min(90vh, 900px);\n    background: var(--nsfpv-panel);\n    border: 1px solid var(--nsfpv-line);\n    border-radius: 16px;\n    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);\n    overflow: hidden;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-width: 0;\n  }\n\n  .nsfpv .nsfpv-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  .nsfpv-modal__stage {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n    background: var(--nsfpv-panel-soft);\n    border-radius: 10px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 180px;\n  }\n\n  .nsfpv .nsfpv-modal__media {\n    width: 100%;\n    max-height: calc(90vh - 120px);\n    object-fit: contain;\n    border-radius: 10px;\n    margin: 0 auto;\n    background: #0b1220;\n    display: block;\n  }\n\n  .nsfpv .nsfpv-modal__media.is-hidden {\n    display: none !important;\n  }\n\n  .nsfpv .nsfpv-modal__media--video {\n    width: 100%;\n    max-height: calc(90vh - 120px);\n    background: #000;\n  }\n\n  .nsfpv-modal__bar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    min-width: 0;\n  }\n\n  .nsfpv-modal__meta {\n    flex: 1 1 160px;\n    margin: 0;\n    padding: 0;\n    color: var(--nsfpv-muted);\n    font-size: 0.88rem;\n    font-weight: 600;\n    text-align: left;\n    min-width: 0;\n  }\n\n  .nsfpv-modal__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .nsfpv .nsfpv-modal__action {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    min-height: 44px;\n    padding: 10px 14px !important;\n    border-radius: 999px !important;\n    border: 0 !important;\n    font: inherit;\n    font-weight: 700 !important;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    color: #fff !important;\n  }\n\n  .nsfpv .nsfpv-modal__action--download {\n    background: linear-gradient(135deg, #1877f2, #42b72a) !important;\n  }\n\n  .nsfpv .nsfpv-modal__action:disabled,\n  .nsfpv .nsfpv-modal__action.is-hidden {\n    display: none !important;\n  }\n\n  .nsfpv-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  .nsfpv-modal__loading.is-visible {\n    display: flex;\n  }\n\n  .nsfpv-modal__loading i {\n    animation: nsfpv-spin 0.9s linear infinite;\n  }\n\n  @keyframes nsfpv-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  .nsfpv-dlprog {\n    position: fixed;\n    right: 16px;\n    bottom: 16px;\n    z-index: 100000;\n    width: min(360px, calc(100vw - 32px));\n    background: rgba(18, 24, 40, 0.96);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 14px;\n    padding: 12px 14px;\n    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);\n    color: #fff;\n    display: none;\n  }\n\n  .nsfpv-dlprog.is-open {\n    display: block;\n  }\n\n  .nsfpv-dlprog.is-success {\n    border-color: rgba(66, 183, 42, 0.55);\n  }\n\n  .nsfpv-dlprog.is-error {\n    border-color: rgba(255, 107, 122, 0.55);\n  }\n\n  .nsfpv-dlprog__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 8px;\n  }\n\n  .nsfpv-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  .nsfpv-dlprog__title i {\n    color: #42b72a;\n  }\n\n  .nsfpv-dlprog__name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .nsfpv-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  .nsfpv-dlprog__track {\n    height: 8px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.12);\n    overflow: hidden;\n  }\n\n  .nsfpv-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  .nsfpv-dlprog.is-indeterminate .nsfpv-dlprog__fill {\n    width: 40% !important;\n    animation: nsfpv-dlprog-slide 1.1s ease-in-out infinite;\n  }\n\n  @keyframes nsfpv-dlprog-slide {\n    0% {\n      transform: translateX(-120%);\n    }\n\n    100% {\n      transform: translateX(280%);\n    }\n  }\n\n  .nsfpv-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  .nsfpv-card__foot-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    justify-content: flex-end;\n  }\n\n  \/* Responsive: tablet *\/\n  @media (min-width: 768px) {\n    .nsfpv-search__row {\n      flex-wrap: nowrap;\n    }\n\n    .nsfpv .nsfpv-search__field {\n      flex: 1 1 auto;\n    }\n\n    .nsfpv .nsfpv-btn {\n      flex: 0 0 auto;\n      min-width: 110px;\n      padding: 0 18px !important;\n    }\n\n    .nsfpv-profile {\n      grid-template-columns: auto 1fr;\n      justify-items: start;\n      align-items: end;\n      text-align: left;\n      gap: 18px 20px;\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .nsfpv-avatar {\n      align-self: start;\n    }\n\n    .nsfpv-meta {\n      text-align: left;\n      padding-top: 10px;\n    }\n\n    .nsfpv .nsfpv-meta__name {\n      justify-content: flex-start;\n    }\n\n    .nsfpv-stats {\n      justify-content: flex-start;\n    }\n\n    .nsfpv .nsfpv-bio {\n      grid-column: 1 \/ -1;\n      margin-left: 0;\n      margin-right: 0;\n      max-width: none;\n      text-align: left;\n    }\n\n    .nsfpv-tabs {\n      justify-content: flex-start;\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .nsfpv .nsfpv-tabs__btn {\n      flex: 0 1 auto;\n      min-width: 120px;\n      padding: 10px 18px !important;\n    }\n\n    .nsfpv-pane {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .nsfpv-skeleton__profile {\n      grid-template-columns: auto 1fr;\n      justify-items: start;\n      text-align: left;\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .nsfpv-skeleton__meta {\n      align-items: flex-start;\n      text-align: left;\n    }\n\n    .nsfpv-skeleton__stats {\n      justify-content: flex-start;\n    }\n\n    .nsfpv-skeleton__tabs {\n      justify-content: flex-start;\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .nsfpv-skeleton__grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .nsfpv-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .nsfpv-tab-sk--photos,\n    .nsfpv-tab-sk--videos,\n    .nsfpv-tab-sk--reels {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .nsfpv .nsfpv-skeleton__cover {\n      height: auto;\n    }\n  }\n\n  \/* Responsive: desktop *\/\n  @media (min-width: 1024px) {\n    .nsfpv-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .nsfpv-grid--reels {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    .nsfpv-skeleton__grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .nsfpv-tab-sk--photos,\n    .nsfpv-tab-sk--videos {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .nsfpv-tab-sk--reels {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    .nsfpv .nsfpv-skeleton__cover,\n    .nsfpv-cover {\n      height: auto;\n      max-height: 380px;\n    }\n\n    .nsfpv {\n      --nsfpv-avatar: 132px;\n    }\n  }\n\n  @media (max-width: 479.98px) {\n\n    .nsfpv-grid--reels,\n    .nsfpv-tab-sk--reels {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .nsfpv-grid--reels .nsfpv-card__foot {\n      flex-direction: column;\n      align-items: stretch;\n      gap: 8px;\n    }\n\n    .nsfpv-grid--reels .nsfpv-card__actions {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      width: 100%;\n    }\n\n    .nsfpv-grid--reels .nsfpv-card__action {\n      width: 100%;\n      min-width: 0;\n      font-size: 0.72rem !important;\n      padding: 6px 8px !important;\n    }\n  }\n\n  @media (max-width: 359.98px) {\n\n    .nsfpv-grid--reels,\n    .nsfpv-tab-sk--reels {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  \/* ResizeObserver helpers *\/\n  .nsfpv.nsfpv--compact .nsfpv-search__row {\n    flex-wrap: wrap;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-search__field {\n    flex: 1 1 100%;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-btn {\n    flex: 1 1 calc(50% - 4px);\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-profile {\n    grid-template-columns: 1fr;\n    justify-items: center;\n    text-align: center;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-meta,\n  .nsfpv.nsfpv--compact .nsfpv-bio {\n    text-align: center;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-meta__name,\n  .nsfpv.nsfpv--compact .nsfpv-stats,\n  .nsfpv.nsfpv--compact .nsfpv-tabs {\n    justify-content: center;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-grid,\n  .nsfpv.nsfpv--compact .nsfpv-skeleton__grid,\n  .nsfpv.nsfpv--compact .nsfpv-tab-sk--photos,\n  .nsfpv.nsfpv--compact .nsfpv-tab-sk--videos {\n    grid-template-columns: 1fr;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-grid--reels,\n  .nsfpv.nsfpv--compact .nsfpv-tab-sk--reels {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .nsfpv.nsfpv--narrow .nsfpv-grid--reels,\n  .nsfpv.nsfpv--narrow .nsfpv-tab-sk--reels {\n    grid-template-columns: 1fr;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-card__media--reel~.nsfpv-card__foot,\n  .nsfpv.nsfpv--compact .nsfpv-grid--reels .nsfpv-card__foot {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-grid--reels .nsfpv-card__actions {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    width: 100%;\n  }\n\n  .nsfpv.nsfpv--narrow .nsfpv-grid--reels .nsfpv-card__actions {\n    grid-template-columns: 1fr;\n  }\n\n  .nsfpv.nsfpv--narrow .nsfpv-btn {\n    flex: 1 1 100%;\n  }\n\n  .nsfpv.nsfpv--narrow .nsfpv-tabs__btn {\n    flex: 1 1 100%;\n  }\n\n  .nsfpv.nsfpv--narrow {\n    --nsfpv-avatar: 84px;\n    padding-left: 6px;\n    padding-right: 6px;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .nsfpv *,\n    .nsfpv *::before,\n    .nsfpv *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .nsfpv .nsfpv-sk {\n      animation: none;\n      background: #1a3f70;\n    }\n  }\n\n  @media (hover: none) {\n\n    .nsfpv .nsfpv-btn:hover,\n    .nsfpv .nsfpv-tabs__btn:hover,\n    .nsfpv-card:hover {\n      transform: none;\n    }\n\n    .nsfpv-card:hover .nsfpv-card__overlay {\n      opacity: 0;\n    }\n\n    .nsfpv-card:focus-within .nsfpv-card__overlay,\n    .nsfpv-card__media:active .nsfpv-card__overlay {\n      opacity: 1;\n    }\n  }\n\n  \/* Search controls: one row on large screens, wrap on narrow *\/\n  .nsfpv .nsfpv-search,\n  .nsfpv .nsfpv-search .nsfpv-search__row,\n  .nsfpv .nsfpv-search .nsfpv-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  .nsfpv .nsfpv-search .nsfpv-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  .nsfpv .nsfpv-search .nsfpv-search__field,\n  .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-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  .nsfpv .nsfpv-search .nsfpv-search__actions,\n  .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-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  .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-btn,\n  .nsfpv .nsfpv-search .nsfpv-search__actions .nsfpv-btn,\n  .nsfpv .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn {\n    flex: 0 0 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 110px !important;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__field,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__field,\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row > .nsfpv-search__field,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row > .nsfpv-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__actions,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__actions,\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row > .nsfpv-btn,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row > .nsfpv-btn,\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__actions .nsfpv-btn,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__actions .nsfpv-btn,\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-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    .nsfpv .nsfpv-search .nsfpv-search__row {\n      flex-wrap: wrap !important;\n    }\n\n    .nsfpv .nsfpv-search .nsfpv-search__field,\n    .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__field {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsfpv .nsfpv-search .nsfpv-search__actions,\n    .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-btn,\n    .nsfpv .nsfpv-search .nsfpv-search__actions .nsfpv-btn,\n    .nsfpv .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn {\n      flex: 1 1 calc(50% - 4px) !important;\n      min-width: 0 !important;\n      max-width: 100% !important;\n    }\n  }\n\n\/* --- Codex CSS updates --- *\/\n\/* New Social Facebook Profile Viewer \u2014 WordPress-scoped styles *\/\n.nsfpv {\n  --nsfpv-ink: #f8fbff;\n  --nsfpv-muted: #b9c9e3;\n  --nsfpv-dim: #8095b6;\n  --nsfpv-bg: #081426;\n  --nsfpv-panel: rgba(15, 32, 59, .88);\n  --nsfpv-panel-soft: rgba(26, 51, 89, .78);\n  --nsfpv-hover: #254f8a;\n  --nsfpv-line: rgba(145, 182, 255, .19);\n  --nsfpv-accent: #4b8cff;\n  --nsfpv-accent-deep: #2969df;\n  --nsfpv-cool: #77c8ff;\n  --nsfpv-cool-deep: #398cff;\n  --nsfpv-success: #45c781;\n  --nsfpv-danger: #ff5f76;\n  --nsfpv-radius: 18px;\n  --nsfpv-shadow: 0 18px 48px rgba(1, 9, 25, .32);\n  --nsfpv-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  --nsfpv-space: 18px;\n  --nsfpv-avatar: 128px;\n  --nsfpv-pad: clamp(16px, 3vw, 28px);\n  --nsfpv-gap: 18px;\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  min-height: 100vh;\n  margin: 0 auto;\n  padding: clamp(10px, 2.5vw, 26px);\n  overflow-x: hidden;\n  color: var(--nsfpv-ink);\n  font-family: var(--nsfpv-font);\n  line-height: 1.5;\n  text-align: left;\n  background:\n    radial-gradient(circle at 8% 3%, rgba(91, 139, 255, .32), transparent 30rem),\n    radial-gradient(circle at 92% 12%, rgba(66, 206, 255, .17), transparent 26rem),\n    linear-gradient(145deg, #07101f 0%, #0b1b35 44%, #112956 100%);\n  border: 1px solid rgba(159, 194, 255, .16);\n  border-radius: 24px;\n  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n}\n.nsfpv *, .nsfpv *::before, .nsfpv *::after { box-sizing: border-box; }\n.nsfpv :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,label,span) { margin: 0; padding: 0; border: 0; font-weight: inherit; }\n.nsfpv :where(ul,ol) { list-style: none; }\n.nsfpv img { display: block; max-width: 100%; height: auto; border: 0; vertical-align: middle; }\n.nsfpv a { color: var(--nsfpv-cool); text-decoration: none; }\n.nsfpv a:hover { text-decoration: underline; }\n.nsfpv-shell { position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--nsfpv-gap); width: 100%; max-width: 1280px; min-width: 0; margin: 0 auto; }\n\n.nsfpv-hero { width: 100%; min-width: 0; padding: clamp(24px, 5vw, 52px) 0 10px; text-align: center; }\n.nsfpv .nsfpv-hero__title { display: flex; align-items: center; justify-content: center; margin: 0 0 12px; color: var(--nsfpv-ink); }\n.nsfpv-hero__brand { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-width: 0; max-width: 100%; }\n.nsfpv .nsfpv-hero__icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 46px; height: 46px; color: #fff; font-size: 1.45rem; line-height: 1; background: linear-gradient(135deg, #6f9dff, #3975ec 55%, #35c5ed); border: 1px solid rgba(255,255,255,.28); border-radius: 14px; box-shadow: 0 12px 26px rgba(47, 112, 241, .3); }\n.nsfpv .nsfpv-hero__icon i { display: block; line-height: 1; }\n.nsfpv-hero__title-text { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-start; gap: .35em; min-width: 0; font-size: clamp(1.32rem, 3vw, 1.92rem); font-weight: 800; letter-spacing: -.035em; line-height: 1.15; text-align: left; }\n.nsfpv-hero__title-mark { color: var(--nsfpv-cool); font-weight: 800; }\n.nsfpv .nsfpv-hero__lead { max-width: 610px; margin: 0 auto 20px; padding: 0 4px; color: var(--nsfpv-muted); font-size: clamp(.9rem, 2.4vw, 1rem); line-height: 1.65; }\n\n.nsfpv-search { display: flex; flex-direction: column; align-items: stretch; gap: 12px; width: 100%; min-width: 0; margin-top: 4px; padding: clamp(14px, 2.5vw, 20px); text-align: left; background: linear-gradient(135deg, rgba(29,55,96,.78), rgba(10,25,49,.9)); border: 1px solid var(--nsfpv-line); border-radius: var(--nsfpv-radius); box-shadow: var(--nsfpv-shadow), inset 0 1px rgba(255,255,255,.05); backdrop-filter: blur(14px); }\n.nsfpv .nsfpv-search__label { display: block; color: var(--nsfpv-muted); font-size: .86rem; font-weight: 700; line-height: 1.3; letter-spacing: .01em; }\n.nsfpv-search__row { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; width: 100%; min-width: 0; }\n.nsfpv .nsfpv-search__field { flex: 1 1 160px; width: 100%; max-width: 100%; min-width: 0; min-height: 50px; height: 50px; padding: 0 15px !important; color: var(--nsfpv-ink) !important; font: 500 16px\/50px var(--nsfpv-font); outline: none; background: rgba(3,14,33,.58) !important; border: 1px solid rgba(158,190,247,.22) !important; border-radius: 12px; box-shadow: inset 0 1px 1px rgba(0,0,0,.18); transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }\n.nsfpv .nsfpv-search__field:hover { border-color: rgba(133,185,255,.48) !important; }\n.nsfpv .nsfpv-search__field:focus { background: rgba(6,21,45,.88) !important; border-color: var(--nsfpv-cool) !important; box-shadow: 0 0 0 4px rgba(89,157,255,.19), inset 0 1px 1px rgba(0,0,0,.18); }\n.nsfpv .nsfpv-search__field::placeholder { color: var(--nsfpv-dim); }\n.nsfpv .nsfpv-btn { display: inline-flex; flex: 1 1 calc(50% - 5px); align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 50px; height: 50px; padding: 0 16px !important; color: #fff !important; font: 700 .92rem\/1 var(--nsfpv-font); white-space: nowrap; text-decoration: none; cursor: pointer; user-select: none; appearance: none; -webkit-appearance: none; touch-action: manipulation; border: 1px solid transparent !important; border-radius: 12px; box-shadow: 0 8px 18px rgba(0,0,0,.2); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }\n.nsfpv .nsfpv-btn:hover { filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 12px 24px rgba(0,0,0,.28); }\n.nsfpv .nsfpv-btn:active { transform: translateY(0); box-shadow: 0 5px 12px rgba(0,0,0,.24); }\n.nsfpv .nsfpv-btn:focus-visible, .nsfpv .nsfpv-tabs__btn:focus-visible, .nsfpv .nsfpv-card__action:focus-visible, .nsfpv .nsfpv-avatar__zoom:focus-visible, .nsfpv .nsfpv-modal__close:focus-visible, .nsfpv .nsfpv-modal__action:focus-visible { outline: 3px solid rgba(124,201,255,.68); outline-offset: 3px; }\n.nsfpv .nsfpv-btn:disabled { opacity: .55; cursor: not-allowed; filter: none; transform: none; box-shadow: none; }\n.nsfpv .nsfpv-btn--paste { background: linear-gradient(135deg, #375b92, #25416c) !important; border-color: rgba(183,211,255,.13) !important; }\n.nsfpv .nsfpv-btn--paste:hover { background: linear-gradient(135deg, #426ba9, #2a4e81) !important; }\n.nsfpv .nsfpv-btn--view { background: linear-gradient(135deg, #5b96ff, #3977ed 54%, #2dbfe7) !important; }\n.nsfpv .nsfpv-search__hint { margin: 0; color: var(--nsfpv-dim); font-size: .8rem; font-style: italic; line-height: 1.45; }\n\n.nsfpv .nsfpv-btn i, .nsfpv .nsfpv-tabs__btn i, .nsfpv .nsfpv-card__action i, .nsfpv .nsfpv-avatar__zoom i, .nsfpv .nsfpv-modal__close i, .nsfpv .nsfpv-demo-chip i, .nsfpv .nsfpv-card__badge i, .nsfpv .nsfpv-card__overlay i, .nsfpv .nsfpv-post__stat i, .nsfpv .nsfpv-meta__name i, .nsfpv i.fa-solid, .nsfpv i.fas, .nsfpv i.fa-download, .nsfpv i.fa-expand, .nsfpv i.fa-eye, .nsfpv i.fa-film, .nsfpv i.fa-images, .nsfpv i.fa-newspaper, .nsfpv i.fa-paste, .nsfpv i.fa-spinner, .nsfpv i.fa-video, .nsfpv i.fa-xmark { display: inline-block !important; width: 1.15em; font-size: .92em; font-style: normal !important; font-variant: normal; line-height: 1 !important; text-align: center; vertical-align: middle; text-rendering: auto; -webkit-font-smoothing: antialiased; }\n.nsfpv .nsfpv-empty i { display: block !important; width: auto; margin: 0 auto 12px; font-size: 2.25rem !important; line-height: 1 !important; opacity: .48; }\n\n.nsfpv #xrespond-tools-turnstile-host { display: none; flex: none; order: unset; width: 100%; max-width: 100%; min-width: 0; margin: 0; box-sizing: border-box; }\n.nsfpv #xrespond-tools-turnstile-host.is-visible { display: block; }\n.nsfpv #xrespond-tools-turnstile-host .xrespond-ts-label { display: block; margin-bottom: .45rem; color: var(--nsfpv-muted); font-size: .85rem; }\n.nsfpv #xrespond-tools-turnstile-host .xrespond-ts-widget { min-height: 65px; max-width: 100%; overflow: hidden; }\n.nsfpv #xrespond-tools-turnstile-host .xrespond-ts-error { color: #ff9aa8; }\n.nsfpv-search__row:has(#xrespond-tools-turnstile-host) { flex-wrap: wrap !important; }\n.nsfpv-search__row > #xrespond-tools-turnstile-host { flex: 0 0 100% !important; order: -1; width: 100% !important; }\n.nsfpv .nsfpv-alert { display: none; margin: 0; padding: 12px 14px; color: #ffd7dd; font-size: .88rem; font-weight: 700; line-height: 1.45; text-align: left; background: rgba(255,76,105,.13); border: 1px solid rgba(255,102,127,.43); border-radius: 12px; }\n.nsfpv .nsfpv-alert.is-visible { display: block; }\n.nsfpv .nsfpv-demo-chip { display: inline-flex; align-self: flex-start; align-items: center; gap: 6px; padding: 7px 12px; color: #cceaff; font-size: .76rem; font-weight: 800; letter-spacing: .03em; background: rgba(75,140,255,.15); border: 1px solid rgba(115,184,255,.3); border-radius: 999px; }\n\n.nsfpv .nsfpv-skeleton { display: none; width: 100%; max-width: 100%; min-width: 0; margin: 0; }\n.nsfpv .nsfpv-skeleton.is-visible { display: block; }\n.nsfpv .nsfpv-content.is-hidden { display: none !important; }\n.nsfpv .nsfpv-content.is-placeholder .nsfpv-bio, .nsfpv .nsfpv-content.is-placeholder .nsfpv-stats { display: none !important; }\n.nsfpv .nsfpv-content.is-placeholder .nsfpv-avatar__zoom { opacity: .55; pointer-events: none; }\n@keyframes nsfpv-shimmer { from { background-position: -500px 0; } to { background-position: 500px 0; } }\n.nsfpv .nsfpv-sk { background: linear-gradient(90deg, rgba(104,153,235,.1), rgba(145,205,255,.28) 50%, rgba(104,153,235,.1)); background-size: 900px 100%; border-radius: 10px; animation: nsfpv-shimmer 1.45s ease-in-out infinite; }\n.nsfpv-skeleton__panel, .nsfpv-panel { width: 100%; max-width: 100%; min-width: 0; overflow: hidden; background: linear-gradient(145deg, rgba(26,53,93,.9), rgba(11,27,53,.93)); border: 1px solid var(--nsfpv-line); border-radius: var(--nsfpv-radius); box-shadow: var(--nsfpv-shadow), inset 0 1px rgba(255,255,255,.045); }\n.nsfpv-skeleton__panel { padding: 0; }\n.nsfpv .nsfpv-skeleton__cover, .nsfpv-cover { width: 100%; height: auto; min-height: 150px; max-height: 380px; aspect-ratio: 2.7 \/ 1; border-radius: 0; }\n.nsfpv-skeleton__profile, .nsfpv-profile { display: grid; grid-template-columns: 1fr; align-items: center; justify-items: center; gap: 14px; width: 100%; min-width: 0; padding: 0 var(--nsfpv-pad) 20px; text-align: center; }\n.nsfpv .nsfpv-skeleton__avatar { width: var(--nsfpv-avatar); height: var(--nsfpv-avatar); margin-top: calc(var(--nsfpv-avatar) \/ -2); border: 4px solid #1b3965; border-radius: 50% !important; }\n.nsfpv-skeleton__meta { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; min-width: 0; }\n.nsfpv-skeleton__line { height: 16px; }\n.nsfpv-skeleton__line--lg { width: min(200px,70%); height: 22px; }\n.nsfpv-skeleton__line--md { width: min(140px,50%); height: 14px; }\n.nsfpv-skeleton__stats { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }\n.nsfpv-skeleton__stat { width: 72px; height: 28px; border-radius: 999px; }\n.nsfpv-skeleton__tabs, .nsfpv-tabs { display: flex; flex-wrap: wrap; width: 100%; min-width: 0; }\n.nsfpv-skeleton__tabs { justify-content: center; gap: 8px; margin: 8px 0 16px; padding: 0 var(--nsfpv-pad); }\n.nsfpv-skeleton__tab { flex: 1 1 calc(50% - 8px); min-width: 0; height: 40px; border-radius: 999px; }\n.nsfpv-skeleton__grid, .nsfpv-grid { display: grid; grid-template-columns: 1fr; align-items: start; gap: 14px; width: 100%; min-width: 0; }\n.nsfpv-skeleton__grid { padding: 0 var(--nsfpv-pad) 22px; }\n.nsfpv-skeleton__card, .nsfpv-tab-sk__photo, .nsfpv-tab-sk__video, .nsfpv-tab-sk__reel, .nsfpv-card, .nsfpv-post { min-width: 0; overflow: hidden; background: rgba(36,67,111,.65); border: 1px solid var(--nsfpv-line); border-radius: 14px; }\n.nsfpv-skeleton__thumb, .nsfpv-tab-sk__photo-thumb { aspect-ratio: 1 \/ 1; border-radius: 0; }\n.nsfpv-skeleton__foot, .nsfpv-tab-sk__photo-foot, .nsfpv-tab-sk__video-foot, .nsfpv-tab-sk__reel-foot { height: 42px; margin: 10px 12px; border-radius: 9px; }\n.nsfpv-tab-sk { width: 100%; max-width: 100%; min-width: 0; margin: 0; }\n.nsfpv-tab-sk--photos, .nsfpv-tab-sk--videos { display: grid; grid-template-columns: 1fr; gap: 14px; }\n.nsfpv-tab-sk--reels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }\n.nsfpv-tab-sk--posts { display: flex; flex-direction: column; gap: 14px; }\n.nsfpv-tab-sk__video-thumb { aspect-ratio: 16 \/ 10; }\n.nsfpv-tab-sk__reel-thumb { aspect-ratio: 9 \/ 14; }\n.nsfpv-tab-sk__post { display: flex; flex-direction: column; gap: 10px; padding: 14px; }\n.nsfpv-tab-sk__post-head { display: flex; align-items: center; gap: 10px; }\n.nsfpv-tab-sk__post-avatar { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50% !important; }\n.nsfpv-tab-sk__post-lines { display: flex; flex: 1; flex-direction: column; gap: 6px; }\n.nsfpv-tab-sk__post-line { height: 12px; border-radius: 6px; }\n.nsfpv-tab-sk__post-line--short { width: 40%; }\n.nsfpv-tab-sk__post-body { height: 64px; border-radius: 8px; }\n\n.nsfpv-result { width: 100%; max-width: 100%; min-width: 0; }\n.nsfpv-cover { position: relative; overflow: hidden; background: linear-gradient(135deg,#234f8d,#162a51); }\n.nsfpv .nsfpv-cover__img { position: absolute; inset: 0; width: 100%; max-width: none; height: 100%; object-fit: cover; object-position: center 18%; }\n.nsfpv-cover__fade { display: block; position: absolute; inset: auto 0 0; height: 42%; background: linear-gradient(transparent, rgba(12,28,54,.55)); pointer-events: none; }\n.nsfpv-profile { position: relative; z-index: 2; align-items: start; margin-top: 0; }\n.nsfpv-avatar { position: relative; flex-shrink: 0; width: var(--nsfpv-avatar); height: var(--nsfpv-avatar); margin-top: calc(var(--nsfpv-avatar) \/ -2); }\n.nsfpv-avatar__ring { width: 100%; height: 100%; padding: 3px; overflow: hidden; background: linear-gradient(145deg,#9ed9ff,#4b83fb 54%,#61dddc); border: 0; border-radius: 50%; box-shadow: 0 12px 24px rgba(0,8,29,.35), 0 0 0 5px rgba(15,35,66,.78); }\n.nsfpv .nsfpv-avatar__img { width: 100%; max-width: none; height: 100%; object-fit: cover; object-position: center; background: #1a3f70; border: 0; border-radius: 50%; }\n.nsfpv .nsfpv-avatar__zoom { position: absolute; right: 1px; bottom: 1px; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 38px; min-width: 38px; height: 38px; min-height: 38px; color: #fff !important; cursor: pointer; appearance: none; -webkit-appearance: none; touch-action: manipulation; background: linear-gradient(135deg,#5b96ff,#3374ef) !important; border: 2px solid #193968 !important; border-radius: 50%; box-shadow: 0 7px 16px rgba(0,0,0,.3); transition: transform .2s ease, filter .2s ease; }\n.nsfpv .nsfpv-avatar__zoom:hover { background: linear-gradient(135deg,#76b4ff,#4381f4) !important; transform: scale(1.07); }\n.nsfpv-meta { width: 100%; min-width: 0; }\n.nsfpv .nsfpv-meta__name { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; color: var(--nsfpv-ink); font-size: clamp(1.4rem,3.2vw,1.95rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.22; }\n.nsfpv .nsfpv-meta__name i, .nsfpv .nsfpv-pane__title i, .nsfpv .nsfpv-post__stat i { color: var(--nsfpv-cool); }\n.nsfpv .nsfpv-meta__handle { margin-top: 3px; color: var(--nsfpv-dim); font-size: .94rem; font-weight: 600; }\n.nsfpv-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 12px; }\n.nsfpv .nsfpv-stats__badge { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 5px 10px; color: var(--nsfpv-muted); font-size: .82rem; font-weight: 700; background: rgba(106,151,222,.1); border: 1px solid rgba(153,193,255,.13); border-radius: 999px; }\n.nsfpv .nsfpv-stats__badge i { color: var(--nsfpv-cool); font-size: .85em; }\n.nsfpv .nsfpv-bio { max-width: 680px; margin: 2px auto 0; color: #dbe8fa; font-size: .94rem; font-weight: 400; line-height: 1.62; }\n\n.nsfpv-tabs { justify-content: flex-start; gap: 6px; padding: 12px var(--nsfpv-pad); margin-top: 4px; border-top: 1px solid var(--nsfpv-line); }\n.nsfpv .nsfpv-tabs__btn { display: inline-flex; flex: 1 1 auto; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 44px; padding: 10px 13px !important; color: var(--nsfpv-muted) !important; font: 700 .88rem\/1 var(--nsfpv-font); white-space: nowrap; cursor: pointer; appearance: none; -webkit-appearance: none; touch-action: manipulation; background: transparent !important; border: 1px solid transparent !important; border-radius: 10px; transition: color .2s ease, background .2s ease, transform .2s ease; }\n.nsfpv .nsfpv-tabs__btn:hover { color: var(--nsfpv-ink) !important; background: rgba(105,153,229,.12) !important; transform: translateY(-1px); }\n.nsfpv .nsfpv-tabs__btn.is-active { color: #eaf5ff !important; background: linear-gradient(135deg,rgba(76,142,255,.32),rgba(61,202,240,.18)) !important; border-color: rgba(125,191,255,.22) !important; box-shadow: inset 0 1px rgba(255,255,255,.08); }\n.nsfpv-pane { display: none; width: 100%; max-width: 100%; min-width: 0; padding: 0 var(--nsfpv-pad) 24px; }\n.nsfpv-pane.is-active { display: block; }\n.nsfpv-pane__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 15px; }\n.nsfpv .nsfpv-pane__title { display: inline-flex; align-items: center; gap: 8px; color: var(--nsfpv-ink); font-size: 1rem; font-weight: 800; }\n.nsfpv .nsfpv-pane__count { padding: 4px 8px; color: var(--nsfpv-dim); font-size: .76rem; font-weight: 800; background: rgba(127,166,226,.1); border-radius: 999px; }\n.nsfpv-empty { padding: 42px 16px; color: var(--nsfpv-dim); font-size: .92rem; text-align: center; background: rgba(5,17,36,.18); border: 1px dashed rgba(150,190,255,.22); border-radius: 14px; }\n\n.nsfpv-grid--reels { grid-template-columns: repeat(2,minmax(0,1fr)); }\n.nsfpv-card { transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }\n.nsfpv-card:hover { border-color: rgba(129,190,255,.45); box-shadow: 0 16px 28px rgba(1,12,33,.28); transform: translateY(-4px); }\n.nsfpv-card__media { position: relative; overflow: hidden; cursor: pointer; background: #1a3f70; }\n.nsfpv-card__media--photo { aspect-ratio: 1 \/ 1; }\n.nsfpv-card__media--video { aspect-ratio: 16 \/ 10; }\n.nsfpv-card__media--reel { aspect-ratio: 9 \/ 14; }\n.nsfpv .nsfpv-card__img { position: absolute; inset: 0; width: 100%; max-width: none; height: 100%; object-fit: cover; object-position: center; transition: transform .35s ease; }\n.nsfpv-card:hover .nsfpv-card__img { transform: scale(1.04); }\n.nsfpv-card__badge, .nsfpv-card__duration { position: absolute; z-index: 2; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: .72rem; font-weight: 800; background: rgba(5,13,28,.74); border: 1px solid rgba(255,255,255,.18); box-shadow: 0 5px 12px rgba(0,0,0,.18); backdrop-filter: blur(8px); }\n.nsfpv-card__badge { top: 10px; right: 10px; min-width: 29px; height: 29px; padding: 0 8px; letter-spacing: .04em; border-radius: 999px; }\n.nsfpv-card__play { position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center; pointer-events: none; }\n.nsfpv-card__play span { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; color: #fff; font-size: 1rem; background: rgba(7,18,38,.6); border: 1px solid rgba(255,255,255,.58); border-radius: 50%; box-shadow: 0 8px 20px rgba(0,0,0,.24); backdrop-filter: blur(8px); }\n.nsfpv-card__duration { left: 10px; bottom: 10px; padding: 4px 8px; border-radius: 7px; }\n.nsfpv-card__overlay { position: absolute; inset: 0; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; padding: 12px; color: #fff; font-size: .82rem; font-weight: 700; pointer-events: none; opacity: 0; background: linear-gradient(to top,rgba(2,10,24,.85),transparent 58%); transition: opacity .24s ease; }\n.nsfpv-card:hover .nsfpv-card__overlay, .nsfpv-card:focus-within .nsfpv-card__overlay { opacity: 1; }\n.nsfpv-card__overlay span { display: inline-flex; align-items: center; gap: 5px; }\n.nsfpv-card__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 9px; min-width: 0; padding: 12px; }\n.nsfpv-card__title { flex: 1; min-width: 0; overflow: hidden; color: var(--nsfpv-muted); font-size: .82rem; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; }\n.nsfpv .nsfpv-card__action { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 5px; min-height: 36px; padding: 7px 10px !important; color: #dceeff !important; font: 800 .76rem\/1 var(--nsfpv-font); cursor: pointer; appearance: none; -webkit-appearance: none; touch-action: manipulation; background: rgba(77,142,255,.16) !important; border: 1px solid rgba(129,187,255,.18) !important; border-radius: 9px; transition: transform .2s ease, background .2s ease; }\n.nsfpv .nsfpv-card__action:hover { background: rgba(85,153,255,.3) !important; transform: translateY(-1px); }\n.nsfpv .nsfpv-card__action--cool { color: #b7f5ce !important; background: rgba(69,199,129,.14) !important; border-color: rgba(108,229,158,.2) !important; }\n\n.nsfpv-posts { display: flex; flex-direction: column; gap: 14px; width: 100%; min-width: 0; }\n.nsfpv-post { padding: 16px; overflow: visible; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }\n.nsfpv-post:hover { border-color: rgba(130,186,255,.36); box-shadow: 0 14px 28px rgba(1,12,33,.2); transform: translateY(-2px); }\n.nsfpv-post__head { display: flex; align-items: center; gap: 10px; min-width: 0; margin-bottom: 11px; }\n.nsfpv-post__avatar { flex-shrink: 0; width: 42px; height: 42px; object-fit: cover; border: 2px solid rgba(109,177,255,.55); border-radius: 50%; }\n.nsfpv-post__author { color: var(--nsfpv-ink); font-size: .92rem; font-weight: 800; line-height: 1.25; }\n.nsfpv-post__date { color: var(--nsfpv-dim); font-size: .78rem; font-weight: 600; }\n.nsfpv-post__text { margin-bottom: 12px; overflow-wrap: anywhere; color: #d4e2f7; font-size: .9rem; line-height: 1.6; word-wrap: break-word; }\n.nsfpv-post__image { width: 100%; max-height: 360px; margin-bottom: 11px; object-fit: cover; cursor: pointer; border: 1px solid rgba(160,196,250,.15); border-radius: 11px; }\n.nsfpv-post__stats { display: flex; flex-wrap: wrap; gap: 12px; }\n.nsfpv .nsfpv-post__stat { display: inline-flex; align-items: center; gap: 5px; color: var(--nsfpv-dim); font-size: .8rem; font-weight: 700; }\n\n.nsfpv-modal { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; padding: 16px; background: rgba(2,8,20,.78); backdrop-filter: blur(10px); }\n.nsfpv-modal.is-open { display: flex; }\n.nsfpv-modal__dialog { position: relative; display: flex; flex-direction: column; gap: 12px; width: min(920px,100%); min-width: 0; max-height: min(90vh,900px); padding: 12px; overflow: hidden; background: linear-gradient(145deg,#172f56,#0b1931); border: 1px solid rgba(160,199,255,.25); border-radius: 18px; box-shadow: 0 28px 70px rgba(0,0,0,.56); }\n.nsfpv .nsfpv-modal__close { position: absolute; top: 18px; right: 18px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 42px; min-width: 42px; height: 42px; min-height: 42px; color: #fff !important; cursor: pointer; appearance: none; -webkit-appearance: none; touch-action: manipulation; background: rgba(6,17,35,.7) !important; border: 1px solid rgba(255,255,255,.25) !important; border-radius: 50%; box-shadow: 0 5px 14px rgba(0,0,0,.25); backdrop-filter: blur(10px); }\n.nsfpv-modal__stage { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; min-height: 180px; overflow: hidden; background: #071121; border: 1px solid rgba(160,194,245,.12); border-radius: 12px; }\n.nsfpv .nsfpv-modal__media, .nsfpv .nsfpv-modal__media--img { display: block; width: 100%; max-height: calc(90vh - 125px); margin: 0 auto; object-fit: contain; background: #071121; border-radius: 10px; }\n.nsfpv .nsfpv-modal__media.is-hidden { display: none !important; }\n.nsfpv .nsfpv-modal__media--video { width: 100%; max-height: calc(90vh - 125px); background: #000; }\n.nsfpv-modal__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }\n.nsfpv-modal__meta { flex: 1 1 160px; min-width: 0; margin: 0; padding: 0; color: var(--nsfpv-muted); font-size: .88rem; font-weight: 600; text-align: left; }\n.nsfpv-modal__actions { display: flex; flex-wrap: wrap; gap: 8px; }\n.nsfpv .nsfpv-modal__action { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 10px 14px !important; color: #fff !important; font: 700 .84rem\/1 var(--nsfpv-font); cursor: pointer; appearance: none; -webkit-appearance: none; touch-action: manipulation; background: linear-gradient(135deg,#5d97ff,#3975ec) !important; border: 1px solid rgba(255,255,255,.16) !important; border-radius: 11px !important; box-shadow: 0 7px 16px rgba(0,0,0,.18); }\n.nsfpv .nsfpv-modal__action--download { background: linear-gradient(135deg,#4d90ff,#37c2d8 54%,#50c980) !important; }\n.nsfpv .nsfpv-modal__action:disabled, .nsfpv .nsfpv-modal__action.is-hidden { display: none !important; }\n.nsfpv-modal__loading { position: absolute; inset: 0; z-index: 1; display: none; align-items: center; justify-content: center; gap: 10px; color: #fff; font-weight: 700; background: rgba(4,13,29,.76); backdrop-filter: blur(5px); }\n.nsfpv-modal__loading.is-visible { display: flex; }\n.nsfpv-modal__loading i { animation: nsfpv-spin .9s linear infinite; }\n@keyframes nsfpv-spin { to { transform: rotate(360deg); } }\n\n.nsfpv-dlprog { position: fixed; right: 16px; bottom: 16px; z-index: 100000; display: none; width: min(370px,calc(100vw - 32px)); padding: 14px; color: #f7fbff; background: rgba(13,30,55,.94); border: 1px solid rgba(159,200,255,.25); border-radius: 15px; box-shadow: 0 18px 45px rgba(0,0,0,.4); backdrop-filter: blur(16px); }\n.nsfpv-dlprog.is-open { display: block; }\n.nsfpv-dlprog.is-success { border-color: rgba(88,221,146,.58); }\n.nsfpv-dlprog.is-error { border-color: rgba(255,118,139,.63); }\n.nsfpv-dlprog__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; }\n.nsfpv-dlprog__title { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: .9rem; font-weight: 800; }\n.nsfpv-dlprog__title i { color: #64df9a; }\n.nsfpv-dlprog__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }\n.nsfpv-dlprog__pct { flex: 0 0 auto; color: rgba(255,255,255,.88); font-size: .85rem; font-weight: 800; }\n.nsfpv-dlprog__track { height: 8px; overflow: hidden; background: rgba(255,255,255,.12); border-radius: 999px; }\n.nsfpv-dlprog__fill { width: 0%; height: 100%; background: linear-gradient(90deg,#5d98ff,#51cef1,#5ed78f); border-radius: inherit; box-shadow: 0 0 12px rgba(95,203,241,.58); transition: width .2s ease; }\n.nsfpv-dlprog.is-indeterminate .nsfpv-dlprog__fill { width: 40% !important; animation: nsfpv-dlprog-slide 1.1s ease-in-out infinite; }\n@keyframes nsfpv-dlprog-slide { from { transform: translateX(-120%); } to { transform: translateX(280%); } }\n.nsfpv-dlprog__meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; color: rgba(255,255,255,.72); font-size: .78rem; }\n.nsfpv-card__foot-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }\n\n@media (min-width: 768px) {\n  .nsfpv-search__row { flex-wrap: nowrap; }\n  .nsfpv .nsfpv-search__field { flex: 1 1 auto; }\n  .nsfpv .nsfpv-btn { flex: 0 0 auto; min-width: 116px; padding: 0 19px !important; }\n  .nsfpv-profile, .nsfpv-skeleton__profile { grid-template-columns: auto 1fr; justify-items: start; gap: 18px 22px; padding-right: var(--nsfpv-pad); padding-left: var(--nsfpv-pad); text-align: left; }\n  .nsfpv-avatar { align-self: start; }\n  .nsfpv-meta { padding-top: 10px; text-align: left; }\n  .nsfpv .nsfpv-meta__name, .nsfpv-stats { justify-content: flex-start; }\n  .nsfpv .nsfpv-bio { grid-column: 1 \/ -1; max-width: none; margin-right: 0; margin-left: 0; text-align: left; }\n  .nsfpv-tabs { padding-right: var(--nsfpv-pad); padding-left: var(--nsfpv-pad); }\n  .nsfpv .nsfpv-tabs__btn { flex: 0 1 auto; min-width: 120px; }\n  .nsfpv-pane { padding-right: var(--nsfpv-pad); padding-left: var(--nsfpv-pad); }\n  .nsfpv-skeleton__meta { align-items: flex-start; text-align: left; }\n  .nsfpv-skeleton__stats, .nsfpv-skeleton__tabs { justify-content: flex-start; }\n  .nsfpv-skeleton__grid, .nsfpv-grid, .nsfpv-tab-sk--photos, .nsfpv-tab-sk--videos, .nsfpv-tab-sk--reels { grid-template-columns: repeat(2,minmax(0,1fr)); }\n}\n@media (min-width: 1024px) {\n  .nsfpv { --nsfpv-avatar: 136px; }\n  .nsfpv-grid, .nsfpv-skeleton__grid, .nsfpv-tab-sk--photos, .nsfpv-tab-sk--videos { grid-template-columns: repeat(3,minmax(0,1fr)); }\n  .nsfpv-grid--reels, .nsfpv-tab-sk--reels { grid-template-columns: repeat(4,minmax(0,1fr)); }\n}\n@media (max-width: 479.98px) {\n  .nsfpv { border-radius: 16px; }\n  .nsfpv-hero__brand { gap: 10px; }\n  .nsfpv .nsfpv-hero__icon { width: 41px; height: 41px; }\n  .nsfpv-grid--reels, .nsfpv-tab-sk--reels { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }\n  .nsfpv-grid--reels .nsfpv-card__foot { flex-direction: column; align-items: stretch; gap: 8px; }\n  .nsfpv-grid--reels .nsfpv-card__actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }\n  .nsfpv-grid--reels .nsfpv-card__action { width: 100%; min-width: 0; padding: 6px 8px !important; font-size: .72rem !important; }\n  .nsfpv-modal { padding: 10px; }\n  .nsfpv-modal__bar, .nsfpv-modal__actions { width: 100%; }\n  .nsfpv-modal__action { flex: 1 1 auto; }\n}\n@media (max-width: 359.98px) {\n  .nsfpv-grid--reels, .nsfpv-tab-sk--reels { grid-template-columns: 1fr; }\n}\n\n.nsfpv.nsfpv--compact .nsfpv-search__row { flex-wrap: wrap; }\n.nsfpv.nsfpv--compact .nsfpv-search__field { flex: 1 1 100%; }\n.nsfpv.nsfpv--compact .nsfpv-btn { flex: 1 1 calc(50% - 4px); }\n.nsfpv.nsfpv--compact .nsfpv-profile { grid-template-columns: 1fr; justify-items: center; text-align: center; }\n.nsfpv.nsfpv--compact .nsfpv-meta, .nsfpv.nsfpv--compact .nsfpv-bio { text-align: center; }\n.nsfpv.nsfpv--compact .nsfpv-meta__name, .nsfpv.nsfpv--compact .nsfpv-stats, .nsfpv.nsfpv--compact .nsfpv-tabs { justify-content: center; }\n.nsfpv.nsfpv--compact .nsfpv-grid, .nsfpv.nsfpv--compact .nsfpv-skeleton__grid, .nsfpv.nsfpv--compact .nsfpv-tab-sk--photos, .nsfpv.nsfpv--compact .nsfpv-tab-sk--videos { grid-template-columns: 1fr; }\n.nsfpv.nsfpv--compact .nsfpv-grid--reels, .nsfpv.nsfpv--compact .nsfpv-tab-sk--reels { grid-template-columns: repeat(2,minmax(0,1fr)); }\n.nsfpv.nsfpv--narrow .nsfpv-grid--reels, .nsfpv.nsfpv--narrow .nsfpv-tab-sk--reels { grid-template-columns: 1fr; }\n.nsfpv.nsfpv--compact .nsfpv-card__media--reel ~ .nsfpv-card__foot, .nsfpv.nsfpv--compact .nsfpv-grid--reels .nsfpv-card__foot { flex-direction: column; align-items: stretch; }\n.nsfpv.nsfpv--compact .nsfpv-grid--reels .nsfpv-card__actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }\n.nsfpv.nsfpv--narrow .nsfpv-grid--reels .nsfpv-card__actions { grid-template-columns: 1fr; }\n.nsfpv.nsfpv--narrow .nsfpv-btn, .nsfpv.nsfpv--narrow .nsfpv-tabs__btn { flex: 1 1 100%; }\n.nsfpv.nsfpv--narrow { --nsfpv-avatar: 84px; padding-right: 6px; padding-left: 6px; }\n\n.nsfpv .nsfpv-search, .nsfpv .nsfpv-search .nsfpv-search__row, .nsfpv .nsfpv-search .nsfpv-search__actions { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }\n.nsfpv .nsfpv-search .nsfpv-search__row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 10px !important; }\n.nsfpv .nsfpv-search .nsfpv-search__field, .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__field { flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; }\n.nsfpv .nsfpv-search .nsfpv-search__actions, .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions { display: flex !important; flex: 0 0 auto !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 10px !important; width: auto !important; max-width: none !important; min-width: 0 !important; }\n.nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-btn, .nsfpv .nsfpv-search .nsfpv-search__actions .nsfpv-btn, .nsfpv .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn { flex: 0 0 auto !important; width: auto !important; max-width: none !important; min-width: 116px !important; }\n.nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row { flex-wrap: wrap !important; }\n.nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__field, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__field, .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row > .nsfpv-search__field, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row > .nsfpv-search__field { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }\n.nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__actions, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__actions, .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }\n.nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row > .nsfpv-btn, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row > .nsfpv-btn, .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__actions .nsfpv-btn, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__actions .nsfpv-btn, .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn { flex: 1 1 calc(50% - 5px) !important; min-width: 0 !important; max-width: 100% !important; }\n\n@media (max-width: 720px) {\n  .nsfpv .nsfpv-search .nsfpv-search__row { flex-wrap: wrap !important; }\n  .nsfpv .nsfpv-search .nsfpv-search__field, .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__field { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }\n  .nsfpv .nsfpv-search .nsfpv-search__actions, .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }\n  .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-btn, .nsfpv .nsfpv-search .nsfpv-search__actions .nsfpv-btn, .nsfpv .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn { flex: 1 1 calc(50% - 5px) !important; min-width: 0 !important; max-width: 100% !important; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .nsfpv *, .nsfpv *::before, .nsfpv *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }\n  .nsfpv .nsfpv-sk { animation: none; background: #1a3f70; }\n}\n@media (hover: none) {\n  .nsfpv .nsfpv-btn:hover, .nsfpv .nsfpv-tabs__btn:hover, .nsfpv-card:hover { transform: none; }\n  .nsfpv-card:hover .nsfpv-card__overlay { opacity: 0; }\n  .nsfpv-card:focus-within .nsfpv-card__overlay, .nsfpv-card__media:active .nsfpv-card__overlay { opacity: 1; }\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=\"nsfpv\" id=\"nsfpv-root\" data-nsfpv-ready=\"0\">\n  <div class=\"nsfpv-shell\">\n    <section class=\"nsfpv-hero\" aria-labelledby=\"nsfpv-title\">\n      <h1 class=\"nsfpv-hero__title\" id=\"nsfpv-title\">Facebook Collection Viewer \u2013 View &amp;amp; Explore Collections<\/h1>\n<p class=\"nsfpv-hero__lead\">\n        Preview public Facebook profiles with photos, posts, videos, and reels.\n      <\/p>\n<div class=\"nsfpv-search\">\n        <label class=\"nsfpv-search__label\" for=\"nsfpv-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=\"nsfpv-search__row\">\n          <input class=\"nsfpv-search__field\" id=\"nsfpv-input\" type=\"text\" name=\"nsfpv_input\"\n            placeholder=\"username or facebook.com\/username\" autocomplete=\"off\" spellcheck=\"false\">\n          <button type=\"button\" class=\"nsfpv-btn nsfpv-btn--paste\" id=\"nsfpv-paste\" aria-label=\"Paste username or URL\">\n            <i class=\"fa-solid fa-paste\" aria-hidden=\"true\"><\/i> Paste\n          <\/button>\n          <button type=\"submit\" class=\"nsfpv-btn nsfpv-btn--view\" id=\"xrespond-tools-turnstile\">\n            <i class=\"fa-solid fa-eye\" aria-hidden=\"true\"><\/i> View Profile\n          <\/button>\n        <\/div>\n<div class=\"nsfpv-alert\" id=\"nsfpv-alert\" role=\"alert\"><\/div>\n<p class=\"nsfpv-search__hint\">Enter a Facebook username or profile URL (example: natgeo)<\/p>\n      <\/div>\n    <\/section>\n\n    <div class=\"nsfpv-skeleton\" id=\"nsfpv-skeleton\" aria-hidden=\"true\" aria-busy=\"false\">\n      <div class=\"nsfpv-skeleton__panel\">\n        <div class=\"nsfpv-sk nsfpv-skeleton__cover\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-skeleton__profile\">\n          <div class=\"nsfpv-sk nsfpv-skeleton__avatar\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-skeleton__meta\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__line nsfpv-skeleton__line--lg\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__line nsfpv-skeleton__line--md\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-skeleton__stats\">\n              <div class=\"nsfpv-sk nsfpv-skeleton__stat\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__stat\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__stat\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__stat\" aria-hidden=\"true\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n<div class=\"nsfpv-skeleton__tabs\" aria-hidden=\"true\">\n          <div class=\"nsfpv-sk nsfpv-skeleton__tab\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__tab\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__tab\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__tab\"><\/div>\n        <\/div>\n<div class=\"nsfpv-skeleton__grid\" aria-hidden=\"true\">\n          <div class=\"nsfpv-skeleton__card\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__thumb\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpv-skeleton__card\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__thumb\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpv-skeleton__card\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__thumb\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpv-skeleton__card\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__thumb\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpv-skeleton__card\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__thumb\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpv-skeleton__card\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__thumb\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__foot\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <section class=\"nsfpv-result\" id=\"nsfpv-result\" aria-live=\"polite\">\n      <div class=\"nsfpv-panel nsfpv-content is-placeholder\" id=\"nsfpv-content\">\n        <div class=\"nsfpv-cover\">\n          <img decoding=\"async\" class=\"nsfpv-cover__img\" id=\"nsfpv-cover\" src=\"\" alt=\"Cover photo\">\n          <div class=\"nsfpv-cover__fade\" aria-hidden=\"true\"><\/div>\n        <\/div>\n<div class=\"nsfpv-profile\">\n          <div class=\"nsfpv-avatar\">\n            <div class=\"nsfpv-avatar__ring\">\n              <img decoding=\"async\" class=\"nsfpv-avatar__img\" id=\"nsfpv-avatar\" src=\"\" alt=\"Profile avatar\">\n            <\/div>\n            <button type=\"button\" class=\"nsfpv-avatar__zoom\" id=\"nsfpv-avatar-zoom\" aria-label=\"Expand profile photo\">\n              <i class=\"fa-solid fa-expand\" aria-hidden=\"true\"><\/i>\n            <\/button>\n          <\/div>\n<div class=\"nsfpv-meta\">\n            <h2 class=\"nsfpv-meta__name\" id=\"nsfpv-fullname\">-<\/h2>\n<p class=\"nsfpv-meta__handle\" id=\"nsfpv-handle\">-<\/p>\n<ul class=\"nsfpv-stats\" id=\"nsfpv-stats\"><\/ul>\n          <\/div>\n<div class=\"nsfpv-bio\" id=\"nsfpv-bio\"><\/div>\n        <\/div>\n<div class=\"nsfpv-tabs\" role=\"tablist\" aria-label=\"Profile sections\">\n          <button type=\"button\" class=\"nsfpv-tabs__btn is-active\" role=\"tab\" aria-selected=\"true\"\n            data-nsfpv-tab=\"photos\">\n            <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i> Photos\n          <\/button>\n          <button type=\"button\" class=\"nsfpv-tabs__btn\" role=\"tab\" aria-selected=\"false\" data-nsfpv-tab=\"posts\">\n            <i class=\"fa-solid fa-newspaper\" aria-hidden=\"true\"><\/i> Posts\n          <\/button>\n          <button type=\"button\" class=\"nsfpv-tabs__btn\" role=\"tab\" aria-selected=\"false\" data-nsfpv-tab=\"videos\">\n            <i class=\"fa-solid fa-video\" aria-hidden=\"true\"><\/i> Videos\n          <\/button>\n          <button type=\"button\" class=\"nsfpv-tabs__btn\" role=\"tab\" aria-selected=\"false\" data-nsfpv-tab=\"reels\">\n            <i class=\"fa-solid fa-film\" aria-hidden=\"true\"><\/i> Reels\n          <\/button>\n        <\/div>\n<div class=\"nsfpv-pane is-active\" id=\"nsfpv-pane-photos\" role=\"tabpanel\" data-nsfpv-pane=\"photos\">\n          <div class=\"nsfpv-empty\">\n            <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i>\n            <p>Enter a username and click View Profile to load photos.<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsfpv-pane\" id=\"nsfpv-pane-posts\" role=\"tabpanel\" data-nsfpv-pane=\"posts\">\n          <div class=\"nsfpv-empty\">\n            <i class=\"fa-solid fa-newspaper\" aria-hidden=\"true\"><\/i>\n            <p>Posts will appear here.<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsfpv-pane\" id=\"nsfpv-pane-videos\" role=\"tabpanel\" data-nsfpv-pane=\"videos\">\n          <div class=\"nsfpv-empty\">\n            <i class=\"fa-solid fa-video\" aria-hidden=\"true\"><\/i>\n            <p>Videos will appear here.<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsfpv-pane\" id=\"nsfpv-pane-reels\" role=\"tabpanel\" data-nsfpv-pane=\"reels\">\n          <div class=\"nsfpv-empty\">\n            <i class=\"fa-solid fa-film\" aria-hidden=\"true\"><\/i>\n            <p>Reels will appear here.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<div class=\"nsfpv-modal\" id=\"nsfpv-modal\" aria-hidden=\"true\">\n    <div class=\"nsfpv-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Media preview\">\n      <button type=\"button\" class=\"nsfpv-modal__close\" id=\"nsfpv-modal-close\" aria-label=\"Close preview\">\n        <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"><\/i>\n      <\/button>\n      <div class=\"nsfpv-modal__stage\">\n        <img decoding=\"async\" class=\"nsfpv-modal__media nsfpv-modal__media--img is-hidden\" id=\"nsfpv-modal-img\" src=\"\" alt=\"Preview\"\n          referrerpolicy=\"no-referrer\">\n        <video class=\"nsfpv-modal__media nsfpv-modal__media--video is-hidden\" id=\"nsfpv-modal-video\" controls\n          playsinline preload=\"auto\" referrerpolicy=\"no-referrer\"><\/video>\n        <div class=\"nsfpv-modal__loading\" id=\"nsfpv-modal-loading\" aria-hidden=\"true\">\n          <i class=\"fa-solid fa-spinner\" aria-hidden=\"true\"><\/i>\n          <span>Loading video\u2026<\/span>\n        <\/div>\n      <\/div>\n<div class=\"nsfpv-modal__bar\">\n        <div class=\"nsfpv-modal__meta\" id=\"nsfpv-modal-meta\"><\/div>\n<div class=\"nsfpv-modal__actions\">\n          <button type=\"button\" class=\"nsfpv-modal__action nsfpv-modal__action--download is-hidden\"\n            id=\"nsfpv-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_line_break_holder] -->   <!-- Google Fonts - Premium Typography -->\r\n   <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n   <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\r\n   <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n   \r\n   <!-- Bootstrap CSS -->\r\n   <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n   <!-- Boxicons -->\r\n   <link href=\"https:\/\/unpkg.com\/boxicons@2.1.4\/css\/boxicons.min.css\" rel=\"stylesheet\">\r\n   <!-- AOS Animation -->\r\n   <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n   \r\n    <!-- Font Awesome CSS -->\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\" rel=\"stylesheet\">\r\n\r\n    <style id=\"vvvebjs-styles\">\r\n        html {\r\n            overflow-x: hidden;\r\n        }\r\n\r\nbody {\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    overflow-x: hidden;\r\n    background-color: var(--va-home-white);\r\n    color: var(--va-home-dark);\r\n    line-height: 1.6;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    font-weight: 700;\r\n    color: var(--va-home-dark);\r\n    line-height: 1.2;\r\n}\r\n\r\n:root {\r\n    --gradient-1: #6366F1;\r\n    --gradient-2: #8c60ff;\r\n    --gradient-3: #6366F1;\r\n    --gradient-4: #4F46E5;\r\n    --gradient-5: #818CF8;\r\n    --dark-color: #0F172A;\r\n    --light-color: #FFFFFF;\r\n    --gray-color: #F1F5F9;\r\n    --instagram-gradient: linear-gradient(45deg, var(--gradient-1), var(--gradient-2), var(--gradient-3), var(--gradient-4), var(--gradient-5));\r\n    --instagram-gradient-hover: linear-gradient(45deg, #4F46E5, #7c3aed, #6366F1, #4F46E5, #7c3aed);\r\n    --section-padding: 100px 0;\r\n}\r\n\r\n\r\n        \/* Work Process Section with Gradient *\/\r\n        .work-process-section {\r\n            padding: var(--section-padding);\r\n            background: var(--instagram-gradient);\r\n            color: white;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .work-process-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .work-process-content {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .process-step {\r\n            text-align: center;\r\n            padding: 30px 20px;\r\n            position: relative;\r\n            z-index: 1;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 16px;\r\n            margin: 15px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .process-step:hover {\r\n            transform: translateY(-10px);\r\n            background: rgba(255, 255, 255, 0.15);\r\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .step-number {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: white;\r\n            color: var(--gradient-3);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: 700;\r\n            margin: 0 auto 20px;\r\n            font-size: 1.5rem;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        \/* Features Section *\/\r\n        .features-section {\r\n            padding: var(--section-padding);\r\n            background: white;\r\n        }\r\n\r\n        .feature-card {\r\n            padding: 40px 30px;\r\n            border-radius: 16px;\r\n            background: white;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n            margin-bottom: 30px;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(0, 0, 0, 0.05);\r\n            height: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .feature-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 4px;\r\n            height: 100%;\r\n            background: var(--instagram-gradient);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .feature-card:hover::before {\r\n            width: 100%;\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .feature-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 25px;\r\n            background: var(--instagram-gradient);\r\n            color: white;\r\n            font-size: 1.8rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-card:hover .feature-icon {\r\n            transform: rotate(15deg) scale(1.1);\r\n            background: var(--instagram-gradient-hover);\r\n        }\r\n\r\n        \/* Why Choose Section *\/\r\n        .why-choose-section {\r\n            padding: var(--section-padding);\r\n            background: #f9f9f9;\r\n        }\r\n\r\n        .why-choose-image {\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n            transform: perspective(1000px) rotateY(-5deg);\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .why-choose-image:hover {\r\n            transform: perspective(1000px) rotateY(0deg);\r\n        }\r\n\r\n        .benefit-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 20px;\r\n            padding: 15px;\r\n            border-radius: 12px;\r\n            background: white;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .benefit-item:hover {\r\n            transform: translateX(10px);\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .benefit-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-right: 15px;\r\n            background: var(--instagram-gradient);\r\n            color: white;\r\n            font-size: 1.2rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* FAQ Section *\/\r\n        .faq-section {\r\n            padding: var(--section-padding);\r\n            background: white;\r\n        }\r\n\r\n        .accordion-item {\r\n            border: none;\r\n            border-radius: 12px !important;\r\n            overflow: hidden;\r\n            margin-bottom: 15px;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .accordion-button {\r\n            font-weight: 600;\r\n            color: var(--dark-color);\r\n            padding: 20px 25px;\r\n            background: white;\r\n            box-shadow: none;\r\n            border-radius: 12px 12px 0 0 !important;\r\n        }\r\n\r\n        .accordion-button:not(.collapsed) {\r\n            background: white;\r\n            color: var(--gradient-3);\r\n            box-shadow: none;\r\n        }\r\n\r\n        .accordion-button:focus {\r\n            box-shadow: none;\r\n            border-color: rgba(220, 39, 67, 0.3);\r\n        }\r\n\r\n        .accordion-button::after {\r\n            background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16' fill='%23dc2743'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'\/%3e%3c\/svg%3e\");\r\n        }\r\n\r\n        .accordion-body {\r\n            padding: 25px;\r\n            color: #666;\r\n        }\r\n\r\n        \/* Section Titles *\/\r\n        .section-title {\r\n            font-weight: 700;\r\n            color: var(--dark-color);\r\n            margin-bottom: 1.5rem;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 0;\r\n            width: 60px;\r\n            height: 4px;\r\n            background: var(--instagram-gradient);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .light-title {\r\n            color: white;\r\n        }\r\n\r\n        .light-title::after {\r\n            background: white;\r\n        }\r\n\r\n        .section-subtitle {\r\n            color: #666;\r\n            max-width: 700px;\r\n            margin: 0 auto 3rem;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .light-subtitle {\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 991px) {\r\n            :root {\r\n                --section-padding: 80px 0;\r\n            }\r\n\r\n            .hero-section h1 {\r\n                font-size: 2.8rem;\r\n            }\r\n\r\n            .process-step::before {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            :root {\r\n                --section-padding: 70px 0;\r\n            }\r\n\r\n            .hero-section {\r\n                padding: 100px 0 60px;\r\n            }\r\n\r\n            .hero-section h1 {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .hero-section p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 1.8rem;\r\n            }\r\n        }\r\n\r\n        \/* Animation *\/\r\n        @keyframes float {\r\n            0% {\r\n                transform: translateY(0px);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-15px);\r\n            }\r\n\r\n            100% {\r\n                transform: translateY(0px);\r\n            }\r\n        }\r\n\r\n        .floating-element {\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n\r\n        \/* Custom Scrollbar *\/\r\n        ::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n\r\n        ::-webkit-scrollbar-track {\r\n            background: #f1f1f1;\r\n        }\r\n\r\n        ::-webkit-scrollbar-thumb {\r\n            background: var(--gradient-3);\r\n            border-radius: 10px;\r\n        }\r\n\r\n        ::-webkit-scrollbar-thumb:hover {\r\n            background: var(--gradient-4);\r\n        }\r\n\r\n        \/* Footer Section *\/\r\n        .footer-section {\r\n            background: radial-gradient(circle, rgba(16, 33, 120, 1) 0%, rgba(94, 7, 6, 1) 100%);\r\n            color: #fff;\r\n            padding-top: 80px;\r\n            padding-bottom: 80px;\r\n        }\r\n\r\n        .footer-logo {\r\n            width: 200px;\r\n            margin-bottom: 10px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .footer-description {\r\n            font-size: 14px;\r\n            color: #bbb;\r\n        }\r\n\r\n        .footer-heading {\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: #fff;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        \/* Quick Links and Tools *\/\r\n        .footer-links .footer-link,\r\n        .footer-tools .footer-tool {\r\n            color: #bbb;\r\n            text-decoration: none;\r\n            font-size: 14px;\r\n            display: block;\r\n            margin-bottom: 10px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .footer-links .footer-link:hover,\r\n        .footer-tools .footer-tool:hover {\r\n            color: #fff;\r\n        }\r\n\r\n        \/* Social Icons (Boxicons) *\/\r\n        .footer-social .social-icon {\r\n            color: #bbb;\r\n            font-size: 24px;\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .footer-social .social-icon:hover {\r\n            color: #fff;\r\n        }\r\n\r\n        \/* Footer Copyright Section *\/\r\n        .footer-copyright {\r\n            background-color: #1a1a1a;\r\n        }\r\n\r\n        .footer-bottom-text {\r\n            font-size: 14px;\r\n            color: #bbb;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 767.98px) {\r\n            .footer-logo {\r\n                width: 200px;\r\n            }\r\n\r\n            .footer-description {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .footer-heading {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .footer-link,\r\n            .footer-tool {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .footer-bottom-text {\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    <\/style>\r\n    <style>\r\n        :root {\r\n            \/* Instagram-Inspired Color System *\/\r\n            --instagram-yellow: #feda75;\r\n            --instagram-orange: #fa7e1e;\r\n            --instagram-pink: #d62976;\r\n            --instagram-purple: #962fbf;\r\n            --instagram-blue: #4f5bd5;\r\n\r\n            \/* Primary Color System (Instagram-based) *\/\r\n            --primary-50: #fefbf0;\r\n            --primary-100: #fef7e0;\r\n            --primary-200: #fdeec7;\r\n            --primary-300: #fbe0a5;\r\n            --primary-400: #f8d181;\r\n            --primary-500: #feda75;\r\n            --primary-600: #f5c23e;\r\n            --primary-700: #e8a91a;\r\n            --primary-800: #c18a0f;\r\n            --primary-900: #9a6b0a;\r\n\r\n            \/* Secondary Color System (Orange-based) *\/\r\n            --secondary-50: #fef7f0;\r\n            --secondary-100: #fdeee0;\r\n            --secondary-200: #fbdcc7;\r\n            --secondary-300: #f8c4a5;\r\n            --secondary-400: #f5a681;\r\n            --secondary-500: #fa7e1e;\r\n            --secondary-600: #e86a0f;\r\n            --secondary-700: #c55a0d;\r\n            --secondary-800: #a24a0b;\r\n            --secondary-900: #7f3a09;\r\n\r\n            \/* Accent Color System (Pink-based) *\/\r\n            --accent-50: #fdf0f7;\r\n            --accent-100: #fbe0ef;\r\n            --accent-200: #f7c2df;\r\n            --accent-300: #f29cc9;\r\n            --accent-400: #ed76b3;\r\n            --accent-500: #d62976;\r\n            --accent-600: #c22466;\r\n            --accent-700: #a81e55;\r\n            --accent-800: #8e1844;\r\n            --accent-900: #741233;\r\n\r\n            \/* Success Color System (Purple-based) *\/\r\n            --success-50: #f7f0fd;\r\n            --success-100: #efe0fb;\r\n            --success-200: #dfc2f7;\r\n            --success-300: #c99cf2;\r\n            --success-400: #b376ed;\r\n            --success-500: #962fbf;\r\n            --success-600: #852aac;\r\n            --success-700: #742599;\r\n            --success-800: #632086;\r\n            --success-900: #521b73;\r\n\r\n            \/* Warning Color System (Blue-based) *\/\r\n            --warning-50: #f0f2fd;\r\n            --warning-100: #e0e4fb;\r\n            --warning-200: #c2c9f7;\r\n            --warning-300: #9ca7f2;\r\n            --warning-400: #7685ed;\r\n            --warning-500: #4f5bd5;\r\n            --warning-600: #4652c0;\r\n            --warning-700: #3d49ab;\r\n            --warning-800: #344096;\r\n            --warning-900: #2b3781;\r\n\r\n            \/* Neutral System *\/\r\n            --white: #ffffff;\r\n            --gray-25: #fcfcfd;\r\n            --gray-50: #f8fafc;\r\n            --gray-100: #f1f5f9;\r\n            --gray-200: #e2e8f0;\r\n            --gray-300: #cbd5e1;\r\n            --gray-400: #94a3b8;\r\n            --gray-500: #64748b;\r\n            --gray-600: #475569;\r\n            --gray-700: #334155;\r\n            --gray-800: #1e293b;\r\n            --gray-900: #0f172a;\r\n            --gray-950: #020617;\r\n\r\n            \/* Instagram-Inspired Gradients *\/\r\n            --gradient-primary: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --gradient-secondary: linear-gradient(135deg, #fa7e1e 0%, #d62976 100%);\r\n            --gradient-accent: linear-gradient(135deg, #d62976 0%, #962fbf 100%);\r\n            --gradient-success: linear-gradient(135deg, #962fbf 0%, #4f5bd5 100%);\r\n            --gradient-warm: linear-gradient(135deg, #feda75 0%, #fa7e1e 100%);\r\n            --gradient-cool: linear-gradient(135deg, #4f5bd5 0%, #962fbf 100%);\r\n            --gradient-dark: linear-gradient(135deg, #1e293b 0%, #334155 100%);\r\n            --gradient-mesh: radial-gradient(at 40% 20%, rgba(254, 218, 117, 0.3) 0px, transparent 50%),\r\n                radial-gradient(at 80% 0%, rgba(250, 126, 30, 0.3) 0px, transparent 50%),\r\n                radial-gradient(at 0% 50%, rgba(214, 41, 118, 0.3) 0px, transparent 50%),\r\n                radial-gradient(at 80% 50%, rgba(150, 47, 191, 0.3) 0px, transparent 50%),\r\n                radial-gradient(at 0% 100%, rgba(79, 91, 213, 0.3) 0px, transparent 50%);\r\n\r\n            \/* Advanced Shadows *\/\r\n            --shadow-xs: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\r\n            --shadow-sm: 0 1px 3px 0 rgb(0 0 0 \/ 0.1), 0 1px 2px -1px rgb(0 0 0 \/ 0.1);\r\n            --shadow-md: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\r\n            --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\r\n            --shadow-xl: 0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);\r\n            --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 \/ 0.25);\r\n            --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 \/ 0.05);\r\n            --shadow-colored-primary: 0 20px 25px -5px rgb(254 218 117 \/ 0.2), 0 8px 10px -6px rgb(254 218 117 \/ 0.2);\r\n            --shadow-colored-secondary: 0 20px 25px -5px rgb(250 126 30 \/ 0.2), 0 8px 10px -6px rgb(250 126 30 \/ 0.2);\r\n            --shadow-colored-accent: 0 20px 25px -5px rgb(214 41 118 \/ 0.2), 0 8px 10px -6px rgb(214 41 118 \/ 0.2);\r\n\r\n            \/* Border Radius System *\/\r\n            --radius-none: 0;\r\n            --radius-sm: 0.125rem;\r\n            --radius: 0.25rem;\r\n            --radius-md: 0.375rem;\r\n            --radius-lg: 0.5rem;\r\n            --radius-xl: 0.75rem;\r\n            --radius-2xl: 1rem;\r\n            --radius-3xl: 1.5rem;\r\n            --radius-4xl: 2rem;\r\n            --radius-full: 9999px;\r\n\r\n            \/* Spacing System *\/\r\n            --space-px: 1px;\r\n            --space-0: 0;\r\n            --space-1: 0.25rem;\r\n            --space-2: 0.5rem;\r\n            --space-3: 0.75rem;\r\n            --space-4: 1rem;\r\n            --space-5: 1.25rem;\r\n            --space-6: 1.5rem;\r\n            --space-8: 2rem;\r\n            --space-10: 2.5rem;\r\n            --space-12: 3rem;\r\n            --space-16: 4rem;\r\n            --space-20: 5rem;\r\n            --space-24: 6rem;\r\n            --space-32: 8rem;\r\n\r\n            \/* Typography Scale *\/\r\n            --text-xs: 0.75rem;\r\n            --text-sm: 0.875rem;\r\n            --text-base: 1rem;\r\n            --text-lg: 1.125rem;\r\n            --text-xl: 1.25rem;\r\n            --text-2xl: 1.5rem;\r\n            --text-3xl: 1.875rem;\r\n            --text-4xl: 2.25rem;\r\n            --text-5xl: 3rem;\r\n            --text-6xl: 3.75rem;\r\n            --text-7xl: 4.5rem;\r\n            --text-8xl: 6rem;\r\n            --text-9xl: 8rem;\r\n\r\n            \/* Animation System *\/\r\n            --duration-75: 75ms;\r\n            --duration-100: 100ms;\r\n            --duration-150: 150ms;\r\n            --duration-200: 200ms;\r\n            --duration-300: 300ms;\r\n            --duration-500: 500ms;\r\n            --duration-700: 700ms;\r\n            --duration-1000: 1000ms;\r\n\r\n            --ease-linear: linear;\r\n            --ease-in: cubic-bezier(0.4, 0, 1, 1);\r\n            --ease-out: cubic-bezier(0, 0, 0.2, 1);\r\n            --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\r\n            --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n            --ease-elastic: cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        }\r\n\r\n        \/* Reset & Base *\/\r\n        *,\r\n        *::before,\r\n        *::after {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n            -webkit-text-size-adjust: 100%;\r\n        }\r\n\r\n    \r\n      \r\n \/*     body {\r\n\tfont-feature-settings: 'cv11', 'ss01';\r\n\tfont-variation-settings: 'opsz' 32;\r\n\tbackground: #51f706;\r\n\tcolor: #e160c7;\r\n\tline-height: 1.6;\r\n\t-webkit-font-smoothing: antialiased;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\ttext-rendering: optimizeLegibility;\r\n\toverflow-x: hidden;\r\n\tmin-height: 100vh;\r\n}*\/\r\n\r\n        \/* Premium Background *\/\r\n        .bg-pattern {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: var(--gradient-mesh);\r\n            opacity: 0.4;\r\n            z-index: -2;\r\n            animation: meshFloat 20s ease-in-out infinite;\r\n        }\r\n\r\n        .bg-pattern::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background:\r\n                radial-gradient(circle at 20% 80%, rgba(254, 218, 117, 0.08) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 20%, rgba(250, 126, 30, 0.08) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 40%, rgba(214, 41, 118, 0.08) 0%, transparent 50%);\r\n            animation: float 25s ease-in-out infinite reverse;\r\n        }\r\n\r\n        .bg-overlay {\r\n            position: fixed;\r\n            inset: 0;\r\n            background: linear-gradient(135deg, var(--white) 0%, rgba(248, 250, 252, 0.8) 100%);\r\n            z-index: -1;\r\n        }\r\n\r\n        .video-meta {\r\n            display: flex;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        @keyframes meshFloat {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translateY(0px) rotate(0deg) scale(1);\r\n            }\r\n\r\n            33% {\r\n                transform: translateY(-20px) rotate(1deg) scale(1.02);\r\n            }\r\n\r\n            66% {\r\n                transform: translateY(10px) rotate(-1deg) scale(0.98);\r\n            }\r\n        }\r\n\r\n        @keyframes float {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translateY(0px) rotate(0deg);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-30px) rotate(2deg);\r\n            }\r\n        }\r\n\r\n        \/* Container System *\/\r\n        \/* .container {\r\n          max-width: 1200px;\r\n          margin: 0 auto !important;\r\n          padding: var(--space-8);\r\n          position: relative;\r\n      } *\/\r\n\r\n        \/* Premium Header *\/\r\n        .header {\r\n            text-align: center;\r\n            margin-bottom: var(--space-20);\r\n            animation: slideDown var(--duration-1000) var(--ease-elastic);\r\n            position: relative;\r\n      \r\n        \r\n        }\r\n      \r\n      .av-hero{\r\n\r\nbackground: white;\r\n\r\nfilter: progid: DXImageTransform.Microsoft.gradient( startColorstr=\"#0968E5\", endColorstr=\"#091970\", GradientType=1 );\r\n      }\r\n\r\n        .header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: 50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(254, 218, 117, 0.05) 0%, transparent 70%);\r\n            transform: translateX(-50%);\r\n            z-index: -1;\r\n        }\r\n\r\n        @keyframes slideDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-60px) scale(0.9);\r\n                filter: blur(10px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n                filter: blur(0);\r\n            }\r\n        }\r\n\r\n        .header h1 {\r\n\tfont-size: clamp(var(--text-4xl), 8vw, var(--text-7xl));\r\n\tfont-weight: 900;\r\n\tbackground: var(--gradient-primary);\r\n\tbackground-clip: text;\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: var(--gradient-primary);\r\n\tmargin-bottom: var(--space-6);\r\n\tletter-spacing: -0.04em;\r\n\tline-height: 0.9;\r\n\tposition: relative;\r\n}\r\n\r\n        .header h1::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 50%;\r\n            width: 100px;\r\n            height: 4px;\r\n            background: var(--gradient-primary);\r\n            border-radius: var(--radius-full);\r\n            transform: translateX(-50%);\r\n            animation: shimmer 3s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes shimmer {\r\n\r\n            0%,\r\n            100% {\r\n                opacity: 0.5;\r\n                transform: translateX(-50%) scaleX(1);\r\n            }\r\n\r\n            50% {\r\n                opacity: 1;\r\n                transform: translateX(-50%) scaleX(1.2);\r\n            }\r\n        }\r\n\r\n      \r\n      \r\n      .header p {\r\n\tfont-size: var(--text-xl);\r\n\tcolor: var(--gradient-primary);\r\n\tfont-weight: 500;\r\n\tmax-width: 100%;\r\n\tmargin: 0 auto;\r\n\tline-height: 1.7;\r\n}\r\n\r\n        \/* Premium Search Section *\/\r\n        .search-section {\r\n\tbackground:var(--gradient-primary);\r\n\tborder-radius: var(--radius-4xl);\r\n\tbox-shadow: var(--shadow-2xl);\r\n\tpadding: var(--space-12);\r\n\tmargin-bottom: var(--space-16);\r\n\tborder: 1px solid var(--gray-200);\r\n\tanimation: slideUp var(--duration-1000) var(--ease-elastic) 0.2s both;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n}\r\n\r\n        .search-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(254, 218, 117, 0.03), transparent);\r\n            animation: shine 4s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes shine {\r\n            0% {\r\n                left: -100%;\r\n            }\r\n\r\n            50% {\r\n                left: 100%;\r\n            }\r\n\r\n            100% {\r\n                left: -100%;\r\n            }\r\n        }\r\n\r\n        @keyframes slideUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(60px) scale(0.95);\r\n                filter: blur(5px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n                filter: blur(0);\r\n            }\r\n        }\r\n\r\n        .search-form {\r\n            display: flex;\r\n            gap: var(--space-4);\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .input-group {\r\n            flex: 1;\r\n            position: relative;\r\n        }\r\n\r\n        .input-icon {\r\n            position: absolute;\r\n            left: var(--space-6);\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color: var(--gray-400);\r\n            font-size: var(--text-xl);\r\n            z-index: 3;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n    .url-input {\r\n\twidth: 100%;\r\n\tpadding: var(--space-5) var(--space-5) var(--space-5) var(--space-16);\r\n\tborder: 2px solid var(--gray-200);\r\n\tborder-radius: var(--radius-3xl);\r\n\tfont-size: var(--text-lg);\r\n\tfont-weight: 500;\r\n\tbackground: white;\r\n\tcolor: #f8f9fb;\r\n\ttransition: all var(--duration-300) var(--ease-out);\r\n\tfont-family: inherit;\r\n\tbox-shadow: var(--shadow-sm);\r\n}\r\n\r\n        .url-input::placeholder {\r\n            color: var(--gray-400);\r\n            font-weight: 400;\r\n        }\r\n\r\n        .url-input:focus {\r\n            outline: none;\r\n            border-color: var(--primary-500);\r\n            box-shadow: 0 0 0 4px var(--primary-100), var(--shadow-lg);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .url-input:focus+.input-icon {\r\n            color: var(--primary-500);\r\n            transform: translateY(-50%) scale(1.1);\r\n        }\r\n\r\n        .analyze-btn {\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n            border: none;\r\n            padding: var(--space-5) var(--space-10);\r\n            border-radius: var(--radius-3xl);\r\n            font-size: var(--text-lg);\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            font-family: inherit;\r\n            white-space: nowrap;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow-lg);\r\n            letter-spacing: 0.025em;\r\n        }\r\n      \r\n      .analyze-btn {\r\n\tbackground: #24269d;\r\n\tcolor: var(--white);\r\n\tborder: none;\r\n\tpadding: var(--space-5) var(--space-10);\r\n\tborder-radius: var(--radius-3xl);\r\n\tfont-size: var(--text-lg);\r\n\tfont-weight: 700;\r\n\tcursor: pointer;\r\n\ttransition: all var(--duration-300) var(--ease-out);\r\n\tfont-family: inherit;\r\n\twhite-space: nowrap;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\tbox-shadow: var(--shadow-lg);\r\n\tletter-spacing: 0.025em;\r\n}\r\n\r\n        .analyze-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n            transition: left var(--duration-700) var(--ease-out);\r\n        }\r\n\r\n        .analyze-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .analyze-btn:hover {\r\n            transform: translateY(-3px) scale(1.02);\r\n            box-shadow: var(--shadow-colored-primary);\r\n        }\r\n\r\n        .analyze-btn:active {\r\n            transform: translateY(-1px) scale(0.98);\r\n        }\r\n\r\n        .analyze-btn:disabled {\r\n            opacity: 0.7;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n\r\n        .error-message {\r\n            background: var(--gradient-warm);\r\n            color: var(--white);\r\n            padding: var(--space-4) var(--space-6);\r\n            border-radius: var(--radius-2xl);\r\n            margin-top: var(--space-4);\r\n            font-weight: 600;\r\n            animation: shake var(--duration-500) var(--ease-out);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        @keyframes shake {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translateX(0);\r\n            }\r\n\r\n            25% {\r\n                transform: translateX(-8px);\r\n            }\r\n\r\n            75% {\r\n                transform: translateX(8px);\r\n            }\r\n        }\r\n\r\n        \/* Premium Loading *\/\r\n        .loading {\r\n            text-align: center;\r\n            padding: var(--space-20) var(--space-8);\r\n            background: linear-gradient(135deg, var(--white) 0%, rgba(254, 218, 117, 0.05) 100%);\r\n            border-radius: var(--radius-4xl);\r\n            box-shadow: var(--shadow-2xl);\r\n            border: 1px solid rgba(254, 218, 117, 0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .loading::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(45deg, transparent 30%, rgba(250, 126, 30, 0.08) 50%, transparent 70%);\r\n            animation: loadingShimmer 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes loadingShimmer {\r\n            0% {\r\n                transform: translateX(-100%) translateY(-100%);\r\n            }\r\n\r\n            100% {\r\n                transform: translateX(100%) translateY(100%);\r\n            }\r\n        }\r\n\r\n        .loading-spinner {\r\n            width: 80px;\r\n            height: 80px;\r\n            margin: 0 auto var(--space-8);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .loading-spinner::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            border: 4px solid rgba(254, 218, 117, 0.3);\r\n            border-top: 4px solid var(--instagram-yellow);\r\n            border-radius: 50%;\r\n            animation: spin var(--duration-1000) linear infinite;\r\n        }\r\n\r\n        .loading-spinner::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 8px;\r\n            border: 3px solid transparent;\r\n            border-top: 3px solid var(--instagram-orange);\r\n            border-radius: 50%;\r\n            animation: spin var(--duration-700) linear infinite reverse;\r\n        }\r\n\r\n        @keyframes spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .loading-text {\r\n            font-size: var(--text-xl);\r\n            font-weight: 700;\r\n            background: var(--gradient-primary);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            animation: pulse var(--duration-1000) ease-in-out infinite;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        @keyframes pulse {\r\n\r\n            0%,\r\n            100% {\r\n                opacity: 0.6;\r\n            }\r\n\r\n            50% {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* Skeleton Loading Styles *\/\r\n        .skeleton-loading {\r\n            background: linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);\r\n            background-size: 200% 100%;\r\n            animation: skeleton-shimmer 1.5s infinite;\r\n        }\r\n\r\n        @keyframes skeleton-shimmer {\r\n            0% {\r\n                background-position: -200% 0;\r\n            }\r\n\r\n            100% {\r\n                background-position: 200% 0;\r\n            }\r\n        }\r\n\r\n        .videos-skeleton,\r\n        .reels-skeleton {\r\n            display: none;\r\n        }\r\n\r\n        .videos-skeleton.active,\r\n        .reels-skeleton.active {\r\n            display: block;\r\n        }\r\n\r\n        .videos-grid-skeleton,\r\n        .reels-grid-skeleton {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: var(--space-6);\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n\r\n            .videos-grid-skeleton,\r\n            .reels-grid-skeleton {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n\r\n            .videos-grid-skeleton,\r\n            .reels-grid-skeleton {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        .video-skeleton,\r\n        .reel-skeleton {\r\n            background: var(--white);\r\n            border-radius: var(--radius-3xl);\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow-md);\r\n            border: 1px solid var(--gray-200);\r\n        }\r\n\r\n        .video-thumbnail-skeleton,\r\n        .reel-thumbnail-skeleton {\r\n            height: 350px;\r\n            background: linear-gradient(90deg, var(--gray-200) 25%, rgba(254, 218, 117, 0.1) 50%, var(--gray-200) 75%);\r\n            background-size: 200% 100%;\r\n            animation: skeleton-shimmer 1.5s infinite;\r\n        }\r\n\r\n        .video-info-skeleton,\r\n        .reel-info-skeleton {\r\n            padding: var(--space-4);\r\n        }\r\n\r\n        .skeleton-line {\r\n            height: 16px;\r\n            background: var(--gray-200);\r\n            border-radius: var(--radius-lg);\r\n            margin-bottom: var(--space-3);\r\n            animation: skeleton-shimmer 1.5s infinite;\r\n        }\r\n\r\n        .skeleton-line.short {\r\n            width: 60%;\r\n        }\r\n\r\n        \/* Group Styles *\/\r\n        .group-header {\r\n            background: var(--white);\r\n            border-radius: var(--radius-4xl);\r\n            box-shadow: var(--shadow-2xl);\r\n            overflow: hidden;\r\n            margin-bottom: var(--space-8);\r\n            border: 1px solid var(--gray-200);\r\n            animation: slideUp var(--duration-1000) var(--ease-elastic) 0.4s both;\r\n            position: relative;\r\n        }\r\n\r\n        .group-cover {\r\n            position: relative;\r\n            height: 400px;\r\n            background: var(--gradient-primary);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .group-cover img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform var(--duration-700) var(--ease-out);\r\n        }\r\n\r\n        .group-cover:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .group-cover-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to bottom,\r\n                    transparent 0%,\r\n                    rgba(0, 0, 0, 0.1) 40%,\r\n                    rgba(0, 0, 0, 0.8) 100%);\r\n        }\r\n\r\n        .group-info-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            padding: var(--space-12);\r\n            color: var(--white);\r\n        }\r\n\r\n        .group-title {\r\n            font-size: clamp(var(--text-2xl), 5vw, var(--text-5xl));\r\n            font-weight: 800;\r\n            margin-bottom: var(--space-3);\r\n            text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);\r\n            letter-spacing: -0.02em;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .group-subtitle {\r\n            font-size: var(--text-xl);\r\n            opacity: 0.95;\r\n            font-weight: 600;\r\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .group-details {\r\n            padding: var(--space-12);\r\n        }\r\n\r\n        .stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n            gap: var(--space-6);\r\n            margin-bottom: var(--space-10);\r\n        }\r\n\r\n        .stat-card {\r\n            background: linear-gradient(135deg, var(--white) 0%, var(--gray-25) 100%);\r\n            border: 1px solid var(--gray-200);\r\n            border-radius: var(--radius-3xl);\r\n            padding: var(--space-8);\r\n            text-align: center;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            animation: fadeInUp var(--duration-700) var(--ease-elastic);\r\n            animation-delay: calc(var(--delay) * 0.1s);\r\n            animation-fill-mode: both;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .stat-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: var(--gradient-primary);\r\n            opacity: 0;\r\n            transition: opacity var(--duration-300) var(--ease-out);\r\n            border-radius: inherit;\r\n        }\r\n\r\n        .stat-card:hover::before {\r\n            opacity: 0.05;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(40px) scale(0.9);\r\n                filter: blur(5px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n                filter: blur(0);\r\n            }\r\n        }\r\n\r\n        .stat-card:hover {\r\n            transform: translateY(-8px) scale(1.02);\r\n            box-shadow: var(--shadow-xl);\r\n            border-color: var(--primary-300);\r\n        }\r\n\r\n        .stat-icon {\r\n            width: 64px;\r\n            height: 64px;\r\n            background: var(--gradient-primary);\r\n            border-radius: var(--radius-2xl);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto var(--space-4);\r\n            font-size: var(--text-2xl);\r\n            box-shadow: var(--shadow-lg);\r\n            position: relative;\r\n            z-index: 2;\r\n            color: var(--white);\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: var(--text-3xl);\r\n            font-weight: 800;\r\n            color: var(--gray-900);\r\n            display: block;\r\n            margin-bottom: var(--space-2);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: var(--text-sm);\r\n            color: var(--gray-600);\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .group-description {\r\n            background: linear-gradient(135deg, var(--gray-50) 0%, var(--white) 100%);\r\n            border: 1px solid var(--gray-200);\r\n            border-radius: var(--radius-3xl);\r\n            padding: var(--space-8);\r\n            margin-bottom: var(--space-8);\r\n            font-size: var(--text-lg);\r\n            line-height: 1.8;\r\n            color: var(--gray-700);\r\n            box-shadow: var(--shadow-sm);\r\n        }\r\n\r\n        .visit-btn {\r\n            background: var(--gradient-accent);\r\n            color: var(--white);\r\n            text-decoration: none;\r\n            padding: var(--space-4) var(--space-8);\r\n            border-radius: var(--radius-2xl);\r\n            font-weight: 700;\r\n            font-size: var(--text-lg);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: var(--space-3);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            box-shadow: var(--shadow-lg);\r\n            letter-spacing: 0.025em;\r\n        }\r\n\r\n        .visit-btn:hover {\r\n            transform: translateY(-3px) scale(1.05);\r\n            box-shadow: var(--shadow-colored-accent);\r\n        }\r\n\r\n        \/* Premium Navigation *\/\r\n        .nav-tabs {\r\n            background: var(--white);\r\n            border-radius: var(--radius-4xl);\r\n            box-shadow: var(--shadow-2xl);\r\n            margin-bottom: var(--space-8);\r\n            border: 1px solid var(--gray-200);\r\n            overflow: hidden;\r\n            animation: slideUp var(--duration-1000) var(--ease-elastic) 0.6s both;\r\n        }\r\n\r\n        .tab-list {\r\n            display: flex;\r\n            background: linear-gradient(135deg, var(--gray-50) 0%, var(--white) 100%);\r\n            border-bottom: 1px solid var(--gray-200);\r\n            padding: var(--space-2);\r\n        }\r\n\r\n        .tab-btn {\r\n            flex: 1;\r\n            padding: var(--space-6) var(--space-8);\r\n            background: none;\r\n            border: none;\r\n            font-size: var(--text-lg);\r\n            font-weight: 700;\r\n            color: var(--gray-600);\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            position: relative;\r\n            font-family: inherit;\r\n            border-radius: var(--radius-2xl);\r\n            margin: var(--space-1);\r\n        }\r\n\r\n        .tab-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 3px;\r\n            background: var(--gradient-primary);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            transform: translateX(-50%);\r\n            border-radius: var(--radius-full);\r\n        }\r\n\r\n        .tab-btn:hover,\r\n        .tab-btn.active {\r\n            color: var(--primary-600);\r\n            background: var(--white);\r\n            box-shadow: var(--shadow-md);\r\n        }\r\n\r\n        .tab-btn.active::before {\r\n            width: 60%;\r\n        }\r\n\r\n        .tab-content {\r\n            display: none;\r\n            padding: var(--space-8);\r\n            animation: fadeInScale var(--duration-500) var(--ease-out);\r\n        }\r\n\r\n        .tab-content.active {\r\n            display: block;\r\n        }\r\n\r\n        @keyframes fadeInScale {\r\n            from {\r\n                opacity: 0;\r\n                transform: scale(0.95) translateY(20px);\r\n                filter: blur(3px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: scale(1) translateY(0);\r\n                filter: blur(0);\r\n            }\r\n        }\r\n\r\n        \/* Premium Media Section *\/\r\n        .media-summary {\r\n            background: var(--gradient-primary);\r\n            border-radius: var(--radius-4xl);\r\n            padding: var(--space-12);\r\n            margin-bottom: var(--space-8);\r\n            text-align: center;\r\n            color: var(--white);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .media-summary::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\r\n            animation: rotate 20s linear infinite;\r\n        }\r\n\r\n        @keyframes rotate {\r\n            from {\r\n                transform: rotate(0deg);\r\n            }\r\n\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .summary-title {\r\n            font-size: var(--text-4xl);\r\n            font-weight: 800;\r\n            margin-bottom: var(--space-4);\r\n            position: relative;\r\n            z-index: 2;\r\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .summary-description {\r\n            font-size: var(--text-xl);\r\n            opacity: 0.95;\r\n            margin-bottom: var(--space-8);\r\n            position: relative;\r\n            z-index: 2;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .summary-stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\r\n            gap: var(--space-8);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .summary-stat {\r\n            text-align: center;\r\n        }\r\n\r\n        .summary-stat-number {\r\n            font-size: var(--text-4xl);\r\n            font-weight: 900;\r\n            display: block;\r\n            margin-bottom: var(--space-2);\r\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .summary-stat-label {\r\n            font-size: var(--text-sm);\r\n            opacity: 0.9;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .media-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n            gap: var(--space-8);\r\n        }\r\n\r\n        \/* Ultra Premium Media Cards *\/\r\n        .media-card {\r\n            background: var(--white);\r\n            border-radius: var(--radius-4xl);\r\n            box-shadow: var(--shadow-xl);\r\n            border: 1px solid var(--gray-200);\r\n            overflow: hidden;\r\n            transition: all var(--duration-500) var(--ease-elastic);\r\n            animation: slideUp var(--duration-700) var(--ease-elastic);\r\n            animation-delay: calc(var(--index) * 0.1s);\r\n            animation-fill-mode: both;\r\n            position: relative;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .media-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: var(--gradient-primary);\r\n            opacity: 0;\r\n            transition: opacity var(--duration-300) var(--ease-out);\r\n            border-radius: inherit;\r\n            z-index: 1;\r\n        }\r\n\r\n        .media-card:hover::before {\r\n            opacity: 0.02;\r\n        }\r\n\r\n        .media-card:hover {\r\n            transform: translateY(-12px) scale(1.02);\r\n            box-shadow: var(--shadow-2xl);\r\n            border-color: var(--primary-300);\r\n        }\r\n\r\n        .media-image-container {\r\n            position: relative;\r\n            aspect-ratio: 16\/10;\r\n            overflow: hidden;\r\n            background: linear-gradient(135deg, var(--gray-100) 0%, var(--gray-200) 100%);\r\n        }\r\n\r\n        .media-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform var(--duration-700) var(--ease-out);\r\n        }\r\n\r\n        .media-card:hover .media-image {\r\n            transform: scale(1.1) rotate(1deg);\r\n        }\r\n\r\n        \/* Ultra Premium Hover Overlay *\/\r\n        .media-hover-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg,\r\n                    rgba(254, 218, 117, 0.95) 0%,\r\n                    rgba(250, 126, 30, 0.95) 50%,\r\n                    rgba(214, 41, 118, 0.95) 100%);\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: all var(--duration-500) var(--ease-elastic);\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: var(--space-6);\r\n            padding: var(--space-8);\r\n            backdrop-filter: blur(20px);\r\n            z-index: 10;\r\n        }\r\n\r\n        .media-card:hover .media-hover-overlay {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .quality-indicator {\r\n            background: rgba(255, 255, 255, 0.25);\r\n            backdrop-filter: blur(15px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            color: var(--white);\r\n            padding: var(--space-3) var(--space-6);\r\n            border-radius: var(--radius-full);\r\n            font-weight: 800;\r\n            font-size: var(--text-sm);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n            animation: slideInDown var(--duration-500) var(--ease-elastic) 0.1s both;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        @keyframes slideInDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-30px) scale(0.8);\r\n                filter: blur(5px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n                filter: blur(0);\r\n            }\r\n        }\r\n\r\n        .download-actions {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: var(--space-3);\r\n            animation: slideInUp var(--duration-500) var(--ease-elastic) 0.2s both;\r\n        }\r\n\r\n        .download-btn {\r\n            background: rgba(255, 255, 255, 0.25);\r\n            backdrop-filter: blur(15px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            color: var(--white);\r\n            padding: var(--space-4) var(--space-8);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-base);\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-elastic);\r\n            font-family: inherit;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: var(--space-3);\r\n            min-width: 180px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        .download-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n            transition: left var(--duration-700) var(--ease-out);\r\n        }\r\n\r\n        .download-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .download-btn:hover {\r\n            background: rgba(255, 255, 255, 0.35);\r\n            border-color: rgba(255, 255, 255, 0.5);\r\n            transform: translateY(-3px) scale(1.05);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .download-btn:active {\r\n            transform: translateY(-1px) scale(0.98);\r\n        }\r\n\r\n        .btn-icon {\r\n            font-size: var(--text-lg);\r\n            transition: transform var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .download-btn:hover .btn-icon {\r\n            transform: scale(1.2) rotate(5deg);\r\n        }\r\n\r\n        \/* Premium Media Info *\/\r\n        .media-info {\r\n            padding: var(--space-6);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .media-meta {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: var(--text-sm);\r\n            color: var(--gray-600);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .resolution-badge {\r\n            background: linear-gradient(135deg, var(--gray-100) 0%, var(--gray-200) 100%);\r\n            color: var(--gray-700);\r\n            padding: var(--space-2) var(--space-4);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n            box-shadow: var(--shadow-sm);\r\n        }\r\n\r\n        .type-badge {\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n            padding: var(--space-2) var(--space-4);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n            box-shadow: var(--shadow-sm);\r\n        }\r\n\r\n        \/* Video Grid Styles for Groups *\/\r\n        .video-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: var(--space-6);\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .video-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .video-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        .video-card {\r\n            background: var(--white);\r\n            border-radius: var(--radius-3xl);\r\n            box-shadow: var(--shadow-md);\r\n            border: 1px solid var(--gray-200);\r\n            overflow: hidden;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            animation: slideUp var(--duration-700) var(--ease-elastic);\r\n            animation-delay: calc(var(--index) * 0.1s);\r\n            animation-fill-mode: both;\r\n            position: relative;\r\n        }\r\n\r\n        .video-card:hover {\r\n            transform: translateY(-8px) scale(1.02);\r\n            box-shadow: var(--shadow-xl);\r\n            border-color: rgba(254, 218, 117, 0.3);\r\n        }\r\n\r\n        .video-card video {\r\n            width: 100%;\r\n            height: 250px;\r\n            object-fit: cover;\r\n            background: var(--gray-100);\r\n            transition: transform var(--duration-500) var(--ease-out);\r\n        }\r\n\r\n        .video-card:hover video {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .video-info {\r\n            padding: var(--space-4);\r\n            display: flex;\r\n            flex-direction: column;\r\n\r\n        }\r\n\r\n        .video-title {\r\n    font-size: var(--text-lg);\r\n    font-weight: 700;\r\n    color: var(--gray-900);\r\n    margin-bottom: var(--space-2);\r\n    flex-shrink: 0;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    line-height: 1.2;\r\n    text-align: left;\r\n}\r\n\r\n        .video-description {\r\n            font-size: var(--text-xs);\r\n            font-weight: 400;\r\n            color: var(--gray-500);\r\n            line-height: 1.4;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n            opacity: 0.8;\r\n            flex-grow: 1;\r\n            margin-bottom: var(--space-3);\r\n            display: none;\r\n        }\r\n\r\n        .video-stats {\r\n            margin-top: auto;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .video-badges {\r\n            display: flex;\r\n            gap: var(--space-2);\r\n            margin-bottom: var(--space-4);\r\n        }\r\n\r\n        .quality-badge {\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n            padding: var(--space-1) var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            box-shadow: 0 2px 8px rgba(254, 218, 117, 0.3);\r\n        }\r\n\r\n        .format-badge {\r\n            background: linear-gradient(135deg, rgba(250, 126, 30, 0.1) 0%, rgba(214, 41, 118, 0.1) 100%);\r\n            color: var(--instagram-orange);\r\n            padding: var(--space-1) var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            border: 1px solid rgba(250, 126, 30, 0.2);\r\n        }\r\n\r\n        .video-actions {\r\n            display: flex;\r\n            gap: var(--space-3);\r\n            align-items: center;\r\n        }\r\n\r\n        .video-download-btn {\r\n            flex: 1;\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n            border: none;\r\n            padding: var(--space-3) var(--space-6);\r\n            border-radius: var(--radius-2xl);\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 15px rgba(254, 218, 117, 0.3);\r\n        }\r\n\r\n        .video-download-btn:hover {\r\n            transform: translateY(-2px) scale(1.02);\r\n            box-shadow: 0 8px 25px rgba(254, 218, 117, 0.4);\r\n        }\r\n\r\n        .download-progress {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            height: 3px;\r\n            background: rgba(255, 255, 255, 0.5);\r\n            transition: width var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .copy-btn {\r\n            background: linear-gradient(135deg, rgba(214, 41, 118, 0.1) 0%, rgba(150, 47, 191, 0.1) 100%);\r\n            color: var(--instagram-pink);\r\n            border: 1px solid rgba(214, 41, 118, 0.2);\r\n            padding: var(--space-3);\r\n            border-radius: var(--radius-xl);\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .copy-btn:hover {\r\n            background: linear-gradient(135deg, rgba(214, 41, 118, 0.2) 0%, rgba(150, 47, 191, 0.2) 100%);\r\n            transform: scale(1.1);\r\n            box-shadow: 0 4px 15px rgba(214, 41, 118, 0.3);\r\n        }\r\n\r\n        .download-all-btn {\r\n            background: var(--gradient-accent);\r\n            color: var(--white);\r\n            border: none;\r\n            padding: var(--space-4) var(--space-8);\r\n            border-radius: var(--radius-3xl);\r\n            font-size: var(--text-lg);\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            margin-bottom: var(--space-8);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        .download-all-btn:hover {\r\n            transform: translateY(-3px) scale(1.02);\r\n            box-shadow: var(--shadow-colored-accent);\r\n        }\r\n\r\n        \/* Profile Styles *\/\r\n        .profile-container {\r\n            background: var(--white);\r\n            border-radius: var(--radius-4xl);\r\n            box-shadow: var(--shadow-2xl);\r\n            overflow: hidden;\r\n            margin-bottom: var(--space-8);\r\n            border: 1px solid var(--gray-200);\r\n            animation: slideUp var(--duration-1000) var(--ease-elastic) 0.4s both;\r\n        }\r\n\r\n        .cover-section {\r\n            position: relative;\r\n            height: 400px;\r\n            background: var(--gradient-primary);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cover-photo {\r\n            width: 100%;\r\n            height: 100%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            transition: transform var(--duration-700) var(--ease-out);\r\n        }\r\n\r\n        .cover-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to bottom,\r\n                    transparent 0%,\r\n                    rgba(0, 0, 0, 0.1) 40%,\r\n                    rgba(0, 0, 0, 0.8) 100%);\r\n        }\r\n\r\n        .cover-gradient {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg,\r\n                    rgba(254, 218, 117, 0.1) 0%,\r\n                    rgba(214, 41, 118, 0.1) 100%);\r\n        }\r\n\r\n        .profile-info-section {\r\n            padding: var(--space-12);\r\n        }\r\n\r\n        .profile-header {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: var(--space-8);\r\n            margin-bottom: var(--space-8);\r\n            position: relative;\r\n            margin-top: -80px;\r\n        }\r\n\r\n        .profile-picture-container {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .profile-picture {\r\n            width: 160px;\r\n            height: 160px;\r\n            border-radius: var(--radius-full);\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-color: var(--gray-200);\r\n            border: 6px solid var(--white);\r\n            box-shadow: var(--shadow-xl);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .profile-ring {\r\n            position: absolute;\r\n            inset: -8px;\r\n            border-radius: var(--radius-full);\r\n            background: var(--gradient-primary);\r\n            z-index: 1;\r\n            animation: pulse 3s ease-in-out infinite;\r\n        }\r\n\r\n        .profile-status-indicator {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            width: 24px;\r\n            height: 24px;\r\n            background: var(--success-500);\r\n            border-radius: var(--radius-full);\r\n            border: 3px solid var(--white);\r\n            z-index: 3;\r\n        }\r\n\r\n        .profile-details {\r\n            flex: 1;\r\n            margin-top: 80px;\r\n        }\r\n\r\n        .profile-name {\r\n            font-size: var(--text-4xl);\r\n            font-weight: 800;\r\n            color: var(--gray-900);\r\n            margin-bottom: var(--space-4);\r\n            line-height: 1.1;\r\n            text-align: start;\r\n        }\r\n\r\n        .verified-badge::after {\r\n            content: '\u2713';\r\n            display: inline-block;\r\n            margin-left: var(--space-2);\r\n            color: var(--primary-500);\r\n            font-weight: 900;\r\n            font-size: var(--text-lg);\r\n        }\r\n\r\n        .profile-stats {\r\n            display: flex;\r\n            gap: var(--space-6);\r\n            margin-bottom: var(--space-6);\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .stat-badge {\r\n            background: var(--gray-100);\r\n            color: var(--gray-700);\r\n            padding: var(--space-2) var(--space-4);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-sm);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .profile-actions {\r\n            display: flex;\r\n            gap: var(--space-4);\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .action-btn {\r\n            padding: var(--space-3) var(--space-6);\r\n            border-radius: var(--radius-2xl);\r\n            font-weight: 700;\r\n            font-size: var(--text-base);\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-2);\r\n            border: none;\r\n            font-family: inherit;\r\n        }\r\n\r\n        .action-btn.primary {\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n            box-shadow: var(--shadow-md);\r\n        }\r\n\r\n        .action-btn.secondary {\r\n            background: var(--gray-100);\r\n            color: var(--gray-700);\r\n            border: 1px solid var(--gray-300);\r\n        }\r\n\r\n        .action-btn:hover {\r\n            transform: translateY(-2px) scale(1.02);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        .profile-navigation {\r\n            border-top: 1px solid var(--gray-200);\r\n            padding-top: var(--space-6);\r\n        }\r\n\r\n        .profile-nav-tabs {\r\n            display: flex;\r\n            gap: var(--space-2);\r\n            background: linear-gradient(135deg, rgba(254, 218, 117, 0.1) 0%, rgba(250, 126, 30, 0.1) 100%);\r\n            padding: var(--space-2);\r\n            border-radius: var(--radius-2xl);\r\n            border: 1px solid rgba(254, 218, 117, 0.2);\r\n        }\r\n\r\n        .nav-tab {\r\n            flex: 1;\r\n            padding: var(--space-4) var(--space-6);\r\n            background: none;\r\n            border: none;\r\n            border-radius: var(--radius-xl);\r\n            font-weight: 600;\r\n            color: var(--gray-600);\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: var(--space-2);\r\n            position: relative;\r\n            font-family: inherit;\r\n        }\r\n\r\n        .nav-tab:hover {\r\n            background: rgba(254, 218, 117, 0.1);\r\n            color: var(--instagram-orange);\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .nav-tab.active {\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n            box-shadow: var(--shadow-lg);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .nav-indicator {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 3px;\r\n            background: var(--instagram-pink);\r\n            transition: width var(--duration-300) var(--ease-out);\r\n            transform: translateX(-50%);\r\n            border-radius: var(--radius-full);\r\n            box-shadow: 0 0 10px rgba(214, 41, 118, 0.5);\r\n        }\r\n\r\n        .nav-tab.active .nav-indicator {\r\n            width: 60%;\r\n        }\r\n\r\n        .tab-content-container {\r\n            padding: var(--space-8) 0;\r\n        }\r\n\r\n        \/* Photos Grid *\/\r\n        .photos-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n            gap: var(--space-6);\r\n        }\r\n\r\n        .fb-photoitem {\r\n            background: var(--white);\r\n            border-radius: var(--radius-3xl);\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow-md);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            border: 1px solid var(--gray-200);\r\n        }\r\n\r\n        .fb-photoitem:hover {\r\n            transform: translateY(-8px) scale(1.02);\r\n            box-shadow: var(--shadow-xl);\r\n        }\r\n\r\n        .fb-photoimage-container {\r\n            position: relative;\r\n            aspect-ratio: 1;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fb-photoimage {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform var(--duration-500) var(--ease-out);\r\n            cursor: pointer;\r\n        }\r\n\r\n        .fb-photoitem:hover .fb-photoimage {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .fb-photooverlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg,\r\n                    rgba(254, 218, 117, 0.9) 0%,\r\n                    rgba(214, 41, 118, 0.9) 100%);\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .fb-photoitem:hover .fb-photooverlay {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .fb-photoactions {\r\n            display: flex;\r\n            gap: var(--space-3);\r\n        }\r\n\r\n        .fb-photoaction-btn {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            color: var(--white);\r\n            padding: var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            font-size: var(--text-lg);\r\n        }\r\n\r\n        .fb-photoaction-btn:hover {\r\n            background: rgba(255, 255, 255, 0.3);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .fb-photoinfo {\r\n            padding: var(--space-4);\r\n        }\r\n\r\n        .fb-photostats {\r\n            margin-bottom: var(--space-3);\r\n        }\r\n\r\n        .fb-photoengagement {\r\n            display: flex;\r\n            gap: var(--space-4);\r\n        }\r\n\r\n        .fb-photoengagement-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-1);\r\n            color: var(--gray-600);\r\n            font-size: var(--text-sm);\r\n        }\r\n\r\n        .fb-photometa {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: var(--text-xs);\r\n            color: var(--gray-500);\r\n        }\r\n\r\n        .fb-photodimensions {\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* Photo Modal *\/\r\n        .fb-photomodal {\r\n            position: fixed;\r\n            inset: 0;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            backdrop-filter: blur(20px);\r\n            z-index: 10000;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: all var(--duration-500) var(--ease-out);\r\n        }\r\n\r\n        .fb-photomodal.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .fb-photomodal-content {\r\n            max-width: 90vw;\r\n            max-height: 90vh;\r\n            background: var(--white);\r\n            border-radius: var(--radius-4xl);\r\n            overflow: hidden;\r\n            display: flex;\r\n            box-shadow: var(--shadow-2xl);\r\n            position: relative;\r\n        }\r\n\r\n        .fb-photomodal-close {\r\n            position: absolute;\r\n            top: var(--space-4);\r\n            right: var(--space-4);\r\n            background: rgba(0, 0, 0, 0.5);\r\n            color: var(--white);\r\n            border: none;\r\n            padding: var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            cursor: pointer;\r\n            z-index: 10001;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .fb-photomodal-close:hover {\r\n            background: rgba(0, 0, 0, 0.7);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .fb-photomodal-image {\r\n            max-width: 70vw;\r\n            max-height: 90vh;\r\n            object-fit: contain;\r\n        }\r\n\r\n        .fb-photomodal-info {\r\n            width: 400px;\r\n            padding: var(--space-8);\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: var(--space-6);\r\n        }\r\n\r\n        .fb-photomodal-title {\r\n            font-size: var(--text-2xl);\r\n            font-weight: 800;\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .fb-photomodal-stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: var(--space-4);\r\n        }\r\n\r\n        .fb-photomodal-stat {\r\n            text-align: center;\r\n            padding: var(--space-4);\r\n            background: var(--gray-50);\r\n            border-radius: var(--radius-2xl);\r\n        }\r\n\r\n        .fb-photomodal-stat-value {\r\n            font-size: var(--text-xl);\r\n            font-weight: 800;\r\n            color: var(--gray-900);\r\n            margin-bottom: var(--space-1);\r\n        }\r\n\r\n        .fb-photomodal-stat-label {\r\n            font-size: var(--text-sm);\r\n            color: var(--gray-600);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .fb-photomodal-actions {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: var(--space-3);\r\n        }\r\n\r\n        .fb-photomodal-action {\r\n            padding: var(--space-4) var(--space-6);\r\n            border-radius: var(--radius-2xl);\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: var(--space-3);\r\n            border: none;\r\n            font-family: inherit;\r\n        }\r\n\r\n        .fb-photomodal-action.primary {\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n        }\r\n\r\n        .fb-photomodal-action:not(.primary) {\r\n            background: var(--gray-100);\r\n            color: var(--gray-700);\r\n            border: 1px solid var(--gray-300);\r\n        }\r\n\r\n        .fb-photomodal-action:hover {\r\n            transform: translateY(-2px) scale(1.02);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        \/* Content Headers *\/\r\n        .content-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: var(--space-8);\r\n            padding-bottom: var(--space-4);\r\n            border-bottom: 1px solid var(--gray-200);\r\n        }\r\n\r\n        .content-title {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-3);\r\n        }\r\n\r\n        .content-title h2 {\r\n            font-size: var(--text-2xl);\r\n            font-weight: 800;\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .content-title i {\r\n            color: var(--primary-500);\r\n            font-size: var(--text-xl);\r\n        }\r\n\r\n        .content-stats {\r\n            display: flex;\r\n            gap: var(--space-4);\r\n        }\r\n\r\n        .stat-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-2);\r\n            color: var(--gray-600);\r\n            font-size: var(--text-sm);\r\n        }\r\n\r\n        \/* Posts Container *\/\r\n        .posts-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: var(--space-6);\r\n        }\r\n\r\n        .post-item {\r\n            background: var(--white);\r\n            border-radius: var(--radius-3xl);\r\n            padding: var(--space-6);\r\n            box-shadow: var(--shadow-md);\r\n            border: 1px solid var(--gray-200);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .post-item:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        .post-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-4);\r\n            margin-bottom: var(--space-4);\r\n        }\r\n\r\n        .post-profile-pic {\r\n            width: 48px;\r\n            height: 48px;\r\n            border-radius: var(--radius-full);\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-color: var(--gray-200);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--gray-500);\r\n        }\r\n\r\n        .post-info {\r\n            flex: 1;\r\n        }\r\n\r\n        .post-author {\r\n            font-weight: 700;\r\n            color: var(--gray-900);\r\n            margin-bottom: var(--space-1);\r\n        }\r\n\r\n        .post-date {\r\n            font-size: var(--text-sm);\r\n            color: var(--gray-500);\r\n        }\r\n\r\n        .post-content {\r\n            margin-bottom: var(--space-4);\r\n            line-height: 1.6;\r\n            color: var(--gray-700);\r\n        }\r\n\r\n        .post-image {\r\n            width: 100%;\r\n            border-radius: var(--radius-2xl);\r\n            margin-bottom: var(--space-4);\r\n        }\r\n\r\n        .post-stats {\r\n            display: flex;\r\n            gap: var(--space-6);\r\n            padding-top: var(--space-4);\r\n            border-top: 1px solid var(--gray-200);\r\n        }\r\n\r\n        \/* About Cards *\/\r\n        .about-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: var(--space-6);\r\n        }\r\n\r\n        .about-card {\r\n            background: var(--white);\r\n            border-radius: var(--radius-3xl);\r\n            padding: var(--space-6);\r\n            box-shadow: var(--shadow-md);\r\n            border: 1px solid var(--gray-200);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .about-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        .card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-4);\r\n            margin-bottom: var(--space-6);\r\n        }\r\n\r\n        .card-icon {\r\n            width: 48px;\r\n            height: 48px;\r\n            background: var(--gradient-primary);\r\n            border-radius: var(--radius-2xl);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--white);\r\n            font-size: var(--text-xl);\r\n        }\r\n\r\n        .card-header h3 {\r\n            font-size: var(--text-xl);\r\n            font-weight: 700;\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .card-content {\r\n            color: var(--gray-700);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .about-item {\r\n            display: flex;\r\n            gap: var(--space-4);\r\n            margin-bottom: var(--space-4);\r\n        }\r\n\r\n        .about-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .about-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--gray-100);\r\n            border-radius: var(--radius-xl);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--gray-600);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .about-text h3 {\r\n            font-weight: 600;\r\n            color: var(--gray-900);\r\n            margin-bottom: var(--space-1);\r\n        }\r\n\r\n        .about-text p {\r\n            color: var(--gray-600);\r\n            font-size: var(--text-sm);\r\n        }\r\n\r\n        \/* Premium Empty State *\/\r\n        .empty-state {\r\n            text-align: center;\r\n            padding: var(--space-20) var(--space-8);\r\n            color: var(--gray-600);\r\n        }\r\n\r\n        .empty-icon {\r\n            width: 120px;\r\n            height: 120px;\r\n            background: linear-gradient(135deg, var(--gray-100) 0%, var(--gray-200) 100%);\r\n            border-radius: var(--radius-full);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto var(--space-8);\r\n            font-size: var(--text-4xl);\r\n            box-shadow: var(--shadow-lg);\r\n            animation: bounce 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes bounce {\r\n\r\n            0%,\r\n            20%,\r\n            50%,\r\n            80%,\r\n            100% {\r\n                transform: translateY(0);\r\n            }\r\n\r\n            40% {\r\n                transform: translateY(-15px);\r\n            }\r\n\r\n            60% {\r\n                transform: translateY(-8px);\r\n            }\r\n        }\r\n\r\n        .empty-state h3 {\r\n            font-size: var(--text-2xl);\r\n            font-weight: 700;\r\n            color: var(--gray-900);\r\n            margin-bottom: var(--space-3);\r\n        }\r\n\r\n        .empty-state p {\r\n            font-size: var(--text-lg);\r\n            line-height: 1.7;\r\n            max-width: 500px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .no-data-message {\r\n            text-align: center;\r\n            padding: var(--space-12);\r\n            color: var(--gray-500);\r\n            font-size: var(--text-lg);\r\n            background: var(--gray-50);\r\n            border-radius: var(--radius-2xl);\r\n            border: 2px dashed var(--gray-300);\r\n        }\r\n\r\n        \/* Premium Debug Section *\/\r\n        .debug-container {\r\n            background: var(--gray-950);\r\n            color: var(--gray-100);\r\n            border-radius: var(--radius-4xl);\r\n            padding: var(--space-8);\r\n            box-shadow: var(--shadow-2xl);\r\n            border: 1px solid var(--gray-800);\r\n        }\r\n\r\n        .debug-section {\r\n            margin-bottom: var(--space-8);\r\n        }\r\n\r\n        .debug-title {\r\n            color: var(--primary-400);\r\n            font-size: var(--text-xl);\r\n            font-weight: 700;\r\n            margin-bottom: var(--space-4);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        .debug-content {\r\n            background: var(--gray-900);\r\n            border-radius: var(--radius-2xl);\r\n            padding: var(--space-6);\r\n            font-family: 'JetBrains Mono', 'SF Mono', Monaco, 'Cascadia Code', monospace;\r\n            font-size: var(--text-sm);\r\n            line-height: 1.8;\r\n            border: 1px solid var(--gray-800);\r\n            box-shadow: var(--shadow-inner);\r\n            white-space: pre-line;\r\n        }\r\n\r\n        \/* Video Thumbnail Styles *\/\r\n        .video-thumbnail {\r\n            position: relative;\r\n            height: 350px;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-color: var(--gray-200);\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;\r\n        }\r\n\r\n        .video-play-icon {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 50px;\r\n            height: 50px;\r\n            background: rgba(0, 0, 0, 0.6);\r\n            border-radius: var(--radius-full);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: var(--text-2xl);\r\n            color: var(--white);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            z-index: 2;\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .video-thumbnail:hover .video-play-icon {\r\n            transform: translate(-50%, -50%) scale(1.1);\r\n            background: rgba(0, 0, 0, 0.8);\r\n            border-color: rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        .video-quality-badge {\r\n            position: absolute;\r\n            top: var(--space-3);\r\n            left: var(--space-3);\r\n            background: rgba(0, 0, 0, 0.7);\r\n            color: var(--white);\r\n            padding: var(--space-1) var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            z-index: 2;\r\n        }\r\n\r\n        .reel-badge {\r\n            position: absolute;\r\n            top: var(--space-3);\r\n            left: var(--space-3);\r\n            background: var(--gradient-secondary);\r\n            color: var(--white);\r\n            padding: var(--space-1) var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            z-index: 2;\r\n        }\r\n\r\n        .video-duration {\r\n            position: absolute;\r\n            bottom: var(--space-3);\r\n            right: var(--space-3);\r\n            background: rgba(0, 0, 0, 0.7);\r\n            color: var(--white);\r\n            padding: var(--space-1) var(--space-3);\r\n            border-radius: var(--radius-lg);\r\n            font-size: var(--text-xs);\r\n            font-weight: 600;\r\n            z-index: 2;\r\n        }\r\n\r\n        .video-stats {\r\n            display: flex;\r\n            gap: var(--space-4);\r\n            margin-bottom: var(--space-4);\r\n            font-size: var(--text-sm);\r\n      text-align:left;\r\n        }\r\n\r\n        .video-stats .stat-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-1);\r\n            color: var(--gray-600);\r\n        }\r\n\r\n        .video-stats .stat-item i {\r\n            color: var(--primary-500);\r\n        }\r\n\r\n        \/* Download Progress Modal *\/\r\n        .download-progress-modal {\r\n            position: fixed;\r\n            top: 20px;\r\n            right: 20px;\r\n            background: var(--white);\r\n            border-radius: var(--radius-2xl);\r\n            padding: var(--space-4);\r\n            box-shadow: var(--shadow-xl);\r\n            border: 1px solid var(--gray-200);\r\n            z-index: 10001;\r\n            min-width: 200px;\r\n            max-width: 280px;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transform: translateX(100%);\r\n            transition: all var(--duration-500) var(--ease-out);\r\n        }\r\n\r\n        .download-progress-modal.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        .download-progress-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-2);\r\n            margin-bottom: var(--space-3);\r\n        }\r\n\r\n        .download-progress-header i {\r\n            color: var(--primary-500);\r\n            font-size: var(--text-base);\r\n        }\r\n\r\n        .download-progress-title {\r\n            font-weight: 600;\r\n            color: var(--gray-900);\r\n            font-size: var(--text-sm);\r\n        }\r\n\r\n        .download-progress-bar {\r\n            width: 100%;\r\n            height: 6px;\r\n            background: var(--gray-200);\r\n            border-radius: var(--radius-full);\r\n            overflow: hidden;\r\n            margin-bottom: var(--space-2);\r\n        }\r\n\r\n        .download-progress-fill {\r\n            height: 100%;\r\n            background: var(--gradient-primary);\r\n            border-radius: var(--radius-full);\r\n            transition: width var(--duration-300) var(--ease-out);\r\n            width: 0%;\r\n        }\r\n\r\n        .download-progress-text {\r\n            font-size: var(--text-xs);\r\n            color: var(--gray-600);\r\n            text-align: center;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .download-cancel-btn {\r\n            margin-top: var(--space-3);\r\n            background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(220, 38, 38, 0.1) 100%);\r\n            color: #dc2626;\r\n            border: 1px solid rgba(220, 38, 38, 0.3);\r\n            padding: var(--space-2) var(--space-4);\r\n            border-radius: var(--radius-xl);\r\n            cursor: pointer;\r\n            width: 100%;\r\n            font-weight: 600;\r\n            font-size: var(--text-xs);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .download-cancel-btn:hover {\r\n            background: linear-gradient(135deg, rgba(239, 68, 68, 0.2) 0%, rgba(220, 38, 38, 0.2) 100%);\r\n            transform: translateY(-1px);\r\n            box-shadow: 0 4px 12px rgba(220, 38, 38, 0.2);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            \/* .container {\r\n              padding: var(--space-6);\r\n          }  *\/\r\n\r\n            .search-section {\r\n                padding: var(--space-8);\r\n            }\r\n\r\n            .group-details {\r\n                padding: var(--space-8);\r\n            }\r\n\r\n            .profile-info-section {\r\n                padding: var(--space-8);\r\n            }\r\n\r\n            .fb-photomodal-content {\r\n                flex-direction: column;\r\n                max-width: 95vw;\r\n            }\r\n\r\n            .fb-photomodal-image {\r\n                max-width: 95vw;\r\n                max-height: 60vh;\r\n            }\r\n\r\n            .fb-photomodal-info {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            \/* .container {\r\n              padding: var(--space-4);\r\n          } *\/\r\n\r\n            .search-form {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .tab-list {\r\n                flex-wrap: wrap;\r\n            }\r\n\r\n            .media-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .video-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .stats-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .summary-stats {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .download-actions {\r\n                flex-direction: row;\r\n                justify-content: center;\r\n            }\r\n\r\n            .download-btn {\r\n                min-width: 140px;\r\n                padding: var(--space-3) var(--space-6);\r\n            }\r\n\r\n            .header h1 {\r\n                font-size: var(--text-4xl);\r\n            }\r\n\r\n            .group-cover {\r\n                height: 250px;\r\n            }\r\n\r\n            .cover-section {\r\n                height: 250px;\r\n            }\r\n\r\n            .profile-header {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                text-align: center;\r\n                margin-top: -60px;\r\n            }\r\n\r\n            .profile-details {\r\n                margin-top: var(--space-4);\r\n            }\r\n\r\n            .profile-nav-tabs {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .nav-tab {\r\n                justify-content: flex-start;\r\n            }\r\n\r\n            .about-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .photos-grid {\r\n                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .stats-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .summary-stats {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .download-actions {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .search-section {\r\n                padding: var(--space-6);\r\n            }\r\n\r\n            .group-details {\r\n                padding: var(--space-6);\r\n            }\r\n\r\n            .profile-info-section {\r\n                padding: var(--space-6);\r\n            }\r\n\r\n            .profile-picture {\r\n                width: 120px;\r\n                height: 120px;\r\n            }\r\n\r\n            .profile-name {\r\n                font-size: var(--text-2xl);\r\n            }\r\n\r\n            .photos-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        \/* Add these styles to support the new video functionality *\/\r\n        .video-card {\r\n            background: var(--white);\r\n            border-radius: var(--radius-4xl);\r\n            box-shadow: var(--shadow-xl);\r\n            border: 1px solid var(--gray-200);\r\n            overflow: hidden;\r\n            transition: all var(--duration-500) var(--ease-elastic);\r\n            animation: slideUp var(--duration-700) var(--ease-elastic);\r\n            animation-delay: calc(var(--index) * 0.1s);\r\n            animation-fill-mode: both;\r\n            position: relative;\r\n        }\r\n\r\n        .video-card:hover {\r\n            transform: translateY(-12px) scale(1.02);\r\n            box-shadow: var(--shadow-2xl);\r\n            border-color: var(--primary-300);\r\n        }\r\n\r\n        .video-card video {\r\n            width: 100%;\r\n            height: 350px;\r\n            object-fit: cover;\r\n            border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;\r\n        }\r\n\r\n        .video-badges {\r\n            margin-bottom: var(--space-4);\r\n            display: flex;\r\n            gap: var(--space-2);\r\n        }\r\n\r\n        .quality-badge {\r\n            background: var(--gradient-success);\r\n            color: var(--white);\r\n            padding: var(--space-2) var(--space-4);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        .format-badge {\r\n            background: var(--gradient-accent);\r\n            color: var(--white);\r\n            padding: var(--space-2) var(--space-4);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        .download-progress {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            height: 3px;\r\n            background-color: var(--primary-400);\r\n            transition: width var(--duration-300) var(--ease-out);\r\n            border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);\r\n        }\r\n\r\n        \/* Custom Scrollbar *\/\r\n        ::-webkit-scrollbar {\r\n            width: 12px;\r\n        }\r\n\r\n        ::-webkit-scrollbar-track {\r\n            background: var(--gray-100);\r\n            border-radius: var(--radius-full);\r\n        }\r\n\r\n        ::-webkit-scrollbar-thumb {\r\n            background: var(--gradient-primary);\r\n            border-radius: var(--radius-full);\r\n            border: 2px solid var(--gray-100);\r\n        }\r\n\r\n        ::-webkit-scrollbar-thumb:hover {\r\n            background: var(--gradient-secondary);\r\n        }\r\n\r\n        \/* Selection *\/\r\n        ::selection {\r\n            background: var(--primary-200);\r\n            color: var(--primary-900);\r\n        }\r\n\r\n        \/* Focus Visible *\/\r\n        :focus-visible {\r\n            outline: 2px solid var(--primary-500);\r\n            outline-offset: 2px;\r\n        }\r\n\r\n        \/* Video Grid Responsive Breakpoints *\/\r\n        @media (max-width: 1024px) {\r\n            .video-grid[style*=\"grid-template-columns: repeat(3, 1fr)\"] {\r\n                grid-template-columns: repeat(2, 1fr) !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .video-grid[style*=\"grid-template-columns: repeat(3, 1fr)\"] {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        \/* Ensure play icon is visible on all video types *\/\r\n        .video-thumbnail {\r\n            position: relative;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            height: 350px;\r\n            border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .video-thumbnail:hover {\r\n            transform: scale(1.02);\r\n            transition: transform var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        \/* Video Overlay and Action Styles *\/\r\n        .video-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            \/* background: linear-gradient(135deg,\r\n                  rgba(254, 218, 117, 0.95) 0%,\r\n                  rgba(250, 126, 30, 0.95) 50%,\r\n                  rgba(214, 41, 118, 0.95) 100%); *\/\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            display: flex;\r\n            align-items: flex-start;\r\n            justify-content: flex-end;\r\n            padding: var(--space-4);\r\n            z-index: 10;\r\n        }\r\n\r\n        .video-thumbnail:hover .video-overlay {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .video-actions {\r\n            display: flex;\r\n            gap: var(--space-3);\r\n            align-items: center;\r\n        }\r\n\r\n        .video-action-btn {\r\n            background: rgba(255, 255, 255, 0.25);\r\n            backdrop-filter: blur(15px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            color: var(--white);\r\n            padding: var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            font-size: var(--text-lg);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            min-width: 44px;\r\n            min-height: 44px;\r\n        }\r\n\r\n        .video-action-btn:hover {\r\n            background: rgba(255, 255, 255, 0.35);\r\n            border-color: rgba(255, 255, 255, 0.5);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .video-number {\r\n            font-size: var(--text-sm);\r\n            color: var(--white);\r\n            margin-top: var(--space-2);\r\n        }\r\n\r\n        .analyze-btn {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .content-title i {\r\n            margin-bottom: 25px;\r\n        }\r\n    <\/style>\r\n<!-- Work Process Section -->\r\n<section class=\"work-process-section\" id=\"how-it-works\">\r\n    <div class=\"container work-process-content\">\r\n        <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n            <h2 class=\"section-title light-title\">How Our Facebook Collection Viewer Works<\/h2>\r\n            <p class=\"section-subtitle light-subtitle\">View any public Facebook collection anonymously in just 3 simple steps<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">1<\/div>\r\n                    <h4 class=\"text-white\">Enter Profile URL<\/h4>\r\n                    <p class=\"light-subtitle\">Copy and paste the Facebook profile link containing the collection you want to view<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">2<\/div>\r\n                    <h4 class=\"text-white\">Process Request<\/h4>\r\n                    <p class=\"light-subtitle\">Our system fetches the collection content without revealing your identity<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">3<\/div>\r\n                    <h4 class=\"text-white\">View Collection<\/h4>\r\n                    <p class=\"light-subtitle\">See all public items in the collection anonymously without being detected<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Features Section -->\r\n<section class=\"features-section\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n            <h2 class=\"section-title\">Key Features<\/h2>\r\n            <p class=\"section-subtitle\">Our Facebook Collection Viewer offers powerful features for anonymous browsing<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"bx bx-user-check\"><\/i>\r\n                    <\/div>\r\n                    <h4>Complete Anonymity<\/h4>\r\n                    <p>View collections without revealing your identity or leaving any footprint<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"bx bx-shield\"><\/i>\r\n                    <\/div>\r\n                    <h4>No Login Required<\/h4>\r\n                    <p>Access public collections without needing a Facebook account or credentials<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"bx bx-photo-album\"><\/i>\r\n                    <\/div>\r\n                    <h4>Full Collection Access<\/h4>\r\n                    <p>See all public items such as photos, videos, and posts in a collection<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"bx bx-devices\"><\/i>\r\n                    <\/div>\r\n                    <h4>Cross-Platform<\/h4>\r\n                    <p>Works seamlessly on desktop, tablet, and mobile devices<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"bx bx-lock-alt\"><\/i>\r\n                    <\/div>\r\n                    <h4>Secure Browsing<\/h4>\r\n                    <p>All requests are encrypted to protect your privacy while viewing collections<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"bx bx-time-five\"><\/i>\r\n                    <\/div>\r\n                    <h4>Instant Access<\/h4>\r\n                    <p>Get collection content immediately without any waiting<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Why Choose Section -->\r\n<section class=\"why-choose-section\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-lg-6 mb-5 mb-lg-0\" data-aos=\"fade-right\">\r\n                <div class=\"why-choose-image floating-element\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Facebook_Collection_Viewer.webp\" alt=\"Facebook Collection Viewer\" class=\"img-fluid rounded-3\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-6\" data-aos=\"fade-left\">\r\n                <h2 class=\"section-title mb-4\">Why Choose Our Facebook Collection Viewer?<\/h2>\r\n                <p class=\"mb-4\">Our tool allows you to browse public Facebook collections securely and anonymously. Analyze posts, albums, and media collections without leaving any trace or alerting the account owner.<\/p>\r\n\r\n                <div class=\"benefit-item\">\r\n                    <div class=\"benefit-icon\">\r\n                        <i class=\"bx bx-check\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h5 class=\"mb-1\">Completely undetectable<\/h5>\r\n                        <p class=\"mb-0\">No traces are left when viewing collections<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-item\">\r\n                    <div class=\"benefit-icon\">\r\n                        <i class=\"bx bx-check\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h5 class=\"mb-1\">No personal information<\/h5>\r\n                        <p class=\"mb-0\">We don't ask for or store your data<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-item\">\r\n                    <div class=\"benefit-icon\">\r\n                        <i class=\"bx bx-check\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h5 class=\"mb-1\">Full public access<\/h5>\r\n                        <p class=\"mb-0\">View all items in public collections<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-item\">\r\n                    <div class=\"benefit-icon\">\r\n                        <i class=\"bx bx-check\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h5 class=\"mb-1\">Reliable service<\/h5>\r\n                        <p class=\"mb-0\">Fast and accurate results every time<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ Section -->\r\n<section class=\"faq-section\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n            <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n            <p class=\"section-subtitle\">Find answers to common questions about our Facebook Collection Viewer<\/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=\"accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                        <h3 class=\"accordion-header\" id=\"heading1\">\r\n                            <button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse1\" aria-expanded=\"true\" aria-controls=\"collapse1\">\r\n                                Is it legal to use this Facebook Collection Viewer?\r\n                            <\/button>\r\n                        <\/h3>\r\n                        <div id=\"collapse1\" class=\"accordion-collapse collapse show\" aria-labelledby=\"heading1\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                Yes, our tool is completely legal. It only allows viewing publicly available Facebook collections without accessing private data.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                        <h3 class=\"accordion-header\" id=\"heading2\">\r\n                            <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse2\" aria-expanded=\"false\" aria-controls=\"collapse2\">\r\n                                Can I view private Facebook collections?\r\n                            <\/button>\r\n                        <\/h3>\r\n                        <div id=\"collapse2\" class=\"accordion-collapse collapse\" aria-labelledby=\"heading2\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                No, our tool respects privacy settings. Only public collections can be viewed.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                        <h3 class=\"accordion-header\" id=\"heading3\">\r\n                            <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse3\" aria-expanded=\"false\" aria-controls=\"collapse3\">\r\n                                Will Facebook know I viewed the collection?\r\n                            <\/button>\r\n                        <\/h3>\r\n                        <div id=\"collapse3\" class=\"accordion-collapse collapse\" aria-labelledby=\"heading3\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                No, viewing is fully anonymous. The account owner won't know you accessed their collection.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                        <h3 class=\"accordion-header\" id=\"heading4\">\r\n                            <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse4\" aria-expanded=\"false\" aria-controls=\"collapse4\">\r\n                                Do I need to download anything to use this?\r\n                            <\/button>\r\n                        <\/h3>\r\n                        <div id=\"collapse4\" class=\"accordion-collapse collapse\" aria-labelledby=\"heading4\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                No downloads or installations are required. Simply enter the profile URL and browse collections online.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                        <h3 class=\"accordion-header\" id=\"heading5\">\r\n                            <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse5\" aria-expanded=\"false\" aria-controls=\"collapse5\">\r\n                                Is there a limit to how many collections I can view?\r\n                            <\/button>\r\n                        <\/h3>\r\n                        <div id=\"collapse5\" class=\"accordion-collapse collapse\" aria-labelledby=\"heading5\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                There are no limits. You can view as many public Facebook collections as you want anonymously.\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  \r\n    <!-- Footer -->\r\n    \r\n\r\n    <!-- Copyright Section -->\r\n    \r\n\r\n\r\n\r\n    <!-- Fb tools  -->\r\n   <!-- Scripts -->\r\n   <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n   <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n    <script>\r\n        \/\/ Initialize AOS animation\r\n        AOS.init({\r\n            duration: 800,\r\n            easing: 'ease-in-out',\r\n            once: true\r\n        });\r\n\r\n        \/\/ Smooth scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n        });\r\n    <\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p><style>\n\/* New Social Facebook Profile Viewer \u2014 WordPress-scoped styles *\/\n  .nsfpv {\n    \/* Facebook brand blue system \u2014 used everywhere *\/\n    --nsfpv-ink: #ffffff;\n    --nsfpv-muted: #c5daf8;\n    --nsfpv-dim: #8fb4e8;\n    --nsfpv-bg: #0b1f3d;\n    --nsfpv-panel: #123056;\n    --nsfpv-panel-soft: #1a3f70;\n    --nsfpv-hover: #24528c;\n    --nsfpv-line: rgba(24, 119, 242, 0.45);\n    --nsfpv-accent: #1877f2;\n    --nsfpv-accent-deep: #0d65d9;\n    --nsfpv-cool: #4dabf7;\n    --nsfpv-cool-deep: #1877f2;\n    --nsfpv-success: #42b72a;\n    --nsfpv-danger: #f02849;\n    --nsfpv-radius: 10px;\n    --nsfpv-shadow: 0 8px 24px rgba(8, 40, 90, 0.45);\n    --nsfpv-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    --nsfpv-space: 16px;\n    --nsfpv-avatar: 128px;\n    --nsfpv-pad: 16px;\n    --nsfpv-gap: 12px;\n\n    box-sizing: border-box;\n    font-family: var(--nsfpv-font);\n    color: var(--nsfpv-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(--nsfpv-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  .nsfpv *,\n  .nsfpv *::before,\n  .nsfpv *::after {\n    box-sizing: border-box;\n  }\n\n  .nsfpv :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  .nsfpv :where(ul, ol) {\n    list-style: none;\n  }\n\n  .nsfpv img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n    border: 0;\n    vertical-align: middle;\n  }\n\n  .nsfpv a {\n    color: var(--nsfpv-cool);\n    text-decoration: none;\n  }\n\n  .nsfpv a:hover {\n    text-decoration: underline;\n  }\n\n  .nsfpv-shell {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n    gap: var(--nsfpv-gap);\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    min-width: 0;\n  }\n\n  \/* Hero \/ search *\/\n  .nsfpv-hero {\n    background: transparent;\n    padding: 36px 0 14px;\n    text-align: center;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    border: 0;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  .nsfpv .nsfpv-hero__title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 10px;\n    color: var(--nsfpv-ink);\n  }\n\n  .nsfpv-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  .nsfpv .nsfpv-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  .nsfpv .nsfpv-hero__icon i {\n    display: block;\n    line-height: 1;\n  }\n\n  .nsfpv-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: 700;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    text-align: left;\n  }\n\n  .nsfpv-hero__title-mark {\n    color: var(--nsfpv-cool);\n    font-weight: 700;\n  }\n\n  .nsfpv .nsfpv-hero__lead {\n    max-width: 560px;\n    margin: 0 auto 16px;\n    color: var(--nsfpv-muted);\n    font-size: clamp(0.88rem, 2.4vw, 0.95rem);\n    line-height: 1.55;\n    padding: 0 2px;\n  }\n\n  .nsfpv-search {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 10px;\n    text-align: left;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    box-sizing: border-box;\n    margin-top: 4px;\n    padding: clamp(10px, 2vw, 14px);\n    background: var(--nsfpv-bg);\n    border: 1px solid var(--nsfpv-line);\n    border-radius: 8px;\n  }\n\n  .nsfpv .nsfpv-search__label {\n    display: block;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: var(--nsfpv-muted);\n    line-height: 1.3;\n  }\n\n  .nsfpv-search__row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    align-items: stretch;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv .nsfpv-search__field {\n    flex: 1 1 160px;\n    min-width: 0;\n    height: 46px;\n    min-height: 46px;\n    padding: 0 14px !important;\n    border: 1px solid var(--nsfpv-line) !important;\n    border-radius: 8px;\n    background: #0b1f3d !important;\n    color: #ffffff !important;\n    font-family: var(--nsfpv-font);\n    font-size: 16px !important;\n    font-weight: 500;\n    line-height: 46px;\n    outline: none;\n    box-shadow: none;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .nsfpv .nsfpv-search__field:focus {\n    background: #0b1f3d !important;\n    border-color: #4dabf7 !important;\n    box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.45);\n  }\n\n  .nsfpv .nsfpv-search__field::placeholder {\n    color: var(--nsfpv-dim);\n  }\n\n  .nsfpv .nsfpv-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n    flex: 1 1 calc(50% - 4px);\n    height: 46px;\n    min-height: 46px;\n    min-width: 0;\n    padding: 0 14px !important;\n    border: 0 !important;\n    border-radius: 8px;\n    font-family: var(--nsfpv-font);\n    font-size: 0.92rem !important;\n    font-weight: 600 !important;\n    line-height: 1;\n    cursor: pointer;\n    transition: background 0.15s ease, opacity 0.15s ease;\n    white-space: nowrap;\n    user-select: none;\n    text-decoration: none;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    color: #fff !important;\n  }\n\n  .nsfpv .nsfpv-btn i,\n  .nsfpv .nsfpv-tabs__btn i,\n  .nsfpv .nsfpv-card__action i,\n  .nsfpv .nsfpv-avatar__zoom i,\n  .nsfpv .nsfpv-modal__close i,\n  .nsfpv .nsfpv-demo-chip i,\n  .nsfpv .nsfpv-card__badge i,\n  .nsfpv .nsfpv-card__overlay i,\n  .nsfpv .nsfpv-post__stat i,\n  .nsfpv .nsfpv-meta__name i,\n  .nsfpv i.fa-solid,\n  .nsfpv i.fas {\n    --fa-display: inline-block;\n    display: inline-block !important;\n    line-height: 1 !important;\n    font-size: 0.92em;\n    width: 1.15em;\n    text-align: center;\n    vertical-align: middle;\n    font-style: normal !important;\n    font-variant: normal;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .nsfpv .nsfpv-empty i {\n    display: block !important;\n    font-size: 2rem !important;\n    width: auto;\n    margin: 0 auto 10px;\n    opacity: 0.4;\n    line-height: 1 !important;\n  }\n\n  .nsfpv .nsfpv-btn:hover {\n    filter: brightness(1.08);\n  }\n\n  .nsfpv .nsfpv-btn:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n    filter: none;\n  }\n\n  .nsfpv .nsfpv-btn--paste {\n    background: #24528c !important;\n    color: #ffffff !important;\n    box-shadow: none;\n  }\n\n  .nsfpv .nsfpv-btn--paste:hover {\n    background: #2d65a8 !important;\n  }\n\n  .nsfpv .nsfpv-btn--view {\n    background: var(--nsfpv-accent) !important;\n    box-shadow: none;\n  }\n\n  .nsfpv .nsfpv-search__hint {\n    margin: 0;\n    font-size: 0.8rem;\n    font-style: italic;\n    color: var(--nsfpv-dim);\n    line-height: 1.4;\n  }\n\n  \/* Cloudflare Turnstile \u2014 sit above the input row, never inside it *\/\n  .nsfpv #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  .nsfpv #xrespond-tools-turnstile-host.is-visible {\n    display: block;\n  }\n\n  .nsfpv #xrespond-tools-turnstile-host .xrespond-ts-label {\n    display: block;\n    font-size: 0.85rem;\n    color: var(--nsfpv-muted);\n    margin-bottom: 0.45rem;\n  }\n\n  .nsfpv #xrespond-tools-turnstile-host .xrespond-ts-widget {\n    min-height: 65px;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  .nsfpv #xrespond-tools-turnstile-host .xrespond-ts-error {\n    color: #ff8e8e;\n  }\n\n  .nsfpv-search__row:has(#xrespond-tools-turnstile-host) {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfpv-search__row>#xrespond-tools-turnstile-host {\n    flex: 0 0 100% !important;\n    width: 100% !important;\n    order: -1;\n  }\n\n  .nsfpv .nsfpv-alert {\n    display: none;\n    margin: 0;\n    padding: 10px 12px;\n    border-radius: 8px;\n    background: rgba(240, 40, 73, 0.18);\n    border: 1px solid rgba(240, 40, 73, 0.45);\n    color: #ff8a9b;\n    font-weight: 600;\n    font-size: 0.88rem;\n    text-align: left;\n    line-height: 1.4;\n  }\n\n  .nsfpv .nsfpv-alert.is-visible {\n    display: block;\n  }\n\n  .nsfpv .nsfpv-demo-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    align-self: flex-start;\n    padding: 6px 12px;\n    border-radius: 999px;\n    background: rgba(24, 119, 242, 0.22);\n    border: 1px solid rgba(24, 119, 242, 0.55);\n    color: #9ec9ff;\n    font-size: 0.78rem;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n  }\n\n  \/* Skeleton *\/\n  .nsfpv .nsfpv-skeleton {\n    display: none;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv .nsfpv-skeleton.is-visible {\n    display: block;\n  }\n\n  .nsfpv .nsfpv-content.is-hidden {\n    display: none !important;\n  }\n\n  .nsfpv .nsfpv-content.is-placeholder .nsfpv-bio,\n  .nsfpv .nsfpv-content.is-placeholder .nsfpv-stats {\n    display: none !important;\n  }\n\n  .nsfpv .nsfpv-content.is-placeholder .nsfpv-avatar__zoom {\n    opacity: 0.55;\n    pointer-events: none;\n  }\n\n  @keyframes nsfpv-shimmer {\n    0% {\n      background-position: -400px 0;\n    }\n\n    100% {\n      background-position: 400px 0;\n    }\n  }\n\n  .nsfpv .nsfpv-sk {\n    background: linear-gradient(90deg,\n        rgba(24, 119, 242, 0.15) 0%,\n        rgba(77, 171, 247, 0.35) 45%,\n        rgba(24, 119, 242, 0.15) 100%);\n    background-size: 800px 100%;\n    animation: nsfpv-shimmer 1.35s ease-in-out infinite;\n    border-radius: 8px;\n  }\n\n  .nsfpv-skeleton__panel {\n    background: var(--nsfpv-panel);\n    border: 1px solid var(--nsfpv-line);\n    border-radius: var(--nsfpv-radius);\n    box-shadow: none;\n    padding: 0;\n    overflow: hidden;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv .nsfpv-skeleton__cover {\n    width: 100%;\n    aspect-ratio: 2.7 \/ 1;\n    height: auto;\n    min-height: 120px;\n    max-height: 380px;\n    border-radius: 0;\n  }\n\n  .nsfpv-skeleton__profile {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n    align-items: center;\n    justify-items: center;\n    padding: 0 var(--nsfpv-pad) 14px;\n    text-align: center;\n  }\n\n  .nsfpv .nsfpv-skeleton__avatar {\n    width: var(--nsfpv-avatar);\n    height: var(--nsfpv-avatar);\n    margin-top: calc(var(--nsfpv-avatar) \/ -2);\n    border-radius: 50% !important;\n    border: 3px solid #123056;\n  }\n\n  .nsfpv-skeleton__meta {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-width: 0;\n    align-items: center;\n    width: 100%;\n  }\n\n  .nsfpv-skeleton__line {\n    height: 16px;\n  }\n\n  .nsfpv-skeleton__line--lg {\n    width: min(200px, 70%);\n    height: 22px;\n  }\n\n  .nsfpv-skeleton__line--md {\n    width: min(140px, 50%);\n    height: 14px;\n  }\n\n  .nsfpv-skeleton__stats {\n    display: flex;\n    gap: 10px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .nsfpv-skeleton__stat {\n    width: 72px;\n    height: 28px;\n    border-radius: 999px;\n  }\n\n  .nsfpv-skeleton__tabs {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin: 8px 0 14px;\n    padding: 0 var(--nsfpv-pad);\n    width: 100%;\n  }\n\n  .nsfpv-skeleton__tab {\n    flex: 1 1 calc(50% - 8px);\n    min-width: 0;\n    height: 40px;\n    border-radius: 999px;\n  }\n\n  .nsfpv-skeleton__grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    padding: 0 var(--nsfpv-pad) 18px;\n  }\n\n  .nsfpv-skeleton__card {\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid var(--nsfpv-line);\n    background: var(--nsfpv-panel-soft);\n  }\n\n  .nsfpv-skeleton__thumb {\n    aspect-ratio: 1 \/ 1;\n    border-radius: 0;\n  }\n\n  .nsfpv-skeleton__foot {\n    height: 44px;\n    margin: 10px 12px;\n    border-radius: 8px;\n  }\n\n  \/* In-pane tab skeletons *\/\n  .nsfpv-tab-sk {\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv-tab-sk--photos,\n  .nsfpv-tab-sk--videos {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .nsfpv-tab-sk--reels {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .nsfpv-tab-sk--posts {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .nsfpv-tab-sk__photo,\n  .nsfpv-tab-sk__video,\n  .nsfpv-tab-sk__reel {\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid var(--nsfpv-line);\n    background: var(--nsfpv-panel-soft);\n  }\n\n  .nsfpv-tab-sk__photo-thumb {\n    aspect-ratio: 1 \/ 1;\n  }\n\n  .nsfpv-tab-sk__video-thumb {\n    aspect-ratio: 16 \/ 10;\n  }\n\n  .nsfpv-tab-sk__reel-thumb {\n    aspect-ratio: 9 \/ 14;\n  }\n\n  .nsfpv-tab-sk__photo-foot,\n  .nsfpv-tab-sk__video-foot,\n  .nsfpv-tab-sk__reel-foot {\n    height: 40px;\n    margin: 10px 12px;\n    border-radius: 8px;\n  }\n\n  .nsfpv-tab-sk__post {\n    border-radius: 12px;\n    border: 1px solid var(--nsfpv-line);\n    background: var(--nsfpv-panel-soft);\n    padding: 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .nsfpv-tab-sk__post-head {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n  }\n\n  .nsfpv-tab-sk__post-avatar {\n    width: 40px;\n    height: 40px;\n    border-radius: 50% !important;\n    flex-shrink: 0;\n  }\n\n  .nsfpv-tab-sk__post-lines {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .nsfpv-tab-sk__post-line {\n    height: 12px;\n    border-radius: 6px;\n  }\n\n  .nsfpv-tab-sk__post-line--short {\n    width: 40%;\n  }\n\n  .nsfpv-tab-sk__post-body {\n    height: 64px;\n    border-radius: 8px;\n  }\n\n  \/* Results panel *\/\n  .nsfpv-result {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv-panel {\n    background: var(--nsfpv-panel);\n    border: 1px solid var(--nsfpv-line);\n    border-radius: var(--nsfpv-radius);\n    box-shadow: none;\n    overflow: hidden;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv-cover {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 2.7 \/ 1;\n    height: auto;\n    min-height: 150px;\n    max-height: 380px;\n    overflow: hidden;\n    background: #1a3f70;\n    border-radius: 0;\n  }\n\n  .nsfpv .nsfpv-cover__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 18%;\n  }\n\n  .nsfpv-cover__fade {\n    display: none;\n  }\n\n  .nsfpv-profile {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    align-items: start;\n    justify-items: center;\n    padding: 0 16px 12px;\n    margin-top: 0;\n    text-align: center;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    z-index: 2;\n  }\n\n  .nsfpv-avatar {\n    position: relative;\n    width: var(--nsfpv-avatar);\n    height: var(--nsfpv-avatar);\n    margin-top: calc(var(--nsfpv-avatar) \/ -2);\n    flex-shrink: 0;\n  }\n\n  .nsfpv-avatar__ring {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    padding: 0;\n    background: #123056;\n    border: 4px solid #1877f2;\n    box-shadow: 0 0 0 1px var(--nsfpv-line);\n    overflow: hidden;\n  }\n\n  .nsfpv .nsfpv-avatar__img {\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    border-radius: 50%;\n    object-fit: cover;\n    object-position: center;\n    border: 0;\n    background: #1a3f70;\n  }\n\n  .nsfpv .nsfpv-avatar__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: #1877f2 !important;\n    color: #fff !important;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 0 0 2px #123056;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    z-index: 1;\n  }\n\n  .nsfpv .nsfpv-avatar__zoom:hover {\n    background: #0d65d9 !important;\n  }\n\n  .nsfpv-meta {\n    min-width: 0;\n    width: 100%;\n  }\n\n  .nsfpv .nsfpv-meta__name {\n    font-size: clamp(1.35rem, 3.2vw, 1.85rem);\n    font-weight: 700;\n    letter-spacing: -0.01em;\n    color: var(--nsfpv-ink);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    flex-wrap: wrap;\n    line-height: 1.25;\n  }\n\n  .nsfpv .nsfpv-meta__name i {\n    color: var(--nsfpv-cool);\n    font-size: 0.78em;\n  }\n\n  .nsfpv .nsfpv-meta__handle {\n    margin-top: 2px;\n    color: var(--nsfpv-dim);\n    font-size: 0.95rem;\n    font-weight: 500;\n  }\n\n  .nsfpv-stats {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 6px 14px;\n    margin-top: 10px;\n  }\n\n  .nsfpv .nsfpv-stats__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 0;\n    min-height: 0;\n    border-radius: 0;\n    background: transparent;\n    border: 0;\n    color: var(--nsfpv-muted);\n    font-size: 0.88rem;\n    font-weight: 600;\n  }\n\n  .nsfpv .nsfpv-stats__badge i {\n    color: var(--nsfpv-dim);\n    font-size: 0.85em;\n  }\n\n  .nsfpv .nsfpv-bio {\n    margin-top: 2px;\n    color: var(--nsfpv-ink);\n    font-size: 0.95rem;\n    line-height: 1.5;\n    max-width: 640px;\n    margin-left: auto;\n    margin-right: auto;\n    font-weight: 400;\n  }\n\n  \/* Tabs \u2014 Facebook underline style *\/\n  .nsfpv-tabs {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0;\n    justify-content: flex-start;\n    padding: 0 8px;\n    width: 100%;\n    min-width: 0;\n    border-top: 1px solid var(--nsfpv-line);\n    margin-top: 4px;\n  }\n\n  .nsfpv .nsfpv-tabs__btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    flex: 1 1 auto;\n    min-width: 0;\n    min-height: 48px;\n    height: auto;\n    padding: 12px 10px !important;\n    border: 0 !important;\n    border-bottom: 3px solid transparent !important;\n    border-radius: 0;\n    background: transparent !important;\n    color: var(--nsfpv-muted) !important;\n    font-family: var(--nsfpv-font);\n    font-size: 0.92rem !important;\n    font-weight: 600 !important;\n    cursor: pointer;\n    transition: color 0.15s ease, background 0.15s ease;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    white-space: nowrap;\n  }\n\n  .nsfpv .nsfpv-tabs__btn:hover {\n    background: var(--nsfpv-panel-soft) !important;\n    transform: none;\n    color: var(--nsfpv-ink) !important;\n  }\n\n  .nsfpv .nsfpv-tabs__btn.is-active {\n    background: rgba(24, 119, 242, 0.18) !important;\n    border-bottom-color: #1877f2 !important;\n    color: #9ec9ff !important;\n  }\n\n  .nsfpv-pane {\n    display: none;\n    padding: 0 var(--nsfpv-pad) 18px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv-pane.is-active {\n    display: block;\n  }\n\n  .nsfpv-pane__head {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin-bottom: 14px;\n  }\n\n  .nsfpv .nsfpv-pane__title {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 1rem;\n    font-weight: 800;\n    color: var(--nsfpv-ink);\n  }\n\n  .nsfpv .nsfpv-pane__title i {\n    color: var(--nsfpv-accent);\n  }\n\n  .nsfpv .nsfpv-pane__count {\n    font-size: 0.8rem;\n    font-weight: 700;\n    color: var(--nsfpv-dim);\n  }\n\n  .nsfpv-empty {\n    text-align: center;\n    padding: 36px 16px;\n    color: var(--nsfpv-dim);\n    font-size: 0.92rem;\n  }\n\n  \/* Photo \/ video \/ reel grids *\/\n  .nsfpv-grid {\n    display: grid;\n    align-items: start;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv-grid--reels {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .nsfpv-card {\n    border-radius: 12px;\n    overflow: hidden;\n    border: 1px solid var(--nsfpv-line);\n    background: var(--nsfpv-panel-soft);\n    min-width: 0;\n    transition: transform 0.2s ease;\n  }\n\n  .nsfpv-card:hover {\n    transform: translateY(-2px);\n  }\n\n  .nsfpv-card__media {\n    position: relative;\n    overflow: hidden;\n    background: #1a3f70;\n    cursor: pointer;\n  }\n\n  .nsfpv-card__media--photo {\n    aspect-ratio: 1 \/ 1;\n  }\n\n  .nsfpv-card__media--video {\n    aspect-ratio: 16 \/ 10;\n  }\n\n  .nsfpv-card__media--reel {\n    aspect-ratio: 9 \/ 14;\n  }\n\n  .nsfpv .nsfpv-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  .nsfpv-card__badge {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 28px;\n    height: 28px;\n    padding: 0 8px;\n    border-radius: 999px;\n    background: rgba(0, 0, 0, 0.65);\n    color: #fff;\n    font-size: 0.72rem;\n    font-weight: 800;\n    letter-spacing: 0.04em;\n    z-index: 2;\n  }\n\n  .nsfpv-card__play {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  .nsfpv-card__play span {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.55);\n    border: 2px solid rgba(255, 255, 255, 0.55);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n    font-size: 1rem;\n  }\n\n  .nsfpv-card__duration {\n    position: absolute;\n    left: 10px;\n    bottom: 10px;\n    z-index: 2;\n    padding: 4px 8px;\n    border-radius: 6px;\n    background: rgba(0, 0, 0, 0.7);\n    color: #fff;\n    font-size: 0.72rem;\n    font-weight: 700;\n  }\n\n  .nsfpv-card__overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 8px;\n    padding: 12px;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.65), transparent 55%);\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    color: #fff;\n    font-size: 0.82rem;\n    font-weight: 700;\n    z-index: 2;\n  }\n\n  .nsfpv-card:hover .nsfpv-card__overlay,\n  .nsfpv-card:focus-within .nsfpv-card__overlay {\n    opacity: 1;\n  }\n\n  .nsfpv-card__overlay span {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n  }\n\n  .nsfpv-card__foot {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    padding: 10px 12px;\n    min-width: 0;\n    flex-wrap: wrap;\n  }\n\n  .nsfpv-card__title {\n    flex: 1;\n    min-width: 0;\n    font-size: 0.82rem;\n    font-weight: 700;\n    color: var(--nsfpv-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .nsfpv .nsfpv-card__action {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    flex-shrink: 0;\n    min-height: 36px;\n    padding: 6px 10px !important;\n    border: 0 !important;\n    border-radius: 8px;\n    background: rgba(24, 119, 242, 0.28) !important;\n    color: #9ec9ff !important;\n    font-family: var(--nsfpv-font);\n    font-size: 0.78rem !important;\n    font-weight: 700 !important;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n  }\n\n  .nsfpv .nsfpv-card__action--cool {\n    background: rgba(66, 183, 42, 0.2) !important;\n    color: #7dde68 !important;\n  }\n\n  \/* Posts feed *\/\n  .nsfpv-posts {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .nsfpv-post {\n    border-radius: 12px;\n    border: 1px solid var(--nsfpv-line);\n    background: var(--nsfpv-panel-soft);\n    padding: 14px;\n    min-width: 0;\n  }\n\n  .nsfpv-post__head {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 10px;\n    min-width: 0;\n  }\n\n  .nsfpv-post__avatar {\n    width: 42px;\n    height: 42px;\n    border-radius: 50%;\n    object-fit: cover;\n    flex-shrink: 0;\n    border: 2px solid rgba(24, 119, 242, 0.45);\n  }\n\n  .nsfpv-post__author {\n    font-size: 0.92rem;\n    font-weight: 800;\n    color: var(--nsfpv-ink);\n    line-height: 1.25;\n  }\n\n  .nsfpv-post__date {\n    font-size: 0.78rem;\n    color: var(--nsfpv-dim);\n    font-weight: 600;\n  }\n\n  .nsfpv-post__text {\n    color: var(--nsfpv-muted);\n    font-size: 0.9rem;\n    line-height: 1.55;\n    margin-bottom: 10px;\n    word-wrap: break-word;\n    overflow-wrap: anywhere;\n  }\n\n  .nsfpv-post__image {\n    width: 100%;\n    max-height: 360px;\n    object-fit: cover;\n    border-radius: 10px;\n    margin-bottom: 10px;\n    cursor: pointer;\n  }\n\n  .nsfpv-post__stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .nsfpv .nsfpv-post__stat {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.8rem;\n    font-weight: 700;\n    color: var(--nsfpv-dim);\n  }\n\n  .nsfpv .nsfpv-post__stat i {\n    color: var(--nsfpv-accent);\n  }\n\n  \/* Modal *\/\n  .nsfpv-modal {\n    display: none;\n    position: fixed;\n    inset: 0;\n    z-index: 99999;\n    background: rgba(0, 0, 0, 0.65);\n    padding: 16px;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .nsfpv-modal.is-open {\n    display: flex;\n  }\n\n  .nsfpv-modal__dialog {\n    position: relative;\n    width: min(920px, 100%);\n    max-height: min(90vh, 900px);\n    background: var(--nsfpv-panel);\n    border: 1px solid var(--nsfpv-line);\n    border-radius: 16px;\n    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);\n    overflow: hidden;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-width: 0;\n  }\n\n  .nsfpv .nsfpv-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  .nsfpv-modal__stage {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n    background: var(--nsfpv-panel-soft);\n    border-radius: 10px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 180px;\n  }\n\n  .nsfpv .nsfpv-modal__media {\n    width: 100%;\n    max-height: calc(90vh - 120px);\n    object-fit: contain;\n    border-radius: 10px;\n    margin: 0 auto;\n    background: #0b1220;\n    display: block;\n  }\n\n  .nsfpv .nsfpv-modal__media.is-hidden {\n    display: none !important;\n  }\n\n  .nsfpv .nsfpv-modal__media--video {\n    width: 100%;\n    max-height: calc(90vh - 120px);\n    background: #000;\n  }\n\n  .nsfpv-modal__bar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    min-width: 0;\n  }\n\n  .nsfpv-modal__meta {\n    flex: 1 1 160px;\n    margin: 0;\n    padding: 0;\n    color: var(--nsfpv-muted);\n    font-size: 0.88rem;\n    font-weight: 600;\n    text-align: left;\n    min-width: 0;\n  }\n\n  .nsfpv-modal__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .nsfpv .nsfpv-modal__action {\n    display: inline-flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    min-height: 44px;\n    padding: 10px 14px !important;\n    border-radius: 999px !important;\n    border: 0 !important;\n    font: inherit;\n    font-weight: 700 !important;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    touch-action: manipulation;\n    color: #fff !important;\n  }\n\n  .nsfpv .nsfpv-modal__action--download {\n    background: linear-gradient(135deg, #1877f2, #42b72a) !important;\n  }\n\n  .nsfpv .nsfpv-modal__action:disabled,\n  .nsfpv .nsfpv-modal__action.is-hidden {\n    display: none !important;\n  }\n\n  .nsfpv-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  .nsfpv-modal__loading.is-visible {\n    display: flex;\n  }\n\n  .nsfpv-modal__loading i {\n    animation: nsfpv-spin 0.9s linear infinite;\n  }\n\n  @keyframes nsfpv-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  .nsfpv-dlprog {\n    position: fixed;\n    right: 16px;\n    bottom: 16px;\n    z-index: 100000;\n    width: min(360px, calc(100vw - 32px));\n    background: rgba(18, 24, 40, 0.96);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 14px;\n    padding: 12px 14px;\n    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);\n    color: #fff;\n    display: none;\n  }\n\n  .nsfpv-dlprog.is-open {\n    display: block;\n  }\n\n  .nsfpv-dlprog.is-success {\n    border-color: rgba(66, 183, 42, 0.55);\n  }\n\n  .nsfpv-dlprog.is-error {\n    border-color: rgba(255, 107, 122, 0.55);\n  }\n\n  .nsfpv-dlprog__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 8px;\n  }\n\n  .nsfpv-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  .nsfpv-dlprog__title i {\n    color: #42b72a;\n  }\n\n  .nsfpv-dlprog__name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .nsfpv-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  .nsfpv-dlprog__track {\n    height: 8px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.12);\n    overflow: hidden;\n  }\n\n  .nsfpv-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  .nsfpv-dlprog.is-indeterminate .nsfpv-dlprog__fill {\n    width: 40% !important;\n    animation: nsfpv-dlprog-slide 1.1s ease-in-out infinite;\n  }\n\n  @keyframes nsfpv-dlprog-slide {\n    0% {\n      transform: translateX(-120%);\n    }\n\n    100% {\n      transform: translateX(280%);\n    }\n  }\n\n  .nsfpv-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  .nsfpv-card__foot-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    justify-content: flex-end;\n  }\n\n  \/* Responsive: tablet *\/\n  @media (min-width: 768px) {\n    .nsfpv-search__row {\n      flex-wrap: nowrap;\n    }\n\n    .nsfpv .nsfpv-search__field {\n      flex: 1 1 auto;\n    }\n\n    .nsfpv .nsfpv-btn {\n      flex: 0 0 auto;\n      min-width: 110px;\n      padding: 0 18px !important;\n    }\n\n    .nsfpv-profile {\n      grid-template-columns: auto 1fr;\n      justify-items: start;\n      align-items: end;\n      text-align: left;\n      gap: 18px 20px;\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .nsfpv-avatar {\n      align-self: start;\n    }\n\n    .nsfpv-meta {\n      text-align: left;\n      padding-top: 10px;\n    }\n\n    .nsfpv .nsfpv-meta__name {\n      justify-content: flex-start;\n    }\n\n    .nsfpv-stats {\n      justify-content: flex-start;\n    }\n\n    .nsfpv .nsfpv-bio {\n      grid-column: 1 \/ -1;\n      margin-left: 0;\n      margin-right: 0;\n      max-width: none;\n      text-align: left;\n    }\n\n    .nsfpv-tabs {\n      justify-content: flex-start;\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .nsfpv .nsfpv-tabs__btn {\n      flex: 0 1 auto;\n      min-width: 120px;\n      padding: 10px 18px !important;\n    }\n\n    .nsfpv-pane {\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .nsfpv-skeleton__profile {\n      grid-template-columns: auto 1fr;\n      justify-items: start;\n      text-align: left;\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .nsfpv-skeleton__meta {\n      align-items: flex-start;\n      text-align: left;\n    }\n\n    .nsfpv-skeleton__stats {\n      justify-content: flex-start;\n    }\n\n    .nsfpv-skeleton__tabs {\n      justify-content: flex-start;\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .nsfpv-skeleton__grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      padding-left: 20px;\n      padding-right: 20px;\n    }\n\n    .nsfpv-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .nsfpv-tab-sk--photos,\n    .nsfpv-tab-sk--videos,\n    .nsfpv-tab-sk--reels {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .nsfpv .nsfpv-skeleton__cover {\n      height: auto;\n    }\n  }\n\n  \/* Responsive: desktop *\/\n  @media (min-width: 1024px) {\n    .nsfpv-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .nsfpv-grid--reels {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    .nsfpv-skeleton__grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .nsfpv-tab-sk--photos,\n    .nsfpv-tab-sk--videos {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .nsfpv-tab-sk--reels {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    .nsfpv .nsfpv-skeleton__cover,\n    .nsfpv-cover {\n      height: auto;\n      max-height: 380px;\n    }\n\n    .nsfpv {\n      --nsfpv-avatar: 132px;\n    }\n  }\n\n  @media (max-width: 479.98px) {\n\n    .nsfpv-grid--reels,\n    .nsfpv-tab-sk--reels {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 10px;\n    }\n\n    .nsfpv-grid--reels .nsfpv-card__foot {\n      flex-direction: column;\n      align-items: stretch;\n      gap: 8px;\n    }\n\n    .nsfpv-grid--reels .nsfpv-card__actions {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      width: 100%;\n    }\n\n    .nsfpv-grid--reels .nsfpv-card__action {\n      width: 100%;\n      min-width: 0;\n      font-size: 0.72rem !important;\n      padding: 6px 8px !important;\n    }\n  }\n\n  @media (max-width: 359.98px) {\n\n    .nsfpv-grid--reels,\n    .nsfpv-tab-sk--reels {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  \/* ResizeObserver helpers *\/\n  .nsfpv.nsfpv--compact .nsfpv-search__row {\n    flex-wrap: wrap;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-search__field {\n    flex: 1 1 100%;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-btn {\n    flex: 1 1 calc(50% - 4px);\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-profile {\n    grid-template-columns: 1fr;\n    justify-items: center;\n    text-align: center;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-meta,\n  .nsfpv.nsfpv--compact .nsfpv-bio {\n    text-align: center;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-meta__name,\n  .nsfpv.nsfpv--compact .nsfpv-stats,\n  .nsfpv.nsfpv--compact .nsfpv-tabs {\n    justify-content: center;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-grid,\n  .nsfpv.nsfpv--compact .nsfpv-skeleton__grid,\n  .nsfpv.nsfpv--compact .nsfpv-tab-sk--photos,\n  .nsfpv.nsfpv--compact .nsfpv-tab-sk--videos {\n    grid-template-columns: 1fr;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-grid--reels,\n  .nsfpv.nsfpv--compact .nsfpv-tab-sk--reels {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .nsfpv.nsfpv--narrow .nsfpv-grid--reels,\n  .nsfpv.nsfpv--narrow .nsfpv-tab-sk--reels {\n    grid-template-columns: 1fr;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-card__media--reel~.nsfpv-card__foot,\n  .nsfpv.nsfpv--compact .nsfpv-grid--reels .nsfpv-card__foot {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-grid--reels .nsfpv-card__actions {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    width: 100%;\n  }\n\n  .nsfpv.nsfpv--narrow .nsfpv-grid--reels .nsfpv-card__actions {\n    grid-template-columns: 1fr;\n  }\n\n  .nsfpv.nsfpv--narrow .nsfpv-btn {\n    flex: 1 1 100%;\n  }\n\n  .nsfpv.nsfpv--narrow .nsfpv-tabs__btn {\n    flex: 1 1 100%;\n  }\n\n  .nsfpv.nsfpv--narrow {\n    --nsfpv-avatar: 84px;\n    padding-left: 6px;\n    padding-right: 6px;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .nsfpv *,\n    .nsfpv *::before,\n    .nsfpv *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .nsfpv .nsfpv-sk {\n      animation: none;\n      background: #1a3f70;\n    }\n  }\n\n  @media (hover: none) {\n\n    .nsfpv .nsfpv-btn:hover,\n    .nsfpv .nsfpv-tabs__btn:hover,\n    .nsfpv-card:hover {\n      transform: none;\n    }\n\n    .nsfpv-card:hover .nsfpv-card__overlay {\n      opacity: 0;\n    }\n\n    .nsfpv-card:focus-within .nsfpv-card__overlay,\n    .nsfpv-card__media:active .nsfpv-card__overlay {\n      opacity: 1;\n    }\n  }\n\n  \/* Search controls: one row on large screens, wrap on narrow *\/\n  .nsfpv .nsfpv-search,\n  .nsfpv .nsfpv-search .nsfpv-search__row,\n  .nsfpv .nsfpv-search .nsfpv-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  .nsfpv .nsfpv-search .nsfpv-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  .nsfpv .nsfpv-search .nsfpv-search__field,\n  .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-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  .nsfpv .nsfpv-search .nsfpv-search__actions,\n  .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-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  .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-btn,\n  .nsfpv .nsfpv-search .nsfpv-search__actions .nsfpv-btn,\n  .nsfpv .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn {\n    flex: 0 0 auto !important;\n    width: auto !important;\n    max-width: none !important;\n    min-width: 110px !important;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row {\n    flex-wrap: wrap !important;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__field,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__field,\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row > .nsfpv-search__field,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row > .nsfpv-search__field {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__actions,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__actions,\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row > .nsfpv-btn,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row > .nsfpv-btn,\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__actions .nsfpv-btn,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__actions .nsfpv-btn,\n  .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn,\n  .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-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    .nsfpv .nsfpv-search .nsfpv-search__row {\n      flex-wrap: wrap !important;\n    }\n\n    .nsfpv .nsfpv-search .nsfpv-search__field,\n    .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__field {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsfpv .nsfpv-search .nsfpv-search__actions,\n    .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions {\n      flex: 1 1 100% !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-btn,\n    .nsfpv .nsfpv-search .nsfpv-search__actions .nsfpv-btn,\n    .nsfpv .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn {\n      flex: 1 1 calc(50% - 4px) !important;\n      min-width: 0 !important;\n      max-width: 100% !important;\n    }\n  }\n\n\/* --- Codex CSS updates --- *\/\n\/* New Social Facebook Profile Viewer \u2014 WordPress-scoped styles *\/\n.nsfpv {\n  --nsfpv-ink: #f8fbff;\n  --nsfpv-muted: #b9c9e3;\n  --nsfpv-dim: #8095b6;\n  --nsfpv-bg: #081426;\n  --nsfpv-panel: rgba(15, 32, 59, .88);\n  --nsfpv-panel-soft: rgba(26, 51, 89, .78);\n  --nsfpv-hover: #254f8a;\n  --nsfpv-line: rgba(145, 182, 255, .19);\n  --nsfpv-accent: #4b8cff;\n  --nsfpv-accent-deep: #2969df;\n  --nsfpv-cool: #77c8ff;\n  --nsfpv-cool-deep: #398cff;\n  --nsfpv-success: #45c781;\n  --nsfpv-danger: #ff5f76;\n  --nsfpv-radius: 18px;\n  --nsfpv-shadow: 0 18px 48px rgba(1, 9, 25, .32);\n  --nsfpv-font: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  --nsfpv-space: 18px;\n  --nsfpv-avatar: 128px;\n  --nsfpv-pad: clamp(16px, 3vw, 28px);\n  --nsfpv-gap: 18px;\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  min-height: 100vh;\n  margin: 0 auto;\n  padding: clamp(10px, 2.5vw, 26px);\n  overflow-x: hidden;\n  color: var(--nsfpv-ink);\n  font-family: var(--nsfpv-font);\n  line-height: 1.5;\n  text-align: left;\n  background:\n    radial-gradient(circle at 8% 3%, rgba(91, 139, 255, .32), transparent 30rem),\n    radial-gradient(circle at 92% 12%, rgba(66, 206, 255, .17), transparent 26rem),\n    linear-gradient(145deg, #07101f 0%, #0b1b35 44%, #112956 100%);\n  border: 1px solid rgba(159, 194, 255, .16);\n  border-radius: 24px;\n  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n}\n.nsfpv *, .nsfpv *::before, .nsfpv *::after { box-sizing: border-box; }\n.nsfpv :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,label,span) { margin: 0; padding: 0; border: 0; font-weight: inherit; }\n.nsfpv :where(ul,ol) { list-style: none; }\n.nsfpv img { display: block; max-width: 100%; height: auto; border: 0; vertical-align: middle; }\n.nsfpv a { color: var(--nsfpv-cool); text-decoration: none; }\n.nsfpv a:hover { text-decoration: underline; }\n.nsfpv-shell { position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--nsfpv-gap); width: 100%; max-width: 1280px; min-width: 0; margin: 0 auto; }\n\n.nsfpv-hero { width: 100%; min-width: 0; padding: clamp(24px, 5vw, 52px) 0 10px; text-align: center; }\n.nsfpv .nsfpv-hero__title { display: flex; align-items: center; justify-content: center; margin: 0 0 12px; color: var(--nsfpv-ink); }\n.nsfpv-hero__brand { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-width: 0; max-width: 100%; }\n.nsfpv .nsfpv-hero__icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 46px; height: 46px; color: #fff; font-size: 1.45rem; line-height: 1; background: linear-gradient(135deg, #6f9dff, #3975ec 55%, #35c5ed); border: 1px solid rgba(255,255,255,.28); border-radius: 14px; box-shadow: 0 12px 26px rgba(47, 112, 241, .3); }\n.nsfpv .nsfpv-hero__icon i { display: block; line-height: 1; }\n.nsfpv-hero__title-text { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-start; gap: .35em; min-width: 0; font-size: clamp(1.32rem, 3vw, 1.92rem); font-weight: 800; letter-spacing: -.035em; line-height: 1.15; text-align: left; }\n.nsfpv-hero__title-mark { color: var(--nsfpv-cool); font-weight: 800; }\n.nsfpv .nsfpv-hero__lead { max-width: 610px; margin: 0 auto 20px; padding: 0 4px; color: var(--nsfpv-muted); font-size: clamp(.9rem, 2.4vw, 1rem); line-height: 1.65; }\n\n.nsfpv-search { display: flex; flex-direction: column; align-items: stretch; gap: 12px; width: 100%; min-width: 0; margin-top: 4px; padding: clamp(14px, 2.5vw, 20px); text-align: left; background: linear-gradient(135deg, rgba(29,55,96,.78), rgba(10,25,49,.9)); border: 1px solid var(--nsfpv-line); border-radius: var(--nsfpv-radius); box-shadow: var(--nsfpv-shadow), inset 0 1px rgba(255,255,255,.05); backdrop-filter: blur(14px); }\n.nsfpv .nsfpv-search__label { display: block; color: var(--nsfpv-muted); font-size: .86rem; font-weight: 700; line-height: 1.3; letter-spacing: .01em; }\n.nsfpv-search__row { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; width: 100%; min-width: 0; }\n.nsfpv .nsfpv-search__field { flex: 1 1 160px; width: 100%; max-width: 100%; min-width: 0; min-height: 50px; height: 50px; padding: 0 15px !important; color: var(--nsfpv-ink) !important; font: 500 16px\/50px var(--nsfpv-font); outline: none; background: rgba(3,14,33,.58) !important; border: 1px solid rgba(158,190,247,.22) !important; border-radius: 12px; box-shadow: inset 0 1px 1px rgba(0,0,0,.18); transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }\n.nsfpv .nsfpv-search__field:hover { border-color: rgba(133,185,255,.48) !important; }\n.nsfpv .nsfpv-search__field:focus { background: rgba(6,21,45,.88) !important; border-color: var(--nsfpv-cool) !important; box-shadow: 0 0 0 4px rgba(89,157,255,.19), inset 0 1px 1px rgba(0,0,0,.18); }\n.nsfpv .nsfpv-search__field::placeholder { color: var(--nsfpv-dim); }\n.nsfpv .nsfpv-btn { display: inline-flex; flex: 1 1 calc(50% - 5px); align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 50px; height: 50px; padding: 0 16px !important; color: #fff !important; font: 700 .92rem\/1 var(--nsfpv-font); white-space: nowrap; text-decoration: none; cursor: pointer; user-select: none; appearance: none; -webkit-appearance: none; touch-action: manipulation; border: 1px solid transparent !important; border-radius: 12px; box-shadow: 0 8px 18px rgba(0,0,0,.2); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }\n.nsfpv .nsfpv-btn:hover { filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 12px 24px rgba(0,0,0,.28); }\n.nsfpv .nsfpv-btn:active { transform: translateY(0); box-shadow: 0 5px 12px rgba(0,0,0,.24); }\n.nsfpv .nsfpv-btn:focus-visible, .nsfpv .nsfpv-tabs__btn:focus-visible, .nsfpv .nsfpv-card__action:focus-visible, .nsfpv .nsfpv-avatar__zoom:focus-visible, .nsfpv .nsfpv-modal__close:focus-visible, .nsfpv .nsfpv-modal__action:focus-visible { outline: 3px solid rgba(124,201,255,.68); outline-offset: 3px; }\n.nsfpv .nsfpv-btn:disabled { opacity: .55; cursor: not-allowed; filter: none; transform: none; box-shadow: none; }\n.nsfpv .nsfpv-btn--paste { background: linear-gradient(135deg, #375b92, #25416c) !important; border-color: rgba(183,211,255,.13) !important; }\n.nsfpv .nsfpv-btn--paste:hover { background: linear-gradient(135deg, #426ba9, #2a4e81) !important; }\n.nsfpv .nsfpv-btn--view { background: linear-gradient(135deg, #5b96ff, #3977ed 54%, #2dbfe7) !important; }\n.nsfpv .nsfpv-search__hint { margin: 0; color: var(--nsfpv-dim); font-size: .8rem; font-style: italic; line-height: 1.45; }\n\n.nsfpv .nsfpv-btn i, .nsfpv .nsfpv-tabs__btn i, .nsfpv .nsfpv-card__action i, .nsfpv .nsfpv-avatar__zoom i, .nsfpv .nsfpv-modal__close i, .nsfpv .nsfpv-demo-chip i, .nsfpv .nsfpv-card__badge i, .nsfpv .nsfpv-card__overlay i, .nsfpv .nsfpv-post__stat i, .nsfpv .nsfpv-meta__name i, .nsfpv i.fa-solid, .nsfpv i.fas, .nsfpv i.fa-download, .nsfpv i.fa-expand, .nsfpv i.fa-eye, .nsfpv i.fa-film, .nsfpv i.fa-images, .nsfpv i.fa-newspaper, .nsfpv i.fa-paste, .nsfpv i.fa-spinner, .nsfpv i.fa-video, .nsfpv i.fa-xmark { display: inline-block !important; width: 1.15em; font-size: .92em; font-style: normal !important; font-variant: normal; line-height: 1 !important; text-align: center; vertical-align: middle; text-rendering: auto; -webkit-font-smoothing: antialiased; }\n.nsfpv .nsfpv-empty i { display: block !important; width: auto; margin: 0 auto 12px; font-size: 2.25rem !important; line-height: 1 !important; opacity: .48; }\n\n.nsfpv #xrespond-tools-turnstile-host { display: none; flex: none; order: unset; width: 100%; max-width: 100%; min-width: 0; margin: 0; box-sizing: border-box; }\n.nsfpv #xrespond-tools-turnstile-host.is-visible { display: block; }\n.nsfpv #xrespond-tools-turnstile-host .xrespond-ts-label { display: block; margin-bottom: .45rem; color: var(--nsfpv-muted); font-size: .85rem; }\n.nsfpv #xrespond-tools-turnstile-host .xrespond-ts-widget { min-height: 65px; max-width: 100%; overflow: hidden; }\n.nsfpv #xrespond-tools-turnstile-host .xrespond-ts-error { color: #ff9aa8; }\n.nsfpv-search__row:has(#xrespond-tools-turnstile-host) { flex-wrap: wrap !important; }\n.nsfpv-search__row > #xrespond-tools-turnstile-host { flex: 0 0 100% !important; order: -1; width: 100% !important; }\n.nsfpv .nsfpv-alert { display: none; margin: 0; padding: 12px 14px; color: #ffd7dd; font-size: .88rem; font-weight: 700; line-height: 1.45; text-align: left; background: rgba(255,76,105,.13); border: 1px solid rgba(255,102,127,.43); border-radius: 12px; }\n.nsfpv .nsfpv-alert.is-visible { display: block; }\n.nsfpv .nsfpv-demo-chip { display: inline-flex; align-self: flex-start; align-items: center; gap: 6px; padding: 7px 12px; color: #cceaff; font-size: .76rem; font-weight: 800; letter-spacing: .03em; background: rgba(75,140,255,.15); border: 1px solid rgba(115,184,255,.3); border-radius: 999px; }\n\n.nsfpv .nsfpv-skeleton { display: none; width: 100%; max-width: 100%; min-width: 0; margin: 0; }\n.nsfpv .nsfpv-skeleton.is-visible { display: block; }\n.nsfpv .nsfpv-content.is-hidden { display: none !important; }\n.nsfpv .nsfpv-content.is-placeholder .nsfpv-bio, .nsfpv .nsfpv-content.is-placeholder .nsfpv-stats { display: none !important; }\n.nsfpv .nsfpv-content.is-placeholder .nsfpv-avatar__zoom { opacity: .55; pointer-events: none; }\n@keyframes nsfpv-shimmer { from { background-position: -500px 0; } to { background-position: 500px 0; } }\n.nsfpv .nsfpv-sk { background: linear-gradient(90deg, rgba(104,153,235,.1), rgba(145,205,255,.28) 50%, rgba(104,153,235,.1)); background-size: 900px 100%; border-radius: 10px; animation: nsfpv-shimmer 1.45s ease-in-out infinite; }\n.nsfpv-skeleton__panel, .nsfpv-panel { width: 100%; max-width: 100%; min-width: 0; overflow: hidden; background: linear-gradient(145deg, rgba(26,53,93,.9), rgba(11,27,53,.93)); border: 1px solid var(--nsfpv-line); border-radius: var(--nsfpv-radius); box-shadow: var(--nsfpv-shadow), inset 0 1px rgba(255,255,255,.045); }\n.nsfpv-skeleton__panel { padding: 0; }\n.nsfpv .nsfpv-skeleton__cover, .nsfpv-cover { width: 100%; height: auto; min-height: 150px; max-height: 380px; aspect-ratio: 2.7 \/ 1; border-radius: 0; }\n.nsfpv-skeleton__profile, .nsfpv-profile { display: grid; grid-template-columns: 1fr; align-items: center; justify-items: center; gap: 14px; width: 100%; min-width: 0; padding: 0 var(--nsfpv-pad) 20px; text-align: center; }\n.nsfpv .nsfpv-skeleton__avatar { width: var(--nsfpv-avatar); height: var(--nsfpv-avatar); margin-top: calc(var(--nsfpv-avatar) \/ -2); border: 4px solid #1b3965; border-radius: 50% !important; }\n.nsfpv-skeleton__meta { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; min-width: 0; }\n.nsfpv-skeleton__line { height: 16px; }\n.nsfpv-skeleton__line--lg { width: min(200px,70%); height: 22px; }\n.nsfpv-skeleton__line--md { width: min(140px,50%); height: 14px; }\n.nsfpv-skeleton__stats { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }\n.nsfpv-skeleton__stat { width: 72px; height: 28px; border-radius: 999px; }\n.nsfpv-skeleton__tabs, .nsfpv-tabs { display: flex; flex-wrap: wrap; width: 100%; min-width: 0; }\n.nsfpv-skeleton__tabs { justify-content: center; gap: 8px; margin: 8px 0 16px; padding: 0 var(--nsfpv-pad); }\n.nsfpv-skeleton__tab { flex: 1 1 calc(50% - 8px); min-width: 0; height: 40px; border-radius: 999px; }\n.nsfpv-skeleton__grid, .nsfpv-grid { display: grid; grid-template-columns: 1fr; align-items: start; gap: 14px; width: 100%; min-width: 0; }\n.nsfpv-skeleton__grid { padding: 0 var(--nsfpv-pad) 22px; }\n.nsfpv-skeleton__card, .nsfpv-tab-sk__photo, .nsfpv-tab-sk__video, .nsfpv-tab-sk__reel, .nsfpv-card, .nsfpv-post { min-width: 0; overflow: hidden; background: rgba(36,67,111,.65); border: 1px solid var(--nsfpv-line); border-radius: 14px; }\n.nsfpv-skeleton__thumb, .nsfpv-tab-sk__photo-thumb { aspect-ratio: 1 \/ 1; border-radius: 0; }\n.nsfpv-skeleton__foot, .nsfpv-tab-sk__photo-foot, .nsfpv-tab-sk__video-foot, .nsfpv-tab-sk__reel-foot { height: 42px; margin: 10px 12px; border-radius: 9px; }\n.nsfpv-tab-sk { width: 100%; max-width: 100%; min-width: 0; margin: 0; }\n.nsfpv-tab-sk--photos, .nsfpv-tab-sk--videos { display: grid; grid-template-columns: 1fr; gap: 14px; }\n.nsfpv-tab-sk--reels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }\n.nsfpv-tab-sk--posts { display: flex; flex-direction: column; gap: 14px; }\n.nsfpv-tab-sk__video-thumb { aspect-ratio: 16 \/ 10; }\n.nsfpv-tab-sk__reel-thumb { aspect-ratio: 9 \/ 14; }\n.nsfpv-tab-sk__post { display: flex; flex-direction: column; gap: 10px; padding: 14px; }\n.nsfpv-tab-sk__post-head { display: flex; align-items: center; gap: 10px; }\n.nsfpv-tab-sk__post-avatar { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50% !important; }\n.nsfpv-tab-sk__post-lines { display: flex; flex: 1; flex-direction: column; gap: 6px; }\n.nsfpv-tab-sk__post-line { height: 12px; border-radius: 6px; }\n.nsfpv-tab-sk__post-line--short { width: 40%; }\n.nsfpv-tab-sk__post-body { height: 64px; border-radius: 8px; }\n\n.nsfpv-result { width: 100%; max-width: 100%; min-width: 0; }\n.nsfpv-cover { position: relative; overflow: hidden; background: linear-gradient(135deg,#234f8d,#162a51); }\n.nsfpv .nsfpv-cover__img { position: absolute; inset: 0; width: 100%; max-width: none; height: 100%; object-fit: cover; object-position: center 18%; }\n.nsfpv-cover__fade { display: block; position: absolute; inset: auto 0 0; height: 42%; background: linear-gradient(transparent, rgba(12,28,54,.55)); pointer-events: none; }\n.nsfpv-profile { position: relative; z-index: 2; align-items: start; margin-top: 0; }\n.nsfpv-avatar { position: relative; flex-shrink: 0; width: var(--nsfpv-avatar); height: var(--nsfpv-avatar); margin-top: calc(var(--nsfpv-avatar) \/ -2); }\n.nsfpv-avatar__ring { width: 100%; height: 100%; padding: 3px; overflow: hidden; background: linear-gradient(145deg,#9ed9ff,#4b83fb 54%,#61dddc); border: 0; border-radius: 50%; box-shadow: 0 12px 24px rgba(0,8,29,.35), 0 0 0 5px rgba(15,35,66,.78); }\n.nsfpv .nsfpv-avatar__img { width: 100%; max-width: none; height: 100%; object-fit: cover; object-position: center; background: #1a3f70; border: 0; border-radius: 50%; }\n.nsfpv .nsfpv-avatar__zoom { position: absolute; right: 1px; bottom: 1px; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 38px; min-width: 38px; height: 38px; min-height: 38px; color: #fff !important; cursor: pointer; appearance: none; -webkit-appearance: none; touch-action: manipulation; background: linear-gradient(135deg,#5b96ff,#3374ef) !important; border: 2px solid #193968 !important; border-radius: 50%; box-shadow: 0 7px 16px rgba(0,0,0,.3); transition: transform .2s ease, filter .2s ease; }\n.nsfpv .nsfpv-avatar__zoom:hover { background: linear-gradient(135deg,#76b4ff,#4381f4) !important; transform: scale(1.07); }\n.nsfpv-meta { width: 100%; min-width: 0; }\n.nsfpv .nsfpv-meta__name { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; color: var(--nsfpv-ink); font-size: clamp(1.4rem,3.2vw,1.95rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.22; }\n.nsfpv .nsfpv-meta__name i, .nsfpv .nsfpv-pane__title i, .nsfpv .nsfpv-post__stat i { color: var(--nsfpv-cool); }\n.nsfpv .nsfpv-meta__handle { margin-top: 3px; color: var(--nsfpv-dim); font-size: .94rem; font-weight: 600; }\n.nsfpv-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 12px; }\n.nsfpv .nsfpv-stats__badge { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 5px 10px; color: var(--nsfpv-muted); font-size: .82rem; font-weight: 700; background: rgba(106,151,222,.1); border: 1px solid rgba(153,193,255,.13); border-radius: 999px; }\n.nsfpv .nsfpv-stats__badge i { color: var(--nsfpv-cool); font-size: .85em; }\n.nsfpv .nsfpv-bio { max-width: 680px; margin: 2px auto 0; color: #dbe8fa; font-size: .94rem; font-weight: 400; line-height: 1.62; }\n\n.nsfpv-tabs { justify-content: flex-start; gap: 6px; padding: 12px var(--nsfpv-pad); margin-top: 4px; border-top: 1px solid var(--nsfpv-line); }\n.nsfpv .nsfpv-tabs__btn { display: inline-flex; flex: 1 1 auto; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 44px; padding: 10px 13px !important; color: var(--nsfpv-muted) !important; font: 700 .88rem\/1 var(--nsfpv-font); white-space: nowrap; cursor: pointer; appearance: none; -webkit-appearance: none; touch-action: manipulation; background: transparent !important; border: 1px solid transparent !important; border-radius: 10px; transition: color .2s ease, background .2s ease, transform .2s ease; }\n.nsfpv .nsfpv-tabs__btn:hover { color: var(--nsfpv-ink) !important; background: rgba(105,153,229,.12) !important; transform: translateY(-1px); }\n.nsfpv .nsfpv-tabs__btn.is-active { color: #eaf5ff !important; background: linear-gradient(135deg,rgba(76,142,255,.32),rgba(61,202,240,.18)) !important; border-color: rgba(125,191,255,.22) !important; box-shadow: inset 0 1px rgba(255,255,255,.08); }\n.nsfpv-pane { display: none; width: 100%; max-width: 100%; min-width: 0; padding: 0 var(--nsfpv-pad) 24px; }\n.nsfpv-pane.is-active { display: block; }\n.nsfpv-pane__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 15px; }\n.nsfpv .nsfpv-pane__title { display: inline-flex; align-items: center; gap: 8px; color: var(--nsfpv-ink); font-size: 1rem; font-weight: 800; }\n.nsfpv .nsfpv-pane__count { padding: 4px 8px; color: var(--nsfpv-dim); font-size: .76rem; font-weight: 800; background: rgba(127,166,226,.1); border-radius: 999px; }\n.nsfpv-empty { padding: 42px 16px; color: var(--nsfpv-dim); font-size: .92rem; text-align: center; background: rgba(5,17,36,.18); border: 1px dashed rgba(150,190,255,.22); border-radius: 14px; }\n\n.nsfpv-grid--reels { grid-template-columns: repeat(2,minmax(0,1fr)); }\n.nsfpv-card { transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }\n.nsfpv-card:hover { border-color: rgba(129,190,255,.45); box-shadow: 0 16px 28px rgba(1,12,33,.28); transform: translateY(-4px); }\n.nsfpv-card__media { position: relative; overflow: hidden; cursor: pointer; background: #1a3f70; }\n.nsfpv-card__media--photo { aspect-ratio: 1 \/ 1; }\n.nsfpv-card__media--video { aspect-ratio: 16 \/ 10; }\n.nsfpv-card__media--reel { aspect-ratio: 9 \/ 14; }\n.nsfpv .nsfpv-card__img { position: absolute; inset: 0; width: 100%; max-width: none; height: 100%; object-fit: cover; object-position: center; transition: transform .35s ease; }\n.nsfpv-card:hover .nsfpv-card__img { transform: scale(1.04); }\n.nsfpv-card__badge, .nsfpv-card__duration { position: absolute; z-index: 2; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: .72rem; font-weight: 800; background: rgba(5,13,28,.74); border: 1px solid rgba(255,255,255,.18); box-shadow: 0 5px 12px rgba(0,0,0,.18); backdrop-filter: blur(8px); }\n.nsfpv-card__badge { top: 10px; right: 10px; min-width: 29px; height: 29px; padding: 0 8px; letter-spacing: .04em; border-radius: 999px; }\n.nsfpv-card__play { position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center; pointer-events: none; }\n.nsfpv-card__play span { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; color: #fff; font-size: 1rem; background: rgba(7,18,38,.6); border: 1px solid rgba(255,255,255,.58); border-radius: 50%; box-shadow: 0 8px 20px rgba(0,0,0,.24); backdrop-filter: blur(8px); }\n.nsfpv-card__duration { left: 10px; bottom: 10px; padding: 4px 8px; border-radius: 7px; }\n.nsfpv-card__overlay { position: absolute; inset: 0; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; padding: 12px; color: #fff; font-size: .82rem; font-weight: 700; pointer-events: none; opacity: 0; background: linear-gradient(to top,rgba(2,10,24,.85),transparent 58%); transition: opacity .24s ease; }\n.nsfpv-card:hover .nsfpv-card__overlay, .nsfpv-card:focus-within .nsfpv-card__overlay { opacity: 1; }\n.nsfpv-card__overlay span { display: inline-flex; align-items: center; gap: 5px; }\n.nsfpv-card__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 9px; min-width: 0; padding: 12px; }\n.nsfpv-card__title { flex: 1; min-width: 0; overflow: hidden; color: var(--nsfpv-muted); font-size: .82rem; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; }\n.nsfpv .nsfpv-card__action { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 5px; min-height: 36px; padding: 7px 10px !important; color: #dceeff !important; font: 800 .76rem\/1 var(--nsfpv-font); cursor: pointer; appearance: none; -webkit-appearance: none; touch-action: manipulation; background: rgba(77,142,255,.16) !important; border: 1px solid rgba(129,187,255,.18) !important; border-radius: 9px; transition: transform .2s ease, background .2s ease; }\n.nsfpv .nsfpv-card__action:hover { background: rgba(85,153,255,.3) !important; transform: translateY(-1px); }\n.nsfpv .nsfpv-card__action--cool { color: #b7f5ce !important; background: rgba(69,199,129,.14) !important; border-color: rgba(108,229,158,.2) !important; }\n\n.nsfpv-posts { display: flex; flex-direction: column; gap: 14px; width: 100%; min-width: 0; }\n.nsfpv-post { padding: 16px; overflow: visible; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }\n.nsfpv-post:hover { border-color: rgba(130,186,255,.36); box-shadow: 0 14px 28px rgba(1,12,33,.2); transform: translateY(-2px); }\n.nsfpv-post__head { display: flex; align-items: center; gap: 10px; min-width: 0; margin-bottom: 11px; }\n.nsfpv-post__avatar { flex-shrink: 0; width: 42px; height: 42px; object-fit: cover; border: 2px solid rgba(109,177,255,.55); border-radius: 50%; }\n.nsfpv-post__author { color: var(--nsfpv-ink); font-size: .92rem; font-weight: 800; line-height: 1.25; }\n.nsfpv-post__date { color: var(--nsfpv-dim); font-size: .78rem; font-weight: 600; }\n.nsfpv-post__text { margin-bottom: 12px; overflow-wrap: anywhere; color: #d4e2f7; font-size: .9rem; line-height: 1.6; word-wrap: break-word; }\n.nsfpv-post__image { width: 100%; max-height: 360px; margin-bottom: 11px; object-fit: cover; cursor: pointer; border: 1px solid rgba(160,196,250,.15); border-radius: 11px; }\n.nsfpv-post__stats { display: flex; flex-wrap: wrap; gap: 12px; }\n.nsfpv .nsfpv-post__stat { display: inline-flex; align-items: center; gap: 5px; color: var(--nsfpv-dim); font-size: .8rem; font-weight: 700; }\n\n.nsfpv-modal { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; padding: 16px; background: rgba(2,8,20,.78); backdrop-filter: blur(10px); }\n.nsfpv-modal.is-open { display: flex; }\n.nsfpv-modal__dialog { position: relative; display: flex; flex-direction: column; gap: 12px; width: min(920px,100%); min-width: 0; max-height: min(90vh,900px); padding: 12px; overflow: hidden; background: linear-gradient(145deg,#172f56,#0b1931); border: 1px solid rgba(160,199,255,.25); border-radius: 18px; box-shadow: 0 28px 70px rgba(0,0,0,.56); }\n.nsfpv .nsfpv-modal__close { position: absolute; top: 18px; right: 18px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 42px; min-width: 42px; height: 42px; min-height: 42px; color: #fff !important; cursor: pointer; appearance: none; -webkit-appearance: none; touch-action: manipulation; background: rgba(6,17,35,.7) !important; border: 1px solid rgba(255,255,255,.25) !important; border-radius: 50%; box-shadow: 0 5px 14px rgba(0,0,0,.25); backdrop-filter: blur(10px); }\n.nsfpv-modal__stage { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; min-height: 180px; overflow: hidden; background: #071121; border: 1px solid rgba(160,194,245,.12); border-radius: 12px; }\n.nsfpv .nsfpv-modal__media, .nsfpv .nsfpv-modal__media--img { display: block; width: 100%; max-height: calc(90vh - 125px); margin: 0 auto; object-fit: contain; background: #071121; border-radius: 10px; }\n.nsfpv .nsfpv-modal__media.is-hidden { display: none !important; }\n.nsfpv .nsfpv-modal__media--video { width: 100%; max-height: calc(90vh - 125px); background: #000; }\n.nsfpv-modal__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }\n.nsfpv-modal__meta { flex: 1 1 160px; min-width: 0; margin: 0; padding: 0; color: var(--nsfpv-muted); font-size: .88rem; font-weight: 600; text-align: left; }\n.nsfpv-modal__actions { display: flex; flex-wrap: wrap; gap: 8px; }\n.nsfpv .nsfpv-modal__action { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 10px 14px !important; color: #fff !important; font: 700 .84rem\/1 var(--nsfpv-font); cursor: pointer; appearance: none; -webkit-appearance: none; touch-action: manipulation; background: linear-gradient(135deg,#5d97ff,#3975ec) !important; border: 1px solid rgba(255,255,255,.16) !important; border-radius: 11px !important; box-shadow: 0 7px 16px rgba(0,0,0,.18); }\n.nsfpv .nsfpv-modal__action--download { background: linear-gradient(135deg,#4d90ff,#37c2d8 54%,#50c980) !important; }\n.nsfpv .nsfpv-modal__action:disabled, .nsfpv .nsfpv-modal__action.is-hidden { display: none !important; }\n.nsfpv-modal__loading { position: absolute; inset: 0; z-index: 1; display: none; align-items: center; justify-content: center; gap: 10px; color: #fff; font-weight: 700; background: rgba(4,13,29,.76); backdrop-filter: blur(5px); }\n.nsfpv-modal__loading.is-visible { display: flex; }\n.nsfpv-modal__loading i { animation: nsfpv-spin .9s linear infinite; }\n@keyframes nsfpv-spin { to { transform: rotate(360deg); } }\n\n.nsfpv-dlprog { position: fixed; right: 16px; bottom: 16px; z-index: 100000; display: none; width: min(370px,calc(100vw - 32px)); padding: 14px; color: #f7fbff; background: rgba(13,30,55,.94); border: 1px solid rgba(159,200,255,.25); border-radius: 15px; box-shadow: 0 18px 45px rgba(0,0,0,.4); backdrop-filter: blur(16px); }\n.nsfpv-dlprog.is-open { display: block; }\n.nsfpv-dlprog.is-success { border-color: rgba(88,221,146,.58); }\n.nsfpv-dlprog.is-error { border-color: rgba(255,118,139,.63); }\n.nsfpv-dlprog__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; }\n.nsfpv-dlprog__title { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: .9rem; font-weight: 800; }\n.nsfpv-dlprog__title i { color: #64df9a; }\n.nsfpv-dlprog__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }\n.nsfpv-dlprog__pct { flex: 0 0 auto; color: rgba(255,255,255,.88); font-size: .85rem; font-weight: 800; }\n.nsfpv-dlprog__track { height: 8px; overflow: hidden; background: rgba(255,255,255,.12); border-radius: 999px; }\n.nsfpv-dlprog__fill { width: 0%; height: 100%; background: linear-gradient(90deg,#5d98ff,#51cef1,#5ed78f); border-radius: inherit; box-shadow: 0 0 12px rgba(95,203,241,.58); transition: width .2s ease; }\n.nsfpv-dlprog.is-indeterminate .nsfpv-dlprog__fill { width: 40% !important; animation: nsfpv-dlprog-slide 1.1s ease-in-out infinite; }\n@keyframes nsfpv-dlprog-slide { from { transform: translateX(-120%); } to { transform: translateX(280%); } }\n.nsfpv-dlprog__meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; color: rgba(255,255,255,.72); font-size: .78rem; }\n.nsfpv-card__foot-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }\n\n@media (min-width: 768px) {\n  .nsfpv-search__row { flex-wrap: nowrap; }\n  .nsfpv .nsfpv-search__field { flex: 1 1 auto; }\n  .nsfpv .nsfpv-btn { flex: 0 0 auto; min-width: 116px; padding: 0 19px !important; }\n  .nsfpv-profile, .nsfpv-skeleton__profile { grid-template-columns: auto 1fr; justify-items: start; gap: 18px 22px; padding-right: var(--nsfpv-pad); padding-left: var(--nsfpv-pad); text-align: left; }\n  .nsfpv-avatar { align-self: start; }\n  .nsfpv-meta { padding-top: 10px; text-align: left; }\n  .nsfpv .nsfpv-meta__name, .nsfpv-stats { justify-content: flex-start; }\n  .nsfpv .nsfpv-bio { grid-column: 1 \/ -1; max-width: none; margin-right: 0; margin-left: 0; text-align: left; }\n  .nsfpv-tabs { padding-right: var(--nsfpv-pad); padding-left: var(--nsfpv-pad); }\n  .nsfpv .nsfpv-tabs__btn { flex: 0 1 auto; min-width: 120px; }\n  .nsfpv-pane { padding-right: var(--nsfpv-pad); padding-left: var(--nsfpv-pad); }\n  .nsfpv-skeleton__meta { align-items: flex-start; text-align: left; }\n  .nsfpv-skeleton__stats, .nsfpv-skeleton__tabs { justify-content: flex-start; }\n  .nsfpv-skeleton__grid, .nsfpv-grid, .nsfpv-tab-sk--photos, .nsfpv-tab-sk--videos, .nsfpv-tab-sk--reels { grid-template-columns: repeat(2,minmax(0,1fr)); }\n}\n@media (min-width: 1024px) {\n  .nsfpv { --nsfpv-avatar: 136px; }\n  .nsfpv-grid, .nsfpv-skeleton__grid, .nsfpv-tab-sk--photos, .nsfpv-tab-sk--videos { grid-template-columns: repeat(3,minmax(0,1fr)); }\n  .nsfpv-grid--reels, .nsfpv-tab-sk--reels { grid-template-columns: repeat(4,minmax(0,1fr)); }\n}\n@media (max-width: 479.98px) {\n  .nsfpv { border-radius: 16px; }\n  .nsfpv-hero__brand { gap: 10px; }\n  .nsfpv .nsfpv-hero__icon { width: 41px; height: 41px; }\n  .nsfpv-grid--reels, .nsfpv-tab-sk--reels { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }\n  .nsfpv-grid--reels .nsfpv-card__foot { flex-direction: column; align-items: stretch; gap: 8px; }\n  .nsfpv-grid--reels .nsfpv-card__actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }\n  .nsfpv-grid--reels .nsfpv-card__action { width: 100%; min-width: 0; padding: 6px 8px !important; font-size: .72rem !important; }\n  .nsfpv-modal { padding: 10px; }\n  .nsfpv-modal__bar, .nsfpv-modal__actions { width: 100%; }\n  .nsfpv-modal__action { flex: 1 1 auto; }\n}\n@media (max-width: 359.98px) {\n  .nsfpv-grid--reels, .nsfpv-tab-sk--reels { grid-template-columns: 1fr; }\n}\n\n.nsfpv.nsfpv--compact .nsfpv-search__row { flex-wrap: wrap; }\n.nsfpv.nsfpv--compact .nsfpv-search__field { flex: 1 1 100%; }\n.nsfpv.nsfpv--compact .nsfpv-btn { flex: 1 1 calc(50% - 4px); }\n.nsfpv.nsfpv--compact .nsfpv-profile { grid-template-columns: 1fr; justify-items: center; text-align: center; }\n.nsfpv.nsfpv--compact .nsfpv-meta, .nsfpv.nsfpv--compact .nsfpv-bio { text-align: center; }\n.nsfpv.nsfpv--compact .nsfpv-meta__name, .nsfpv.nsfpv--compact .nsfpv-stats, .nsfpv.nsfpv--compact .nsfpv-tabs { justify-content: center; }\n.nsfpv.nsfpv--compact .nsfpv-grid, .nsfpv.nsfpv--compact .nsfpv-skeleton__grid, .nsfpv.nsfpv--compact .nsfpv-tab-sk--photos, .nsfpv.nsfpv--compact .nsfpv-tab-sk--videos { grid-template-columns: 1fr; }\n.nsfpv.nsfpv--compact .nsfpv-grid--reels, .nsfpv.nsfpv--compact .nsfpv-tab-sk--reels { grid-template-columns: repeat(2,minmax(0,1fr)); }\n.nsfpv.nsfpv--narrow .nsfpv-grid--reels, .nsfpv.nsfpv--narrow .nsfpv-tab-sk--reels { grid-template-columns: 1fr; }\n.nsfpv.nsfpv--compact .nsfpv-card__media--reel ~ .nsfpv-card__foot, .nsfpv.nsfpv--compact .nsfpv-grid--reels .nsfpv-card__foot { flex-direction: column; align-items: stretch; }\n.nsfpv.nsfpv--compact .nsfpv-grid--reels .nsfpv-card__actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }\n.nsfpv.nsfpv--narrow .nsfpv-grid--reels .nsfpv-card__actions { grid-template-columns: 1fr; }\n.nsfpv.nsfpv--narrow .nsfpv-btn, .nsfpv.nsfpv--narrow .nsfpv-tabs__btn { flex: 1 1 100%; }\n.nsfpv.nsfpv--narrow { --nsfpv-avatar: 84px; padding-right: 6px; padding-left: 6px; }\n\n.nsfpv .nsfpv-search, .nsfpv .nsfpv-search .nsfpv-search__row, .nsfpv .nsfpv-search .nsfpv-search__actions { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }\n.nsfpv .nsfpv-search .nsfpv-search__row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 10px !important; }\n.nsfpv .nsfpv-search .nsfpv-search__field, .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__field { flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; }\n.nsfpv .nsfpv-search .nsfpv-search__actions, .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions { display: flex !important; flex: 0 0 auto !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 10px !important; width: auto !important; max-width: none !important; min-width: 0 !important; }\n.nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-btn, .nsfpv .nsfpv-search .nsfpv-search__actions .nsfpv-btn, .nsfpv .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn { flex: 0 0 auto !important; width: auto !important; max-width: none !important; min-width: 116px !important; }\n.nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row { flex-wrap: wrap !important; }\n.nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__field, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__field, .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row > .nsfpv-search__field, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row > .nsfpv-search__field { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }\n.nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__actions, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__actions, .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }\n.nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row > .nsfpv-btn, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row > .nsfpv-btn, .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__actions .nsfpv-btn, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__actions .nsfpv-btn, .nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn, .nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn { flex: 1 1 calc(50% - 5px) !important; min-width: 0 !important; max-width: 100% !important; }\n\n@media (max-width: 720px) {\n  .nsfpv .nsfpv-search .nsfpv-search__row { flex-wrap: wrap !important; }\n  .nsfpv .nsfpv-search .nsfpv-search__field, .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__field { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }\n  .nsfpv .nsfpv-search .nsfpv-search__actions, .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__actions { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }\n  .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-btn, .nsfpv .nsfpv-search .nsfpv-search__actions .nsfpv-btn, .nsfpv .nsfpv-search .nsfpv-search__row .nsfpv-search__actions .nsfpv-btn { flex: 1 1 calc(50% - 5px) !important; min-width: 0 !important; max-width: 100% !important; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .nsfpv *, .nsfpv *::before, .nsfpv *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }\n  .nsfpv .nsfpv-sk { animation: none; background: #1a3f70; }\n}\n@media (hover: none) {\n  .nsfpv .nsfpv-btn:hover, .nsfpv .nsfpv-tabs__btn:hover, .nsfpv-card:hover { transform: none; }\n  .nsfpv-card:hover .nsfpv-card__overlay { opacity: 0; }\n  .nsfpv-card:focus-within .nsfpv-card__overlay, .nsfpv-card__media:active .nsfpv-card__overlay { opacity: 1; }\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=\"nsfpv\" id=\"nsfpv-root\" data-nsfpv-ready=\"0\">\n  <div class=\"nsfpv-shell\">\n    <section class=\"nsfpv-hero\" aria-labelledby=\"nsfpv-title\">\n      <h1 class=\"nsfpv-hero__title\" id=\"nsfpv-title\">Facebook Collection Viewer \u2013 View &amp;amp; Explore Collections<\/h1>\n<p class=\"nsfpv-hero__lead\">\n        Preview public Facebook profiles with photos, posts, videos, and reels.\n      <\/p>\n<div class=\"nsfpv-search\">\n        <label class=\"nsfpv-search__label\" for=\"nsfpv-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=\"nsfpv-search__row\">\n          <input class=\"nsfpv-search__field\" id=\"nsfpv-input\" type=\"text\" name=\"nsfpv_input\"\n            placeholder=\"username or facebook.com\/username\" autocomplete=\"off\" spellcheck=\"false\">\n          <button type=\"button\" class=\"nsfpv-btn nsfpv-btn--paste\" id=\"nsfpv-paste\" aria-label=\"Paste username or URL\">\n            <i class=\"fa-solid fa-paste\" aria-hidden=\"true\"><\/i> Paste\n          <\/button>\n          <button type=\"submit\" class=\"nsfpv-btn nsfpv-btn--view\" id=\"xrespond-tools-turnstile\">\n            <i class=\"fa-solid fa-eye\" aria-hidden=\"true\"><\/i> View Profile\n          <\/button>\n        <\/div>\n<div class=\"nsfpv-alert\" id=\"nsfpv-alert\" role=\"alert\"><\/div>\n<p class=\"nsfpv-search__hint\">Enter a Facebook username or profile URL (example: natgeo)<\/p>\n      <\/div>\n    <\/section>\n\n    <div class=\"nsfpv-skeleton\" id=\"nsfpv-skeleton\" aria-hidden=\"true\" aria-busy=\"false\">\n      <div class=\"nsfpv-skeleton__panel\">\n        <div class=\"nsfpv-sk nsfpv-skeleton__cover\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-skeleton__profile\">\n          <div class=\"nsfpv-sk nsfpv-skeleton__avatar\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-skeleton__meta\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__line nsfpv-skeleton__line--lg\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__line nsfpv-skeleton__line--md\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-skeleton__stats\">\n              <div class=\"nsfpv-sk nsfpv-skeleton__stat\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__stat\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__stat\" aria-hidden=\"true\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__stat\" aria-hidden=\"true\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n<div class=\"nsfpv-skeleton__tabs\" aria-hidden=\"true\">\n          <div class=\"nsfpv-sk nsfpv-skeleton__tab\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__tab\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__tab\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__tab\"><\/div>\n        <\/div>\n<div class=\"nsfpv-skeleton__grid\" aria-hidden=\"true\">\n          <div class=\"nsfpv-skeleton__card\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__thumb\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpv-skeleton__card\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__thumb\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpv-skeleton__card\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__thumb\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpv-skeleton__card\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__thumb\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpv-skeleton__card\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__thumb\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__foot\"><\/div>\n          <\/div>\n<div class=\"nsfpv-skeleton__card\">\n            <div class=\"nsfpv-sk nsfpv-skeleton__thumb\"><\/div>\n<div class=\"nsfpv-sk nsfpv-skeleton__foot\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <section class=\"nsfpv-result\" id=\"nsfpv-result\" aria-live=\"polite\">\n      <div class=\"nsfpv-panel nsfpv-content is-placeholder\" id=\"nsfpv-content\">\n        <div class=\"nsfpv-cover\">\n          <img decoding=\"async\" class=\"nsfpv-cover__img\" id=\"nsfpv-cover\" src=\"\" alt=\"Cover photo\">\n          <div class=\"nsfpv-cover__fade\" aria-hidden=\"true\"><\/div>\n        <\/div>\n<div class=\"nsfpv-profile\">\n          <div class=\"nsfpv-avatar\">\n            <div class=\"nsfpv-avatar__ring\">\n              <img decoding=\"async\" class=\"nsfpv-avatar__img\" id=\"nsfpv-avatar\" src=\"\" alt=\"Profile avatar\">\n            <\/div>\n            <button type=\"button\" class=\"nsfpv-avatar__zoom\" id=\"nsfpv-avatar-zoom\" aria-label=\"Expand profile photo\">\n              <i class=\"fa-solid fa-expand\" aria-hidden=\"true\"><\/i>\n            <\/button>\n          <\/div>\n<div class=\"nsfpv-meta\">\n            <h2 class=\"nsfpv-meta__name\" id=\"nsfpv-fullname\">-<\/h2>\n<p class=\"nsfpv-meta__handle\" id=\"nsfpv-handle\">-<\/p>\n<ul class=\"nsfpv-stats\" id=\"nsfpv-stats\"><\/ul>\n          <\/div>\n<div class=\"nsfpv-bio\" id=\"nsfpv-bio\"><\/div>\n        <\/div>\n<div class=\"nsfpv-tabs\" role=\"tablist\" aria-label=\"Profile sections\">\n          <button type=\"button\" class=\"nsfpv-tabs__btn is-active\" role=\"tab\" aria-selected=\"true\"\n            data-nsfpv-tab=\"photos\">\n            <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i> Photos\n          <\/button>\n          <button type=\"button\" class=\"nsfpv-tabs__btn\" role=\"tab\" aria-selected=\"false\" data-nsfpv-tab=\"posts\">\n            <i class=\"fa-solid fa-newspaper\" aria-hidden=\"true\"><\/i> Posts\n          <\/button>\n          <button type=\"button\" class=\"nsfpv-tabs__btn\" role=\"tab\" aria-selected=\"false\" data-nsfpv-tab=\"videos\">\n            <i class=\"fa-solid fa-video\" aria-hidden=\"true\"><\/i> Videos\n          <\/button>\n          <button type=\"button\" class=\"nsfpv-tabs__btn\" role=\"tab\" aria-selected=\"false\" data-nsfpv-tab=\"reels\">\n            <i class=\"fa-solid fa-film\" aria-hidden=\"true\"><\/i> Reels\n          <\/button>\n        <\/div>\n<div class=\"nsfpv-pane is-active\" id=\"nsfpv-pane-photos\" role=\"tabpanel\" data-nsfpv-pane=\"photos\">\n          <div class=\"nsfpv-empty\">\n            <i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i>\n            <p>Enter a username and click View Profile to load photos.<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsfpv-pane\" id=\"nsfpv-pane-posts\" role=\"tabpanel\" data-nsfpv-pane=\"posts\">\n          <div class=\"nsfpv-empty\">\n            <i class=\"fa-solid fa-newspaper\" aria-hidden=\"true\"><\/i>\n            <p>Posts will appear here.<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsfpv-pane\" id=\"nsfpv-pane-videos\" role=\"tabpanel\" data-nsfpv-pane=\"videos\">\n          <div class=\"nsfpv-empty\">\n            <i class=\"fa-solid fa-video\" aria-hidden=\"true\"><\/i>\n            <p>Videos will appear here.<\/p>\n          <\/div>\n        <\/div>\n<div class=\"nsfpv-pane\" id=\"nsfpv-pane-reels\" role=\"tabpanel\" data-nsfpv-pane=\"reels\">\n          <div class=\"nsfpv-empty\">\n            <i class=\"fa-solid fa-film\" aria-hidden=\"true\"><\/i>\n            <p>Reels will appear here.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<div class=\"nsfpv-modal\" id=\"nsfpv-modal\" aria-hidden=\"true\">\n    <div class=\"nsfpv-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Media preview\">\n      <button type=\"button\" class=\"nsfpv-modal__close\" id=\"nsfpv-modal-close\" aria-label=\"Close preview\">\n        <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"><\/i>\n      <\/button>\n      <div class=\"nsfpv-modal__stage\">\n        <img decoding=\"async\" class=\"nsfpv-modal__media nsfpv-modal__media--img is-hidden\" id=\"nsfpv-modal-img\" src=\"\" alt=\"Preview\"\n          referrerpolicy=\"no-referrer\">\n        <video class=\"nsfpv-modal__media nsfpv-modal__media--video is-hidden\" id=\"nsfpv-modal-video\" controls\n          playsinline preload=\"auto\" referrerpolicy=\"no-referrer\"><\/video>\n        <div class=\"nsfpv-modal__loading\" id=\"nsfpv-modal-loading\" aria-hidden=\"true\">\n          <i class=\"fa-solid fa-spinner\" aria-hidden=\"true\"><\/i>\n          <span>Loading video\u2026<\/span>\n        <\/div>\n      <\/div>\n<div class=\"nsfpv-modal__bar\">\n        <div class=\"nsfpv-modal__meta\" id=\"nsfpv-modal-meta\"><\/div>\n<div class=\"nsfpv-modal__actions\">\n          <button type=\"button\" class=\"nsfpv-modal__action nsfpv-modal__action--download is-hidden\"\n            id=\"nsfpv-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>   <!-- Google Fonts - Premium Typography -->\r\n   <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n   <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\r\n   <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n   \r\n   <!-- Bootstrap CSS -->\r\n   <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n   <!-- Boxicons -->\r\n   <link href=\"https:\/\/unpkg.com\/boxicons@2.1.4\/css\/boxicons.min.css\" rel=\"stylesheet\">\r\n   <!-- AOS Animation -->\r\n   <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n   \r\n    <!-- Font Awesome CSS -->\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\" rel=\"stylesheet\">\r\n\r\n    <style id=\"vvvebjs-styles\">\r\n        html {\r\n            overflow-x: hidden;\r\n        }\r\n\r\nbody {\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    overflow-x: hidden;\r\n    background-color: var(--va-home-white);\r\n    color: var(--va-home-dark);\r\n    line-height: 1.6;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    font-weight: 700;\r\n    color: var(--va-home-dark);\r\n    line-height: 1.2;\r\n}\r\n\r\n:root {\r\n    --gradient-1: #6366F1;\r\n    --gradient-2: #8c60ff;\r\n    --gradient-3: #6366F1;\r\n    --gradient-4: #4F46E5;\r\n    --gradient-5: #818CF8;\r\n    --dark-color: #0F172A;\r\n    --light-color: #FFFFFF;\r\n    --gray-color: #F1F5F9;\r\n    --instagram-gradient: linear-gradient(45deg, var(--gradient-1), var(--gradient-2), var(--gradient-3), var(--gradient-4), var(--gradient-5));\r\n    --instagram-gradient-hover: linear-gradient(45deg, #4F46E5, #7c3aed, #6366F1, #4F46E5, #7c3aed);\r\n    --section-padding: 100px 0;\r\n}\r\n\r\n\r\n        \/* Work Process Section with Gradient *\/\r\n        .work-process-section {\r\n            padding: var(--section-padding);\r\n            background: var(--instagram-gradient);\r\n            color: white;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .work-process-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .work-process-content {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .process-step {\r\n            text-align: center;\r\n            padding: 30px 20px;\r\n            position: relative;\r\n            z-index: 1;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 16px;\r\n            margin: 15px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .process-step:hover {\r\n            transform: translateY(-10px);\r\n            background: rgba(255, 255, 255, 0.15);\r\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .step-number {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: white;\r\n            color: var(--gradient-3);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: 700;\r\n            margin: 0 auto 20px;\r\n            font-size: 1.5rem;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        \/* Features Section *\/\r\n        .features-section {\r\n            padding: var(--section-padding);\r\n            background: white;\r\n        }\r\n\r\n        .feature-card {\r\n            padding: 40px 30px;\r\n            border-radius: 16px;\r\n            background: white;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n            margin-bottom: 30px;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(0, 0, 0, 0.05);\r\n            height: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .feature-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 4px;\r\n            height: 100%;\r\n            background: var(--instagram-gradient);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .feature-card:hover::before {\r\n            width: 100%;\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .feature-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 25px;\r\n            background: var(--instagram-gradient);\r\n            color: white;\r\n            font-size: 1.8rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .feature-card:hover .feature-icon {\r\n            transform: rotate(15deg) scale(1.1);\r\n            background: var(--instagram-gradient-hover);\r\n        }\r\n\r\n        \/* Why Choose Section *\/\r\n        .why-choose-section {\r\n            padding: var(--section-padding);\r\n            background: #f9f9f9;\r\n        }\r\n\r\n        .why-choose-image {\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n            transform: perspective(1000px) rotateY(-5deg);\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .why-choose-image:hover {\r\n            transform: perspective(1000px) rotateY(0deg);\r\n        }\r\n\r\n        .benefit-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 20px;\r\n            padding: 15px;\r\n            border-radius: 12px;\r\n            background: white;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .benefit-item:hover {\r\n            transform: translateX(10px);\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .benefit-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-right: 15px;\r\n            background: var(--instagram-gradient);\r\n            color: white;\r\n            font-size: 1.2rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* FAQ Section *\/\r\n        .faq-section {\r\n            padding: var(--section-padding);\r\n            background: white;\r\n        }\r\n\r\n        .accordion-item {\r\n            border: none;\r\n            border-radius: 12px !important;\r\n            overflow: hidden;\r\n            margin-bottom: 15px;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .accordion-button {\r\n            font-weight: 600;\r\n            color: var(--dark-color);\r\n            padding: 20px 25px;\r\n            background: white;\r\n            box-shadow: none;\r\n            border-radius: 12px 12px 0 0 !important;\r\n        }\r\n\r\n        .accordion-button:not(.collapsed) {\r\n            background: white;\r\n            color: var(--gradient-3);\r\n            box-shadow: none;\r\n        }\r\n\r\n        .accordion-button:focus {\r\n            box-shadow: none;\r\n            border-color: rgba(220, 39, 67, 0.3);\r\n        }\r\n\r\n        .accordion-button::after {\r\n            background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 16 16' fill='%23dc2743'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'\/%3e%3c\/svg%3e\");\r\n        }\r\n\r\n        .accordion-body {\r\n            padding: 25px;\r\n            color: #666;\r\n        }\r\n\r\n        \/* Section Titles *\/\r\n        .section-title {\r\n            font-weight: 700;\r\n            color: var(--dark-color);\r\n            margin-bottom: 1.5rem;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        .section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 0;\r\n            width: 60px;\r\n            height: 4px;\r\n            background: var(--instagram-gradient);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .light-title {\r\n            color: white;\r\n        }\r\n\r\n        .light-title::after {\r\n            background: white;\r\n        }\r\n\r\n        .section-subtitle {\r\n            color: #666;\r\n            max-width: 700px;\r\n            margin: 0 auto 3rem;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .light-subtitle {\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 991px) {\r\n            :root {\r\n                --section-padding: 80px 0;\r\n            }\r\n\r\n            .hero-section h1 {\r\n                font-size: 2.8rem;\r\n            }\r\n\r\n            .process-step::before {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            :root {\r\n                --section-padding: 70px 0;\r\n            }\r\n\r\n            .hero-section {\r\n                padding: 100px 0 60px;\r\n            }\r\n\r\n            .hero-section h1 {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .hero-section p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 1.8rem;\r\n            }\r\n        }\r\n\r\n        \/* Animation *\/\r\n        @keyframes float {\r\n            0% {\r\n                transform: translateY(0px);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-15px);\r\n            }\r\n\r\n            100% {\r\n                transform: translateY(0px);\r\n            }\r\n        }\r\n\r\n        .floating-element {\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n\r\n        \/* Custom Scrollbar *\/\r\n        ::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n\r\n        ::-webkit-scrollbar-track {\r\n            background: #f1f1f1;\r\n        }\r\n\r\n        ::-webkit-scrollbar-thumb {\r\n            background: var(--gradient-3);\r\n            border-radius: 10px;\r\n        }\r\n\r\n        ::-webkit-scrollbar-thumb:hover {\r\n            background: var(--gradient-4);\r\n        }\r\n\r\n        \/* Footer Section *\/\r\n        .footer-section {\r\n            background: radial-gradient(circle, rgba(16, 33, 120, 1) 0%, rgba(94, 7, 6, 1) 100%);\r\n            color: #fff;\r\n            padding-top: 80px;\r\n            padding-bottom: 80px;\r\n        }\r\n\r\n        .footer-logo {\r\n            width: 200px;\r\n            margin-bottom: 10px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .footer-description {\r\n            font-size: 14px;\r\n            color: #bbb;\r\n        }\r\n\r\n        .footer-heading {\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: #fff;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        \/* Quick Links and Tools *\/\r\n        .footer-links .footer-link,\r\n        .footer-tools .footer-tool {\r\n            color: #bbb;\r\n            text-decoration: none;\r\n            font-size: 14px;\r\n            display: block;\r\n            margin-bottom: 10px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .footer-links .footer-link:hover,\r\n        .footer-tools .footer-tool:hover {\r\n            color: #fff;\r\n        }\r\n\r\n        \/* Social Icons (Boxicons) *\/\r\n        .footer-social .social-icon {\r\n            color: #bbb;\r\n            font-size: 24px;\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .footer-social .social-icon:hover {\r\n            color: #fff;\r\n        }\r\n\r\n        \/* Footer Copyright Section *\/\r\n        .footer-copyright {\r\n            background-color: #1a1a1a;\r\n        }\r\n\r\n        .footer-bottom-text {\r\n            font-size: 14px;\r\n            color: #bbb;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 767.98px) {\r\n            .footer-logo {\r\n                width: 200px;\r\n            }\r\n\r\n            .footer-description {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .footer-heading {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .footer-link,\r\n            .footer-tool {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .footer-bottom-text {\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    <\/style>\r\n    <style>\r\n        :root {\r\n            \/* Instagram-Inspired Color System *\/\r\n            --instagram-yellow: #feda75;\r\n            --instagram-orange: #fa7e1e;\r\n            --instagram-pink: #d62976;\r\n            --instagram-purple: #962fbf;\r\n            --instagram-blue: #4f5bd5;\r\n\r\n            \/* Primary Color System (Instagram-based) *\/\r\n            --primary-50: #fefbf0;\r\n            --primary-100: #fef7e0;\r\n            --primary-200: #fdeec7;\r\n            --primary-300: #fbe0a5;\r\n            --primary-400: #f8d181;\r\n            --primary-500: #feda75;\r\n            --primary-600: #f5c23e;\r\n            --primary-700: #e8a91a;\r\n            --primary-800: #c18a0f;\r\n            --primary-900: #9a6b0a;\r\n\r\n            \/* Secondary Color System (Orange-based) *\/\r\n            --secondary-50: #fef7f0;\r\n            --secondary-100: #fdeee0;\r\n            --secondary-200: #fbdcc7;\r\n            --secondary-300: #f8c4a5;\r\n            --secondary-400: #f5a681;\r\n            --secondary-500: #fa7e1e;\r\n            --secondary-600: #e86a0f;\r\n            --secondary-700: #c55a0d;\r\n            --secondary-800: #a24a0b;\r\n            --secondary-900: #7f3a09;\r\n\r\n            \/* Accent Color System (Pink-based) *\/\r\n            --accent-50: #fdf0f7;\r\n            --accent-100: #fbe0ef;\r\n            --accent-200: #f7c2df;\r\n            --accent-300: #f29cc9;\r\n            --accent-400: #ed76b3;\r\n            --accent-500: #d62976;\r\n            --accent-600: #c22466;\r\n            --accent-700: #a81e55;\r\n            --accent-800: #8e1844;\r\n            --accent-900: #741233;\r\n\r\n            \/* Success Color System (Purple-based) *\/\r\n            --success-50: #f7f0fd;\r\n            --success-100: #efe0fb;\r\n            --success-200: #dfc2f7;\r\n            --success-300: #c99cf2;\r\n            --success-400: #b376ed;\r\n            --success-500: #962fbf;\r\n            --success-600: #852aac;\r\n            --success-700: #742599;\r\n            --success-800: #632086;\r\n            --success-900: #521b73;\r\n\r\n            \/* Warning Color System (Blue-based) *\/\r\n            --warning-50: #f0f2fd;\r\n            --warning-100: #e0e4fb;\r\n            --warning-200: #c2c9f7;\r\n            --warning-300: #9ca7f2;\r\n            --warning-400: #7685ed;\r\n            --warning-500: #4f5bd5;\r\n            --warning-600: #4652c0;\r\n            --warning-700: #3d49ab;\r\n            --warning-800: #344096;\r\n            --warning-900: #2b3781;\r\n\r\n            \/* Neutral System *\/\r\n            --white: #ffffff;\r\n            --gray-25: #fcfcfd;\r\n            --gray-50: #f8fafc;\r\n            --gray-100: #f1f5f9;\r\n            --gray-200: #e2e8f0;\r\n            --gray-300: #cbd5e1;\r\n            --gray-400: #94a3b8;\r\n            --gray-500: #64748b;\r\n            --gray-600: #475569;\r\n            --gray-700: #334155;\r\n            --gray-800: #1e293b;\r\n            --gray-900: #0f172a;\r\n            --gray-950: #020617;\r\n\r\n            \/* Instagram-Inspired Gradients *\/\r\n            --gradient-primary: linear-gradient(135deg,#6366f1 0%,#8c60ff 100%);\r\n            --gradient-secondary: linear-gradient(135deg, #fa7e1e 0%, #d62976 100%);\r\n            --gradient-accent: linear-gradient(135deg, #d62976 0%, #962fbf 100%);\r\n            --gradient-success: linear-gradient(135deg, #962fbf 0%, #4f5bd5 100%);\r\n            --gradient-warm: linear-gradient(135deg, #feda75 0%, #fa7e1e 100%);\r\n            --gradient-cool: linear-gradient(135deg, #4f5bd5 0%, #962fbf 100%);\r\n            --gradient-dark: linear-gradient(135deg, #1e293b 0%, #334155 100%);\r\n            --gradient-mesh: radial-gradient(at 40% 20%, rgba(254, 218, 117, 0.3) 0px, transparent 50%),\r\n                radial-gradient(at 80% 0%, rgba(250, 126, 30, 0.3) 0px, transparent 50%),\r\n                radial-gradient(at 0% 50%, rgba(214, 41, 118, 0.3) 0px, transparent 50%),\r\n                radial-gradient(at 80% 50%, rgba(150, 47, 191, 0.3) 0px, transparent 50%),\r\n                radial-gradient(at 0% 100%, rgba(79, 91, 213, 0.3) 0px, transparent 50%);\r\n\r\n            \/* Advanced Shadows *\/\r\n            --shadow-xs: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\r\n            --shadow-sm: 0 1px 3px 0 rgb(0 0 0 \/ 0.1), 0 1px 2px -1px rgb(0 0 0 \/ 0.1);\r\n            --shadow-md: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\r\n            --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\r\n            --shadow-xl: 0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);\r\n            --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 \/ 0.25);\r\n            --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 \/ 0.05);\r\n            --shadow-colored-primary: 0 20px 25px -5px rgb(254 218 117 \/ 0.2), 0 8px 10px -6px rgb(254 218 117 \/ 0.2);\r\n            --shadow-colored-secondary: 0 20px 25px -5px rgb(250 126 30 \/ 0.2), 0 8px 10px -6px rgb(250 126 30 \/ 0.2);\r\n            --shadow-colored-accent: 0 20px 25px -5px rgb(214 41 118 \/ 0.2), 0 8px 10px -6px rgb(214 41 118 \/ 0.2);\r\n\r\n            \/* Border Radius System *\/\r\n            --radius-none: 0;\r\n            --radius-sm: 0.125rem;\r\n            --radius: 0.25rem;\r\n            --radius-md: 0.375rem;\r\n            --radius-lg: 0.5rem;\r\n            --radius-xl: 0.75rem;\r\n            --radius-2xl: 1rem;\r\n            --radius-3xl: 1.5rem;\r\n            --radius-4xl: 2rem;\r\n            --radius-full: 9999px;\r\n\r\n            \/* Spacing System *\/\r\n            --space-px: 1px;\r\n            --space-0: 0;\r\n            --space-1: 0.25rem;\r\n            --space-2: 0.5rem;\r\n            --space-3: 0.75rem;\r\n            --space-4: 1rem;\r\n            --space-5: 1.25rem;\r\n            --space-6: 1.5rem;\r\n            --space-8: 2rem;\r\n            --space-10: 2.5rem;\r\n            --space-12: 3rem;\r\n            --space-16: 4rem;\r\n            --space-20: 5rem;\r\n            --space-24: 6rem;\r\n            --space-32: 8rem;\r\n\r\n            \/* Typography Scale *\/\r\n            --text-xs: 0.75rem;\r\n            --text-sm: 0.875rem;\r\n            --text-base: 1rem;\r\n            --text-lg: 1.125rem;\r\n            --text-xl: 1.25rem;\r\n            --text-2xl: 1.5rem;\r\n            --text-3xl: 1.875rem;\r\n            --text-4xl: 2.25rem;\r\n            --text-5xl: 3rem;\r\n            --text-6xl: 3.75rem;\r\n            --text-7xl: 4.5rem;\r\n            --text-8xl: 6rem;\r\n            --text-9xl: 8rem;\r\n\r\n            \/* Animation System *\/\r\n            --duration-75: 75ms;\r\n            --duration-100: 100ms;\r\n            --duration-150: 150ms;\r\n            --duration-200: 200ms;\r\n            --duration-300: 300ms;\r\n            --duration-500: 500ms;\r\n            --duration-700: 700ms;\r\n            --duration-1000: 1000ms;\r\n\r\n            --ease-linear: linear;\r\n            --ease-in: cubic-bezier(0.4, 0, 1, 1);\r\n            --ease-out: cubic-bezier(0, 0, 0.2, 1);\r\n            --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\r\n            --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n            --ease-elastic: cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        }\r\n\r\n        \/* Reset & Base *\/\r\n        *,\r\n        *::before,\r\n        *::after {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n            -webkit-text-size-adjust: 100%;\r\n        }\r\n\r\n    \r\n      \r\n \/*     body {\r\n\tfont-feature-settings: 'cv11', 'ss01';\r\n\tfont-variation-settings: 'opsz' 32;\r\n\tbackground: #51f706;\r\n\tcolor: #e160c7;\r\n\tline-height: 1.6;\r\n\t-webkit-font-smoothing: antialiased;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\ttext-rendering: optimizeLegibility;\r\n\toverflow-x: hidden;\r\n\tmin-height: 100vh;\r\n}*\/\r\n\r\n        \/* Premium Background *\/\r\n        .bg-pattern {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: var(--gradient-mesh);\r\n            opacity: 0.4;\r\n            z-index: -2;\r\n            animation: meshFloat 20s ease-in-out infinite;\r\n        }\r\n\r\n        .bg-pattern::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background:\r\n                radial-gradient(circle at 20% 80%, rgba(254, 218, 117, 0.08) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 20%, rgba(250, 126, 30, 0.08) 0%, transparent 50%),\r\n                radial-gradient(circle at 40% 40%, rgba(214, 41, 118, 0.08) 0%, transparent 50%);\r\n            animation: float 25s ease-in-out infinite reverse;\r\n        }\r\n\r\n        .bg-overlay {\r\n            position: fixed;\r\n            inset: 0;\r\n            background: linear-gradient(135deg, var(--white) 0%, rgba(248, 250, 252, 0.8) 100%);\r\n            z-index: -1;\r\n        }\r\n\r\n        .video-meta {\r\n            display: flex;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        @keyframes meshFloat {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translateY(0px) rotate(0deg) scale(1);\r\n            }\r\n\r\n            33% {\r\n                transform: translateY(-20px) rotate(1deg) scale(1.02);\r\n            }\r\n\r\n            66% {\r\n                transform: translateY(10px) rotate(-1deg) scale(0.98);\r\n            }\r\n        }\r\n\r\n        @keyframes float {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translateY(0px) rotate(0deg);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-30px) rotate(2deg);\r\n            }\r\n        }\r\n\r\n        \/* Container System *\/\r\n        \/* .container {\r\n          max-width: 1200px;\r\n          margin: 0 auto !important;\r\n          padding: var(--space-8);\r\n          position: relative;\r\n      } *\/\r\n\r\n        \/* Premium Header *\/\r\n        .header {\r\n            text-align: center;\r\n            margin-bottom: var(--space-20);\r\n            animation: slideDown var(--duration-1000) var(--ease-elastic);\r\n            position: relative;\r\n      \r\n        \r\n        }\r\n      \r\n      .av-hero{\r\n\r\nbackground: white;\r\n\r\nfilter: progid: DXImageTransform.Microsoft.gradient( startColorstr=\"#0968E5\", endColorstr=\"#091970\", GradientType=1 );\r\n      }\r\n\r\n        .header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: 50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(254, 218, 117, 0.05) 0%, transparent 70%);\r\n            transform: translateX(-50%);\r\n            z-index: -1;\r\n        }\r\n\r\n        @keyframes slideDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-60px) scale(0.9);\r\n                filter: blur(10px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n                filter: blur(0);\r\n            }\r\n        }\r\n\r\n        .header h1 {\r\n\tfont-size: clamp(var(--text-4xl), 8vw, var(--text-7xl));\r\n\tfont-weight: 900;\r\n\tbackground: var(--gradient-primary);\r\n\tbackground-clip: text;\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: var(--gradient-primary);\r\n\tmargin-bottom: var(--space-6);\r\n\tletter-spacing: -0.04em;\r\n\tline-height: 0.9;\r\n\tposition: relative;\r\n}\r\n\r\n        .header h1::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 50%;\r\n            width: 100px;\r\n            height: 4px;\r\n            background: var(--gradient-primary);\r\n            border-radius: var(--radius-full);\r\n            transform: translateX(-50%);\r\n            animation: shimmer 3s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes shimmer {\r\n\r\n            0%,\r\n            100% {\r\n                opacity: 0.5;\r\n                transform: translateX(-50%) scaleX(1);\r\n            }\r\n\r\n            50% {\r\n                opacity: 1;\r\n                transform: translateX(-50%) scaleX(1.2);\r\n            }\r\n        }\r\n\r\n      \r\n      \r\n      .header p {\r\n\tfont-size: var(--text-xl);\r\n\tcolor: var(--gradient-primary);\r\n\tfont-weight: 500;\r\n\tmax-width: 100%;\r\n\tmargin: 0 auto;\r\n\tline-height: 1.7;\r\n}\r\n\r\n        \/* Premium Search Section *\/\r\n        .search-section {\r\n\tbackground:var(--gradient-primary);\r\n\tborder-radius: var(--radius-4xl);\r\n\tbox-shadow: var(--shadow-2xl);\r\n\tpadding: var(--space-12);\r\n\tmargin-bottom: var(--space-16);\r\n\tborder: 1px solid var(--gray-200);\r\n\tanimation: slideUp var(--duration-1000) var(--ease-elastic) 0.2s both;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n}\r\n\r\n        .search-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(254, 218, 117, 0.03), transparent);\r\n            animation: shine 4s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes shine {\r\n            0% {\r\n                left: -100%;\r\n            }\r\n\r\n            50% {\r\n                left: 100%;\r\n            }\r\n\r\n            100% {\r\n                left: -100%;\r\n            }\r\n        }\r\n\r\n        @keyframes slideUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(60px) scale(0.95);\r\n                filter: blur(5px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n                filter: blur(0);\r\n            }\r\n        }\r\n\r\n        .search-form {\r\n            display: flex;\r\n            gap: var(--space-4);\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .input-group {\r\n            flex: 1;\r\n            position: relative;\r\n        }\r\n\r\n        .input-icon {\r\n            position: absolute;\r\n            left: var(--space-6);\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            color: var(--gray-400);\r\n            font-size: var(--text-xl);\r\n            z-index: 3;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n    .url-input {\r\n\twidth: 100%;\r\n\tpadding: var(--space-5) var(--space-5) var(--space-5) var(--space-16);\r\n\tborder: 2px solid var(--gray-200);\r\n\tborder-radius: var(--radius-3xl);\r\n\tfont-size: var(--text-lg);\r\n\tfont-weight: 500;\r\n\tbackground: white;\r\n\tcolor: #f8f9fb;\r\n\ttransition: all var(--duration-300) var(--ease-out);\r\n\tfont-family: inherit;\r\n\tbox-shadow: var(--shadow-sm);\r\n}\r\n\r\n        .url-input::placeholder {\r\n            color: var(--gray-400);\r\n            font-weight: 400;\r\n        }\r\n\r\n        .url-input:focus {\r\n            outline: none;\r\n            border-color: var(--primary-500);\r\n            box-shadow: 0 0 0 4px var(--primary-100), var(--shadow-lg);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .url-input:focus+.input-icon {\r\n            color: var(--primary-500);\r\n            transform: translateY(-50%) scale(1.1);\r\n        }\r\n\r\n        .analyze-btn {\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n            border: none;\r\n            padding: var(--space-5) var(--space-10);\r\n            border-radius: var(--radius-3xl);\r\n            font-size: var(--text-lg);\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            font-family: inherit;\r\n            white-space: nowrap;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow-lg);\r\n            letter-spacing: 0.025em;\r\n        }\r\n      \r\n      .analyze-btn {\r\n\tbackground: #24269d;\r\n\tcolor: var(--white);\r\n\tborder: none;\r\n\tpadding: var(--space-5) var(--space-10);\r\n\tborder-radius: var(--radius-3xl);\r\n\tfont-size: var(--text-lg);\r\n\tfont-weight: 700;\r\n\tcursor: pointer;\r\n\ttransition: all var(--duration-300) var(--ease-out);\r\n\tfont-family: inherit;\r\n\twhite-space: nowrap;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\tbox-shadow: var(--shadow-lg);\r\n\tletter-spacing: 0.025em;\r\n}\r\n\r\n        .analyze-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n            transition: left var(--duration-700) var(--ease-out);\r\n        }\r\n\r\n        .analyze-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .analyze-btn:hover {\r\n            transform: translateY(-3px) scale(1.02);\r\n            box-shadow: var(--shadow-colored-primary);\r\n        }\r\n\r\n        .analyze-btn:active {\r\n            transform: translateY(-1px) scale(0.98);\r\n        }\r\n\r\n        .analyze-btn:disabled {\r\n            opacity: 0.7;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n\r\n        .error-message {\r\n            background: var(--gradient-warm);\r\n            color: var(--white);\r\n            padding: var(--space-4) var(--space-6);\r\n            border-radius: var(--radius-2xl);\r\n            margin-top: var(--space-4);\r\n            font-weight: 600;\r\n            animation: shake var(--duration-500) var(--ease-out);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        @keyframes shake {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translateX(0);\r\n            }\r\n\r\n            25% {\r\n                transform: translateX(-8px);\r\n            }\r\n\r\n            75% {\r\n                transform: translateX(8px);\r\n            }\r\n        }\r\n\r\n        \/* Premium Loading *\/\r\n        .loading {\r\n            text-align: center;\r\n            padding: var(--space-20) var(--space-8);\r\n            background: linear-gradient(135deg, var(--white) 0%, rgba(254, 218, 117, 0.05) 100%);\r\n            border-radius: var(--radius-4xl);\r\n            box-shadow: var(--shadow-2xl);\r\n            border: 1px solid rgba(254, 218, 117, 0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .loading::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(45deg, transparent 30%, rgba(250, 126, 30, 0.08) 50%, transparent 70%);\r\n            animation: loadingShimmer 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes loadingShimmer {\r\n            0% {\r\n                transform: translateX(-100%) translateY(-100%);\r\n            }\r\n\r\n            100% {\r\n                transform: translateX(100%) translateY(100%);\r\n            }\r\n        }\r\n\r\n        .loading-spinner {\r\n            width: 80px;\r\n            height: 80px;\r\n            margin: 0 auto var(--space-8);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .loading-spinner::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            border: 4px solid rgba(254, 218, 117, 0.3);\r\n            border-top: 4px solid var(--instagram-yellow);\r\n            border-radius: 50%;\r\n            animation: spin var(--duration-1000) linear infinite;\r\n        }\r\n\r\n        .loading-spinner::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 8px;\r\n            border: 3px solid transparent;\r\n            border-top: 3px solid var(--instagram-orange);\r\n            border-radius: 50%;\r\n            animation: spin var(--duration-700) linear infinite reverse;\r\n        }\r\n\r\n        @keyframes spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .loading-text {\r\n            font-size: var(--text-xl);\r\n            font-weight: 700;\r\n            background: var(--gradient-primary);\r\n            background-clip: text;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            animation: pulse var(--duration-1000) ease-in-out infinite;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        @keyframes pulse {\r\n\r\n            0%,\r\n            100% {\r\n                opacity: 0.6;\r\n            }\r\n\r\n            50% {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* Skeleton Loading Styles *\/\r\n        .skeleton-loading {\r\n            background: linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);\r\n            background-size: 200% 100%;\r\n            animation: skeleton-shimmer 1.5s infinite;\r\n        }\r\n\r\n        @keyframes skeleton-shimmer {\r\n            0% {\r\n                background-position: -200% 0;\r\n            }\r\n\r\n            100% {\r\n                background-position: 200% 0;\r\n            }\r\n        }\r\n\r\n        .videos-skeleton,\r\n        .reels-skeleton {\r\n            display: none;\r\n        }\r\n\r\n        .videos-skeleton.active,\r\n        .reels-skeleton.active {\r\n            display: block;\r\n        }\r\n\r\n        .videos-grid-skeleton,\r\n        .reels-grid-skeleton {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: var(--space-6);\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n\r\n            .videos-grid-skeleton,\r\n            .reels-grid-skeleton {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n\r\n            .videos-grid-skeleton,\r\n            .reels-grid-skeleton {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        .video-skeleton,\r\n        .reel-skeleton {\r\n            background: var(--white);\r\n            border-radius: var(--radius-3xl);\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow-md);\r\n            border: 1px solid var(--gray-200);\r\n        }\r\n\r\n        .video-thumbnail-skeleton,\r\n        .reel-thumbnail-skeleton {\r\n            height: 350px;\r\n            background: linear-gradient(90deg, var(--gray-200) 25%, rgba(254, 218, 117, 0.1) 50%, var(--gray-200) 75%);\r\n            background-size: 200% 100%;\r\n            animation: skeleton-shimmer 1.5s infinite;\r\n        }\r\n\r\n        .video-info-skeleton,\r\n        .reel-info-skeleton {\r\n            padding: var(--space-4);\r\n        }\r\n\r\n        .skeleton-line {\r\n            height: 16px;\r\n            background: var(--gray-200);\r\n            border-radius: var(--radius-lg);\r\n            margin-bottom: var(--space-3);\r\n            animation: skeleton-shimmer 1.5s infinite;\r\n        }\r\n\r\n        .skeleton-line.short {\r\n            width: 60%;\r\n        }\r\n\r\n        \/* Group Styles *\/\r\n        .group-header {\r\n            background: var(--white);\r\n            border-radius: var(--radius-4xl);\r\n            box-shadow: var(--shadow-2xl);\r\n            overflow: hidden;\r\n            margin-bottom: var(--space-8);\r\n            border: 1px solid var(--gray-200);\r\n            animation: slideUp var(--duration-1000) var(--ease-elastic) 0.4s both;\r\n            position: relative;\r\n        }\r\n\r\n        .group-cover {\r\n            position: relative;\r\n            height: 400px;\r\n            background: var(--gradient-primary);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .group-cover img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform var(--duration-700) var(--ease-out);\r\n        }\r\n\r\n        .group-cover:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .group-cover-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to bottom,\r\n                    transparent 0%,\r\n                    rgba(0, 0, 0, 0.1) 40%,\r\n                    rgba(0, 0, 0, 0.8) 100%);\r\n        }\r\n\r\n        .group-info-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            padding: var(--space-12);\r\n            color: var(--white);\r\n        }\r\n\r\n        .group-title {\r\n            font-size: clamp(var(--text-2xl), 5vw, var(--text-5xl));\r\n            font-weight: 800;\r\n            margin-bottom: var(--space-3);\r\n            text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);\r\n            letter-spacing: -0.02em;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .group-subtitle {\r\n            font-size: var(--text-xl);\r\n            opacity: 0.95;\r\n            font-weight: 600;\r\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .group-details {\r\n            padding: var(--space-12);\r\n        }\r\n\r\n        .stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n            gap: var(--space-6);\r\n            margin-bottom: var(--space-10);\r\n        }\r\n\r\n        .stat-card {\r\n            background: linear-gradient(135deg, var(--white) 0%, var(--gray-25) 100%);\r\n            border: 1px solid var(--gray-200);\r\n            border-radius: var(--radius-3xl);\r\n            padding: var(--space-8);\r\n            text-align: center;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            animation: fadeInUp var(--duration-700) var(--ease-elastic);\r\n            animation-delay: calc(var(--delay) * 0.1s);\r\n            animation-fill-mode: both;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .stat-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: var(--gradient-primary);\r\n            opacity: 0;\r\n            transition: opacity var(--duration-300) var(--ease-out);\r\n            border-radius: inherit;\r\n        }\r\n\r\n        .stat-card:hover::before {\r\n            opacity: 0.05;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(40px) scale(0.9);\r\n                filter: blur(5px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n                filter: blur(0);\r\n            }\r\n        }\r\n\r\n        .stat-card:hover {\r\n            transform: translateY(-8px) scale(1.02);\r\n            box-shadow: var(--shadow-xl);\r\n            border-color: var(--primary-300);\r\n        }\r\n\r\n        .stat-icon {\r\n            width: 64px;\r\n            height: 64px;\r\n            background: var(--gradient-primary);\r\n            border-radius: var(--radius-2xl);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto var(--space-4);\r\n            font-size: var(--text-2xl);\r\n            box-shadow: var(--shadow-lg);\r\n            position: relative;\r\n            z-index: 2;\r\n            color: var(--white);\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: var(--text-3xl);\r\n            font-weight: 800;\r\n            color: var(--gray-900);\r\n            display: block;\r\n            margin-bottom: var(--space-2);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: var(--text-sm);\r\n            color: var(--gray-600);\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .group-description {\r\n            background: linear-gradient(135deg, var(--gray-50) 0%, var(--white) 100%);\r\n            border: 1px solid var(--gray-200);\r\n            border-radius: var(--radius-3xl);\r\n            padding: var(--space-8);\r\n            margin-bottom: var(--space-8);\r\n            font-size: var(--text-lg);\r\n            line-height: 1.8;\r\n            color: var(--gray-700);\r\n            box-shadow: var(--shadow-sm);\r\n        }\r\n\r\n        .visit-btn {\r\n            background: var(--gradient-accent);\r\n            color: var(--white);\r\n            text-decoration: none;\r\n            padding: var(--space-4) var(--space-8);\r\n            border-radius: var(--radius-2xl);\r\n            font-weight: 700;\r\n            font-size: var(--text-lg);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: var(--space-3);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            box-shadow: var(--shadow-lg);\r\n            letter-spacing: 0.025em;\r\n        }\r\n\r\n        .visit-btn:hover {\r\n            transform: translateY(-3px) scale(1.05);\r\n            box-shadow: var(--shadow-colored-accent);\r\n        }\r\n\r\n        \/* Premium Navigation *\/\r\n        .nav-tabs {\r\n            background: var(--white);\r\n            border-radius: var(--radius-4xl);\r\n            box-shadow: var(--shadow-2xl);\r\n            margin-bottom: var(--space-8);\r\n            border: 1px solid var(--gray-200);\r\n            overflow: hidden;\r\n            animation: slideUp var(--duration-1000) var(--ease-elastic) 0.6s both;\r\n        }\r\n\r\n        .tab-list {\r\n            display: flex;\r\n            background: linear-gradient(135deg, var(--gray-50) 0%, var(--white) 100%);\r\n            border-bottom: 1px solid var(--gray-200);\r\n            padding: var(--space-2);\r\n        }\r\n\r\n        .tab-btn {\r\n            flex: 1;\r\n            padding: var(--space-6) var(--space-8);\r\n            background: none;\r\n            border: none;\r\n            font-size: var(--text-lg);\r\n            font-weight: 700;\r\n            color: var(--gray-600);\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            position: relative;\r\n            font-family: inherit;\r\n            border-radius: var(--radius-2xl);\r\n            margin: var(--space-1);\r\n        }\r\n\r\n        .tab-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 3px;\r\n            background: var(--gradient-primary);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            transform: translateX(-50%);\r\n            border-radius: var(--radius-full);\r\n        }\r\n\r\n        .tab-btn:hover,\r\n        .tab-btn.active {\r\n            color: var(--primary-600);\r\n            background: var(--white);\r\n            box-shadow: var(--shadow-md);\r\n        }\r\n\r\n        .tab-btn.active::before {\r\n            width: 60%;\r\n        }\r\n\r\n        .tab-content {\r\n            display: none;\r\n            padding: var(--space-8);\r\n            animation: fadeInScale var(--duration-500) var(--ease-out);\r\n        }\r\n\r\n        .tab-content.active {\r\n            display: block;\r\n        }\r\n\r\n        @keyframes fadeInScale {\r\n            from {\r\n                opacity: 0;\r\n                transform: scale(0.95) translateY(20px);\r\n                filter: blur(3px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: scale(1) translateY(0);\r\n                filter: blur(0);\r\n            }\r\n        }\r\n\r\n        \/* Premium Media Section *\/\r\n        .media-summary {\r\n            background: var(--gradient-primary);\r\n            border-radius: var(--radius-4xl);\r\n            padding: var(--space-12);\r\n            margin-bottom: var(--space-8);\r\n            text-align: center;\r\n            color: var(--white);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .media-summary::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\r\n            animation: rotate 20s linear infinite;\r\n        }\r\n\r\n        @keyframes rotate {\r\n            from {\r\n                transform: rotate(0deg);\r\n            }\r\n\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .summary-title {\r\n            font-size: var(--text-4xl);\r\n            font-weight: 800;\r\n            margin-bottom: var(--space-4);\r\n            position: relative;\r\n            z-index: 2;\r\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .summary-description {\r\n            font-size: var(--text-xl);\r\n            opacity: 0.95;\r\n            margin-bottom: var(--space-8);\r\n            position: relative;\r\n            z-index: 2;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .summary-stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\r\n            gap: var(--space-8);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .summary-stat {\r\n            text-align: center;\r\n        }\r\n\r\n        .summary-stat-number {\r\n            font-size: var(--text-4xl);\r\n            font-weight: 900;\r\n            display: block;\r\n            margin-bottom: var(--space-2);\r\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .summary-stat-label {\r\n            font-size: var(--text-sm);\r\n            opacity: 0.9;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .media-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n            gap: var(--space-8);\r\n        }\r\n\r\n        \/* Ultra Premium Media Cards *\/\r\n        .media-card {\r\n            background: var(--white);\r\n            border-radius: var(--radius-4xl);\r\n            box-shadow: var(--shadow-xl);\r\n            border: 1px solid var(--gray-200);\r\n            overflow: hidden;\r\n            transition: all var(--duration-500) var(--ease-elastic);\r\n            animation: slideUp var(--duration-700) var(--ease-elastic);\r\n            animation-delay: calc(var(--index) * 0.1s);\r\n            animation-fill-mode: both;\r\n            position: relative;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .media-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: var(--gradient-primary);\r\n            opacity: 0;\r\n            transition: opacity var(--duration-300) var(--ease-out);\r\n            border-radius: inherit;\r\n            z-index: 1;\r\n        }\r\n\r\n        .media-card:hover::before {\r\n            opacity: 0.02;\r\n        }\r\n\r\n        .media-card:hover {\r\n            transform: translateY(-12px) scale(1.02);\r\n            box-shadow: var(--shadow-2xl);\r\n            border-color: var(--primary-300);\r\n        }\r\n\r\n        .media-image-container {\r\n            position: relative;\r\n            aspect-ratio: 16\/10;\r\n            overflow: hidden;\r\n            background: linear-gradient(135deg, var(--gray-100) 0%, var(--gray-200) 100%);\r\n        }\r\n\r\n        .media-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform var(--duration-700) var(--ease-out);\r\n        }\r\n\r\n        .media-card:hover .media-image {\r\n            transform: scale(1.1) rotate(1deg);\r\n        }\r\n\r\n        \/* Ultra Premium Hover Overlay *\/\r\n        .media-hover-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg,\r\n                    rgba(254, 218, 117, 0.95) 0%,\r\n                    rgba(250, 126, 30, 0.95) 50%,\r\n                    rgba(214, 41, 118, 0.95) 100%);\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: all var(--duration-500) var(--ease-elastic);\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: var(--space-6);\r\n            padding: var(--space-8);\r\n            backdrop-filter: blur(20px);\r\n            z-index: 10;\r\n        }\r\n\r\n        .media-card:hover .media-hover-overlay {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .quality-indicator {\r\n            background: rgba(255, 255, 255, 0.25);\r\n            backdrop-filter: blur(15px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            color: var(--white);\r\n            padding: var(--space-3) var(--space-6);\r\n            border-radius: var(--radius-full);\r\n            font-weight: 800;\r\n            font-size: var(--text-sm);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n            animation: slideInDown var(--duration-500) var(--ease-elastic) 0.1s both;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        @keyframes slideInDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-30px) scale(0.8);\r\n                filter: blur(5px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n                filter: blur(0);\r\n            }\r\n        }\r\n\r\n        .download-actions {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: var(--space-3);\r\n            animation: slideInUp var(--duration-500) var(--ease-elastic) 0.2s both;\r\n        }\r\n\r\n        .download-btn {\r\n            background: rgba(255, 255, 255, 0.25);\r\n            backdrop-filter: blur(15px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            color: var(--white);\r\n            padding: var(--space-4) var(--space-8);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-base);\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-elastic);\r\n            font-family: inherit;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: var(--space-3);\r\n            min-width: 180px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        .download-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n            transition: left var(--duration-700) var(--ease-out);\r\n        }\r\n\r\n        .download-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .download-btn:hover {\r\n            background: rgba(255, 255, 255, 0.35);\r\n            border-color: rgba(255, 255, 255, 0.5);\r\n            transform: translateY(-3px) scale(1.05);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .download-btn:active {\r\n            transform: translateY(-1px) scale(0.98);\r\n        }\r\n\r\n        .btn-icon {\r\n            font-size: var(--text-lg);\r\n            transition: transform var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .download-btn:hover .btn-icon {\r\n            transform: scale(1.2) rotate(5deg);\r\n        }\r\n\r\n        \/* Premium Media Info *\/\r\n        .media-info {\r\n            padding: var(--space-6);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .media-meta {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: var(--text-sm);\r\n            color: var(--gray-600);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .resolution-badge {\r\n            background: linear-gradient(135deg, var(--gray-100) 0%, var(--gray-200) 100%);\r\n            color: var(--gray-700);\r\n            padding: var(--space-2) var(--space-4);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n            box-shadow: var(--shadow-sm);\r\n        }\r\n\r\n        .type-badge {\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n            padding: var(--space-2) var(--space-4);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n            box-shadow: var(--shadow-sm);\r\n        }\r\n\r\n        \/* Video Grid Styles for Groups *\/\r\n        .video-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: var(--space-6);\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .video-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .video-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        .video-card {\r\n            background: var(--white);\r\n            border-radius: var(--radius-3xl);\r\n            box-shadow: var(--shadow-md);\r\n            border: 1px solid var(--gray-200);\r\n            overflow: hidden;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            animation: slideUp var(--duration-700) var(--ease-elastic);\r\n            animation-delay: calc(var(--index) * 0.1s);\r\n            animation-fill-mode: both;\r\n            position: relative;\r\n        }\r\n\r\n        .video-card:hover {\r\n            transform: translateY(-8px) scale(1.02);\r\n            box-shadow: var(--shadow-xl);\r\n            border-color: rgba(254, 218, 117, 0.3);\r\n        }\r\n\r\n        .video-card video {\r\n            width: 100%;\r\n            height: 250px;\r\n            object-fit: cover;\r\n            background: var(--gray-100);\r\n            transition: transform var(--duration-500) var(--ease-out);\r\n        }\r\n\r\n        .video-card:hover video {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .video-info {\r\n            padding: var(--space-4);\r\n            display: flex;\r\n            flex-direction: column;\r\n\r\n        }\r\n\r\n        .video-title {\r\n    font-size: var(--text-lg);\r\n    font-weight: 700;\r\n    color: var(--gray-900);\r\n    margin-bottom: var(--space-2);\r\n    flex-shrink: 0;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    line-height: 1.2;\r\n    text-align: left;\r\n}\r\n\r\n        .video-description {\r\n            font-size: var(--text-xs);\r\n            font-weight: 400;\r\n            color: var(--gray-500);\r\n            line-height: 1.4;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n            opacity: 0.8;\r\n            flex-grow: 1;\r\n            margin-bottom: var(--space-3);\r\n            display: none;\r\n        }\r\n\r\n        .video-stats {\r\n            margin-top: auto;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .video-badges {\r\n            display: flex;\r\n            gap: var(--space-2);\r\n            margin-bottom: var(--space-4);\r\n        }\r\n\r\n        .quality-badge {\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n            padding: var(--space-1) var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            box-shadow: 0 2px 8px rgba(254, 218, 117, 0.3);\r\n        }\r\n\r\n        .format-badge {\r\n            background: linear-gradient(135deg, rgba(250, 126, 30, 0.1) 0%, rgba(214, 41, 118, 0.1) 100%);\r\n            color: var(--instagram-orange);\r\n            padding: var(--space-1) var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            border: 1px solid rgba(250, 126, 30, 0.2);\r\n        }\r\n\r\n        .video-actions {\r\n            display: flex;\r\n            gap: var(--space-3);\r\n            align-items: center;\r\n        }\r\n\r\n        .video-download-btn {\r\n            flex: 1;\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n            border: none;\r\n            padding: var(--space-3) var(--space-6);\r\n            border-radius: var(--radius-2xl);\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 15px rgba(254, 218, 117, 0.3);\r\n        }\r\n\r\n        .video-download-btn:hover {\r\n            transform: translateY(-2px) scale(1.02);\r\n            box-shadow: 0 8px 25px rgba(254, 218, 117, 0.4);\r\n        }\r\n\r\n        .download-progress {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            height: 3px;\r\n            background: rgba(255, 255, 255, 0.5);\r\n            transition: width var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .copy-btn {\r\n            background: linear-gradient(135deg, rgba(214, 41, 118, 0.1) 0%, rgba(150, 47, 191, 0.1) 100%);\r\n            color: var(--instagram-pink);\r\n            border: 1px solid rgba(214, 41, 118, 0.2);\r\n            padding: var(--space-3);\r\n            border-radius: var(--radius-xl);\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .copy-btn:hover {\r\n            background: linear-gradient(135deg, rgba(214, 41, 118, 0.2) 0%, rgba(150, 47, 191, 0.2) 100%);\r\n            transform: scale(1.1);\r\n            box-shadow: 0 4px 15px rgba(214, 41, 118, 0.3);\r\n        }\r\n\r\n        .download-all-btn {\r\n            background: var(--gradient-accent);\r\n            color: var(--white);\r\n            border: none;\r\n            padding: var(--space-4) var(--space-8);\r\n            border-radius: var(--radius-3xl);\r\n            font-size: var(--text-lg);\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            margin-bottom: var(--space-8);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        .download-all-btn:hover {\r\n            transform: translateY(-3px) scale(1.02);\r\n            box-shadow: var(--shadow-colored-accent);\r\n        }\r\n\r\n        \/* Profile Styles *\/\r\n        .profile-container {\r\n            background: var(--white);\r\n            border-radius: var(--radius-4xl);\r\n            box-shadow: var(--shadow-2xl);\r\n            overflow: hidden;\r\n            margin-bottom: var(--space-8);\r\n            border: 1px solid var(--gray-200);\r\n            animation: slideUp var(--duration-1000) var(--ease-elastic) 0.4s both;\r\n        }\r\n\r\n        .cover-section {\r\n            position: relative;\r\n            height: 400px;\r\n            background: var(--gradient-primary);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cover-photo {\r\n            width: 100%;\r\n            height: 100%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            transition: transform var(--duration-700) var(--ease-out);\r\n        }\r\n\r\n        .cover-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to bottom,\r\n                    transparent 0%,\r\n                    rgba(0, 0, 0, 0.1) 40%,\r\n                    rgba(0, 0, 0, 0.8) 100%);\r\n        }\r\n\r\n        .cover-gradient {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg,\r\n                    rgba(254, 218, 117, 0.1) 0%,\r\n                    rgba(214, 41, 118, 0.1) 100%);\r\n        }\r\n\r\n        .profile-info-section {\r\n            padding: var(--space-12);\r\n        }\r\n\r\n        .profile-header {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: var(--space-8);\r\n            margin-bottom: var(--space-8);\r\n            position: relative;\r\n            margin-top: -80px;\r\n        }\r\n\r\n        .profile-picture-container {\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .profile-picture {\r\n            width: 160px;\r\n            height: 160px;\r\n            border-radius: var(--radius-full);\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-color: var(--gray-200);\r\n            border: 6px solid var(--white);\r\n            box-shadow: var(--shadow-xl);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .profile-ring {\r\n            position: absolute;\r\n            inset: -8px;\r\n            border-radius: var(--radius-full);\r\n            background: var(--gradient-primary);\r\n            z-index: 1;\r\n            animation: pulse 3s ease-in-out infinite;\r\n        }\r\n\r\n        .profile-status-indicator {\r\n            position: absolute;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            width: 24px;\r\n            height: 24px;\r\n            background: var(--success-500);\r\n            border-radius: var(--radius-full);\r\n            border: 3px solid var(--white);\r\n            z-index: 3;\r\n        }\r\n\r\n        .profile-details {\r\n            flex: 1;\r\n            margin-top: 80px;\r\n        }\r\n\r\n        .profile-name {\r\n            font-size: var(--text-4xl);\r\n            font-weight: 800;\r\n            color: var(--gray-900);\r\n            margin-bottom: var(--space-4);\r\n            line-height: 1.1;\r\n            text-align: start;\r\n        }\r\n\r\n        .verified-badge::after {\r\n            content: '\u2713';\r\n            display: inline-block;\r\n            margin-left: var(--space-2);\r\n            color: var(--primary-500);\r\n            font-weight: 900;\r\n            font-size: var(--text-lg);\r\n        }\r\n\r\n        .profile-stats {\r\n            display: flex;\r\n            gap: var(--space-6);\r\n            margin-bottom: var(--space-6);\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .stat-badge {\r\n            background: var(--gray-100);\r\n            color: var(--gray-700);\r\n            padding: var(--space-2) var(--space-4);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-sm);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .profile-actions {\r\n            display: flex;\r\n            gap: var(--space-4);\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .action-btn {\r\n            padding: var(--space-3) var(--space-6);\r\n            border-radius: var(--radius-2xl);\r\n            font-weight: 700;\r\n            font-size: var(--text-base);\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-2);\r\n            border: none;\r\n            font-family: inherit;\r\n        }\r\n\r\n        .action-btn.primary {\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n            box-shadow: var(--shadow-md);\r\n        }\r\n\r\n        .action-btn.secondary {\r\n            background: var(--gray-100);\r\n            color: var(--gray-700);\r\n            border: 1px solid var(--gray-300);\r\n        }\r\n\r\n        .action-btn:hover {\r\n            transform: translateY(-2px) scale(1.02);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        .profile-navigation {\r\n            border-top: 1px solid var(--gray-200);\r\n            padding-top: var(--space-6);\r\n        }\r\n\r\n        .profile-nav-tabs {\r\n            display: flex;\r\n            gap: var(--space-2);\r\n            background: linear-gradient(135deg, rgba(254, 218, 117, 0.1) 0%, rgba(250, 126, 30, 0.1) 100%);\r\n            padding: var(--space-2);\r\n            border-radius: var(--radius-2xl);\r\n            border: 1px solid rgba(254, 218, 117, 0.2);\r\n        }\r\n\r\n        .nav-tab {\r\n            flex: 1;\r\n            padding: var(--space-4) var(--space-6);\r\n            background: none;\r\n            border: none;\r\n            border-radius: var(--radius-xl);\r\n            font-weight: 600;\r\n            color: var(--gray-600);\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: var(--space-2);\r\n            position: relative;\r\n            font-family: inherit;\r\n        }\r\n\r\n        .nav-tab:hover {\r\n            background: rgba(254, 218, 117, 0.1);\r\n            color: var(--instagram-orange);\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .nav-tab.active {\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n            box-shadow: var(--shadow-lg);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .nav-indicator {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 3px;\r\n            background: var(--instagram-pink);\r\n            transition: width var(--duration-300) var(--ease-out);\r\n            transform: translateX(-50%);\r\n            border-radius: var(--radius-full);\r\n            box-shadow: 0 0 10px rgba(214, 41, 118, 0.5);\r\n        }\r\n\r\n        .nav-tab.active .nav-indicator {\r\n            width: 60%;\r\n        }\r\n\r\n        .tab-content-container {\r\n            padding: var(--space-8) 0;\r\n        }\r\n\r\n        \/* Photos Grid *\/\r\n        .photos-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n            gap: var(--space-6);\r\n        }\r\n\r\n        .fb-photoitem {\r\n            background: var(--white);\r\n            border-radius: var(--radius-3xl);\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow-md);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            border: 1px solid var(--gray-200);\r\n        }\r\n\r\n        .fb-photoitem:hover {\r\n            transform: translateY(-8px) scale(1.02);\r\n            box-shadow: var(--shadow-xl);\r\n        }\r\n\r\n        .fb-photoimage-container {\r\n            position: relative;\r\n            aspect-ratio: 1;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fb-photoimage {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform var(--duration-500) var(--ease-out);\r\n            cursor: pointer;\r\n        }\r\n\r\n        .fb-photoitem:hover .fb-photoimage {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .fb-photooverlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg,\r\n                    rgba(254, 218, 117, 0.9) 0%,\r\n                    rgba(214, 41, 118, 0.9) 100%);\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .fb-photoitem:hover .fb-photooverlay {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .fb-photoactions {\r\n            display: flex;\r\n            gap: var(--space-3);\r\n        }\r\n\r\n        .fb-photoaction-btn {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            color: var(--white);\r\n            padding: var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            font-size: var(--text-lg);\r\n        }\r\n\r\n        .fb-photoaction-btn:hover {\r\n            background: rgba(255, 255, 255, 0.3);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .fb-photoinfo {\r\n            padding: var(--space-4);\r\n        }\r\n\r\n        .fb-photostats {\r\n            margin-bottom: var(--space-3);\r\n        }\r\n\r\n        .fb-photoengagement {\r\n            display: flex;\r\n            gap: var(--space-4);\r\n        }\r\n\r\n        .fb-photoengagement-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-1);\r\n            color: var(--gray-600);\r\n            font-size: var(--text-sm);\r\n        }\r\n\r\n        .fb-photometa {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: var(--text-xs);\r\n            color: var(--gray-500);\r\n        }\r\n\r\n        .fb-photodimensions {\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* Photo Modal *\/\r\n        .fb-photomodal {\r\n            position: fixed;\r\n            inset: 0;\r\n            background: rgba(0, 0, 0, 0.9);\r\n            backdrop-filter: blur(20px);\r\n            z-index: 10000;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: all var(--duration-500) var(--ease-out);\r\n        }\r\n\r\n        .fb-photomodal.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .fb-photomodal-content {\r\n            max-width: 90vw;\r\n            max-height: 90vh;\r\n            background: var(--white);\r\n            border-radius: var(--radius-4xl);\r\n            overflow: hidden;\r\n            display: flex;\r\n            box-shadow: var(--shadow-2xl);\r\n            position: relative;\r\n        }\r\n\r\n        .fb-photomodal-close {\r\n            position: absolute;\r\n            top: var(--space-4);\r\n            right: var(--space-4);\r\n            background: rgba(0, 0, 0, 0.5);\r\n            color: var(--white);\r\n            border: none;\r\n            padding: var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            cursor: pointer;\r\n            z-index: 10001;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .fb-photomodal-close:hover {\r\n            background: rgba(0, 0, 0, 0.7);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .fb-photomodal-image {\r\n            max-width: 70vw;\r\n            max-height: 90vh;\r\n            object-fit: contain;\r\n        }\r\n\r\n        .fb-photomodal-info {\r\n            width: 400px;\r\n            padding: var(--space-8);\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: var(--space-6);\r\n        }\r\n\r\n        .fb-photomodal-title {\r\n            font-size: var(--text-2xl);\r\n            font-weight: 800;\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .fb-photomodal-stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: var(--space-4);\r\n        }\r\n\r\n        .fb-photomodal-stat {\r\n            text-align: center;\r\n            padding: var(--space-4);\r\n            background: var(--gray-50);\r\n            border-radius: var(--radius-2xl);\r\n        }\r\n\r\n        .fb-photomodal-stat-value {\r\n            font-size: var(--text-xl);\r\n            font-weight: 800;\r\n            color: var(--gray-900);\r\n            margin-bottom: var(--space-1);\r\n        }\r\n\r\n        .fb-photomodal-stat-label {\r\n            font-size: var(--text-sm);\r\n            color: var(--gray-600);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .fb-photomodal-actions {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: var(--space-3);\r\n        }\r\n\r\n        .fb-photomodal-action {\r\n            padding: var(--space-4) var(--space-6);\r\n            border-radius: var(--radius-2xl);\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: var(--space-3);\r\n            border: none;\r\n            font-family: inherit;\r\n        }\r\n\r\n        .fb-photomodal-action.primary {\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n        }\r\n\r\n        .fb-photomodal-action:not(.primary) {\r\n            background: var(--gray-100);\r\n            color: var(--gray-700);\r\n            border: 1px solid var(--gray-300);\r\n        }\r\n\r\n        .fb-photomodal-action:hover {\r\n            transform: translateY(-2px) scale(1.02);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        \/* Content Headers *\/\r\n        .content-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: var(--space-8);\r\n            padding-bottom: var(--space-4);\r\n            border-bottom: 1px solid var(--gray-200);\r\n        }\r\n\r\n        .content-title {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-3);\r\n        }\r\n\r\n        .content-title h2 {\r\n            font-size: var(--text-2xl);\r\n            font-weight: 800;\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .content-title i {\r\n            color: var(--primary-500);\r\n            font-size: var(--text-xl);\r\n        }\r\n\r\n        .content-stats {\r\n            display: flex;\r\n            gap: var(--space-4);\r\n        }\r\n\r\n        .stat-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-2);\r\n            color: var(--gray-600);\r\n            font-size: var(--text-sm);\r\n        }\r\n\r\n        \/* Posts Container *\/\r\n        .posts-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: var(--space-6);\r\n        }\r\n\r\n        .post-item {\r\n            background: var(--white);\r\n            border-radius: var(--radius-3xl);\r\n            padding: var(--space-6);\r\n            box-shadow: var(--shadow-md);\r\n            border: 1px solid var(--gray-200);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .post-item:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        .post-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-4);\r\n            margin-bottom: var(--space-4);\r\n        }\r\n\r\n        .post-profile-pic {\r\n            width: 48px;\r\n            height: 48px;\r\n            border-radius: var(--radius-full);\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-color: var(--gray-200);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--gray-500);\r\n        }\r\n\r\n        .post-info {\r\n            flex: 1;\r\n        }\r\n\r\n        .post-author {\r\n            font-weight: 700;\r\n            color: var(--gray-900);\r\n            margin-bottom: var(--space-1);\r\n        }\r\n\r\n        .post-date {\r\n            font-size: var(--text-sm);\r\n            color: var(--gray-500);\r\n        }\r\n\r\n        .post-content {\r\n            margin-bottom: var(--space-4);\r\n            line-height: 1.6;\r\n            color: var(--gray-700);\r\n        }\r\n\r\n        .post-image {\r\n            width: 100%;\r\n            border-radius: var(--radius-2xl);\r\n            margin-bottom: var(--space-4);\r\n        }\r\n\r\n        .post-stats {\r\n            display: flex;\r\n            gap: var(--space-6);\r\n            padding-top: var(--space-4);\r\n            border-top: 1px solid var(--gray-200);\r\n        }\r\n\r\n        \/* About Cards *\/\r\n        .about-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: var(--space-6);\r\n        }\r\n\r\n        .about-card {\r\n            background: var(--white);\r\n            border-radius: var(--radius-3xl);\r\n            padding: var(--space-6);\r\n            box-shadow: var(--shadow-md);\r\n            border: 1px solid var(--gray-200);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .about-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        .card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-4);\r\n            margin-bottom: var(--space-6);\r\n        }\r\n\r\n        .card-icon {\r\n            width: 48px;\r\n            height: 48px;\r\n            background: var(--gradient-primary);\r\n            border-radius: var(--radius-2xl);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--white);\r\n            font-size: var(--text-xl);\r\n        }\r\n\r\n        .card-header h3 {\r\n            font-size: var(--text-xl);\r\n            font-weight: 700;\r\n            color: var(--gray-900);\r\n        }\r\n\r\n        .card-content {\r\n            color: var(--gray-700);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .about-item {\r\n            display: flex;\r\n            gap: var(--space-4);\r\n            margin-bottom: var(--space-4);\r\n        }\r\n\r\n        .about-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .about-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--gray-100);\r\n            border-radius: var(--radius-xl);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--gray-600);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .about-text h3 {\r\n            font-weight: 600;\r\n            color: var(--gray-900);\r\n            margin-bottom: var(--space-1);\r\n        }\r\n\r\n        .about-text p {\r\n            color: var(--gray-600);\r\n            font-size: var(--text-sm);\r\n        }\r\n\r\n        \/* Premium Empty State *\/\r\n        .empty-state {\r\n            text-align: center;\r\n            padding: var(--space-20) var(--space-8);\r\n            color: var(--gray-600);\r\n        }\r\n\r\n        .empty-icon {\r\n            width: 120px;\r\n            height: 120px;\r\n            background: linear-gradient(135deg, var(--gray-100) 0%, var(--gray-200) 100%);\r\n            border-radius: var(--radius-full);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto var(--space-8);\r\n            font-size: var(--text-4xl);\r\n            box-shadow: var(--shadow-lg);\r\n            animation: bounce 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes bounce {\r\n\r\n            0%,\r\n            20%,\r\n            50%,\r\n            80%,\r\n            100% {\r\n                transform: translateY(0);\r\n            }\r\n\r\n            40% {\r\n                transform: translateY(-15px);\r\n            }\r\n\r\n            60% {\r\n                transform: translateY(-8px);\r\n            }\r\n        }\r\n\r\n        .empty-state h3 {\r\n            font-size: var(--text-2xl);\r\n            font-weight: 700;\r\n            color: var(--gray-900);\r\n            margin-bottom: var(--space-3);\r\n        }\r\n\r\n        .empty-state p {\r\n            font-size: var(--text-lg);\r\n            line-height: 1.7;\r\n            max-width: 500px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .no-data-message {\r\n            text-align: center;\r\n            padding: var(--space-12);\r\n            color: var(--gray-500);\r\n            font-size: var(--text-lg);\r\n            background: var(--gray-50);\r\n            border-radius: var(--radius-2xl);\r\n            border: 2px dashed var(--gray-300);\r\n        }\r\n\r\n        \/* Premium Debug Section *\/\r\n        .debug-container {\r\n            background: var(--gray-950);\r\n            color: var(--gray-100);\r\n            border-radius: var(--radius-4xl);\r\n            padding: var(--space-8);\r\n            box-shadow: var(--shadow-2xl);\r\n            border: 1px solid var(--gray-800);\r\n        }\r\n\r\n        .debug-section {\r\n            margin-bottom: var(--space-8);\r\n        }\r\n\r\n        .debug-title {\r\n            color: var(--primary-400);\r\n            font-size: var(--text-xl);\r\n            font-weight: 700;\r\n            margin-bottom: var(--space-4);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        .debug-content {\r\n            background: var(--gray-900);\r\n            border-radius: var(--radius-2xl);\r\n            padding: var(--space-6);\r\n            font-family: 'JetBrains Mono', 'SF Mono', Monaco, 'Cascadia Code', monospace;\r\n            font-size: var(--text-sm);\r\n            line-height: 1.8;\r\n            border: 1px solid var(--gray-800);\r\n            box-shadow: var(--shadow-inner);\r\n            white-space: pre-line;\r\n        }\r\n\r\n        \/* Video Thumbnail Styles *\/\r\n        .video-thumbnail {\r\n            position: relative;\r\n            height: 350px;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-color: var(--gray-200);\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;\r\n        }\r\n\r\n        .video-play-icon {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 50px;\r\n            height: 50px;\r\n            background: rgba(0, 0, 0, 0.6);\r\n            border-radius: var(--radius-full);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: var(--text-2xl);\r\n            color: var(--white);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            z-index: 2;\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .video-thumbnail:hover .video-play-icon {\r\n            transform: translate(-50%, -50%) scale(1.1);\r\n            background: rgba(0, 0, 0, 0.8);\r\n            border-color: rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        .video-quality-badge {\r\n            position: absolute;\r\n            top: var(--space-3);\r\n            left: var(--space-3);\r\n            background: rgba(0, 0, 0, 0.7);\r\n            color: var(--white);\r\n            padding: var(--space-1) var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            z-index: 2;\r\n        }\r\n\r\n        .reel-badge {\r\n            position: absolute;\r\n            top: var(--space-3);\r\n            left: var(--space-3);\r\n            background: var(--gradient-secondary);\r\n            color: var(--white);\r\n            padding: var(--space-1) var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            z-index: 2;\r\n        }\r\n\r\n        .video-duration {\r\n            position: absolute;\r\n            bottom: var(--space-3);\r\n            right: var(--space-3);\r\n            background: rgba(0, 0, 0, 0.7);\r\n            color: var(--white);\r\n            padding: var(--space-1) var(--space-3);\r\n            border-radius: var(--radius-lg);\r\n            font-size: var(--text-xs);\r\n            font-weight: 600;\r\n            z-index: 2;\r\n        }\r\n\r\n        .video-stats {\r\n            display: flex;\r\n            gap: var(--space-4);\r\n            margin-bottom: var(--space-4);\r\n            font-size: var(--text-sm);\r\n      text-align:left;\r\n        }\r\n\r\n        .video-stats .stat-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-1);\r\n            color: var(--gray-600);\r\n        }\r\n\r\n        .video-stats .stat-item i {\r\n            color: var(--primary-500);\r\n        }\r\n\r\n        \/* Download Progress Modal *\/\r\n        .download-progress-modal {\r\n            position: fixed;\r\n            top: 20px;\r\n            right: 20px;\r\n            background: var(--white);\r\n            border-radius: var(--radius-2xl);\r\n            padding: var(--space-4);\r\n            box-shadow: var(--shadow-xl);\r\n            border: 1px solid var(--gray-200);\r\n            z-index: 10001;\r\n            min-width: 200px;\r\n            max-width: 280px;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transform: translateX(100%);\r\n            transition: all var(--duration-500) var(--ease-out);\r\n        }\r\n\r\n        .download-progress-modal.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        .download-progress-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--space-2);\r\n            margin-bottom: var(--space-3);\r\n        }\r\n\r\n        .download-progress-header i {\r\n            color: var(--primary-500);\r\n            font-size: var(--text-base);\r\n        }\r\n\r\n        .download-progress-title {\r\n            font-weight: 600;\r\n            color: var(--gray-900);\r\n            font-size: var(--text-sm);\r\n        }\r\n\r\n        .download-progress-bar {\r\n            width: 100%;\r\n            height: 6px;\r\n            background: var(--gray-200);\r\n            border-radius: var(--radius-full);\r\n            overflow: hidden;\r\n            margin-bottom: var(--space-2);\r\n        }\r\n\r\n        .download-progress-fill {\r\n            height: 100%;\r\n            background: var(--gradient-primary);\r\n            border-radius: var(--radius-full);\r\n            transition: width var(--duration-300) var(--ease-out);\r\n            width: 0%;\r\n        }\r\n\r\n        .download-progress-text {\r\n            font-size: var(--text-xs);\r\n            color: var(--gray-600);\r\n            text-align: center;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .download-cancel-btn {\r\n            margin-top: var(--space-3);\r\n            background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(220, 38, 38, 0.1) 100%);\r\n            color: #dc2626;\r\n            border: 1px solid rgba(220, 38, 38, 0.3);\r\n            padding: var(--space-2) var(--space-4);\r\n            border-radius: var(--radius-xl);\r\n            cursor: pointer;\r\n            width: 100%;\r\n            font-weight: 600;\r\n            font-size: var(--text-xs);\r\n            transition: all var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        .download-cancel-btn:hover {\r\n            background: linear-gradient(135deg, rgba(239, 68, 68, 0.2) 0%, rgba(220, 38, 38, 0.2) 100%);\r\n            transform: translateY(-1px);\r\n            box-shadow: 0 4px 12px rgba(220, 38, 38, 0.2);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            \/* .container {\r\n              padding: var(--space-6);\r\n          }  *\/\r\n\r\n            .search-section {\r\n                padding: var(--space-8);\r\n            }\r\n\r\n            .group-details {\r\n                padding: var(--space-8);\r\n            }\r\n\r\n            .profile-info-section {\r\n                padding: var(--space-8);\r\n            }\r\n\r\n            .fb-photomodal-content {\r\n                flex-direction: column;\r\n                max-width: 95vw;\r\n            }\r\n\r\n            .fb-photomodal-image {\r\n                max-width: 95vw;\r\n                max-height: 60vh;\r\n            }\r\n\r\n            .fb-photomodal-info {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            \/* .container {\r\n              padding: var(--space-4);\r\n          } *\/\r\n\r\n            .search-form {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .tab-list {\r\n                flex-wrap: wrap;\r\n            }\r\n\r\n            .media-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .video-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .stats-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .summary-stats {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .download-actions {\r\n                flex-direction: row;\r\n                justify-content: center;\r\n            }\r\n\r\n            .download-btn {\r\n                min-width: 140px;\r\n                padding: var(--space-3) var(--space-6);\r\n            }\r\n\r\n            .header h1 {\r\n                font-size: var(--text-4xl);\r\n            }\r\n\r\n            .group-cover {\r\n                height: 250px;\r\n            }\r\n\r\n            .cover-section {\r\n                height: 250px;\r\n            }\r\n\r\n            .profile-header {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                text-align: center;\r\n                margin-top: -60px;\r\n            }\r\n\r\n            .profile-details {\r\n                margin-top: var(--space-4);\r\n            }\r\n\r\n            .profile-nav-tabs {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .nav-tab {\r\n                justify-content: flex-start;\r\n            }\r\n\r\n            .about-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .photos-grid {\r\n                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .stats-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .summary-stats {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .download-actions {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .search-section {\r\n                padding: var(--space-6);\r\n            }\r\n\r\n            .group-details {\r\n                padding: var(--space-6);\r\n            }\r\n\r\n            .profile-info-section {\r\n                padding: var(--space-6);\r\n            }\r\n\r\n            .profile-picture {\r\n                width: 120px;\r\n                height: 120px;\r\n            }\r\n\r\n            .profile-name {\r\n                font-size: var(--text-2xl);\r\n            }\r\n\r\n            .photos-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        \/* Add these styles to support the new video functionality *\/\r\n        .video-card {\r\n            background: var(--white);\r\n            border-radius: var(--radius-4xl);\r\n            box-shadow: var(--shadow-xl);\r\n            border: 1px solid var(--gray-200);\r\n            overflow: hidden;\r\n            transition: all var(--duration-500) var(--ease-elastic);\r\n            animation: slideUp var(--duration-700) var(--ease-elastic);\r\n            animation-delay: calc(var(--index) * 0.1s);\r\n            animation-fill-mode: both;\r\n            position: relative;\r\n        }\r\n\r\n        .video-card:hover {\r\n            transform: translateY(-12px) scale(1.02);\r\n            box-shadow: var(--shadow-2xl);\r\n            border-color: var(--primary-300);\r\n        }\r\n\r\n        .video-card video {\r\n            width: 100%;\r\n            height: 350px;\r\n            object-fit: cover;\r\n            border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;\r\n        }\r\n\r\n        .video-badges {\r\n            margin-bottom: var(--space-4);\r\n            display: flex;\r\n            gap: var(--space-2);\r\n        }\r\n\r\n        .quality-badge {\r\n            background: var(--gradient-success);\r\n            color: var(--white);\r\n            padding: var(--space-2) var(--space-4);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        .format-badge {\r\n            background: var(--gradient-accent);\r\n            color: var(--white);\r\n            padding: var(--space-2) var(--space-4);\r\n            border-radius: var(--radius-full);\r\n            font-size: var(--text-xs);\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        .download-progress {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            height: 3px;\r\n            background-color: var(--primary-400);\r\n            transition: width var(--duration-300) var(--ease-out);\r\n            border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);\r\n        }\r\n\r\n        \/* Custom Scrollbar *\/\r\n        ::-webkit-scrollbar {\r\n            width: 12px;\r\n        }\r\n\r\n        ::-webkit-scrollbar-track {\r\n            background: var(--gray-100);\r\n            border-radius: var(--radius-full);\r\n        }\r\n\r\n        ::-webkit-scrollbar-thumb {\r\n            background: var(--gradient-primary);\r\n            border-radius: var(--radius-full);\r\n            border: 2px solid var(--gray-100);\r\n        }\r\n\r\n        ::-webkit-scrollbar-thumb:hover {\r\n            background: var(--gradient-secondary);\r\n        }\r\n\r\n        \/* Selection *\/\r\n        ::selection {\r\n            background: var(--primary-200);\r\n            color: var(--primary-900);\r\n        }\r\n\r\n        \/* Focus Visible *\/\r\n        :focus-visible {\r\n            outline: 2px solid var(--primary-500);\r\n            outline-offset: 2px;\r\n        }\r\n\r\n        \/* Video Grid Responsive Breakpoints *\/\r\n        @media (max-width: 1024px) {\r\n            .video-grid[style*=\"grid-template-columns: repeat(3, 1fr)\"] {\r\n                grid-template-columns: repeat(2, 1fr) !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .video-grid[style*=\"grid-template-columns: repeat(3, 1fr)\"] {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        \/* Ensure play icon is visible on all video types *\/\r\n        .video-thumbnail {\r\n            position: relative;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            height: 350px;\r\n            border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .video-thumbnail:hover {\r\n            transform: scale(1.02);\r\n            transition: transform var(--duration-300) var(--ease-out);\r\n        }\r\n\r\n        \/* Video Overlay and Action Styles *\/\r\n        .video-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            \/* background: linear-gradient(135deg,\r\n                  rgba(254, 218, 117, 0.95) 0%,\r\n                  rgba(250, 126, 30, 0.95) 50%,\r\n                  rgba(214, 41, 118, 0.95) 100%); *\/\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            display: flex;\r\n            align-items: flex-start;\r\n            justify-content: flex-end;\r\n            padding: var(--space-4);\r\n            z-index: 10;\r\n        }\r\n\r\n        .video-thumbnail:hover .video-overlay {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .video-actions {\r\n            display: flex;\r\n            gap: var(--space-3);\r\n            align-items: center;\r\n        }\r\n\r\n        .video-action-btn {\r\n            background: rgba(255, 255, 255, 0.25);\r\n            backdrop-filter: blur(15px);\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            color: var(--white);\r\n            padding: var(--space-3);\r\n            border-radius: var(--radius-full);\r\n            cursor: pointer;\r\n            transition: all var(--duration-300) var(--ease-out);\r\n            font-size: var(--text-lg);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            min-width: 44px;\r\n            min-height: 44px;\r\n        }\r\n\r\n        .video-action-btn:hover {\r\n            background: rgba(255, 255, 255, 0.35);\r\n            border-color: rgba(255, 255, 255, 0.5);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .video-number {\r\n            font-size: var(--text-sm);\r\n            color: var(--white);\r\n            margin-top: var(--space-2);\r\n        }\r\n\r\n        .analyze-btn {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .content-title i {\r\n            margin-bottom: 25px;\r\n        }\r\n    <\/style>\r\n<!-- Work Process Section -->\r\n<section class=\"work-process-section\" id=\"how-it-works\">\r\n    <div class=\"container work-process-content\">\r\n        <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n            <h2 class=\"section-title light-title\">How Our Facebook Collection Viewer Works<\/h2>\r\n            <p class=\"section-subtitle light-subtitle\">View any public Facebook collection anonymously in just 3 simple steps<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">1<\/div>\r\n                    <h4 class=\"text-white\">Enter Profile URL<\/h4>\r\n                    <p class=\"light-subtitle\">Copy and paste the Facebook profile link containing the collection you want to view<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">2<\/div>\r\n                    <h4 class=\"text-white\">Process Request<\/h4>\r\n                    <p class=\"light-subtitle\">Our system fetches the collection content without revealing your identity<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                <div class=\"process-step\">\r\n                    <div class=\"step-number\">3<\/div>\r\n                    <h4 class=\"text-white\">View Collection<\/h4>\r\n                    <p class=\"light-subtitle\">See all public items in the collection anonymously without being detected<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Features Section -->\r\n<section class=\"features-section\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n            <h2 class=\"section-title\">Key Features<\/h2>\r\n            <p class=\"section-subtitle\">Our Facebook Collection Viewer offers powerful features for anonymous browsing<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"bx bx-user-check\"><\/i>\r\n                    <\/div>\r\n                    <h4>Complete Anonymity<\/h4>\r\n                    <p>View collections without revealing your identity or leaving any footprint<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"bx bx-shield\"><\/i>\r\n                    <\/div>\r\n                    <h4>No Login Required<\/h4>\r\n                    <p>Access public collections without needing a Facebook account or credentials<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-lg-4 mb-4\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"bx bx-photo-album\"><\/i>\r\n                    <\/div>\r\n                    <h4>Full Collection Access<\/h4>\r\n                    <p>See all public items such as photos, videos, and posts in a collection<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"bx bx-devices\"><\/i>\r\n                    <\/div>\r\n                    <h4>Cross-Platform<\/h4>\r\n                    <p>Works seamlessly on desktop, tablet, and mobile devices<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"bx bx-lock-alt\"><\/i>\r\n                    <\/div>\r\n                    <h4>Secure Browsing<\/h4>\r\n                    <p>All requests are encrypted to protect your privacy while viewing collections<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"col-lg-4 mb-5\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\r\n                        <i class=\"bx bx-time-five\"><\/i>\r\n                    <\/div>\r\n                    <h4>Instant Access<\/h4>\r\n                    <p>Get collection content immediately without any waiting<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Why Choose Section -->\r\n<section class=\"why-choose-section\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-lg-6 mb-5 mb-lg-0\" data-aos=\"fade-right\">\r\n                <div class=\"why-choose-image floating-element\">\r\n                    <img decoding=\"async\" src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Facebook_Collection_Viewer.webp\" alt=\"Facebook Collection Viewer\" class=\"img-fluid rounded-3\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-6\" data-aos=\"fade-left\">\r\n                <h2 class=\"section-title mb-4\">Why Choose Our Facebook Collection Viewer?<\/h2>\r\n                <p class=\"mb-4\">Our tool allows you to browse public Facebook collections securely and anonymously. Analyze posts, albums, and media collections without leaving any trace or alerting the account owner.<\/p>\r\n\r\n                <div class=\"benefit-item\">\r\n                    <div class=\"benefit-icon\">\r\n                        <i class=\"bx bx-check\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h5 class=\"mb-1\">Completely undetectable<\/h5>\r\n                        <p class=\"mb-0\">No traces are left when viewing collections<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-item\">\r\n                    <div class=\"benefit-icon\">\r\n                        <i class=\"bx bx-check\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h5 class=\"mb-1\">No personal information<\/h5>\r\n                        <p class=\"mb-0\">We don't ask for or store your data<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-item\">\r\n                    <div class=\"benefit-icon\">\r\n                        <i class=\"bx bx-check\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h5 class=\"mb-1\">Full public access<\/h5>\r\n                        <p class=\"mb-0\">View all items in public collections<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"benefit-item\">\r\n                    <div class=\"benefit-icon\">\r\n                        <i class=\"bx bx-check\"><\/i>\r\n                    <\/div>\r\n                    <div>\r\n                        <h5 class=\"mb-1\">Reliable service<\/h5>\r\n                        <p class=\"mb-0\">Fast and accurate results every time<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ Section -->\r\n<section class=\"faq-section\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n            <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n            <p class=\"section-subtitle\">Find answers to common questions about our Facebook Collection Viewer<\/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=\"accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                        <h3 class=\"accordion-header\" id=\"heading1\">\r\n                            <button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse1\" aria-expanded=\"true\" aria-controls=\"collapse1\">\r\n                                Is it legal to use this Facebook Collection Viewer?\r\n                            <\/button>\r\n                        <\/h3>\r\n                        <div id=\"collapse1\" class=\"accordion-collapse collapse show\" aria-labelledby=\"heading1\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                Yes, our tool is completely legal. It only allows viewing publicly available Facebook collections without accessing private data.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                        <h3 class=\"accordion-header\" id=\"heading2\">\r\n                            <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse2\" aria-expanded=\"false\" aria-controls=\"collapse2\">\r\n                                Can I view private Facebook collections?\r\n                            <\/button>\r\n                        <\/h3>\r\n                        <div id=\"collapse2\" class=\"accordion-collapse collapse\" aria-labelledby=\"heading2\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                No, our tool respects privacy settings. Only public collections can be viewed.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                        <h3 class=\"accordion-header\" id=\"heading3\">\r\n                            <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse3\" aria-expanded=\"false\" aria-controls=\"collapse3\">\r\n                                Will Facebook know I viewed the collection?\r\n                            <\/button>\r\n                        <\/h3>\r\n                        <div id=\"collapse3\" class=\"accordion-collapse collapse\" aria-labelledby=\"heading3\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                No, viewing is fully anonymous. The account owner won't know you accessed their collection.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                        <h3 class=\"accordion-header\" id=\"heading4\">\r\n                            <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse4\" aria-expanded=\"false\" aria-controls=\"collapse4\">\r\n                                Do I need to download anything to use this?\r\n                            <\/button>\r\n                        <\/h3>\r\n                        <div id=\"collapse4\" class=\"accordion-collapse collapse\" aria-labelledby=\"heading4\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                No downloads or installations are required. Simply enter the profile URL and browse collections online.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                        <h3 class=\"accordion-header\" id=\"heading5\">\r\n                            <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse5\" aria-expanded=\"false\" aria-controls=\"collapse5\">\r\n                                Is there a limit to how many collections I can view?\r\n                            <\/button>\r\n                        <\/h3>\r\n                        <div id=\"collapse5\" class=\"accordion-collapse collapse\" aria-labelledby=\"heading5\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                There are no limits. You can view as many public Facebook collections as you want anonymously.\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  \r\n    <!-- Footer -->\r\n    \r\n\r\n    <!-- Copyright Section -->\r\n    \r\n\r\n\r\n\r\n    <!-- Fb tools  -->\r\n   <!-- Scripts -->\r\n   <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n   <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n    <script>\r\n        \/\/ Initialize AOS animation\r\n        AOS.init({\r\n            duration: 800,\r\n            easing: 'ease-in-out',\r\n            once: true\r\n        });\r\n\r\n        \/\/ Smooth scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n        });\r\n    <\/script><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":237,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-317","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/comments?post=317"}],"version-history":[{"count":5,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/317\/revisions"}],"predecessor-version":[{"id":1025,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/317\/revisions\/1025"}],"up":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/237"}],"wp:attachment":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/media?parent=317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}