{"id":323,"date":"2026-03-15T00:00:55","date_gmt":"2026-03-15T00:00:55","guid":{"rendered":"https:\/\/viewanonymous.com\/?page_id=323"},"modified":"2026-09-29T10:58:36","modified_gmt":"2026-09-29T10:58:36","slug":"drafts","status":"publish","type":"page","link":"https:\/\/viewanonymous.com\/tools\/tiktok\/drafts\/","title":{"rendered":"TikTok Drafts Viewer \u2013 Access &amp; Manage Draft Videos"},"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: #b7c8e6;\n  --nsfpv-dim: #8296b6;\n  --nsfpv-bg: #071326;\n  --nsfpv-panel: rgba(14, 31, 58, 0.88);\n  --nsfpv-panel-soft: rgba(25, 48, 82, 0.74);\n  --nsfpv-hover: rgba(56, 102, 166, 0.54);\n  --nsfpv-line: rgba(139, 180, 255, 0.18);\n  --nsfpv-accent: #4d8dff;\n  --nsfpv-accent-deep: #2f69e8;\n  --nsfpv-cool: #79c6ff;\n  --nsfpv-cool-deep: #4d8dff;\n  --nsfpv-success: #49cf8b;\n  --nsfpv-danger: #ff627d;\n  --nsfpv-radius: 20px;\n  --nsfpv-shadow: 0 20px 55px rgba(1, 10, 28, 0.38);\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, 28px);\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  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n  background:\n    radial-gradient(circle at 8% 0%, rgba(85, 145, 255, 0.28), transparent 32%),\n    radial-gradient(circle at 92% 8%, rgba(95, 224, 209, 0.14), transparent 28%),\n    linear-gradient(145deg, #071326 0%, #0b1d39 48%, #122b54 100%);\n  border: 1px solid rgba(158, 195, 255, 0.14);\n  border-radius: 24px;\n}\n\n.nsfpv::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  pointer-events: none;\n  opacity: 0.7;\n  background-image: linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);\n  background-size: 34px 34px;\n  mask-image: linear-gradient(to bottom, #000, transparent 78%);\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) { list-style: none; }\n\n.nsfpv img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  border: 0;\n  vertical-align: middle;\n}\n\n.nsfpv a {\n  color: var(--nsfpv-cool);\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n\n.nsfpv a:hover {\n  color: #b4e2ff;\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  min-width: 0;\n  margin: 0 auto;\n}\n\n\/* Hero \/ search *\/\n.nsfpv-hero {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  padding: clamp(28px, 6vw, 60px) 0 8px;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n  text-align: center;\n}\n\n.nsfpv .nsfpv-hero__title {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 0 12px;\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: 14px;\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: 48px;\n  height: 48px;\n  border: 1px solid rgba(205, 231, 255, 0.28);\n  border-radius: 15px;\n  background: linear-gradient(135deg, #5c9bff, #3877f2 58%, #6958eb);\n  color: #fff;\n  font-size: 1.5rem;\n  line-height: 1;\n  box-shadow: 0 12px 28px rgba(58, 117, 243, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.26);\n}\n\n.nsfpv .nsfpv-hero__icon i { display: block; line-height: 1; }\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.45rem, 3vw, 2.15rem);\n  font-weight: 800;\n  letter-spacing: -0.045em;\n  line-height: 1.15;\n  text-align: left;\n}\n\n.nsfpv-hero__title-mark {\n  color: var(--nsfpv-cool);\n  font-weight: 800;\n}\n\n.nsfpv .nsfpv-hero__lead {\n  max-width: 600px;\n  margin: 0 auto 22px;\n  padding: 0 4px;\n  color: var(--nsfpv-muted);\n  font-size: clamp(0.92rem, 2.4vw, 1rem);\n  line-height: 1.65;\n}\n\n.nsfpv-search {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 12px;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  margin-top: 4px;\n  padding: clamp(14px, 2.5vw, 22px);\n  border: 1px solid rgba(171, 207, 255, 0.18);\n  border-radius: var(--nsfpv-radius);\n  background: linear-gradient(135deg, rgba(27, 53, 91, 0.86), rgba(12, 28, 55, 0.9));\n  box-shadow: var(--nsfpv-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.07);\n  text-align: left;\n}\n\n.nsfpv .nsfpv-search__label {\n  display: block;\n  color: #d8e6fb;\n  font-size: 0.88rem;\n  font-weight: 700;\n  letter-spacing: 0.01em;\n  line-height: 1.3;\n}\n\n.nsfpv-search__row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  gap: 10px;\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfpv .nsfpv-search__field {\n  flex: 1 1 160px;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  height: 50px;\n  min-height: 50px;\n  padding: 0 16px !important;\n  border: 1px solid rgba(171, 207, 255, 0.2) !important;\n  border-radius: 13px;\n  outline: none;\n  background: rgba(4, 17, 37, 0.68) !important;\n  color: #fff !important;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);\n  font-family: var(--nsfpv-font);\n  font-size: 16px !important;\n  font-weight: 500;\n  line-height: 50px;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n}\n\n.nsfpv .nsfpv-search__field:hover {\n  border-color: rgba(174, 213, 255, 0.38) !important;\n}\n\n.nsfpv .nsfpv-search__field:focus {\n  border-color: #78b7ff !important;\n  background: rgba(7, 24, 50, 0.9) !important;\n  box-shadow: 0 0 0 4px rgba(78, 144, 255, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06);\n}\n\n.nsfpv .nsfpv-search__field::placeholder { color: #758cac; }\n\n.nsfpv .nsfpv-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  flex: 1 1 calc(50% - 5px);\n  min-width: 0;\n  min-height: 50px;\n  height: 50px;\n  padding: 0 16px !important;\n  border: 1px solid transparent !important;\n  border-radius: 13px;\n  color: #fff !important;\n  font-family: var(--nsfpv-font);\n  font-size: 0.92rem !important;\n  font-weight: 750 !important;\n  line-height: 1;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  box-shadow: 0 8px 18px rgba(3, 12, 30, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.18);\n  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, background 0.2s ease;\n}\n\n.nsfpv .nsfpv-btn:hover {\n  filter: brightness(1.08);\n  transform: translateY(-2px);\n  box-shadow: 0 14px 24px rgba(3, 12, 30, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22);\n}\n\n.nsfpv .nsfpv-btn:active {\n  transform: translateY(0);\n  box-shadow: inset 0 2px 5px rgba(1, 10, 28, 0.24);\n}\n\n.nsfpv .nsfpv-btn:focus-visible,\n.nsfpv .nsfpv-tabs__btn:focus-visible,\n.nsfpv .nsfpv-card__action:focus-visible,\n.nsfpv .nsfpv-avatar__zoom:focus-visible,\n.nsfpv .nsfpv-modal__close:focus-visible,\n.nsfpv .nsfpv-modal__action:focus-visible {\n  outline: 0;\n  box-shadow: 0 0 0 4px rgba(119, 194, 255, 0.35);\n}\n\n.nsfpv .nsfpv-btn:disabled {\n  opacity: 0.52;\n  cursor: not-allowed;\n  filter: none;\n  transform: none;\n}\n\n.nsfpv .nsfpv-btn--paste {\n  border-color: rgba(182, 211, 255, 0.15) !important;\n  background: linear-gradient(135deg, #31547f, #263d62) !important;\n}\n\n.nsfpv .nsfpv-btn--paste:hover { background: linear-gradient(135deg, #3a6396, #2d4c78) !important; }\n\n.nsfpv .nsfpv-btn--view {\n  background: linear-gradient(135deg, #63a3ff, #3976f0 58%, #6352df) !important;\n}\n\n.nsfpv .nsfpv-search__hint {\n  margin: 0;\n  color: var(--nsfpv-dim);\n  font-size: 0.8rem;\n  font-style: italic;\n  line-height: 1.45;\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.nsfpv i.fa-download,\n.nsfpv i.fa-expand,\n.nsfpv i.fa-eye,\n.nsfpv i.fa-film,\n.nsfpv i.fa-images,\n.nsfpv i.fa-newspaper,\n.nsfpv i.fa-paste,\n.nsfpv i.fa-spinner,\n.nsfpv i.fa-video,\n.nsfpv i.fa-xmark {\n  --fa-display: inline-block;\n  display: inline-block !important;\n  width: 1.15em;\n  color: inherit;\n  font-size: 0.92em;\n  font-style: normal !important;\n  font-variant: normal;\n  line-height: 1 !important;\n  text-align: center;\n  vertical-align: middle;\n  text-rendering: auto;\n  -webkit-font-smoothing: antialiased;\n}\n\n.nsfpv .nsfpv-empty i {\n  display: block !important;\n  width: auto;\n  margin: 0 auto 12px;\n  color: var(--nsfpv-cool);\n  font-size: 2.1rem !important;\n  line-height: 1 !important;\n  opacity: 0.55;\n}\n\n\/* Cloudflare Turnstile *\/\n.nsfpv #xrespond-tools-turnstile-host {\n  display: none;\n  flex: none;\n  order: unset;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  margin: 0;\n}\n\n.nsfpv #xrespond-tools-turnstile-host.is-visible { display: block; }\n\n.nsfpv #xrespond-tools-turnstile-host .xrespond-ts-label {\n  display: block;\n  margin-bottom: 0.45rem;\n  color: var(--nsfpv-muted);\n  font-size: 0.85rem;\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 { color: #ff9bab; }\n\n.nsfpv-search__row:has(#xrespond-tools-turnstile-host) { flex-wrap: wrap !important; }\n\n.nsfpv-search__row > #xrespond-tools-turnstile-host {\n  flex: 0 0 100% !important;\n  order: -1;\n  width: 100% !important;\n}\n\n.nsfpv .nsfpv-alert {\n  display: none;\n  margin: 0;\n  padding: 12px 14px;\n  border: 1px solid rgba(255, 105, 132, 0.34);\n  border-radius: 13px;\n  background: linear-gradient(135deg, rgba(214, 55, 86, 0.18), rgba(137, 31, 61, 0.16));\n  color: #ffbdc7;\n  font-size: 0.88rem;\n  font-weight: 650;\n  line-height: 1.45;\n  text-align: left;\n}\n\n.nsfpv .nsfpv-alert.is-visible { display: block; }\n\n.nsfpv .nsfpv-demo-chip {\n  display: inline-flex;\n  align-items: center;\n  align-self: flex-start;\n  gap: 6px;\n  padding: 7px 12px;\n  border: 1px solid rgba(132, 193, 255, 0.25);\n  border-radius: 999px;\n  background: rgba(72, 141, 255, 0.12);\n  color: #b2dcff;\n  font-size: 0.76rem;\n  font-weight: 750;\n  letter-spacing: 0.025em;\n}\n\n\/* Skeleton *\/\n.nsfpv .nsfpv-skeleton,\n.nsfpv-tab-sk {\n  display: none;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  margin: 0;\n}\n\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,\n.nsfpv .nsfpv-content.is-placeholder .nsfpv-stats { display: none !important; }\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% { background-position: -760px 0; }\n  100% { background-position: 760px 0; }\n}\n\n.nsfpv .nsfpv-sk {\n  border-radius: 12px;\n  background: linear-gradient(90deg, rgba(102, 157, 245, 0.09) 0%, rgba(148, 215, 255, 0.28) 48%, rgba(102, 157, 245, 0.09) 100%);\n  background-size: 760px 100%;\n  animation: nsfpv-shimmer 1.45s ease-in-out infinite;\n}\n\n.nsfpv-skeleton__panel,\n.nsfpv-panel {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--nsfpv-line);\n  border-radius: var(--nsfpv-radius);\n  background: linear-gradient(145deg, rgba(29, 54, 90, 0.9), rgba(12, 27, 52, 0.94));\n  box-shadow: var(--nsfpv-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.06);\n}\n\n.nsfpv-skeleton__panel { padding: 0; }\n\n.nsfpv .nsfpv-skeleton__cover,\n.nsfpv-cover {\n  position: relative;\n  width: 100%;\n  height: auto;\n  min-height: 150px;\n  max-height: 380px;\n  aspect-ratio: 2.7 \/ 1;\n  overflow: hidden;\n  border-radius: 0;\n}\n\n.nsfpv-cover {\n  background: linear-gradient(135deg, #17335f, #244f8d);\n}\n\n.nsfpv-skeleton__profile,\n.nsfpv-profile {\n  display: grid;\n  grid-template-columns: 1fr;\n  align-items: center;\n  justify-items: center;\n  gap: 14px;\n  width: 100%;\n  min-width: 0;\n  padding: 0 var(--nsfpv-pad) 18px;\n  text-align: center;\n}\n\n.nsfpv-profile {\n  position: relative;\n  z-index: 2;\n  align-items: start;\n  margin-top: 0;\n}\n\n.nsfpv .nsfpv-skeleton__avatar,\n.nsfpv-avatar {\n  width: var(--nsfpv-avatar);\n  height: var(--nsfpv-avatar);\n  margin-top: calc(var(--nsfpv-avatar) \/ -2);\n}\n\n.nsfpv .nsfpv-skeleton__avatar {\n  border: 4px solid #18335e;\n  border-radius: 50% !important;\n}\n\n.nsfpv-avatar {\n  position: relative;\n  flex-shrink: 0;\n}\n\n.nsfpv-avatar__ring {\n  width: 100%;\n  height: 100%;\n  padding: 3px;\n  overflow: hidden;\n  border: 1px solid rgba(203, 230, 255, 0.37);\n  border-radius: 50%;\n  background: linear-gradient(135deg, #82c6ff, #4b83ff 50%, #8466f5);\n  box-shadow: 0 12px 30px rgba(0, 12, 35, 0.35);\n}\n\n.nsfpv .nsfpv-avatar__img {\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  border: 3px solid #14305b;\n  border-radius: 50%;\n  background: #1a3f70;\n  object-fit: cover;\n  object-position: center;\n}\n\n.nsfpv .nsfpv-avatar__zoom {\n  position: absolute;\n  right: 1px;\n  bottom: 1px;\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  min-width: 38px;\n  height: 38px;\n  min-height: 38px;\n  border: 2px solid #16325d !important;\n  border-radius: 50%;\n  background: linear-gradient(135deg, #65a7ff, #3975ed) !important;\n  color: #fff !important;\n  box-shadow: 0 8px 16px rgba(4, 17, 45, 0.35);\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  transition: transform 0.2s ease, filter 0.2s ease;\n}\n\n.nsfpv .nsfpv-avatar__zoom:hover {\n  background: linear-gradient(135deg, #7eb8ff, #4d81f2) !important;\n  transform: scale(1.08);\n}\n\n.nsfpv-skeleton__meta,\n.nsfpv-meta {\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfpv-skeleton__meta {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n}\n\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\n.nsfpv-skeleton__stats,\n.nsfpv-stats {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px 12px;\n}\n\n.nsfpv-skeleton__stat {\n  width: 72px;\n  height: 28px;\n  border-radius: 999px;\n}\n\n.nsfpv .nsfpv-meta__name {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  color: var(--nsfpv-ink);\n  font-size: clamp(1.35rem, 3.2vw, 1.95rem);\n  font-weight: 800;\n  letter-spacing: -0.035em;\n  line-height: 1.22;\n}\n\n.nsfpv .nsfpv-meta__name i { color: var(--nsfpv-cool); font-size: 0.78em; }\n\n.nsfpv .nsfpv-meta__handle {\n  margin-top: 3px;\n  color: var(--nsfpv-dim);\n  font-size: 0.94rem;\n  font-weight: 600;\n}\n\n.nsfpv-stats { margin-top: 11px; }\n\n.nsfpv .nsfpv-stats__badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 30px;\n  padding: 5px 10px;\n  border: 1px solid rgba(174, 211, 255, 0.12);\n  border-radius: 999px;\n  background: rgba(147, 189, 255, 0.07);\n  color: #c8d9ef;\n  font-size: 0.82rem;\n  font-weight: 700;\n}\n\n.nsfpv .nsfpv-stats__badge i { color: var(--nsfpv-cool); font-size: 0.85em; }\n\n.nsfpv .nsfpv-bio {\n  max-width: 680px;\n  margin: 5px auto 0;\n  color: #d7e3f3;\n  font-size: 0.94rem;\n  font-weight: 450;\n  line-height: 1.62;\n}\n\n.nsfpv-skeleton__tabs,\n.nsfpv-tabs {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfpv-skeleton__tabs {\n  justify-content: center;\n  gap: 8px;\n  margin: 8px 0 16px;\n  padding: 0 var(--nsfpv-pad);\n}\n\n.nsfpv-skeleton__tab {\n  flex: 1 1 calc(50% - 8px);\n  min-width: 0;\n  height: 42px;\n  border-radius: 12px;\n}\n\n.nsfpv-tabs {\n  justify-content: flex-start;\n  gap: 6px;\n  margin-top: 4px;\n  padding: 12px var(--nsfpv-pad) 0;\n  border-top: 1px solid var(--nsfpv-line);\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: 44px;\n  height: auto;\n  padding: 10px 14px !important;\n  border: 1px solid transparent !important;\n  border-radius: 12px;\n  background: transparent !important;\n  color: var(--nsfpv-muted) !important;\n  font-family: var(--nsfpv-font);\n  font-size: 0.9rem !important;\n  font-weight: 700 !important;\n  white-space: nowrap;\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n}\n\n.nsfpv .nsfpv-tabs__btn:hover {\n  border-color: rgba(162, 205, 255, 0.15) !important;\n  background: rgba(115, 164, 238, 0.1) !important;\n  color: var(--nsfpv-ink) !important;\n  transform: translateY(-1px);\n}\n\n.nsfpv .nsfpv-tabs__btn.is-active {\n  border-color: rgba(112, 182, 255, 0.26) !important;\n  background: linear-gradient(135deg, rgba(88, 153, 255, 0.23), rgba(110, 93, 228, 0.18)) !important;\n  color: #d7edff !important;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09);\n}\n\n.nsfpv-pane {\n  display: none;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  padding: 20px var(--nsfpv-pad) 24px;\n}\n\n.nsfpv-pane.is-active { display: block; }\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: 16px;\n}\n\n.nsfpv .nsfpv-pane__title {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--nsfpv-ink);\n  font-size: 1rem;\n  font-weight: 800;\n}\n\n.nsfpv .nsfpv-pane__title i { color: var(--nsfpv-cool); }\n.nsfpv .nsfpv-pane__count { color: var(--nsfpv-dim); font-size: 0.8rem; font-weight: 750; }\n\n.nsfpv-empty {\n  padding: 44px 16px;\n  color: var(--nsfpv-dim);\n  font-size: 0.92rem;\n  text-align: center;\n}\n\n\/* Photo \/ video \/ reel grids *\/\n.nsfpv-skeleton__grid,\n.nsfpv-grid {\n  display: grid;\n  align-items: start;\n  grid-template-columns: 1fr;\n  gap: 14px;\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfpv-skeleton__grid { padding: 0 var(--nsfpv-pad) 20px; }\n.nsfpv-grid--reels { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n\n.nsfpv-skeleton__card,\n.nsfpv-tab-sk__photo,\n.nsfpv-tab-sk__video,\n.nsfpv-tab-sk__reel,\n.nsfpv-card,\n.nsfpv-post {\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--nsfpv-line);\n  border-radius: 16px;\n  background: linear-gradient(145deg, rgba(34, 62, 101, 0.78), rgba(18, 38, 70, 0.84));\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);\n}\n\n.nsfpv-card {\n  transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;\n}\n\n.nsfpv-card:hover {\n  border-color: rgba(136, 193, 255, 0.34);\n  box-shadow: 0 15px 28px rgba(0, 12, 34, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06);\n  transform: translateY(-4px);\n}\n\n.nsfpv-skeleton__thumb,\n.nsfpv-tab-sk__photo-thumb { aspect-ratio: 1 \/ 1; border-radius: 0; }\n\n.nsfpv-tab-sk--photos,\n.nsfpv-tab-sk--videos {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 14px;\n}\n\n.nsfpv-tab-sk--reels {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.nsfpv-tab-sk--posts,\n.nsfpv-posts {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfpv-tab-sk__video-thumb { aspect-ratio: 16 \/ 10; }\n.nsfpv-tab-sk__reel-thumb { aspect-ratio: 9 \/ 14; }\n\n.nsfpv-skeleton__foot,\n.nsfpv-tab-sk__photo-foot,\n.nsfpv-tab-sk__video-foot,\n.nsfpv-tab-sk__reel-foot {\n  height: 42px;\n  margin: 10px 12px;\n  border-radius: 9px;\n}\n\n.nsfpv-tab-sk__post {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 14px;\n}\n\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\n.nsfpv .nsfpv-cover__img,\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 .nsfpv-cover__img { object-position: center 18%; }\n.nsfpv-cover__fade { display: none; }\n\n.nsfpv-card__media {\n  position: relative;\n  overflow: hidden;\n  background: #1a3f70;\n  cursor: pointer;\n}\n\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\n.nsfpv-card__media::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background: linear-gradient(to top, rgba(2, 11, 28, 0.28), transparent 52%);\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.nsfpv-card:hover .nsfpv-card__media::after { opacity: 1; }\n\n.nsfpv-card__badge,\n.nsfpv-card__duration {\n  z-index: 2;\n  color: #fff;\n  font-size: 0.72rem;\n  font-weight: 800;\n  background: rgba(3, 12, 29, 0.72);\n  border: 1px solid rgba(255, 255, 255, 0.16);\n  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);\n  backdrop-filter: blur(8px);\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: 30px;\n  height: 30px;\n  padding: 0 8px;\n  border-radius: 999px;\n  letter-spacing: 0.04em;\n}\n\n.nsfpv-card__play {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n}\n\n.nsfpv-card__play span {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 52px;\n  height: 52px;\n  padding-left: 2px;\n  border: 1px solid rgba(255, 255, 255, 0.46);\n  border-radius: 50%;\n  background: rgba(4, 15, 34, 0.57);\n  color: #fff;\n  font-size: 1rem;\n  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);\n  backdrop-filter: blur(8px);\n  transition: transform 0.2s ease;\n}\n\n.nsfpv-card:hover .nsfpv-card__play span { transform: scale(1.08); }\n\n.nsfpv-card__duration {\n  position: absolute;\n  bottom: 10px;\n  left: 10px;\n  padding: 4px 8px;\n  border-radius: 7px;\n}\n\n.nsfpv-card__overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 13px;\n  color: #fff;\n  font-size: 0.82rem;\n  font-weight: 700;\n  opacity: 0;\n  background: linear-gradient(to top, rgba(1, 10, 27, 0.85), transparent 60%);\n  transition: opacity 0.22s ease;\n}\n\n.nsfpv-card:hover .nsfpv-card__overlay,\n.nsfpv-card:focus-within .nsfpv-card__overlay { opacity: 1; }\n\n.nsfpv-card__overlay span { display: inline-flex; align-items: center; gap: 5px; }\n\n.nsfpv-card__foot {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 9px;\n  min-width: 0;\n  padding: 12px;\n}\n\n.nsfpv-card__title {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  color: #cfddf0;\n  font-size: 0.82rem;\n  font-weight: 700;\n  text-overflow: ellipsis;\n  white-space: nowrap;\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 11px !important;\n  border: 1px solid rgba(136, 193, 255, 0.2) !important;\n  border-radius: 10px;\n  background: rgba(82, 145, 246, 0.15) !important;\n  color: #b6ddff !important;\n  font-family: var(--nsfpv-font);\n  font-size: 0.78rem !important;\n  font-weight: 750 !important;\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;\n}\n\n.nsfpv .nsfpv-card__action:hover {\n  border-color: rgba(141, 202, 255, 0.38) !important;\n  background: rgba(82, 145, 246, 0.28) !important;\n  transform: translateY(-1px);\n}\n\n.nsfpv .nsfpv-card__action--cool {\n  border-color: rgba(102, 222, 169, 0.22) !important;\n  background: rgba(73, 207, 139, 0.13) !important;\n  color: #9ef0bf !important;\n}\n\n.nsfpv-post {\n  padding: 16px;\n  overflow: visible;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.nsfpv-post:hover {\n  border-color: rgba(144, 196, 255, 0.28);\n  box-shadow: 0 12px 28px rgba(0, 12, 34, 0.16);\n}\n\n.nsfpv-post__head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n  margin-bottom: 12px;\n}\n\n.nsfpv-post__avatar {\n  flex-shrink: 0;\n  width: 43px;\n  height: 43px;\n  border: 2px solid rgba(124, 185, 255, 0.5);\n  border-radius: 50%;\n  object-fit: cover;\n}\n\n.nsfpv-post__author { color: var(--nsfpv-ink); font-size: 0.92rem; font-weight: 800; line-height: 1.25; }\n.nsfpv-post__date { color: var(--nsfpv-dim); font-size: 0.78rem; font-weight: 600; }\n\n.nsfpv-post__text {\n  margin-bottom: 12px;\n  color: #d3e0f1;\n  font-size: 0.9rem;\n  line-height: 1.62;\n  overflow-wrap: anywhere;\n  word-wrap: break-word;\n}\n\n.nsfpv-post__image {\n  width: 100%;\n  max-height: 360px;\n  margin-bottom: 12px;\n  border: 1px solid rgba(185, 216, 255, 0.1);\n  border-radius: 12px;\n  cursor: pointer;\n  object-fit: cover;\n}\n\n.nsfpv-post__stats { display: flex; flex-wrap: wrap; gap: 12px; }\n\n.nsfpv .nsfpv-post__stat {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  color: var(--nsfpv-dim);\n  font-size: 0.8rem;\n  font-weight: 700;\n}\n\n.nsfpv .nsfpv-post__stat i { color: var(--nsfpv-cool); }\n\n\/* Modal *\/\n.nsfpv-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 99999;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 18px;\n  background: rgba(1, 8, 21, 0.76);\n  backdrop-filter: blur(8px);\n}\n\n.nsfpv-modal.is-open { display: flex; }\n\n.nsfpv-modal__dialog {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: min(920px, 100%);\n  min-width: 0;\n  max-height: min(90vh, 900px);\n  padding: 14px;\n  overflow: hidden;\n  border: 1px solid rgba(180, 215, 255, 0.2);\n  border-radius: 20px;\n  background: linear-gradient(145deg, #172e55, #0a1932);\n  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.56), inset 0 1px 0 rgba(255, 255, 255, 0.08);\n}\n\n.nsfpv .nsfpv-modal__close {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 42px;\n  min-width: 42px;\n  height: 42px;\n  min-height: 42px;\n  border: 1px solid rgba(255, 255, 255, 0.2) !important;\n  border-radius: 50%;\n  background: rgba(8, 22, 47, 0.75) !important;\n  color: #fff !important;\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  transition: transform 0.2s ease, background 0.2s ease;\n}\n\n.nsfpv .nsfpv-modal__close:hover {\n  background: #e95670 !important;\n  transform: rotate(4deg) scale(1.05);\n}\n\n.nsfpv-modal__stage {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-width: 0;\n  min-height: 180px;\n  overflow: hidden;\n  border: 1px solid rgba(178, 215, 255, 0.1);\n  border-radius: 13px;\n  background: #061123;\n}\n\n.nsfpv .nsfpv-modal__media,\n.nsfpv .nsfpv-modal__media--img {\n  display: block;\n  width: 100%;\n  max-height: calc(90vh - 128px);\n  margin: 0 auto;\n  border-radius: 10px;\n  background: #061123;\n  object-fit: contain;\n}\n\n.nsfpv .nsfpv-modal__media.is-hidden { display: none !important; }\n\n.nsfpv .nsfpv-modal__media--video {\n  width: 100%;\n  max-height: calc(90vh - 128px);\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  min-width: 0;\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}\n\n.nsfpv-modal__actions { display: flex; flex-wrap: wrap; gap: 8px; }\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: 42px;\n  padding: 9px 14px !important;\n  border: 1px solid rgba(184, 220, 255, 0.18) !important;\n  border-radius: 12px !important;\n  background: rgba(87, 139, 235, 0.16) !important;\n  color: #e8f5ff !important;\n  font: inherit;\n  font-weight: 750 !important;\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  transition: transform 0.2s ease, filter 0.2s ease;\n}\n\n.nsfpv .nsfpv-modal__action:hover { filter: brightness(1.12); transform: translateY(-1px); }\n\n.nsfpv .nsfpv-modal__action--download {\n  border-color: rgba(148, 235, 189, 0.27) !important;\n  background: linear-gradient(135deg, #3f91ed, #48c78a) !important;\n}\n\n.nsfpv .nsfpv-modal__action:disabled,\n.nsfpv .nsfpv-modal__action.is-hidden { display: none !important; }\n\n.nsfpv-modal__loading {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  color: #fff;\n  font-weight: 700;\n  background: rgba(3, 13, 30, 0.76);\n  backdrop-filter: blur(5px);\n}\n\n.nsfpv-modal__loading.is-visible { display: flex; }\n.nsfpv-modal__loading i { animation: nsfpv-spin 0.9s linear infinite; }\n\n@keyframes nsfpv-spin { to { transform: rotate(360deg); } }\n\n.nsfpv-dlprog {\n  position: fixed;\n  right: 16px;\n  bottom: 16px;\n  z-index: 100000;\n  display: none;\n  width: min(380px, calc(100vw - 32px));\n  padding: 14px;\n  border: 1px solid rgba(179, 216, 255, 0.18);\n  border-radius: 16px;\n  background: rgba(10, 26, 51, 0.94);\n  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42);\n  color: #fff;\n  backdrop-filter: blur(16px);\n}\n\n.nsfpv-dlprog.is-open { display: block; }\n.nsfpv-dlprog.is-success { border-color: rgba(73, 207, 139, 0.55); }\n.nsfpv-dlprog.is-error { border-color: rgba(255, 107, 130, 0.55); }\n\n.nsfpv-dlprog__head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  margin-bottom: 9px;\n}\n\n.nsfpv-dlprog__title {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  font-size: 0.9rem;\n  font-weight: 700;\n}\n\n.nsfpv-dlprog__title i { color: #60dfa2; }\n.nsfpv-dlprog__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.nsfpv-dlprog__pct { flex: 0 0 auto; color: rgba(255, 255, 255, 0.86); font-size: 0.85rem; font-weight: 800; }\n\n.nsfpv-dlprog__track {\n  height: 8px;\n  overflow: hidden;\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.12);\n}\n\n.nsfpv-dlprog__fill {\n  width: 0%;\n  height: 100%;\n  border-radius: inherit;\n  background: linear-gradient(90deg, #5f9fff, #5de0b0);\n  box-shadow: 0 0 12px rgba(92, 224, 176, 0.5);\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% { transform: translateX(-120%); }\n  100% { transform: translateX(280%); }\n}\n\n.nsfpv-dlprog__meta {\n  display: flex;\n  justify-content: space-between;\n  gap: 8px;\n  margin-top: 8px;\n  color: rgba(255, 255, 255, 0.7);\n  font-size: 0.78rem;\n}\n\n.nsfpv-card__foot-actions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 6px;\n}\n\n\/* Responsive: tablet *\/\n@media (min-width: 768px) {\n  .nsfpv-search__row { flex-wrap: nowrap; }\n  .nsfpv .nsfpv-search__field { flex: 1 1 auto; }\n\n  .nsfpv .nsfpv-btn {\n    flex: 0 0 auto;\n    min-width: 116px;\n    padding: 0 19px !important;\n  }\n\n  .nsfpv-profile {\n    grid-template-columns: auto 1fr;\n    align-items: end;\n    justify-items: start;\n    gap: 18px 22px;\n    text-align: left;\n  }\n\n  .nsfpv-avatar { align-self: start; }\n  .nsfpv-meta { padding-top: 10px; text-align: left; }\n  .nsfpv .nsfpv-meta__name { justify-content: flex-start; }\n  .nsfpv-stats { justify-content: flex-start; }\n\n  .nsfpv .nsfpv-bio {\n    grid-column: 1 \/ -1;\n    max-width: none;\n    margin-right: 0;\n    margin-left: 0;\n    text-align: left;\n  }\n\n  .nsfpv-tabs,\n  .nsfpv-skeleton__tabs { justify-content: flex-start; }\n\n  .nsfpv .nsfpv-tabs__btn {\n    flex: 0 1 auto;\n    min-width: 118px;\n    padding: 10px 17px !important;\n  }\n\n  .nsfpv-skeleton__profile {\n    grid-template-columns: auto 1fr;\n    justify-items: start;\n    text-align: left;\n  }\n\n  .nsfpv-skeleton__meta { align-items: flex-start; text-align: left; }\n  .nsfpv-skeleton__stats { justify-content: flex-start; }\n  .nsfpv-skeleton__grid,\n  .nsfpv-grid,\n  .nsfpv-tab-sk--photos,\n  .nsfpv-tab-sk--videos,\n  .nsfpv-tab-sk--reels { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n\n\/* Responsive: desktop *\/\n@media (min-width: 1024px) {\n  .nsfpv { --nsfpv-avatar: 136px; }\n\n  .nsfpv-grid,\n  .nsfpv-skeleton__grid,\n  .nsfpv-tab-sk--photos,\n  .nsfpv-tab-sk--videos { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n\n  .nsfpv-grid--reels,\n  .nsfpv-tab-sk--reels { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n}\n\n@media (max-width: 720px) {\n  .nsfpv .nsfpv-search .nsfpv-search__row { flex-wrap: wrap !important; }\n\n  .nsfpv .nsfpv-search .nsfpv-search__field,\n  .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__field,\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% - 5px) !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n  }\n}\n\n@media (max-width: 479.98px) {\n  .nsfpv { border-radius: 18px; }\n\n  .nsfpv-hero { padding-top: 24px; }\n  .nsfpv-hero__brand { gap: 10px; }\n  .nsfpv .nsfpv-hero__icon { width: 42px; height: 42px; border-radius: 13px; }\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    padding: 6px 8px !important;\n    font-size: 0.72rem !important;\n  }\n\n  .nsfpv-modal { padding: 10px; }\n  .nsfpv-modal__dialog { padding: 10px; border-radius: 16px; }\n  .nsfpv-modal__bar { align-items: stretch; }\n  .nsfpv-modal__actions { width: 100%; }\n  .nsfpv .nsfpv-modal__action { flex: 1; }\n}\n\n@media (max-width: 359.98px) {\n  .nsfpv-grid--reels,\n  .nsfpv-tab-sk--reels { grid-template-columns: 1fr; }\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-basis: 100% !important;\n  }\n}\n\n\/* ResizeObserver helpers *\/\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% - 5px); }\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 { text-align: center; }\n\n.nsfpv.nsfpv--compact .nsfpv-meta__name,\n.nsfpv.nsfpv--compact .nsfpv-stats,\n.nsfpv.nsfpv--compact .nsfpv-tabs { justify-content: center; }\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 { grid-template-columns: 1fr; }\n\n.nsfpv.nsfpv--compact .nsfpv-grid--reels,\n.nsfpv.nsfpv--compact .nsfpv-tab-sk--reels { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n\n.nsfpv.nsfpv--narrow .nsfpv-grid--reels,\n.nsfpv.nsfpv--narrow .nsfpv-tab-sk--reels { grid-template-columns: 1fr; }\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 { grid-template-columns: 1fr; }\n.nsfpv.nsfpv--narrow .nsfpv-btn { flex: 1 1 100%; }\n.nsfpv.nsfpv--narrow .nsfpv-tabs__btn { flex: 1 1 100%; }\n\n.nsfpv.nsfpv--narrow {\n  --nsfpv-avatar: 84px;\n  padding-right: 7px;\n  padding-left: 7px;\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: 10px !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  flex-wrap: nowrap !important;\n  gap: 10px !important;\n  width: auto !important;\n  max-width: none !important;\n  min-width: 0 !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: 116px !important;\n}\n\n.nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row,\n.nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row { flex-wrap: wrap !important; }\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% - 5px) !important;\n  min-width: 0 !important;\n  max-width: 100% !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\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: rgba(89, 135, 202, 0.25);\n  }\n}\n\n@media (hover: none) {\n  .nsfpv .nsfpv-btn:hover,\n  .nsfpv .nsfpv-tabs__btn:hover,\n  .nsfpv-card:hover { transform: none; }\n\n  .nsfpv-card:hover .nsfpv-card__overlay { opacity: 0; }\n\n  .nsfpv-card:focus-within .nsfpv-card__overlay,\n  .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\">TikTok Drafts Viewer \u2013 Access &amp;amp; Manage Draft Videos<\/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] -->    <link rel=\"canonical\" href=\"\">\r\n  \r\n  \r\n     \r\n      \r\n      <!-- 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      <!-- 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  \r\n  <style id=\"vvvebjs-styles\">\r\n      [data-aos] {\r\n          opacity: 1 !important;\r\n          transform: none !important;\r\n      }\r\n\r\n      html{\r\n          overflow-x: hidden;\r\n      }\r\n     \r\n      :root {\r\n              --ttvv-primary-color: #6366F1;\r\n              --ttvv-secondary-color: #8c60ff;\r\n              --ttvv-dark-color: #0F172A;\r\n              --ttvv-light-color: #FFFFFF;\r\n              --ttvv-gray-color: #F1F5F9;\r\n              --ttvv-primary-hover: #4F46E5;\r\n              --ttvv-secondary-hover: #7c3aed;\r\n              --ttvv-muted: #64748B;\r\n              --ttvv-section-padding: 100px 0;\r\n          }\r\n          \r\n\/*           body {\r\n              font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n              scroll-behavior: smooth;\r\n              overflow-x: hidden;\r\n              background-color: var(--ttvv-light-color);\r\n              color: var(--ttvv-dark-color);\r\n          }\r\n  \r\n      h1, h2, h3, h4, h5, h6 {\r\n          font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\r\n          font-weight: bold; \r\n      } *\/\r\n    \r\n   \r\n       \/* TikTok-style Hero Section *\/\r\n       .ttvv-hero-section {\r\n              padding: var(--ttvv-section-padding);\r\n              text-align: center;\r\n              background-color: var(--ttvv-light-color);\r\n          }\r\n          \r\n          .ttvv-hero-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .ttvv-hero-section h1 {\r\n              font-size: 3.5rem;\r\n              font-weight: 700;\r\n              margin-bottom: 1.5rem;\r\n              color: var(--ttvv-dark-color);\r\n          }\r\n          \r\n          .ttvv-hero-section p {\r\n              font-size: 1.25rem;\r\n              max-width: 700px;\r\n              margin: 0 auto 2rem;\r\n              opacity: 0.9;\r\n              font-weight: 300;\r\n              color: var(--ttvv-muted);\r\n          }\r\n          \r\n          .ttvv-work-process-section {\r\n              padding: var(--ttvv-section-padding);\r\n              background: var(--ttvv-gray-color);\r\n              color: var(--ttvv-dark-color);\r\n              position: relative;\r\n              overflow: hidden;\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-work-process-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .ttvv-process-step {\r\n              text-align: center;\r\n              padding: 30px 20px;\r\n              position: relative;\r\n              z-index: 1;\r\n              background: #FFFFFF;\r\n              border-radius: 16px;\r\n              margin: 15px;\r\n              border: 1px solid rgba(99, 102, 241, 0.15);\r\n              box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ttvv-process-step:hover {\r\n              transform: translateY(-10px);\r\n              box-shadow: 0 16px 40px rgba(99, 102, 241, 0.12);\r\n          }\r\n          \r\n          .ttvv-step-number {\r\n              width: 60px;\r\n              height: 60px;\r\n              background: white;\r\n              color: var(--ttvv-primary-color);\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          .ttvv-features-section {\r\n              padding: var(--ttvv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-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(--ttvv-primary-color);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-feature-card:hover::before {\r\n              width: 100%;\r\n              opacity: 0.1;\r\n          }\r\n          \r\n          .ttvv-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(--ttvv-primary-color);\r\n              color: white;\r\n              font-size: 1.8rem;\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ttvv-feature-card:hover .ttvv-feature-icon {\r\n              transform: rotate(15deg) scale(1.1);\r\n              background: var(--ttvv-primary-hover);\r\n          }\r\n          \r\n          \/* Why Choose Section *\/\r\n          .ttvv-why-choose-section {\r\n              padding: var(--ttvv-section-padding);\r\n              background: #f9f9f9;\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-why-choose-image:hover {\r\n              transform: perspective(1000px) rotateY(0deg);\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-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          .ttvv-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(--ttvv-primary-color);\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          .ttvv-faq-section {\r\n              padding: var(--ttvv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-accordion-button {\r\n              font-weight: 600;\r\n              color: var(--ttvv-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          .ttvv-accordion-button:not(.collapsed) {\r\n              background: white;\r\n              color: var(--ttvv-primary-color);\r\n              box-shadow: none;\r\n          }\r\n          \r\n          .ttvv-accordion-button:focus {\r\n              box-shadow: none;\r\n              border-color: rgba(99, 102, 241, 0.35);\r\n          }\r\n          \r\n          .ttvv-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='%236366F1'%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          .ttvv-accordion-body {\r\n              padding: 25px;\r\n              color: #666;\r\n          }\r\n          \r\n          \/* Section Titles *\/\r\n          .ttvv-section-title {\r\n              font-weight: 700;\r\n              color: var(--ttvv-dark-color);\r\n              margin-bottom: 1.5rem;\r\n              position: relative;\r\n              display: inline-block;\r\n          }\r\n          \r\n          .ttvv-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(--ttvv-primary-color);\r\n              border-radius: 2px;\r\n          }\r\n          \r\n          .ttvv-light-title {\r\n              color: white;\r\n          }\r\n          \r\n          .ttvv-light-title::after {\r\n              background: white;\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-light-subtitle {\r\n              color: rgba(255,255,255,0.8);\r\n          }\r\n\r\n          .ttvv-work-process-section .ttvv-light-title {\r\n              color: var(--ttvv-dark-color);\r\n          }\r\n          .ttvv-work-process-section .ttvv-light-title::after {\r\n              background: var(--ttvv-primary-color);\r\n          }\r\n          .ttvv-work-process-section .ttvv-light-subtitle,\r\n          .ttvv-work-process-section .ttvv-process-step .ttvv-light-subtitle {\r\n              color: var(--ttvv-muted);\r\n          }\r\n          .ttvv-step-heading {\r\n              color: var(--ttvv-dark-color);\r\n              font-weight: 700;\r\n          }\r\n          \r\n          \/* Responsive Design *\/\r\n          @media (max-width: 991px) {\r\n              :root {\r\n                  --ttvv-section-padding: 80px 0;\r\n              }\r\n              \r\n              .ttvv-hero-section h1 {\r\n                  font-size: 2.8rem;\r\n              }\r\n              \r\n              .ttvv-process-step::before {\r\n                  display: none;\r\n              }\r\n          }\r\n          \r\n          @media (max-width: 767px) {\r\n              :root {\r\n                  --ttvv-section-padding: 70px 0;\r\n              }\r\n              \r\n              .ttvv-hero-section {\r\n                  padding: 100px 0 60px;\r\n              }\r\n              \r\n              .ttvv-hero-section h1 {\r\n                  font-size: 2.2rem;\r\n              }\r\n              \r\n              .ttvv-hero-section p {\r\n                  font-size: 1rem;\r\n              }\r\n              \r\n              .ttvv-section-title {\r\n                  font-size: 1.8rem;\r\n              }\r\n          }\r\n          \r\n          \/* Animation *\/\r\n          @keyframes ttvv-float {\r\n              0% { transform: translateY(0px); }\r\n              50% { transform: translateY(-15px); }\r\n              100% { transform: translateY(0px); }\r\n          }\r\n          \r\n          .ttvv-floating-element {\r\n              animation: ttvv-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(--ttvv-primary-color);\r\n              border-radius: 10px;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-thumb:hover {\r\n              background: var(--ttvv-primary-hover);\r\n          }\r\n      \r\n  <\/style>\r\n  <!-- tools -->\r\n  <style>\r\n      :root {\r\n          --va-primary: #6366F1;\r\n          --va-secondary: #8c60ff;\r\n          --va-text: #0F172A;\r\n          --va-muted: #64748B;\r\n          --primary: var(--va-primary);\r\n          --secondary: var(--va-secondary);\r\n          --accent: var(--va-secondary);\r\n          --purple: var(--va-primary);\r\n          --purple-light: #818CF8;\r\n          --purple-dark: #4F46E5;\r\n          --pink: var(--va-secondary);\r\n          --pink-light: #a78bfa;\r\n          --orange: #f59e0b;\r\n          --green: #10B981;\r\n          --blue: var(--va-primary);\r\n          --yellow: #fbbf24;\r\n          --tiktok-red: var(--va-primary);\r\n          --tiktok-blue: var(--va-secondary);\r\n          --tiktok-purple: var(--va-secondary);\r\n          --bg-primary: #F8FAFC;\r\n          --bg-secondary: #F1F5F9;\r\n          --bg-tertiary: #E2E8F0;\r\n          --card-dark: #FFFFFF;\r\n          --card-purple: #FFFFFF;\r\n          --card-blue: #F8FAFC;\r\n          --text-light: #FFFFFF;\r\n          --text-gray: var(--va-muted);\r\n          --text-purple: var(--va-primary);\r\n          --glass-dark: rgba(255, 255, 255, 0.95);\r\n          --glass-purple: rgba(248, 250, 252, 0.98);\r\n          --glass-blue: rgba(255, 255, 255, 0.95);\r\n          --glass-border: rgba(99, 102, 241, 0.18);\r\n          --shadow: 0 2px 8px rgba(15, 23, 42, 0.06);\r\n          --shadow-lg: 0 8px 30px rgba(15, 23, 42, 0.08);\r\n          --shadow-xl: 0 16px 48px rgba(99, 102, 241, 0.12);\r\n          --shadow-purple: 0 8px 28px rgba(99, 102, 241, 0.2);\r\n          --shadow-pink: 0 8px 28px rgba(140, 96, 255, 0.18);\r\n          --shadow-blue: 0 8px 28px rgba(99, 102, 241, 0.15);\r\n          --glow-purple: 0 0 28px rgba(99, 102, 241, 0.35);\r\n          --glow-pink: 0 0 28px rgba(140, 96, 255, 0.3);\r\n          --glow-blue: 0 0 24px rgba(129, 140, 248, 0.35);\r\n          --glow-tiktok: 0 0 36px rgba(99, 102, 241, 0.35);\r\n      }\r\n\r\n      .ttvv-hero-tools-section,\r\n      .ttvv-hero-tools-section *,\r\n      .ttvv-hero-tools-section *::before,\r\n      .ttvv-hero-tools-section *::after {\r\n          box-sizing: border-box;\r\n      }\r\n  \r\n      .ttvv-hero-tools-section {\r\n          background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 45%, #F1F5F9 100%);\r\n          color: var(--va-text);\r\n          overflow-x: hidden;\r\n          position: relative;\r\n          padding: 80px 0;\r\n      }\r\n  \r\n      .ttvv-hero-tools-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:\r\n              radial-gradient(circle at 18% 22%, rgba(99, 102, 241, 0.09) 0%, transparent 42%),\r\n              radial-gradient(circle at 82% 78%, rgba(140, 96, 255, 0.07) 0%, transparent 45%);\r\n          pointer-events: none;\r\n          z-index: 0;\r\n      }\r\n  \r\n      .ttvv-custom-container {\r\n          max-width: 1200px;\r\n          margin: 0 auto;\r\n          padding: 2rem;\r\n          position: relative;\r\n          z-index: 1;\r\n      }\r\n  \r\n      \/* Header *\/\r\n      .header {\r\n          text-align: center;\r\n          margin-bottom: 2.5rem;\r\n          animation: fadeInDown 1s ease-out;\r\n      }\r\n  \r\n      .logo {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 1.5rem;\r\n          margin-bottom: 1rem;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .logo-icon {\r\n          width: 70px;\r\n          height: 70px;\r\n          background: linear-gradient(135deg, var(--va-primary), var(--va-secondary));\r\n          border-radius: 20px;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          font-size: 28px;\r\n          color: white;\r\n          box-shadow: var(--shadow-xl), var(--glow-purple);\r\n          animation: logoFloat 4s ease-in-out infinite;\r\n          position: relative;\r\n          overflow: hidden;\r\n          border: 2px solid rgba(99, 102, 241, 0.25);\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .logo-icon::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: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n          animation: logoShine 3s ease-in-out infinite;\r\n      }\r\n  \r\n      .logo-text {\r\n          font-size: clamp(1.8rem, 5vw, 3.5rem);\r\n          font-weight: 900;\r\n          background: linear-gradient(135deg, var(--va-primary) 0%, var(--va-secondary) 100%);\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          background-clip: text;\r\n          letter-spacing: -2px;\r\n          text-align: center;\r\n      }\r\n  \r\n      .subtitle {\r\n          font-size: clamp(0.9rem, 2.5vw, 1.1rem);\r\n          color: var(--text-gray);\r\n          font-weight: 500;\r\n          margin-top: 0.5rem;\r\n          animation: subtitleGlow 3s ease-in-out infinite;\r\n          text-align: center;\r\n          padding: 0 1rem;\r\n      }\r\n  \r\n      \/* Search \u2014 white card, purple accents (ViewAnonymous-style) *\/\r\n      .search-section {\r\n          background: linear-gradient(135deg, var(--glass-dark) 0%, var(--glass-purple) 100%);\r\n          backdrop-filter: blur(25px);\r\n          border: 2px solid var(--glass-border);\r\n          border-radius: 24px;\r\n          padding: clamp(1.5rem, 4vw, 2.5rem);\r\n          margin-bottom: 2rem;\r\n          box-shadow: var(--shadow-xl), var(--shadow-purple);\r\n          animation: fadeInUp 1s ease-out 0.2s both;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .search-section::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: linear-gradient(90deg,\r\n              transparent,\r\n              var(--purple),\r\n              var(--secondary),\r\n              var(--purple-light),\r\n              transparent);\r\n          animation: borderFlow 3s ease-in-out infinite;\r\n      }\r\n  \r\n      .search-section::after {\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: linear-gradient(135deg,\r\n              rgba(99, 102, 241, 0.04) 0%,\r\n              rgba(140, 96, 255, 0.05) 50%,\r\n              rgba(129, 140, 248, 0.04) 100%);\r\n          pointer-events: none;\r\n          border-radius: 24px;\r\n          animation: overlayPulse 6s ease-in-out infinite;\r\n      }\r\n  \r\n      .input-group {\r\n          position: relative;\r\n          margin-bottom: 1.5rem;\r\n          z-index: 2;\r\n      }\r\n  \r\n      .input-field {\r\n          width: 100% !important;\r\n          padding: clamp(1rem, 3vw, 1.5rem) clamp(1.2rem, 4vw, 2rem) !important;\r\n          background: #FFFFFF !important;\r\n          border: 2px solid rgba(99, 102, 241, 0.22) !important;\r\n          border-radius: 20px !important;\r\n          color: var(--va-text) !important;\r\n          -webkit-text-fill-color: var(--va-text) !important;\r\n          font-size: clamp(0.9rem, 2.5vw, 1.1rem) !important;\r\n          font-weight: 500 !important;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          outline: none !important;\r\n          box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05) !important;\r\n          position: relative;\r\n      }\r\n  \r\n      .input-field::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          background: linear-gradient(135deg,\r\n              rgba(99, 102, 241, 0.06) 0%,\r\n              rgba(140, 96, 255, 0.06) 100%);\r\n          border-radius: 20px;\r\n          opacity: 0;\r\n          transition: opacity 0.4s ease;\r\n          pointer-events: none;\r\n      }\r\n  \r\n      .input-field:focus {\r\n          border-color: var(--va-primary) !important;\r\n          box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.18), var(--shadow-lg) !important;\r\n          background: #FFFFFF !important;\r\n          color: var(--va-text) !important;\r\n          -webkit-text-fill-color: var(--va-text) !important;\r\n          transform: translateY(-2px) scale(1.005);\r\n          animation: inputFocusGlow 2s ease-in-out infinite;\r\n      }\r\n  \r\n      .input-field:focus::before {\r\n          opacity: 1;\r\n      }\r\n  \r\n      .input-field::placeholder,\r\n      .input-field::-webkit-input-placeholder,\r\n      .input-field::-moz-placeholder,\r\n      .input-field:-ms-input-placeholder {\r\n          color: var(--va-muted) !important;\r\n          opacity: 1 !important;\r\n          -webkit-text-fill-color: var(--va-muted) !important;\r\n      }\r\n  \r\n      .input-field:focus::placeholder,\r\n      .input-field:focus::-webkit-input-placeholder,\r\n      .input-field:focus::-moz-placeholder,\r\n      .input-field:focus:-ms-input-placeholder {\r\n          color: var(--va-muted) !important;\r\n          opacity: 1 !important;\r\n          -webkit-text-fill-color: var(--va-muted) !important;\r\n      }\r\n  \r\n      .input-actions {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          margin-top: 1rem;\r\n          font-size: clamp(0.8rem, 2vw, 0.9rem);\r\n          color: var(--text-gray);\r\n          z-index: 2;\r\n          position: relative;\r\n          flex-wrap: wrap;\r\n          gap: 0.5rem;\r\n      }\r\n  \r\n      .paste-btn {\r\n          background: linear-gradient(135deg, var(--tiktok-blue), var(--secondary));\r\n          border: none;\r\n          color: white;\r\n          cursor: pointer;\r\n          padding: clamp(0.5rem, 2vw, 0.7rem) clamp(0.8rem, 3vw, 1.4rem);\r\n          border-radius: 14px;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n          font-weight: 600;\r\n          box-shadow: var(--shadow), var(--shadow-blue);\r\n          font-size: clamp(0.8rem, 2vw, 0.9rem);\r\n          position: relative;\r\n          overflow: hidden;\r\n          border: 1px solid rgba(140, 96, 255, 0.3);\r\n          min-height: 44px; \/* Touch-friendly *\/\r\n      }\r\n  \r\n      .paste-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 0.5s;\r\n      }\r\n  \r\n      .paste-btn:hover::before,\r\n      .paste-btn:active::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .paste-btn:hover,\r\n      .paste-btn:active {\r\n          transform: translateY(-3px) scale(1.05);\r\n          box-shadow: var(--shadow-lg), var(--glow-blue);\r\n          background: linear-gradient(135deg, var(--tiktok-blue), var(--blue));\r\n      }\r\n  \r\n      .action-buttons {\r\n          display: grid;\r\n          grid-template-columns: 1fr;\r\n          gap: 1rem;\r\n          align-items: center;\r\n          z-index: 2;\r\n          position: relative;\r\n      }\r\n  \r\n    .search-btn {\r\n      background: linear-gradient(135deg, var(--va-primary) 0%, var(--va-secondary) 50%, var(--purple-dark) 100%);\r\n      background-size: 200% 200%;\r\n      color: white;\r\n      border: none;\r\n      padding: clamp(1rem, 3vw, 1.4rem) clamp(1.5rem, 4vw, 2.8rem);\r\n      border-radius: 20px;\r\n      font-size: clamp(0.9rem, 2.5vw, 1.1rem);\r\n      font-weight: 700;\r\n      cursor: pointer;\r\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n      position: relative;\r\n      overflow: hidden;\r\n      box-shadow: var(--shadow-lg), var(--shadow-purple);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 0.75rem;\r\n      min-height: 56px;\r\n      animation: buttonPulse 4s ease-in-out infinite;\r\n      border: 2px solid rgba(99, 102, 241, 0.3);\r\n      width: 100%;\r\n  }\r\n  \r\n      .search-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 0.6s;\r\n      }\r\n  \r\n      .search-btn:hover:not(:disabled)::before,\r\n      .search-btn:active:not(:disabled)::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .search-btn:hover:not(:disabled),\r\n      .search-btn:active:not(:disabled) {\r\n          transform: translateY(-4px) scale(1.02);\r\n          box-shadow: var(--shadow-xl), var(--glow-purple);\r\n          background-position: 100% 100%;\r\n          animation: buttonHoverGlow 1s ease-in-out infinite;\r\n      }\r\n  \r\n      .search-btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n          animation: none;\r\n      }\r\n  \r\n      .search-another-btn {\r\n          background: linear-gradient(135deg, var(--purple), var(--purple-dark));\r\n          color: white;\r\n          border: none;\r\n          padding: clamp(0.8rem, 2.5vw, 1.1rem) clamp(1rem, 3vw, 1.6rem);\r\n          border-radius: 18px;\r\n          cursor: pointer;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 0.5rem;\r\n          min-height: 48px;\r\n          width: 100%;\r\n          font-weight: 600;\r\n          box-shadow: var(--shadow), var(--shadow-purple);\r\n          font-size: clamp(0.8rem, 2vw, 0.95rem);\r\n          position: relative;\r\n          overflow: hidden;\r\n          border: 2px solid rgba(139, 92, 246, 0.3);\r\n      }\r\n  \r\n      .search-another-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.2), transparent);\r\n          transition: left 0.5s;\r\n      }\r\n  \r\n      .search-another-btn:hover::before,\r\n      .search-another-btn:active::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .search-another-btn:hover,\r\n      .search-another-btn:active {\r\n          transform: translateY(-3px) scale(1.05);\r\n          box-shadow: var(--shadow-lg), var(--glow-purple);\r\n      }\r\n  \r\n      \/* Loading Animation - NO FLOATING *\/\r\n      .loading {\r\n          display: none;\r\n          text-align: center;\r\n          padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\r\n          background: linear-gradient(135deg, \r\n              var(--glass-dark) 0%, \r\n              var(--glass-purple) 50%, \r\n              var(--glass-blue) 100%);\r\n          backdrop-filter: blur(25px);\r\n          border: 2px solid var(--glass-border);\r\n          border-radius: 24px;\r\n          margin: 2rem 0;\r\n          box-shadow: var(--shadow-xl), var(--shadow-purple);\r\n      }\r\n  \r\n      .loading::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: linear-gradient(90deg, \r\n              transparent, \r\n              var(--purple), \r\n              var(--pink), \r\n              transparent);\r\n          border-radius: 24px 24px 0 0;\r\n      }\r\n  \r\n      .loading-spinner {\r\n          width: clamp(60px, 15vw, 100px);\r\n          height: clamp(60px, 15vw, 100px);\r\n          margin: 0 auto 2rem;\r\n          position: relative;\r\n      }\r\n  \r\n      .spinner-ring {\r\n          position: absolute;\r\n          border: 4px solid transparent;\r\n          border-radius: 50%;\r\n          animation: spin 2s linear infinite;\r\n      }\r\n  \r\n      .spinner-ring:nth-child(1) {\r\n          width: 100%;\r\n          height: 100%;\r\n          border-top-color: var(--tiktok-red);\r\n          border-right-color: var(--tiktok-red);\r\n          animation-duration: 2s;\r\n          box-shadow: 0 0 20px rgba(99, 102, 241, 0.4);\r\n      }\r\n  \r\n      .spinner-ring:nth-child(2) {\r\n          width: 75%;\r\n          height: 75%;\r\n          top: 12.5%;\r\n          left: 12.5%;\r\n          border-bottom-color: var(--tiktok-blue);\r\n          border-left-color: var(--tiktok-blue);\r\n          animation-duration: 1.5s;\r\n          animation-direction: reverse;\r\n          box-shadow: 0 0 15px rgba(140, 96, 255, 0.4);\r\n      }\r\n  \r\n      .spinner-ring:nth-child(3) {\r\n          width: 50%;\r\n          height: 50%;\r\n          top: 25%;\r\n          left: 25%;\r\n          border-top-color: var(--purple);\r\n          animation-duration: 1s;\r\n          box-shadow: 0 0 10px rgba(139, 92, 246, 0.4);\r\n      }\r\n  \r\n      .loading-text {\r\n          font-size: clamp(1rem, 3vw, 1.4rem);\r\n          font-weight: 700;\r\n          margin-bottom: 0.5rem;\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--tiktok-blue), var(--purple));\r\n          background-size: 200% 200%;\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          animation: textGradient 3s ease infinite;\r\n      }\r\n  \r\n      .loading-subtext {\r\n          color: var(--text-gray);\r\n          font-size: clamp(0.8rem, 2vw, 1rem);\r\n          animation: textFade 2s ease-in-out infinite;\r\n      }\r\n  \r\n      \/* Main Video Section - NO FLOATING *\/\r\n      .video-section {\r\n          display: none;\r\n          animation: fadeInUp 0.8s ease-out;\r\n          background: linear-gradient(135deg, \r\n              var(--glass-dark) 0%, \r\n              var(--glass-purple) 30%, \r\n              var(--glass-blue) 70%, \r\n              var(--glass-dark) 100%);\r\n          backdrop-filter: blur(25px);\r\n          border: 2px solid var(--glass-border);\r\n          border-radius: 24px;\r\n          padding: clamp(1.5rem, 4vw, 2.5rem);\r\n          box-shadow: var(--shadow-xl), var(--shadow-purple);\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .video-section::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: linear-gradient(90deg, \r\n              transparent, \r\n              var(--tiktok-red), \r\n              var(--tiktok-blue), \r\n              var(--purple), \r\n              var(--pink), \r\n              transparent);\r\n          animation: borderFlow 4s ease-in-out infinite;\r\n      }\r\n  \r\n      \/* Author Info - NO FLOATING *\/\r\n      .author-section {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(0.8rem, 3vw, 1.2rem);\r\n          margin-bottom: 1.5rem;\r\n          padding: clamp(1rem, 3vw, 1.5rem);\r\n          background: linear-gradient(135deg,\r\n              rgba(99, 102, 241, 0.08) 0%,\r\n              rgba(140, 96, 255, 0.1) 50%,\r\n              rgba(129, 140, 248, 0.08) 100%);\r\n          border-radius: 20px;\r\n          border: 1px solid rgba(99, 102, 241, 0.22);\r\n          width: 100%;\r\n          box-shadow: var(--shadow), var(--shadow-purple);\r\n          transition: all 0.4s ease;\r\n          flex-wrap: wrap;\r\n          justify-content: center;\r\n          text-align: center;\r\n      }\r\n  \r\n      .author-section:hover,\r\n      .author-section:active {\r\n          transform: translateY(-3px);\r\n          box-shadow: var(--shadow-lg), var(--glow-purple);\r\n      }\r\n  \r\n      .author-avatar {\r\n          width: clamp(50px, 12vw, 60px);\r\n          height: clamp(50px, 12vw, 60px);\r\n          border-radius: 50%;\r\n          object-fit: cover;\r\n          border: 3px solid transparent;\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--tiktok-blue));\r\n          padding: 2px;\r\n          box-shadow: var(--shadow), var(--shadow-pink);\r\n          animation: avatarPulse 4s ease-in-out infinite;\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .author-details {\r\n          flex: 1;\r\n          min-width: 0;\r\n      }\r\n  \r\n      .author-details h3 {\r\n          font-size: clamp(1rem, 3vw, 1.2rem);\r\n          font-weight: 700;\r\n          margin-bottom: 0.25rem;\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--tiktok-blue));\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          word-break: break-word;\r\n      }\r\n  \r\n      .author-username {\r\n          color: var(--text-gray);\r\n          font-size: clamp(0.8rem, 2.5vw, 0.95rem);\r\n          font-weight: 500;\r\n          word-break: break-word;\r\n      }\r\n  \r\n      \/* Title - NO FLOATING *\/\r\n      .video-title {\r\n          font-size: clamp(1.2rem, 4vw, 1.6rem);\r\n          font-weight: 800;\r\n          margin-bottom: 1.5rem;\r\n          line-height: 1.4;\r\n          color: var(--va-text);\r\n          width: 100%;\r\n          text-align: center;\r\n          word-break: break-word;\r\n          padding: 0 1rem;\r\n      }\r\n  \r\n      \/* Stats Grid - NO FLOATING - REMOVED SIZE *\/\r\n      .video-stats {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n          gap: clamp(0.5rem, 2vw, 1rem);\r\n          margin-bottom: 2rem;\r\n      }\r\n  \r\n      .stat-item {\r\n          background: linear-gradient(135deg, \r\n              var(--glass-dark) 0%, \r\n              var(--glass-purple) 100%);\r\n          padding: clamp(0.8rem, 3vw, 1.2rem);\r\n          border-radius: 18px;\r\n          text-align: center;\r\n          border: 1px solid var(--glass-border);\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          position: relative;\r\n          overflow: hidden;\r\n          box-shadow: var(--shadow);\r\n          backdrop-filter: blur(15px);\r\n          min-height: 80px;\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n      }\r\n  \r\n      .stat-item::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(139, 92, 246, 0.3), transparent);\r\n          transition: left 0.6s;\r\n      }\r\n  \r\n      .stat-item:hover::before,\r\n      .stat-item:active::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .stat-item:hover,\r\n      .stat-item:active {\r\n          transform: translateY(-5px) scale(1.02);\r\n          box-shadow: var(--shadow-lg), var(--glow-purple);\r\n      }\r\n  \r\n      .stat-item.views {\r\n          border-color: rgba(99, 102, 241, 0.4);\r\n          background: linear-gradient(135deg, \r\n              rgba(99, 102, 241, 0.1) 0%, \r\n              var(--glass-dark) 100%);\r\n      }\r\n  \r\n      .stat-item.likes {\r\n          border-color: rgba(140, 96, 255, 0.4);\r\n          background: linear-gradient(135deg, \r\n              rgba(140, 96, 255, 0.1) 0%, \r\n              var(--glass-dark) 100%);\r\n      }\r\n  \r\n      .stat-item.comments {\r\n          border-color: rgba(168, 85, 247, 0.4);\r\n          background: linear-gradient(135deg, \r\n              rgba(168, 85, 247, 0.1) 0%, \r\n              var(--glass-dark) 100%);\r\n      }\r\n  \r\n      .stat-item.shares {\r\n          border-color: rgba(255, 136, 0, 0.4);\r\n          background: linear-gradient(135deg, \r\n              rgba(255, 136, 0, 0.1) 0%, \r\n              var(--glass-dark) 100%);\r\n      }\r\n  \r\n      .stat-item.duration {\r\n          border-color: rgba(59, 130, 246, 0.4);\r\n          background: linear-gradient(135deg, \r\n              rgba(59, 130, 246, 0.1) 0%, \r\n              var(--glass-dark) 100%);\r\n      }\r\n  \r\n      .stat-value {\r\n          font-size: clamp(1.2rem, 4vw, 1.6rem);\r\n          font-weight: 900;\r\n          display: block;\r\n          margin-bottom: 0.25rem;\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--tiktok-blue));\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          animation: valueGlow 4s ease-in-out infinite;\r\n      }\r\n  \r\n      .stat-label {\r\n          font-size: clamp(0.7rem, 2vw, 0.8rem);\r\n          color: var(--text-gray);\r\n          font-weight: 600;\r\n          text-transform: uppercase;\r\n          letter-spacing: 0.5px;\r\n      }\r\n  \r\n      \/* Video Streaming Area - NO FLOATING *\/\r\n      .video-streaming-area {\r\n          background: linear-gradient(135deg, \r\n              rgba(99, 102, 241, 0.08) 0%, \r\n              rgba(140, 96, 255, 0.08) 50%, \r\n              rgba(168, 85, 247, 0.08) 100%);\r\n          border: 2px solid rgba(99, 102, 241, 0.3);\r\n          border-radius: 24px;\r\n          padding: clamp(1.5rem, 4vw, 2.5rem);\r\n          margin-bottom: 1.5rem;\r\n          position: relative;\r\n          overflow: hidden;\r\n          box-shadow: var(--shadow-lg), var(--shadow-pink);\r\n          backdrop-filter: blur(15px);\r\n      }\r\n  \r\n      .video-streaming-area::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          background-image: \r\n              linear-gradient(rgba(99, 102, 241, 0.05) 1px, transparent 1px),\r\n              linear-gradient(90deg, rgba(140, 96, 255, 0.05) 1px, transparent 1px);\r\n          background-size: 30px 30px;\r\n          opacity: 0.6;\r\n          pointer-events: none;\r\n          z-index: 1;\r\n          animation: gridMove 12s linear infinite;\r\n      }\r\n  \r\n      .video-streaming-area::after {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: linear-gradient(90deg, \r\n              transparent, \r\n              var(--tiktok-red), \r\n              var(--tiktok-blue), \r\n              var(--purple), \r\n              transparent);\r\n          z-index: 2;\r\n          animation: borderFlow 3s ease-in-out infinite;\r\n      }\r\n  \r\n      .streaming-header {\r\n          text-align: center;\r\n          margin-bottom: 2rem;\r\n          position: relative;\r\n          z-index: 3;\r\n      }\r\n  \r\n      .streaming-title {\r\n          font-size: clamp(1rem, 3vw, 1.3rem);\r\n          font-weight: 700;\r\n          margin-bottom: 0.5rem;\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--tiktok-blue));\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          animation: titlePulse 4s ease-in-out infinite;\r\n      }\r\n  \r\n      .streaming-subtitle {\r\n          color: var(--text-gray);\r\n          font-size: clamp(0.8rem, 2vw, 0.95rem);\r\n          font-weight: 500;\r\n      }\r\n  \r\n      \/* Video Player - NO FLOATING *\/\r\n      .video-player-wrapper {\r\n          position: relative;\r\n          width: 100%;\r\n          max-width: min(380px, 90vw);\r\n          margin: 0 auto;\r\n          aspect-ratio: 9\/16;\r\n          border-radius: 24px;\r\n          overflow: hidden;\r\n          box-shadow: var(--shadow-xl), var(--shadow-pink);\r\n          background: #000;\r\n          z-index: 3;\r\n          border: 2px solid rgba(99, 102, 241, 0.3);\r\n      }\r\n  \r\n      .video-thumbnail {\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          object-fit: cover;\r\n          z-index: 4;\r\n          cursor: pointer;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n      }\r\n  \r\n      .video-thumbnail:hover,\r\n      .video-thumbnail:active {\r\n          transform: scale(1.02);\r\n      }\r\n  \r\n      .thumbnail-overlay {\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.4);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          z-index: 5;\r\n          cursor: pointer;\r\n          transition: all 0.4s ease;\r\n          backdrop-filter: blur(2px);\r\n      }\r\n  \r\n      .thumbnail-overlay:hover,\r\n      .thumbnail-overlay:active {\r\n          background: rgba(0, 0, 0, 0.6);\r\n          backdrop-filter: blur(4px);\r\n      }\r\n  \r\n      .thumbnail-play-btn {\r\n          width: clamp(60px, 15vw, 80px);\r\n          height: clamp(60px, 15vw, 80px);\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--pink));\r\n          border: none;\r\n          border-radius: 50%;\r\n          color: white;\r\n          font-size: clamp(1.5rem, 4vw, 2rem);\r\n          cursor: pointer;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          box-shadow: var(--shadow-xl), var(--glow-tiktok);\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          position: relative;\r\n          overflow: hidden;\r\n          animation: playButtonPulse 3s ease-in-out infinite;\r\n          border: 2px solid rgba(255, 255, 255, 0.2);\r\n          min-height: 44px; \/* Touch-friendly *\/\r\n      }\r\n  \r\n      .thumbnail-play-btn::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n          transform: translateX(-100%);\r\n          transition: transform 0.6s;\r\n      }\r\n  \r\n      .thumbnail-play-btn::hover,\r\n      .thumbnail-play-btn::active {\r\n          transform: translateX(100%);\r\n      }\r\n  \r\n      .thumbnail-play-btn:hover,\r\n      .thumbnail-play-btn:active {\r\n          transform: scale(1.15);\r\n          box-shadow: var(--shadow-xl), var(--glow-tiktok);\r\n      }\r\n  \r\n      .video-player {\r\n          width: 100%;\r\n          height: 100%;\r\n          object-fit: contain;\r\n          background: #000;\r\n          position: relative;\r\n          z-index: 2;\r\n          display: none;\r\n      }\r\n  \r\n      .video-player.playing {\r\n          display: block;\r\n      }\r\n  \r\n      .video-controls {\r\n          position: absolute;\r\n          bottom: 0;\r\n          left: 0;\r\n          right: 0;\r\n          background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));\r\n          padding: clamp(1rem, 3vw, 1.5rem);\r\n          transform: translateY(100%);\r\n          transition: transform 0.4s ease;\r\n          z-index: 10;\r\n          backdrop-filter: blur(10px);\r\n      }\r\n  \r\n      .video-player-wrapper:hover .video-controls,\r\n      .video-controls.show {\r\n          transform: translateY(0);\r\n      }\r\n  \r\n      .progress-bar {\r\n          width: 100%;\r\n          height: clamp(4px, 1.5vw, 6px);\r\n          background: rgba(255, 255, 255, 0.2);\r\n          border-radius: 3px;\r\n          margin-bottom: 0.5rem;\r\n          cursor: pointer;\r\n          position: relative;\r\n          overflow: hidden;\r\n          min-height: 20px; \/* Touch-friendly *\/\r\n          display: flex;\r\n          align-items: center;\r\n      }\r\n  \r\n      .progress-fill {\r\n          height: 100%;\r\n          background: linear-gradient(90deg, var(--tiktok-red), var(--pink));\r\n          border-radius: 3px;\r\n          width: 0%;\r\n          transition: width 0.1s linear;\r\n          box-shadow: 0 0 10px rgba(99, 102, 241, 0.5);\r\n      }\r\n  \r\n      \/* Video Time Display *\/\r\n      .video-time {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          font-size: clamp(0.7rem, 2vw, 0.8rem);\r\n          color: var(--text-gray);\r\n          margin-bottom: 1rem;\r\n      }\r\n  \r\n      .control-buttons {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          flex-wrap: wrap;\r\n          gap: 1rem;\r\n      }\r\n  \r\n      .control-group {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(0.5rem, 2vw, 0.75rem);\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .control-btn {\r\n          background: rgba(255, 255, 255, 0.15);\r\n          border: none;\r\n          color: white;\r\n          width: clamp(40px, 10vw, 44px);\r\n          height: clamp(40px, 10vw, 44px);\r\n          border-radius: 50%;\r\n          cursor: pointer;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          transition: all 0.3s ease;\r\n          backdrop-filter: blur(10px);\r\n          border: 1px solid rgba(255, 255, 255, 0.2);\r\n          font-size: clamp(0.8rem, 2vw, 1rem);\r\n          min-height: 44px; \/* Touch-friendly *\/\r\n          min-width: 44px;\r\n      }\r\n  \r\n      .control-btn:hover,\r\n      .control-btn:active {\r\n          background: rgba(255, 255, 255, 0.25);\r\n          transform: scale(1.1);\r\n          box-shadow: var(--shadow);\r\n      }\r\n  \r\n      .play-btn {\r\n          width: clamp(50px, 12vw, 60px);\r\n          height: clamp(50px, 12vw, 60px);\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--pink));\r\n          font-size: clamp(1rem, 3vw, 1.4rem);\r\n          border: none;\r\n          box-shadow: var(--shadow-lg), var(--glow-tiktok);\r\n      }\r\n  \r\n      .volume-control {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(0.3rem, 1.5vw, 0.5rem);\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .volume-slider {\r\n          width: clamp(60px, 15vw, 80px);\r\n          height: clamp(4px, 1.5vw, 6px);\r\n          background: rgba(255, 255, 255, 0.2);\r\n          border-radius: 3px;\r\n          cursor: pointer;\r\n          position: relative;\r\n          overflow: hidden;\r\n          min-height: 20px; \/* Touch-friendly *\/\r\n          display: flex;\r\n          align-items: center;\r\n      }\r\n  \r\n      .volume-fill {\r\n          height: 100%;\r\n          background: linear-gradient(90deg, var(--tiktok-blue), var(--green));\r\n          border-radius: 3px;\r\n          width: 100%;\r\n          transition: width 0.1s ease;\r\n          box-shadow: 0 0 8px rgba(140, 96, 255, 0.4);\r\n      }\r\n  \r\n      \/* Download Section - NO FLOATING *\/\r\n      .download-section {\r\n          background: linear-gradient(135deg, \r\n              rgba(140, 96, 255, 0.1) 0%, \r\n              rgba(0, 255, 136, 0.1) 50%, \r\n              var(--glass-dark) 100%);\r\n          border: 2px solid rgba(140, 96, 255, 0.3);\r\n          border-radius: 20px;\r\n          padding: clamp(1rem, 3vw, 1.5rem);\r\n          margin-bottom: 1.5rem;\r\n          box-shadow: var(--shadow), var(--shadow-blue);\r\n          position: relative;\r\n          overflow: hidden;\r\n          backdrop-filter: blur(15px);\r\n      }\r\n  \r\n      .download-section::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: linear-gradient(90deg, \r\n              transparent, \r\n              var(--tiktok-blue), \r\n              var(--green), \r\n              transparent);\r\n          animation: borderFlow 3s ease-in-out infinite;\r\n      }\r\n  \r\n      .download-header {\r\n          text-align: center;\r\n          margin-bottom: clamp(0.8rem, 2.5vw, 1.2rem);\r\n      }\r\n  \r\n      .download-title {\r\n          font-size: clamp(1rem, 3vw, 1.2rem);\r\n          font-weight: 700;\r\n          margin-bottom: 0.25rem;\r\n          background: linear-gradient(135deg, var(--tiktok-blue), var(--green));\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 0.5rem;\r\n          animation: titlePulse 4s ease-in-out infinite;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .download-subtitle {\r\n          color: var(--text-gray);\r\n          font-size: clamp(0.8rem, 2vw, 0.9rem);\r\n      }\r\n  \r\n      .download-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n          gap: clamp(0.8rem, 2vw, 1rem);\r\n      }\r\n  \r\n      .download-btn {\r\n          background: linear-gradient(135deg, var(--tiktok-blue), #00d4cc);\r\n          color: white;\r\n          border: none;\r\n          padding: clamp(0.8rem, 3vw, 1rem) clamp(1rem, 3vw, 1.5rem);\r\n          border-radius: 16px;\r\n          font-weight: 700;\r\n          cursor: pointer;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 0.5rem;\r\n          box-shadow: var(--shadow), var(--shadow-blue);\r\n          position: relative;\r\n          overflow: hidden;\r\n          font-size: clamp(0.8rem, 2vw, 0.95rem);\r\n          animation: buttonGlow 5s ease-in-out infinite;\r\n          border: 1px solid rgba(140, 96, 255, 0.3);\r\n          min-height: 48px;\r\n          text-align: center;\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 0.5s;\r\n      }\r\n  \r\n      .download-btn:hover:not(:disabled)::before,\r\n      .download-btn:active:not(:disabled)::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .download-btn:hover:not(:disabled),\r\n      .download-btn:active:not(:disabled) {\r\n          transform: translateY(-3px) scale(1.02);\r\n          box-shadow: var(--shadow-lg), var(--glow-blue);\r\n      }\r\n  \r\n      .download-btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n          animation: none;\r\n      }\r\n  \r\n      .download-btn.hd {\r\n          background: linear-gradient(135deg, var(--orange), #ff6600);\r\n          border-color: rgba(255, 136, 0, 0.3);\r\n      }\r\n  \r\n      .download-btn.hd:hover:not(:disabled),\r\n      .download-btn.hd:active:not(:disabled) {\r\n          box-shadow: var(--shadow-lg), 0 0 30px rgba(255, 136, 0, 0.5);\r\n      }\r\n  \r\n      \/* Audio Streaming Section - NO FLOATING *\/\r\n      .audio-streaming {\r\n          background: linear-gradient(135deg,\r\n              rgba(99, 102, 241, 0.1) 0%,\r\n              rgba(140, 96, 255, 0.12) 50%,\r\n              var(--glass-dark) 100%);\r\n          border: 2px solid rgba(168, 85, 247, 0.3);\r\n          border-radius: 20px;\r\n          padding: clamp(1rem, 3vw, 1.5rem);\r\n          position: relative;\r\n          overflow: hidden;\r\n          box-shadow: var(--shadow), var(--shadow-purple);\r\n          backdrop-filter: blur(15px);\r\n      }\r\n  \r\n      .audio-streaming::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: linear-gradient(90deg, \r\n              transparent, \r\n              var(--purple), \r\n              var(--pink), \r\n              transparent);\r\n          animation: borderFlow 3s ease-in-out infinite;\r\n      }\r\n  \r\n      .audio-header {\r\n          text-align: center;\r\n          margin-bottom: clamp(0.8rem, 2.5vw, 1.2rem);\r\n      }\r\n  \r\n      .audio-main-title {\r\n          font-size: clamp(1rem, 3vw, 1.2rem);\r\n          font-weight: 700;\r\n          margin-bottom: 0.25rem;\r\n          background: linear-gradient(135deg, var(--purple), var(--pink));\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          width: 100%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 0.5rem;\r\n          animation: titlePulse 4s ease-in-out infinite;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .audio-subtitle {\r\n          color: var(--text-gray);\r\n          font-size: clamp(0.8rem, 2vw, 0.9rem);\r\n          margin-bottom: clamp(0.8rem, 2.5vw, 1.2rem);\r\n      }\r\n  \r\n      .audio-player-section {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(0.8rem, 3vw, 1.2rem);\r\n          margin-bottom: 1.5rem;\r\n          flex-wrap: wrap;\r\n          justify-content: center;\r\n      }\r\n  \r\n      \/* Audio Icon - Left Side, Smaller *\/\r\n      .audio-icon-wrapper {\r\n          position: relative;\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .audio-icon {\r\n          width: clamp(40px, 10vw, 50px);\r\n          height: clamp(40px, 10vw, 50px);\r\n          background: linear-gradient(135deg, var(--purple), var(--pink));\r\n          border-radius: 50%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          font-size: clamp(1rem, 2.5vw, 1.2rem);\r\n          color: white;\r\n          box-shadow: var(--shadow), var(--shadow-purple);\r\n          animation: audioIconPulse 4s ease-in-out infinite;\r\n          position: relative;\r\n          z-index: 2;\r\n          border: 2px solid rgba(168, 85, 247, 0.3);\r\n      }\r\n  \r\n      .audio-wave {\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%);\r\n          border: 1px solid rgba(168, 85, 247, 0.2);\r\n          border-radius: 50%;\r\n          animation: audioWaveRipple 2s ease-out infinite;\r\n      }\r\n  \r\n      .audio-wave:nth-child(1) {\r\n          width: clamp(50px, 12vw, 60px);\r\n          height: clamp(50px, 12vw, 60px);\r\n          animation-delay: 0s;\r\n      }\r\n  \r\n      .audio-wave:nth-child(2) {\r\n          width: clamp(60px, 15vw, 75px);\r\n          height: clamp(60px, 15vw, 75px);\r\n          animation-delay: 0.5s;\r\n      }\r\n  \r\n      .audio-wave:nth-child(3) {\r\n          width: clamp(70px, 18vw, 90px);\r\n          height: clamp(70px, 18vw, 90px);\r\n          animation-delay: 1s;\r\n      }\r\n  \r\n      .audio-info {\r\n          flex: 1;\r\n          min-width: 0;\r\n          text-align: center;\r\n      }\r\n  \r\n      .audio-title {\r\n          font-size: clamp(0.9rem, 2.5vw, 1rem);\r\n          font-weight: 700;\r\n          color: var(--va-text);\r\n          margin-bottom: 0.25rem;\r\n          word-break: break-word;\r\n      }\r\n  \r\n      .audio-artist {\r\n          font-size: clamp(0.75rem, 2vw, 0.85rem);\r\n          color: var(--text-gray);\r\n          margin-bottom: 1rem;\r\n          word-break: break-word;\r\n      }\r\n  \r\n      \/* Audio Progress Bar *\/\r\n      .audio-progress-container {\r\n          width: 100%;\r\n          margin-bottom: 1rem;\r\n      }\r\n  \r\n      .audio-progress {\r\n          height: clamp(6px, 2vw, 8px);\r\n          background: rgba(168, 85, 247, 0.2);\r\n          border-radius: 4px;\r\n          position: relative;\r\n          cursor: pointer;\r\n          overflow: hidden;\r\n          margin-bottom: 0.5rem;\r\n          min-height: 20px; \/* Touch-friendly *\/\r\n          display: flex;\r\n          align-items: center;\r\n      }\r\n  \r\n      .audio-progress-fill {\r\n          height: 100%;\r\n          background: linear-gradient(90deg, var(--purple), var(--pink));\r\n          border-radius: 4px;\r\n          width: 0%;\r\n          transition: width 0.1s ease;\r\n          box-shadow: 0 0 10px rgba(168, 85, 247, 0.4);\r\n      }\r\n  \r\n      .audio-time {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          font-size: clamp(0.7rem, 2vw, 0.8rem);\r\n          color: var(--text-gray);\r\n          margin-bottom: 1rem;\r\n      }\r\n  \r\n      \/* Audio Controls *\/\r\n      .audio-controls {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: clamp(0.8rem, 3vw, 1rem);\r\n          margin-bottom: 1rem;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .audio-play-btn {\r\n          width: clamp(44px, 10vw, 50px);\r\n          height: clamp(44px, 10vw, 50px);\r\n          background: linear-gradient(135deg, var(--purple), var(--pink));\r\n          border: none;\r\n          border-radius: 50%;\r\n          color: white;\r\n          cursor: pointer;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          box-shadow: var(--shadow), var(--shadow-purple);\r\n          font-size: clamp(1rem, 2.5vw, 1.2rem);\r\n          flex-shrink: 0;\r\n          animation: audioPlayPulse 4s ease-in-out infinite;\r\n          border: 2px solid rgba(168, 85, 247, 0.3);\r\n          min-height: 44px; \/* Touch-friendly *\/\r\n          min-width: 44px;\r\n      }\r\n  \r\n      .audio-play-btn:hover,\r\n      .audio-play-btn:active {\r\n          transform: scale(1.1);\r\n          box-shadow: var(--shadow-lg), var(--glow-purple);\r\n      }\r\n  \r\n      \/* Audio Volume Control *\/\r\n      .audio-volume-control {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(0.5rem, 2vw, 0.75rem);\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .audio-volume-btn {\r\n          background: rgba(168, 85, 247, 0.15);\r\n          border: none;\r\n          color: var(--purple-light);\r\n          width: clamp(36px, 8vw, 40px);\r\n          height: clamp(36px, 8vw, 40px);\r\n          border-radius: 50%;\r\n          cursor: pointer;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          transition: all 0.3s ease;\r\n          backdrop-filter: blur(10px);\r\n          border: 1px solid rgba(168, 85, 247, 0.2);\r\n          font-size: clamp(0.8rem, 2vw, 1rem);\r\n          min-height: 44px; \/* Touch-friendly *\/\r\n          min-width: 44px;\r\n      }\r\n  \r\n      .audio-volume-btn:hover,\r\n      .audio-volume-btn:active {\r\n          background: rgba(168, 85, 247, 0.25);\r\n          transform: scale(1.1);\r\n          box-shadow: var(--shadow);\r\n      }\r\n  \r\n      .audio-volume-slider {\r\n          width: clamp(60px, 15vw, 80px);\r\n          height: clamp(4px, 1.5vw, 6px);\r\n          background: rgba(168, 85, 247, 0.2);\r\n          border-radius: 3px;\r\n          cursor: pointer;\r\n          position: relative;\r\n          overflow: hidden;\r\n          min-height: 20px; \/* Touch-friendly *\/\r\n          display: flex;\r\n          align-items: center;\r\n      }\r\n  \r\n      .audio-volume-fill {\r\n          height: 100%;\r\n          background: linear-gradient(90deg, var(--purple), var(--pink));\r\n          border-radius: 3px;\r\n          width: 100%;\r\n          transition: width 0.1s ease;\r\n          box-shadow: 0 0 8px rgba(168, 85, 247, 0.4);\r\n      }\r\n  \r\n      .download-audio-section {\r\n          text-align: center;\r\n      }\r\n  \r\n      .download-audio-btn {\r\n          background: linear-gradient(135deg, var(--purple), var(--purple-dark));\r\n          color: white;\r\n          border: none;\r\n          padding: clamp(0.8rem, 3vw, 1rem) clamp(1rem, 3vw, 1.5rem);\r\n          border-radius: 16px;\r\n          font-weight: 700;\r\n          cursor: pointer;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          display: inline-flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n          box-shadow: var(--shadow), var(--shadow-purple);\r\n          font-size: clamp(0.8rem, 2vw, 0.95rem);\r\n          position: relative;\r\n          overflow: hidden;\r\n          animation: buttonGlow 5s ease-in-out infinite;\r\n          border: 1px solid rgba(168, 85, 247, 0.3);\r\n          min-height: 48px;\r\n          width: 100%;\r\n          max-width: 300px;\r\n          justify-content: center;\r\n      }\r\n  \r\n      .download-audio-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 0.5s;\r\n      }\r\n  \r\n      .download-audio-btn:hover:not(:disabled)::before,\r\n      .download-audio-btn:active:not(:disabled)::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .download-audio-btn:hover:not(:disabled),\r\n      .download-audio-btn:active:not(:disabled) {\r\n          transform: translateY(-3px) scale(1.02);\r\n          box-shadow: var(--shadow-lg), var(--glow-purple);\r\n      }\r\n  \r\n      .download-audio-btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n          animation: none;\r\n      }\r\n  \r\n      \/* Download Progress - NO FLOATING *\/\r\n      .download-progress {\r\n          position: fixed;\r\n          bottom: 1.5rem;\r\n          right: 1.5rem;\r\n          background: linear-gradient(135deg, \r\n              var(--glass-dark) 0%, \r\n              var(--glass-purple) 100%);\r\n          backdrop-filter: blur(25px);\r\n          border: 2px solid var(--glass-border);\r\n          border-radius: 18px;\r\n          padding: clamp(1rem, 3vw, 1.5rem) clamp(1.5rem, 4vw, 2rem);\r\n          min-width: min(320px, 90vw);\r\n          max-width: 90vw;\r\n          box-shadow: var(--shadow-xl), var(--shadow-purple);\r\n          z-index: 1000;\r\n          display: none;\r\n      }\r\n  \r\n      .download-progress.show {\r\n          display: block;\r\n          animation: slideInRight 0.4s ease-out;\r\n      }\r\n  \r\n      .progress-header {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          margin-bottom: 1rem;\r\n          gap: 1rem;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .progress-text {\r\n          font-weight: 700;\r\n          font-size: clamp(0.8rem, 2vw, 0.95rem);\r\n          color: var(--text-light);\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--tiktok-blue));\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          flex: 1;\r\n          min-width: 0;\r\n      }\r\n  \r\n      .cancel-btn {\r\n          background: rgba(255, 51, 102, 0.15);\r\n          border: 1px solid rgba(255, 51, 102, 0.3);\r\n          color: #ff3366;\r\n          padding: clamp(0.4rem, 1.5vw, 0.5rem) clamp(0.8rem, 2vw, 1rem);\r\n          border-radius: 10px;\r\n          font-size: clamp(0.7rem, 2vw, 0.8rem);\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          font-weight: 600;\r\n          backdrop-filter: blur(10px);\r\n          min-height: 36px;\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .cancel-btn:hover,\r\n      .cancel-btn:active {\r\n          background: rgba(255, 51, 102, 0.25);\r\n          transform: scale(1.05);\r\n      }\r\n  \r\n      .progress-bar-container {\r\n          width: 100%;\r\n          height: clamp(6px, 2vw, 8px);\r\n          background: rgba(168, 85, 247, 0.2);\r\n          border-radius: 4px;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .progress-bar-fill {\r\n          height: 100%;\r\n          background: linear-gradient(90deg, var(--green), #00cc77);\r\n          border-radius: 4px;\r\n          width: 0%;\r\n          transition: width 0.3s ease;\r\n          box-shadow: 0 0 12px rgba(0, 255, 136, 0.4);\r\n          animation: progressGlow 3s ease-in-out infinite;\r\n      }\r\n  \r\n      \/* Error Message - NO FLOATING *\/\r\n      .error-message {\r\n          background: linear-gradient(135deg, \r\n              rgba(255, 51, 102, 0.1) 0%, \r\n              var(--glass-dark) 100%);\r\n          border: 2px solid rgba(255, 51, 102, 0.3);\r\n          color: #ff6b6b;\r\n          padding: clamp(1rem, 3vw, 1.2rem) clamp(1.2rem, 4vw, 1.8rem);\r\n          border-radius: 16px;\r\n          margin: 1rem 0;\r\n          display: none;\r\n          align-items: center;\r\n          gap: clamp(0.5rem, 2vw, 1rem);\r\n          font-weight: 600;\r\n          backdrop-filter: blur(15px);\r\n          box-shadow: var(--shadow);\r\n          animation: errorShake 0.5s ease-in-out;\r\n          font-size: clamp(0.8rem, 2vw, 1rem);\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .error-message.show {\r\n          display: flex;\r\n          animation: fadeInUp 0.3s ease-out, errorShake 0.5s ease-in-out;\r\n      }\r\n  \r\n      \/* Animations - KEPT ONLY DECORATIVE ONES *\/\r\n      @keyframes gradientShift {\r\n          0%, 100% { background-position: 0% 50%; }\r\n          50% { background-position: 100% 50%; }\r\n      }\r\n  \r\n      @keyframes backgroundFloat {\r\n          0%, 100% { opacity: 1; transform: translateY(0px); }\r\n          50% { opacity: 0.8; transform: translateY(-10px); }\r\n      }\r\n  \r\n      @keyframes fadeInDown {\r\n          from { opacity: 0; transform: translateY(-40px); }\r\n          to { opacity: 1; transform: translateY(0); }\r\n      }\r\n  \r\n      @keyframes fadeInUp {\r\n          from { opacity: 0; transform: translateY(40px); }\r\n          to { opacity: 1; transform: translateY(0); }\r\n      }\r\n  \r\n      @keyframes slideInRight {\r\n          from { opacity: 0; transform: translateX(100%); }\r\n          to { opacity: 1; transform: translateX(0); }\r\n      }\r\n  \r\n      @keyframes spin {\r\n          to { transform: rotate(360deg); }\r\n      }\r\n  \r\n      @keyframes logoFloat {\r\n          0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n          50% { transform: translateY(-10px) rotate(5deg); }\r\n      }\r\n  \r\n      @keyframes logoShine {\r\n          0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\r\n          100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\r\n      }\r\n  \r\n      @keyframes textGradient {\r\n          0%, 100% { background-position: 0% 50%; }\r\n          50% { background-position: 100% 50%; }\r\n      }\r\n  \r\n      @keyframes subtitleGlow {\r\n          0%, 100% { text-shadow: 0 0 5px rgba(160, 160, 160, 0.3); }\r\n          50% { text-shadow: 0 0 15px rgba(160, 160, 160, 0.6); }\r\n      }\r\n  \r\n      @keyframes borderFlow {\r\n          0%, 100% { opacity: 0.5; }\r\n          50% { opacity: 1; }\r\n      }\r\n  \r\n      @keyframes overlayPulse {\r\n          0%, 100% { opacity: 1; }\r\n          50% { opacity: 0.7; }\r\n      }\r\n  \r\n      @keyframes inputFocusGlow {\r\n          0%, 100% { box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.2), var(--glow-purple), inset 0 2px 10px rgba(0, 0, 0, 0.3); }\r\n          50% { box-shadow: 0 0 0 6px rgba(139, 92, 246, 0.4), var(--glow-purple), inset 0 2px 10px rgba(0, 0, 0, 0.3); }\r\n      }\r\n  \r\n      @keyframes buttonPulse {\r\n          0%, 100% { box-shadow: var(--shadow-lg), var(--shadow-purple); }\r\n          50% { box-shadow: var(--shadow-xl), var(--glow-purple); }\r\n      }\r\n  \r\n      @keyframes buttonHoverGlow {\r\n          0%, 100% { filter: brightness(1); }\r\n          50% { filter: brightness(1.2); }\r\n      }\r\n  \r\n      @keyframes textFade {\r\n          0%, 100% { opacity: 0.7; }\r\n          50% { opacity: 1; }\r\n      }\r\n  \r\n      @keyframes avatarPulse {\r\n          0%, 100% { box-shadow: var(--shadow), var(--shadow-pink); }\r\n          50% { box-shadow: var(--shadow), 0 0 30px rgba(99, 102, 241, 0.6); }\r\n      }\r\n  \r\n      @keyframes valueGlow {\r\n          0%, 100% { filter: brightness(1); }\r\n          50% { filter: brightness(1.2); }\r\n      }\r\n  \r\n      @keyframes gridMove {\r\n          0% { transform: translate(0, 0); }\r\n          100% { transform: translate(30px, 30px); }\r\n      }\r\n  \r\n      @keyframes titlePulse {\r\n          0%, 100% { filter: brightness(1); }\r\n          50% { filter: brightness(1.3); }\r\n      }\r\n  \r\n      @keyframes playButtonPulse {\r\n          0%, 100% { transform: scale(1); }\r\n          50% { transform: scale(1.05); }\r\n      }\r\n  \r\n      @keyframes buttonGlow {\r\n          0%, 100% { box-shadow: var(--shadow); }\r\n          50% { box-shadow: var(--shadow-lg); }\r\n      }\r\n  \r\n      @keyframes audioIconPulse {\r\n          0%, 100% { transform: scale(1); }\r\n          50% { transform: scale(1.1); }\r\n      }\r\n  \r\n      @keyframes audioWaveRipple {\r\n          0% {\r\n              opacity: 1;\r\n              transform: translate(-50%, -50%) scale(0.8);\r\n          }\r\n          100% {\r\n              opacity: 0;\r\n              transform: translate(-50%, -50%) scale(2);\r\n          }\r\n      }\r\n  \r\n      @keyframes audioPlayPulse {\r\n          0%, 100% { box-shadow: var(--shadow), var(--shadow-purple); }\r\n          50% { box-shadow: var(--shadow-lg), var(--glow-purple); }\r\n      }\r\n  \r\n      @keyframes progressGlow {\r\n          0%, 100% { box-shadow: 0 0 12px rgba(0, 255, 136, 0.4); }\r\n          50% { box-shadow: 0 0 20px rgba(0, 255, 136, 0.8); }\r\n      }\r\n  \r\n      @keyframes errorShake {\r\n          0%, 100% { transform: translateX(0); }\r\n          25% { transform: translateX(-5px); }\r\n          75% { transform: translateX(5px); }\r\n      }\r\n  \r\n      \/* Enhanced Responsive Design *\/\r\n      \r\n      \/* Large Tablets and Small Desktops *\/\r\n      @media (max-width: 1024px) {\r\n          .ttvv-custom-container {\r\n              padding: clamp(1rem, 3vw, 1.5rem);\r\n          }\r\n  \r\n          .video-stats {\r\n              grid-template-columns: repeat(3, 1fr);\r\n          }\r\n  \r\n          .download-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .action-buttons {\r\n              grid-template-columns: 1fr;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .search-another-btn {\r\n              width: 100%;\r\n          }\r\n  \r\n          .audio-player-section {\r\n              flex-direction: column;\r\n              text-align: center;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .audio-controls {\r\n              flex-direction: row;\r\n              justify-content: center;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .audio-volume-control {\r\n              justify-content: center;\r\n          }\r\n  \r\n          .video-player-wrapper {\r\n              max-width: min(320px, 85vw);\r\n          }\r\n      }\r\n  \r\n      \/* Tablets *\/\r\n      @media (max-width: 768px) {\r\n          .ttvv-custom-container {\r\n              padding: 1rem;\r\n          }\r\n  \r\n          .logo {\r\n              flex-direction: column;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .logo-icon {\r\n              width: 60px;\r\n              height: 60px;\r\n              font-size: 24px;\r\n          }\r\n  \r\n          .video-stats {\r\n              grid-template-columns: repeat(2, 1fr);\r\n              gap: 0.8rem;\r\n          }\r\n  \r\n          .author-section {\r\n              flex-direction: column;\r\n              text-align: center;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .download-progress {\r\n              left: 1rem;\r\n              right: 1rem;\r\n              bottom: 1rem;\r\n              min-width: auto;\r\n          }\r\n  \r\n          .control-buttons {\r\n              flex-direction: column;\r\n              gap: 1rem;\r\n              align-items: center;\r\n          }\r\n  \r\n          .volume-control {\r\n              order: 3;\r\n              width: 100%;\r\n              justify-content: center;\r\n          }\r\n  \r\n          .audio-controls {\r\n              flex-direction: column;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .audio-volume-control {\r\n              width: 100%;\r\n              justify-content: center;\r\n          }\r\n  \r\n          .video-player-wrapper {\r\n              max-width: min(300px, 80vw);\r\n          }\r\n  \r\n          \/* Show video controls on mobile *\/\r\n          .video-controls {\r\n              transform: translateY(0);\r\n              position: relative;\r\n              background: rgba(0, 0, 0, 0.8);\r\n              margin-top: 1rem;\r\n              border-radius: 12px;\r\n          }\r\n  \r\n          .video-player-wrapper:hover .video-controls {\r\n              transform: translateY(0);\r\n          }\r\n      }\r\n  \r\n      \/* Mobile Phones *\/\r\n      @media (max-width: 480px) {\r\n          .ttvv-custom-container {\r\n              padding: 0.8rem;\r\n          }\r\n  \r\n          .header {\r\n              margin-bottom: 1.5rem;\r\n          }\r\n  \r\n          .logo-icon {\r\n              width: 50px;\r\n              height: 50px;\r\n              font-size: 20px;\r\n          }\r\n  \r\n          .video-stats {\r\n              grid-template-columns: 1fr;\r\n              gap: 0.6rem;\r\n          }\r\n  \r\n          .stat-item {\r\n              min-height: 70px;\r\n              padding: 0.8rem;\r\n          }\r\n  \r\n          .stat-value {\r\n              font-size: 1.3rem;\r\n          }\r\n  \r\n          .audio-player-section {\r\n              gap: 0.8rem;\r\n          }\r\n  \r\n          .audio-icon {\r\n              width: 40px;\r\n              height: 40px;\r\n              font-size: 1rem;\r\n          }\r\n  \r\n          .audio-play-btn {\r\n              width: 44px;\r\n              height: 44px;\r\n              font-size: 1rem;\r\n          }\r\n  \r\n          .video-player-wrapper {\r\n              max-width: min(280px, 75vw);\r\n          }\r\n  \r\n          .thumbnail-play-btn {\r\n              width: 60px;\r\n              height: 60px;\r\n              font-size: 1.5rem;\r\n          }\r\n  \r\n          .download-progress {\r\n              left: 0.5rem;\r\n              right: 0.5rem;\r\n              bottom: 0.5rem;\r\n              padding: 1rem;\r\n          }\r\n  \r\n          .progress-header {\r\n              flex-direction: column;\r\n              gap: 0.5rem;\r\n              align-items: stretch;\r\n          }\r\n  \r\n          .cancel-btn {\r\n              align-self: center;\r\n              min-width: 80px;\r\n          }\r\n  \r\n          \/* Touch-friendly adjustments *\/\r\n          .input-field {\r\n              font-size: 16px; \/* Prevents zoom on iOS *\/\r\n          }\r\n  \r\n          .control-btn,\r\n          .audio-play-btn,\r\n          .audio-volume-btn,\r\n          .paste-btn,\r\n          .search-btn,\r\n          .download-btn,\r\n          .download-audio-btn {\r\n              min-height: 44px;\r\n              min-width: 44px;\r\n          }\r\n  \r\n          .progress-bar,\r\n          .audio-progress,\r\n          .volume-slider,\r\n          .audio-volume-slider {\r\n              min-height: 44px;\r\n          }\r\n      }\r\n  \r\n      \/* Small Mobile Phones *\/\r\n      @media (max-width: 360px) {\r\n          .ttvv-custom-container {\r\n              padding: 0.5rem;\r\n          }\r\n  \r\n          .search-section,\r\n          .video-section,\r\n          .download-section,\r\n          .audio-streaming {\r\n              padding: 1rem;\r\n              border-radius: 16px;\r\n          }\r\n  \r\n          .logo-text {\r\n              font-size: 1.5rem;\r\n              letter-spacing: -1px;\r\n          }\r\n  \r\n          .subtitle {\r\n              font-size: 0.8rem;\r\n          }\r\n  \r\n          .video-player-wrapper {\r\n              max-width: min(260px, 70vw);\r\n          }\r\n  \r\n          .audio-wave:nth-child(1) {\r\n              width: 45px;\r\n              height: 45px;\r\n          }\r\n  \r\n          .audio-wave:nth-child(2) {\r\n              width: 55px;\r\n              height: 55px;\r\n          }\r\n  \r\n          .audio-wave:nth-child(3) {\r\n              width: 65px;\r\n              height: 65px;\r\n          }\r\n      }\r\n  \r\n      \/* Landscape Mobile *\/\r\n      @media (max-height: 500px) and (orientation: landscape) {\r\n          .ttvv-custom-container {\r\n              padding: 1rem;\r\n          }\r\n  \r\n          .header {\r\n              margin-bottom: 1rem;\r\n          }\r\n  \r\n          .logo {\r\n              flex-direction: row;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .logo-icon {\r\n              width: 40px;\r\n              height: 40px;\r\n              font-size: 16px;\r\n          }\r\n  \r\n          .video-player-wrapper {\r\n              max-width: min(200px, 30vw);\r\n          }\r\n  \r\n          .video-stats {\r\n              grid-template-columns: repeat(5, 1fr);\r\n              gap: 0.5rem;\r\n          }\r\n  \r\n          .stat-item {\r\n              min-height: 60px;\r\n              padding: 0.5rem;\r\n          }\r\n  \r\n          .stat-value {\r\n              font-size: 1rem;\r\n          }\r\n  \r\n          .stat-label {\r\n              font-size: 0.6rem;\r\n          }\r\n      }\r\n  \r\n      \/* High DPI Displays *\/\r\n      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\r\n          .logo-icon,\r\n          .author-avatar,\r\n          .audio-icon,\r\n          .thumbnail-play-btn,\r\n          .audio-play-btn {\r\n              image-rendering: -webkit-optimize-contrast;\r\n              image-rendering: crisp-edges;\r\n          }\r\n      }\r\n  \r\n      \/* Reduced Motion *\/\r\n      @media (prefers-reduced-motion: reduce) {\r\n          *,\r\n          *::before,\r\n          *::after {\r\n              animation-duration: 0.01ms !important;\r\n              animation-iteration-count: 1 !important;\r\n              transition-duration: 0.01ms !important;\r\n          }\r\n  \r\n          .video-player-wrapper,\r\n          .search-section,\r\n          .video-section,\r\n          .download-section,\r\n          .audio-streaming {\r\n              animation: none !important;\r\n          }\r\n      }\r\n  \r\n      \/* High Contrast Mode *\/\r\n      @media (prefers-contrast: high) {\r\n          :root {\r\n              --glass-dark: rgba(0, 0, 0, 0.9);\r\n              --glass-purple: rgba(0, 0, 0, 0.9);\r\n              --glass-blue: rgba(0, 0, 0, 0.9);\r\n              --glass-border: rgba(255, 255, 255, 0.8);\r\n              --shadow: 0 4px 20px rgba(0, 0, 0, 0.8);\r\n              --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.9);\r\n              --shadow-xl: 0 16px 60px rgba(0, 0, 0, 1);\r\n          }\r\n  \r\n          .input-field,\r\n          .search-btn,\r\n          .download-btn,\r\n          .audio-play-btn {\r\n              border: 2px solid var(--text-light);\r\n          }\r\n      }\r\n  \r\n      @media (prefers-color-scheme: dark) {\r\n          .ttvv-hero-tools-section {\r\n              background: linear-gradient(180deg, #0F172A 0%, #1E293B 100%);\r\n              --va-text: #F8FAFC;\r\n              --va-muted: #94A3B8;\r\n          }\r\n      }\r\n  \r\n      \/* Print Styles *\/\r\n      @media print {\r\n          .ttvv-hero-tools-section {\r\n              background: white !important;\r\n              color: black !important;\r\n          }\r\n  \r\n          .ttvv-custom-container {\r\n              max-width: none;\r\n              padding: 0;\r\n          }\r\n  \r\n          .video-player-wrapper,\r\n          .download-section,\r\n          .audio-streaming,\r\n          .download-progress {\r\n              display: none !important;\r\n          }\r\n  \r\n          .search-section,\r\n          .video-section {\r\n              background: white !important;\r\n              border: 1px solid black !important;\r\n              box-shadow: none !important;\r\n          }\r\n      }\r\n  <\/style>\r\n <body data-aos-easing=\"ease-in-out\" data-aos-duration=\"800\" data-aos-delay=\"0\" data-new-gr-c-s-check-loaded=\"14.1249.0\" data-gr-ext-installed=\"\" data-new-gr-c-s-loaded=\"14.1223.0\" class=\"\" style=\"\">\r\n  \r\n      <!-- hero section -->\r\n\r\n   \r\n    <!-- Work Process Section -->\r\n  <section class=\"ttvv-work-process-section\" id=\"how-it-works\">\r\n      <div class=\"container ttvv-work-process-content\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"ttvv-section-title ttvv-light-title\">How Our TikTok Drafts Viewer Works<\/h2>\r\n              <p class=\"ttvv-section-subtitle ttvv-light-subtitle\">View TikTok drafts 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=\"ttvv-process-step\">\r\n                      <div class=\"ttvv-step-number\">1<\/div>\r\n                      <h4 class=\"ttvv-step-heading\">Enter Username<\/h4>\r\n                      <p class=\"ttvv-light-subtitle\">Paste the TikTok username to view their drafts anonymously<\/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=\"ttvv-process-step\">\r\n                      <div class=\"ttvv-step-number\">2<\/div>\r\n                      <h4 class=\"ttvv-step-heading\">Process Request<\/h4>\r\n                      <p class=\"ttvv-light-subtitle\">Our system retrieves draft data 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=\"ttvv-process-step\">\r\n                      <div class=\"ttvv-step-number\">3<\/div>\r\n                      <h4 class=\"ttvv-step-heading\">View Drafts<\/h4>\r\n                      <p class=\"ttvv-light-subtitle\">Access draft content without leaving any trace<\/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=\"ttvv-features-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"ttvv-section-title\">Key Features<\/h2>\r\n              <p class=\"ttvv-section-subtitle\">Our TikTok Drafts Viewer offers powerful features for anonymous viewing<\/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=\"ttvv-feature-card\">\r\n                      <div class=\"ttvv-feature-icon\">\r\n                          <i class=\"bx bx-user-check\"><\/i>\r\n                      <\/div>\r\n                      <h4>100% Anonymous<\/h4>\r\n                      <p>View drafts without leaving any trace or alerting the account owner<\/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=\"ttvv-feature-card\">\r\n                      <div class=\"ttvv-feature-icon\">\r\n                          <i class=\"bx bx-video\"><\/i>\r\n                      <\/div>\r\n                      <h4>View Any Draft<\/h4>\r\n                      <p>Access available TikTok draft content with complete details<\/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=\"ttvv-feature-card\">\r\n                      <div class=\"ttvv-feature-icon\">\r\n                          <i class=\"bx bx-line-chart\"><\/i>\r\n                      <\/div>\r\n                      <h4>Draft Analytics<\/h4>\r\n                      <p>Get insights into draft-related statistics and engagement potential<\/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=\"ttvv-feature-card\">\r\n                      <div class=\"ttvv-feature-icon\">\r\n                          <i class=\"bx bx-devices\"><\/i>\r\n                      <\/div>\r\n                      <h4>Works on All Devices<\/h4>\r\n                      <p>Use our TikTok Drafts Viewer on desktop, tablet, or mobile without issues<\/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=\"ttvv-feature-card\">\r\n                      <div class=\"ttvv-feature-icon\">\r\n                          <i class=\"bx bx-shield\"><\/i>\r\n                      <\/div>\r\n                      <h4>No Login Required<\/h4>\r\n                      <p>Access TikTok drafts without an account<\/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=\"ttvv-feature-card\">\r\n                      <div class=\"ttvv-feature-icon\">\r\n                          <i class=\"bx bx-time-five\"><\/i>\r\n                      <\/div>\r\n                      <h4>Instant Processing<\/h4>\r\n                      <p>Get access to draft content immediately without 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=\"ttvv-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=\"ttvv-why-choose-image ttvv-floating-element\">\r\n                      <img src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Tiktok_Drafts_Viewer.webp\" alt=\"Anonymous story viewer\" class=\"img-fluid rounded-3 w-100\" loading=\"lazy\" decoding=\"async\">\r\n                  <\/div>\r\n              <\/div>\r\n              <div class=\"col-lg-6\" data-aos=\"fade-left\">\r\n                  <h2 class=\"ttvv-section-title mb-4\">Why Choose Our TikTok Drafts Viewer?<\/h2>\r\n                  <p class=\"mb-4\">Our tool provides a reliable and secure way to view TikTok drafts anonymously, prioritizing your privacy with access to draft content.<\/p>\r\n                  \r\n                  <div class=\"ttvv-benefit-item\">\r\n                      <div class=\"ttvv-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 left when viewing drafts<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ttvv-benefit-item\">\r\n                      <div class=\"ttvv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">No registration needed<\/h5>\r\n                          <p class=\"mb-0\">Start viewing drafts immediately<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ttvv-benefit-item\">\r\n                      <div class=\"ttvv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Detailed analytics<\/h5>\r\n                          <p class=\"mb-0\">Get insights into draft performance<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ttvv-benefit-item\">\r\n                      <div class=\"ttvv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Fast processing<\/h5>\r\n                          <p class=\"mb-0\">Get instant access to draft content<\/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=\"ttvv-faq-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"ttvv-section-title\">Frequently Asked Questions<\/h2>\r\n              <p class=\"ttvv-section-subtitle\">Find answers to common questions about our TikTok Drafts 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=\"ttvv-faqAccordion\">\r\n                      <div class=\"ttvv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                          <h3 class=\"accordion-header\" id=\"ttvv-heading1\">\r\n                              <button class=\"ttvv-accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ttvv-collapse1\" aria-expanded=\"true\" aria-controls=\"ttvv-collapse1\">\r\n                                  Is it legal to use this TikTok Drafts Viewer?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ttvv-collapse1\" class=\"accordion-collapse collapse show\" aria-labelledby=\"ttvv-heading1\" data-bs-parent=\"#ttvv-faqAccordion\">\r\n                              <div class=\"ttvv-accordion-body\">\r\n                                  Our tool is designed to comply with TikTok's policies. It only allows access to publicly available content or drafts that are accessible through legitimate means. We don't bypass security measures or access private accounts.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ttvv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                          <h3 class=\"accordion-header\" id=\"ttvv-heading2\">\r\n                              <button class=\"ttvv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ttvv-collapse2\" aria-expanded=\"false\" aria-controls=\"ttvv-collapse2\">\r\n                                  Can I view private TikTok drafts?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ttvv-collapse2\" class=\"accordion-collapse collapse\" aria-labelledby=\"ttvv-heading2\" data-bs-parent=\"#ttvv-faqAccordion\">\r\n                              <div class=\"ttvv-accordion-body\">\r\n                                  No, our TikTok Drafts Viewer respects TikTok's privacy settings. We can only access drafts from accounts that are set to public or where drafts are shared publicly. Private drafts cannot be viewed.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ttvv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                          <h3 class=\"accordion-header\" id=\"ttvv-heading3\">\r\n                              <button class=\"ttvv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ttvv-collapse3\" aria-expanded=\"false\" aria-controls=\"ttvv-collapse3\">\r\n                                  Will TikTok know I viewed the draft?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ttvv-collapse3\" class=\"accordion-collapse collapse\" aria-labelledby=\"ttvv-heading3\" data-bs-parent=\"#ttvv-faqAccordion\">\r\n                              <div class=\"ttvv-accordion-body\">\r\n                                  No, all viewing is completely anonymous. When you use our TikTok Drafts Viewer, TikTok doesn't register that you've viewed the draft. The account owner won't know you accessed their content.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ttvv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                          <h3 class=\"accordion-header\" id=\"ttvv-heading4\">\r\n                              <button class=\"ttvv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ttvv-collapse4\" aria-expanded=\"false\" aria-controls=\"ttvv-collapse4\">\r\n                                  Do I need to install software to use this?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ttvv-collapse4\" class=\"accordion-collapse collapse\" aria-labelledby=\"ttvv-heading4\" data-bs-parent=\"#ttvv-faqAccordion\">\r\n                              <div class=\"ttvv-accordion-body\">\r\n                                  No, our TikTok Drafts Viewer is completely web-based. You don't need to download or install any software. Simply visit our website, enter the username, and view the drafts directly in your browser.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ttvv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                          <h3 class=\"accordion-header\" id=\"ttvv-heading5\">\r\n                              <button class=\"ttvv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ttvv-collapse5\" aria-expanded=\"false\" aria-controls=\"ttvv-collapse5\">\r\n                                  What information can I see about a draft?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ttvv-collapse5\" class=\"accordion-collapse collapse\" aria-labelledby=\"ttvv-heading5\" data-bs-parent=\"#ttvv-faqAccordion\">\r\n                              <div class=\"ttvv-accordion-body\">\r\n                                  Our TikTok Drafts Viewer shows all publicly accessible draft content, including video details and related statistics. Private drafts or information not shared publicly are not accessible.\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    <!-- Footer -->\r\n    \r\n  \r\n  <!-- Copyright Section -->\r\n  \r\n  \r\n  \r\n  \r\n   <!-- Tiktak video viewer js -->\r\n    <!-- Scripts: CDN only (..\/js\/* fails when opened locally or embedded). -->\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    <script>\r\n      if (typeof AOS !== 'undefined') {\r\n        AOS.init({ duration: 800, easing: 'ease-in-out', once: true });\r\n      }\r\n      document.querySelectorAll('a[href^=\"#\"]').forEach(function (anchor) {\r\n        anchor.addEventListener('click', function (e) {\r\n          var id = this.getAttribute('href');\r\n          if (!id || id === '#') return;\r\n          var el = document.querySelector(id);\r\n          if (el) {\r\n            e.preventDefault();\r\n            el.scrollIntoView({ behavior: 'smooth' });\r\n          }\r\n        });\r\n      });\r\n    <\/script>\r\n  \r\n  <grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration><grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration>\r\n  <grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration><script defer=\"\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/vcd15cbe7772f49c399c6a5babf22c1241717689176015\" integrity=\"sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==\" data-cf-beacon=\"{\"version\":\"2024.11.0\",\"token\":\"786b797d7952407aac48ed2776a3a826\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\" crossorigin=\"anonymous\"><\/script>\r\n  <script defer=\"\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/v8c78df7c7c0f484497ecbca7046644da1771523124516\" integrity=\"sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==\" data-cf-beacon=\"{\"version\":\"2024.11.0\",\"token\":\"786b797d7952407aac48ed2776a3a826\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\" crossorigin=\"anonymous\"><\/script>\r\n  [\/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: #b7c8e6;\n  --nsfpv-dim: #8296b6;\n  --nsfpv-bg: #071326;\n  --nsfpv-panel: rgba(14, 31, 58, 0.88);\n  --nsfpv-panel-soft: rgba(25, 48, 82, 0.74);\n  --nsfpv-hover: rgba(56, 102, 166, 0.54);\n  --nsfpv-line: rgba(139, 180, 255, 0.18);\n  --nsfpv-accent: #4d8dff;\n  --nsfpv-accent-deep: #2f69e8;\n  --nsfpv-cool: #79c6ff;\n  --nsfpv-cool-deep: #4d8dff;\n  --nsfpv-success: #49cf8b;\n  --nsfpv-danger: #ff627d;\n  --nsfpv-radius: 20px;\n  --nsfpv-shadow: 0 20px 55px rgba(1, 10, 28, 0.38);\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, 28px);\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  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n  background:\n    radial-gradient(circle at 8% 0%, rgba(85, 145, 255, 0.28), transparent 32%),\n    radial-gradient(circle at 92% 8%, rgba(95, 224, 209, 0.14), transparent 28%),\n    linear-gradient(145deg, #071326 0%, #0b1d39 48%, #122b54 100%);\n  border: 1px solid rgba(158, 195, 255, 0.14);\n  border-radius: 24px;\n}\n\n.nsfpv::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  pointer-events: none;\n  opacity: 0.7;\n  background-image: linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);\n  background-size: 34px 34px;\n  mask-image: linear-gradient(to bottom, #000, transparent 78%);\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) { list-style: none; }\n\n.nsfpv img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  border: 0;\n  vertical-align: middle;\n}\n\n.nsfpv a {\n  color: var(--nsfpv-cool);\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n\n.nsfpv a:hover {\n  color: #b4e2ff;\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  min-width: 0;\n  margin: 0 auto;\n}\n\n\/* Hero \/ search *\/\n.nsfpv-hero {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  padding: clamp(28px, 6vw, 60px) 0 8px;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  box-shadow: none;\n  text-align: center;\n}\n\n.nsfpv .nsfpv-hero__title {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 0 12px;\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: 14px;\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: 48px;\n  height: 48px;\n  border: 1px solid rgba(205, 231, 255, 0.28);\n  border-radius: 15px;\n  background: linear-gradient(135deg, #5c9bff, #3877f2 58%, #6958eb);\n  color: #fff;\n  font-size: 1.5rem;\n  line-height: 1;\n  box-shadow: 0 12px 28px rgba(58, 117, 243, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.26);\n}\n\n.nsfpv .nsfpv-hero__icon i { display: block; line-height: 1; }\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.45rem, 3vw, 2.15rem);\n  font-weight: 800;\n  letter-spacing: -0.045em;\n  line-height: 1.15;\n  text-align: left;\n}\n\n.nsfpv-hero__title-mark {\n  color: var(--nsfpv-cool);\n  font-weight: 800;\n}\n\n.nsfpv .nsfpv-hero__lead {\n  max-width: 600px;\n  margin: 0 auto 22px;\n  padding: 0 4px;\n  color: var(--nsfpv-muted);\n  font-size: clamp(0.92rem, 2.4vw, 1rem);\n  line-height: 1.65;\n}\n\n.nsfpv-search {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 12px;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  margin-top: 4px;\n  padding: clamp(14px, 2.5vw, 22px);\n  border: 1px solid rgba(171, 207, 255, 0.18);\n  border-radius: var(--nsfpv-radius);\n  background: linear-gradient(135deg, rgba(27, 53, 91, 0.86), rgba(12, 28, 55, 0.9));\n  box-shadow: var(--nsfpv-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.07);\n  text-align: left;\n}\n\n.nsfpv .nsfpv-search__label {\n  display: block;\n  color: #d8e6fb;\n  font-size: 0.88rem;\n  font-weight: 700;\n  letter-spacing: 0.01em;\n  line-height: 1.3;\n}\n\n.nsfpv-search__row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  gap: 10px;\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfpv .nsfpv-search__field {\n  flex: 1 1 160px;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  height: 50px;\n  min-height: 50px;\n  padding: 0 16px !important;\n  border: 1px solid rgba(171, 207, 255, 0.2) !important;\n  border-radius: 13px;\n  outline: none;\n  background: rgba(4, 17, 37, 0.68) !important;\n  color: #fff !important;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);\n  font-family: var(--nsfpv-font);\n  font-size: 16px !important;\n  font-weight: 500;\n  line-height: 50px;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n}\n\n.nsfpv .nsfpv-search__field:hover {\n  border-color: rgba(174, 213, 255, 0.38) !important;\n}\n\n.nsfpv .nsfpv-search__field:focus {\n  border-color: #78b7ff !important;\n  background: rgba(7, 24, 50, 0.9) !important;\n  box-shadow: 0 0 0 4px rgba(78, 144, 255, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06);\n}\n\n.nsfpv .nsfpv-search__field::placeholder { color: #758cac; }\n\n.nsfpv .nsfpv-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  flex: 1 1 calc(50% - 5px);\n  min-width: 0;\n  min-height: 50px;\n  height: 50px;\n  padding: 0 16px !important;\n  border: 1px solid transparent !important;\n  border-radius: 13px;\n  color: #fff !important;\n  font-family: var(--nsfpv-font);\n  font-size: 0.92rem !important;\n  font-weight: 750 !important;\n  line-height: 1;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  box-shadow: 0 8px 18px rgba(3, 12, 30, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.18);\n  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, background 0.2s ease;\n}\n\n.nsfpv .nsfpv-btn:hover {\n  filter: brightness(1.08);\n  transform: translateY(-2px);\n  box-shadow: 0 14px 24px rgba(3, 12, 30, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22);\n}\n\n.nsfpv .nsfpv-btn:active {\n  transform: translateY(0);\n  box-shadow: inset 0 2px 5px rgba(1, 10, 28, 0.24);\n}\n\n.nsfpv .nsfpv-btn:focus-visible,\n.nsfpv .nsfpv-tabs__btn:focus-visible,\n.nsfpv .nsfpv-card__action:focus-visible,\n.nsfpv .nsfpv-avatar__zoom:focus-visible,\n.nsfpv .nsfpv-modal__close:focus-visible,\n.nsfpv .nsfpv-modal__action:focus-visible {\n  outline: 0;\n  box-shadow: 0 0 0 4px rgba(119, 194, 255, 0.35);\n}\n\n.nsfpv .nsfpv-btn:disabled {\n  opacity: 0.52;\n  cursor: not-allowed;\n  filter: none;\n  transform: none;\n}\n\n.nsfpv .nsfpv-btn--paste {\n  border-color: rgba(182, 211, 255, 0.15) !important;\n  background: linear-gradient(135deg, #31547f, #263d62) !important;\n}\n\n.nsfpv .nsfpv-btn--paste:hover { background: linear-gradient(135deg, #3a6396, #2d4c78) !important; }\n\n.nsfpv .nsfpv-btn--view {\n  background: linear-gradient(135deg, #63a3ff, #3976f0 58%, #6352df) !important;\n}\n\n.nsfpv .nsfpv-search__hint {\n  margin: 0;\n  color: var(--nsfpv-dim);\n  font-size: 0.8rem;\n  font-style: italic;\n  line-height: 1.45;\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.nsfpv i.fa-download,\n.nsfpv i.fa-expand,\n.nsfpv i.fa-eye,\n.nsfpv i.fa-film,\n.nsfpv i.fa-images,\n.nsfpv i.fa-newspaper,\n.nsfpv i.fa-paste,\n.nsfpv i.fa-spinner,\n.nsfpv i.fa-video,\n.nsfpv i.fa-xmark {\n  --fa-display: inline-block;\n  display: inline-block !important;\n  width: 1.15em;\n  color: inherit;\n  font-size: 0.92em;\n  font-style: normal !important;\n  font-variant: normal;\n  line-height: 1 !important;\n  text-align: center;\n  vertical-align: middle;\n  text-rendering: auto;\n  -webkit-font-smoothing: antialiased;\n}\n\n.nsfpv .nsfpv-empty i {\n  display: block !important;\n  width: auto;\n  margin: 0 auto 12px;\n  color: var(--nsfpv-cool);\n  font-size: 2.1rem !important;\n  line-height: 1 !important;\n  opacity: 0.55;\n}\n\n\/* Cloudflare Turnstile *\/\n.nsfpv #xrespond-tools-turnstile-host {\n  display: none;\n  flex: none;\n  order: unset;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  margin: 0;\n}\n\n.nsfpv #xrespond-tools-turnstile-host.is-visible { display: block; }\n\n.nsfpv #xrespond-tools-turnstile-host .xrespond-ts-label {\n  display: block;\n  margin-bottom: 0.45rem;\n  color: var(--nsfpv-muted);\n  font-size: 0.85rem;\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 { color: #ff9bab; }\n\n.nsfpv-search__row:has(#xrespond-tools-turnstile-host) { flex-wrap: wrap !important; }\n\n.nsfpv-search__row > #xrespond-tools-turnstile-host {\n  flex: 0 0 100% !important;\n  order: -1;\n  width: 100% !important;\n}\n\n.nsfpv .nsfpv-alert {\n  display: none;\n  margin: 0;\n  padding: 12px 14px;\n  border: 1px solid rgba(255, 105, 132, 0.34);\n  border-radius: 13px;\n  background: linear-gradient(135deg, rgba(214, 55, 86, 0.18), rgba(137, 31, 61, 0.16));\n  color: #ffbdc7;\n  font-size: 0.88rem;\n  font-weight: 650;\n  line-height: 1.45;\n  text-align: left;\n}\n\n.nsfpv .nsfpv-alert.is-visible { display: block; }\n\n.nsfpv .nsfpv-demo-chip {\n  display: inline-flex;\n  align-items: center;\n  align-self: flex-start;\n  gap: 6px;\n  padding: 7px 12px;\n  border: 1px solid rgba(132, 193, 255, 0.25);\n  border-radius: 999px;\n  background: rgba(72, 141, 255, 0.12);\n  color: #b2dcff;\n  font-size: 0.76rem;\n  font-weight: 750;\n  letter-spacing: 0.025em;\n}\n\n\/* Skeleton *\/\n.nsfpv .nsfpv-skeleton,\n.nsfpv-tab-sk {\n  display: none;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  margin: 0;\n}\n\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,\n.nsfpv .nsfpv-content.is-placeholder .nsfpv-stats { display: none !important; }\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% { background-position: -760px 0; }\n  100% { background-position: 760px 0; }\n}\n\n.nsfpv .nsfpv-sk {\n  border-radius: 12px;\n  background: linear-gradient(90deg, rgba(102, 157, 245, 0.09) 0%, rgba(148, 215, 255, 0.28) 48%, rgba(102, 157, 245, 0.09) 100%);\n  background-size: 760px 100%;\n  animation: nsfpv-shimmer 1.45s ease-in-out infinite;\n}\n\n.nsfpv-skeleton__panel,\n.nsfpv-panel {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--nsfpv-line);\n  border-radius: var(--nsfpv-radius);\n  background: linear-gradient(145deg, rgba(29, 54, 90, 0.9), rgba(12, 27, 52, 0.94));\n  box-shadow: var(--nsfpv-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.06);\n}\n\n.nsfpv-skeleton__panel { padding: 0; }\n\n.nsfpv .nsfpv-skeleton__cover,\n.nsfpv-cover {\n  position: relative;\n  width: 100%;\n  height: auto;\n  min-height: 150px;\n  max-height: 380px;\n  aspect-ratio: 2.7 \/ 1;\n  overflow: hidden;\n  border-radius: 0;\n}\n\n.nsfpv-cover {\n  background: linear-gradient(135deg, #17335f, #244f8d);\n}\n\n.nsfpv-skeleton__profile,\n.nsfpv-profile {\n  display: grid;\n  grid-template-columns: 1fr;\n  align-items: center;\n  justify-items: center;\n  gap: 14px;\n  width: 100%;\n  min-width: 0;\n  padding: 0 var(--nsfpv-pad) 18px;\n  text-align: center;\n}\n\n.nsfpv-profile {\n  position: relative;\n  z-index: 2;\n  align-items: start;\n  margin-top: 0;\n}\n\n.nsfpv .nsfpv-skeleton__avatar,\n.nsfpv-avatar {\n  width: var(--nsfpv-avatar);\n  height: var(--nsfpv-avatar);\n  margin-top: calc(var(--nsfpv-avatar) \/ -2);\n}\n\n.nsfpv .nsfpv-skeleton__avatar {\n  border: 4px solid #18335e;\n  border-radius: 50% !important;\n}\n\n.nsfpv-avatar {\n  position: relative;\n  flex-shrink: 0;\n}\n\n.nsfpv-avatar__ring {\n  width: 100%;\n  height: 100%;\n  padding: 3px;\n  overflow: hidden;\n  border: 1px solid rgba(203, 230, 255, 0.37);\n  border-radius: 50%;\n  background: linear-gradient(135deg, #82c6ff, #4b83ff 50%, #8466f5);\n  box-shadow: 0 12px 30px rgba(0, 12, 35, 0.35);\n}\n\n.nsfpv .nsfpv-avatar__img {\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  border: 3px solid #14305b;\n  border-radius: 50%;\n  background: #1a3f70;\n  object-fit: cover;\n  object-position: center;\n}\n\n.nsfpv .nsfpv-avatar__zoom {\n  position: absolute;\n  right: 1px;\n  bottom: 1px;\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  min-width: 38px;\n  height: 38px;\n  min-height: 38px;\n  border: 2px solid #16325d !important;\n  border-radius: 50%;\n  background: linear-gradient(135deg, #65a7ff, #3975ed) !important;\n  color: #fff !important;\n  box-shadow: 0 8px 16px rgba(4, 17, 45, 0.35);\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  transition: transform 0.2s ease, filter 0.2s ease;\n}\n\n.nsfpv .nsfpv-avatar__zoom:hover {\n  background: linear-gradient(135deg, #7eb8ff, #4d81f2) !important;\n  transform: scale(1.08);\n}\n\n.nsfpv-skeleton__meta,\n.nsfpv-meta {\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfpv-skeleton__meta {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n}\n\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\n.nsfpv-skeleton__stats,\n.nsfpv-stats {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px 12px;\n}\n\n.nsfpv-skeleton__stat {\n  width: 72px;\n  height: 28px;\n  border-radius: 999px;\n}\n\n.nsfpv .nsfpv-meta__name {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  color: var(--nsfpv-ink);\n  font-size: clamp(1.35rem, 3.2vw, 1.95rem);\n  font-weight: 800;\n  letter-spacing: -0.035em;\n  line-height: 1.22;\n}\n\n.nsfpv .nsfpv-meta__name i { color: var(--nsfpv-cool); font-size: 0.78em; }\n\n.nsfpv .nsfpv-meta__handle {\n  margin-top: 3px;\n  color: var(--nsfpv-dim);\n  font-size: 0.94rem;\n  font-weight: 600;\n}\n\n.nsfpv-stats { margin-top: 11px; }\n\n.nsfpv .nsfpv-stats__badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 30px;\n  padding: 5px 10px;\n  border: 1px solid rgba(174, 211, 255, 0.12);\n  border-radius: 999px;\n  background: rgba(147, 189, 255, 0.07);\n  color: #c8d9ef;\n  font-size: 0.82rem;\n  font-weight: 700;\n}\n\n.nsfpv .nsfpv-stats__badge i { color: var(--nsfpv-cool); font-size: 0.85em; }\n\n.nsfpv .nsfpv-bio {\n  max-width: 680px;\n  margin: 5px auto 0;\n  color: #d7e3f3;\n  font-size: 0.94rem;\n  font-weight: 450;\n  line-height: 1.62;\n}\n\n.nsfpv-skeleton__tabs,\n.nsfpv-tabs {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfpv-skeleton__tabs {\n  justify-content: center;\n  gap: 8px;\n  margin: 8px 0 16px;\n  padding: 0 var(--nsfpv-pad);\n}\n\n.nsfpv-skeleton__tab {\n  flex: 1 1 calc(50% - 8px);\n  min-width: 0;\n  height: 42px;\n  border-radius: 12px;\n}\n\n.nsfpv-tabs {\n  justify-content: flex-start;\n  gap: 6px;\n  margin-top: 4px;\n  padding: 12px var(--nsfpv-pad) 0;\n  border-top: 1px solid var(--nsfpv-line);\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: 44px;\n  height: auto;\n  padding: 10px 14px !important;\n  border: 1px solid transparent !important;\n  border-radius: 12px;\n  background: transparent !important;\n  color: var(--nsfpv-muted) !important;\n  font-family: var(--nsfpv-font);\n  font-size: 0.9rem !important;\n  font-weight: 700 !important;\n  white-space: nowrap;\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n}\n\n.nsfpv .nsfpv-tabs__btn:hover {\n  border-color: rgba(162, 205, 255, 0.15) !important;\n  background: rgba(115, 164, 238, 0.1) !important;\n  color: var(--nsfpv-ink) !important;\n  transform: translateY(-1px);\n}\n\n.nsfpv .nsfpv-tabs__btn.is-active {\n  border-color: rgba(112, 182, 255, 0.26) !important;\n  background: linear-gradient(135deg, rgba(88, 153, 255, 0.23), rgba(110, 93, 228, 0.18)) !important;\n  color: #d7edff !important;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09);\n}\n\n.nsfpv-pane {\n  display: none;\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  padding: 20px var(--nsfpv-pad) 24px;\n}\n\n.nsfpv-pane.is-active { display: block; }\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: 16px;\n}\n\n.nsfpv .nsfpv-pane__title {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--nsfpv-ink);\n  font-size: 1rem;\n  font-weight: 800;\n}\n\n.nsfpv .nsfpv-pane__title i { color: var(--nsfpv-cool); }\n.nsfpv .nsfpv-pane__count { color: var(--nsfpv-dim); font-size: 0.8rem; font-weight: 750; }\n\n.nsfpv-empty {\n  padding: 44px 16px;\n  color: var(--nsfpv-dim);\n  font-size: 0.92rem;\n  text-align: center;\n}\n\n\/* Photo \/ video \/ reel grids *\/\n.nsfpv-skeleton__grid,\n.nsfpv-grid {\n  display: grid;\n  align-items: start;\n  grid-template-columns: 1fr;\n  gap: 14px;\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfpv-skeleton__grid { padding: 0 var(--nsfpv-pad) 20px; }\n.nsfpv-grid--reels { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n\n.nsfpv-skeleton__card,\n.nsfpv-tab-sk__photo,\n.nsfpv-tab-sk__video,\n.nsfpv-tab-sk__reel,\n.nsfpv-card,\n.nsfpv-post {\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--nsfpv-line);\n  border-radius: 16px;\n  background: linear-gradient(145deg, rgba(34, 62, 101, 0.78), rgba(18, 38, 70, 0.84));\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);\n}\n\n.nsfpv-card {\n  transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;\n}\n\n.nsfpv-card:hover {\n  border-color: rgba(136, 193, 255, 0.34);\n  box-shadow: 0 15px 28px rgba(0, 12, 34, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06);\n  transform: translateY(-4px);\n}\n\n.nsfpv-skeleton__thumb,\n.nsfpv-tab-sk__photo-thumb { aspect-ratio: 1 \/ 1; border-radius: 0; }\n\n.nsfpv-tab-sk--photos,\n.nsfpv-tab-sk--videos {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 14px;\n}\n\n.nsfpv-tab-sk--reels {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.nsfpv-tab-sk--posts,\n.nsfpv-posts {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  width: 100%;\n  min-width: 0;\n}\n\n.nsfpv-tab-sk__video-thumb { aspect-ratio: 16 \/ 10; }\n.nsfpv-tab-sk__reel-thumb { aspect-ratio: 9 \/ 14; }\n\n.nsfpv-skeleton__foot,\n.nsfpv-tab-sk__photo-foot,\n.nsfpv-tab-sk__video-foot,\n.nsfpv-tab-sk__reel-foot {\n  height: 42px;\n  margin: 10px 12px;\n  border-radius: 9px;\n}\n\n.nsfpv-tab-sk__post {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 14px;\n}\n\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\n.nsfpv .nsfpv-cover__img,\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 .nsfpv-cover__img { object-position: center 18%; }\n.nsfpv-cover__fade { display: none; }\n\n.nsfpv-card__media {\n  position: relative;\n  overflow: hidden;\n  background: #1a3f70;\n  cursor: pointer;\n}\n\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\n.nsfpv-card__media::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background: linear-gradient(to top, rgba(2, 11, 28, 0.28), transparent 52%);\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.nsfpv-card:hover .nsfpv-card__media::after { opacity: 1; }\n\n.nsfpv-card__badge,\n.nsfpv-card__duration {\n  z-index: 2;\n  color: #fff;\n  font-size: 0.72rem;\n  font-weight: 800;\n  background: rgba(3, 12, 29, 0.72);\n  border: 1px solid rgba(255, 255, 255, 0.16);\n  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);\n  backdrop-filter: blur(8px);\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: 30px;\n  height: 30px;\n  padding: 0 8px;\n  border-radius: 999px;\n  letter-spacing: 0.04em;\n}\n\n.nsfpv-card__play {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n}\n\n.nsfpv-card__play span {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 52px;\n  height: 52px;\n  padding-left: 2px;\n  border: 1px solid rgba(255, 255, 255, 0.46);\n  border-radius: 50%;\n  background: rgba(4, 15, 34, 0.57);\n  color: #fff;\n  font-size: 1rem;\n  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);\n  backdrop-filter: blur(8px);\n  transition: transform 0.2s ease;\n}\n\n.nsfpv-card:hover .nsfpv-card__play span { transform: scale(1.08); }\n\n.nsfpv-card__duration {\n  position: absolute;\n  bottom: 10px;\n  left: 10px;\n  padding: 4px 8px;\n  border-radius: 7px;\n}\n\n.nsfpv-card__overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 13px;\n  color: #fff;\n  font-size: 0.82rem;\n  font-weight: 700;\n  opacity: 0;\n  background: linear-gradient(to top, rgba(1, 10, 27, 0.85), transparent 60%);\n  transition: opacity 0.22s ease;\n}\n\n.nsfpv-card:hover .nsfpv-card__overlay,\n.nsfpv-card:focus-within .nsfpv-card__overlay { opacity: 1; }\n\n.nsfpv-card__overlay span { display: inline-flex; align-items: center; gap: 5px; }\n\n.nsfpv-card__foot {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 9px;\n  min-width: 0;\n  padding: 12px;\n}\n\n.nsfpv-card__title {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  color: #cfddf0;\n  font-size: 0.82rem;\n  font-weight: 700;\n  text-overflow: ellipsis;\n  white-space: nowrap;\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 11px !important;\n  border: 1px solid rgba(136, 193, 255, 0.2) !important;\n  border-radius: 10px;\n  background: rgba(82, 145, 246, 0.15) !important;\n  color: #b6ddff !important;\n  font-family: var(--nsfpv-font);\n  font-size: 0.78rem !important;\n  font-weight: 750 !important;\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;\n}\n\n.nsfpv .nsfpv-card__action:hover {\n  border-color: rgba(141, 202, 255, 0.38) !important;\n  background: rgba(82, 145, 246, 0.28) !important;\n  transform: translateY(-1px);\n}\n\n.nsfpv .nsfpv-card__action--cool {\n  border-color: rgba(102, 222, 169, 0.22) !important;\n  background: rgba(73, 207, 139, 0.13) !important;\n  color: #9ef0bf !important;\n}\n\n.nsfpv-post {\n  padding: 16px;\n  overflow: visible;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.nsfpv-post:hover {\n  border-color: rgba(144, 196, 255, 0.28);\n  box-shadow: 0 12px 28px rgba(0, 12, 34, 0.16);\n}\n\n.nsfpv-post__head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n  margin-bottom: 12px;\n}\n\n.nsfpv-post__avatar {\n  flex-shrink: 0;\n  width: 43px;\n  height: 43px;\n  border: 2px solid rgba(124, 185, 255, 0.5);\n  border-radius: 50%;\n  object-fit: cover;\n}\n\n.nsfpv-post__author { color: var(--nsfpv-ink); font-size: 0.92rem; font-weight: 800; line-height: 1.25; }\n.nsfpv-post__date { color: var(--nsfpv-dim); font-size: 0.78rem; font-weight: 600; }\n\n.nsfpv-post__text {\n  margin-bottom: 12px;\n  color: #d3e0f1;\n  font-size: 0.9rem;\n  line-height: 1.62;\n  overflow-wrap: anywhere;\n  word-wrap: break-word;\n}\n\n.nsfpv-post__image {\n  width: 100%;\n  max-height: 360px;\n  margin-bottom: 12px;\n  border: 1px solid rgba(185, 216, 255, 0.1);\n  border-radius: 12px;\n  cursor: pointer;\n  object-fit: cover;\n}\n\n.nsfpv-post__stats { display: flex; flex-wrap: wrap; gap: 12px; }\n\n.nsfpv .nsfpv-post__stat {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  color: var(--nsfpv-dim);\n  font-size: 0.8rem;\n  font-weight: 700;\n}\n\n.nsfpv .nsfpv-post__stat i { color: var(--nsfpv-cool); }\n\n\/* Modal *\/\n.nsfpv-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 99999;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 18px;\n  background: rgba(1, 8, 21, 0.76);\n  backdrop-filter: blur(8px);\n}\n\n.nsfpv-modal.is-open { display: flex; }\n\n.nsfpv-modal__dialog {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: min(920px, 100%);\n  min-width: 0;\n  max-height: min(90vh, 900px);\n  padding: 14px;\n  overflow: hidden;\n  border: 1px solid rgba(180, 215, 255, 0.2);\n  border-radius: 20px;\n  background: linear-gradient(145deg, #172e55, #0a1932);\n  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.56), inset 0 1px 0 rgba(255, 255, 255, 0.08);\n}\n\n.nsfpv .nsfpv-modal__close {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 42px;\n  min-width: 42px;\n  height: 42px;\n  min-height: 42px;\n  border: 1px solid rgba(255, 255, 255, 0.2) !important;\n  border-radius: 50%;\n  background: rgba(8, 22, 47, 0.75) !important;\n  color: #fff !important;\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  transition: transform 0.2s ease, background 0.2s ease;\n}\n\n.nsfpv .nsfpv-modal__close:hover {\n  background: #e95670 !important;\n  transform: rotate(4deg) scale(1.05);\n}\n\n.nsfpv-modal__stage {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-width: 0;\n  min-height: 180px;\n  overflow: hidden;\n  border: 1px solid rgba(178, 215, 255, 0.1);\n  border-radius: 13px;\n  background: #061123;\n}\n\n.nsfpv .nsfpv-modal__media,\n.nsfpv .nsfpv-modal__media--img {\n  display: block;\n  width: 100%;\n  max-height: calc(90vh - 128px);\n  margin: 0 auto;\n  border-radius: 10px;\n  background: #061123;\n  object-fit: contain;\n}\n\n.nsfpv .nsfpv-modal__media.is-hidden { display: none !important; }\n\n.nsfpv .nsfpv-modal__media--video {\n  width: 100%;\n  max-height: calc(90vh - 128px);\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  min-width: 0;\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}\n\n.nsfpv-modal__actions { display: flex; flex-wrap: wrap; gap: 8px; }\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: 42px;\n  padding: 9px 14px !important;\n  border: 1px solid rgba(184, 220, 255, 0.18) !important;\n  border-radius: 12px !important;\n  background: rgba(87, 139, 235, 0.16) !important;\n  color: #e8f5ff !important;\n  font: inherit;\n  font-weight: 750 !important;\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  touch-action: manipulation;\n  transition: transform 0.2s ease, filter 0.2s ease;\n}\n\n.nsfpv .nsfpv-modal__action:hover { filter: brightness(1.12); transform: translateY(-1px); }\n\n.nsfpv .nsfpv-modal__action--download {\n  border-color: rgba(148, 235, 189, 0.27) !important;\n  background: linear-gradient(135deg, #3f91ed, #48c78a) !important;\n}\n\n.nsfpv .nsfpv-modal__action:disabled,\n.nsfpv .nsfpv-modal__action.is-hidden { display: none !important; }\n\n.nsfpv-modal__loading {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  color: #fff;\n  font-weight: 700;\n  background: rgba(3, 13, 30, 0.76);\n  backdrop-filter: blur(5px);\n}\n\n.nsfpv-modal__loading.is-visible { display: flex; }\n.nsfpv-modal__loading i { animation: nsfpv-spin 0.9s linear infinite; }\n\n@keyframes nsfpv-spin { to { transform: rotate(360deg); } }\n\n.nsfpv-dlprog {\n  position: fixed;\n  right: 16px;\n  bottom: 16px;\n  z-index: 100000;\n  display: none;\n  width: min(380px, calc(100vw - 32px));\n  padding: 14px;\n  border: 1px solid rgba(179, 216, 255, 0.18);\n  border-radius: 16px;\n  background: rgba(10, 26, 51, 0.94);\n  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42);\n  color: #fff;\n  backdrop-filter: blur(16px);\n}\n\n.nsfpv-dlprog.is-open { display: block; }\n.nsfpv-dlprog.is-success { border-color: rgba(73, 207, 139, 0.55); }\n.nsfpv-dlprog.is-error { border-color: rgba(255, 107, 130, 0.55); }\n\n.nsfpv-dlprog__head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  margin-bottom: 9px;\n}\n\n.nsfpv-dlprog__title {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  font-size: 0.9rem;\n  font-weight: 700;\n}\n\n.nsfpv-dlprog__title i { color: #60dfa2; }\n.nsfpv-dlprog__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.nsfpv-dlprog__pct { flex: 0 0 auto; color: rgba(255, 255, 255, 0.86); font-size: 0.85rem; font-weight: 800; }\n\n.nsfpv-dlprog__track {\n  height: 8px;\n  overflow: hidden;\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.12);\n}\n\n.nsfpv-dlprog__fill {\n  width: 0%;\n  height: 100%;\n  border-radius: inherit;\n  background: linear-gradient(90deg, #5f9fff, #5de0b0);\n  box-shadow: 0 0 12px rgba(92, 224, 176, 0.5);\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% { transform: translateX(-120%); }\n  100% { transform: translateX(280%); }\n}\n\n.nsfpv-dlprog__meta {\n  display: flex;\n  justify-content: space-between;\n  gap: 8px;\n  margin-top: 8px;\n  color: rgba(255, 255, 255, 0.7);\n  font-size: 0.78rem;\n}\n\n.nsfpv-card__foot-actions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 6px;\n}\n\n\/* Responsive: tablet *\/\n@media (min-width: 768px) {\n  .nsfpv-search__row { flex-wrap: nowrap; }\n  .nsfpv .nsfpv-search__field { flex: 1 1 auto; }\n\n  .nsfpv .nsfpv-btn {\n    flex: 0 0 auto;\n    min-width: 116px;\n    padding: 0 19px !important;\n  }\n\n  .nsfpv-profile {\n    grid-template-columns: auto 1fr;\n    align-items: end;\n    justify-items: start;\n    gap: 18px 22px;\n    text-align: left;\n  }\n\n  .nsfpv-avatar { align-self: start; }\n  .nsfpv-meta { padding-top: 10px; text-align: left; }\n  .nsfpv .nsfpv-meta__name { justify-content: flex-start; }\n  .nsfpv-stats { justify-content: flex-start; }\n\n  .nsfpv .nsfpv-bio {\n    grid-column: 1 \/ -1;\n    max-width: none;\n    margin-right: 0;\n    margin-left: 0;\n    text-align: left;\n  }\n\n  .nsfpv-tabs,\n  .nsfpv-skeleton__tabs { justify-content: flex-start; }\n\n  .nsfpv .nsfpv-tabs__btn {\n    flex: 0 1 auto;\n    min-width: 118px;\n    padding: 10px 17px !important;\n  }\n\n  .nsfpv-skeleton__profile {\n    grid-template-columns: auto 1fr;\n    justify-items: start;\n    text-align: left;\n  }\n\n  .nsfpv-skeleton__meta { align-items: flex-start; text-align: left; }\n  .nsfpv-skeleton__stats { justify-content: flex-start; }\n  .nsfpv-skeleton__grid,\n  .nsfpv-grid,\n  .nsfpv-tab-sk--photos,\n  .nsfpv-tab-sk--videos,\n  .nsfpv-tab-sk--reels { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n\n\/* Responsive: desktop *\/\n@media (min-width: 1024px) {\n  .nsfpv { --nsfpv-avatar: 136px; }\n\n  .nsfpv-grid,\n  .nsfpv-skeleton__grid,\n  .nsfpv-tab-sk--photos,\n  .nsfpv-tab-sk--videos { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n\n  .nsfpv-grid--reels,\n  .nsfpv-tab-sk--reels { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n}\n\n@media (max-width: 720px) {\n  .nsfpv .nsfpv-search .nsfpv-search__row { flex-wrap: wrap !important; }\n\n  .nsfpv .nsfpv-search .nsfpv-search__field,\n  .nsfpv .nsfpv-search .nsfpv-search__row > .nsfpv-search__field,\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% - 5px) !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n  }\n}\n\n@media (max-width: 479.98px) {\n  .nsfpv { border-radius: 18px; }\n\n  .nsfpv-hero { padding-top: 24px; }\n  .nsfpv-hero__brand { gap: 10px; }\n  .nsfpv .nsfpv-hero__icon { width: 42px; height: 42px; border-radius: 13px; }\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    padding: 6px 8px !important;\n    font-size: 0.72rem !important;\n  }\n\n  .nsfpv-modal { padding: 10px; }\n  .nsfpv-modal__dialog { padding: 10px; border-radius: 16px; }\n  .nsfpv-modal__bar { align-items: stretch; }\n  .nsfpv-modal__actions { width: 100%; }\n  .nsfpv .nsfpv-modal__action { flex: 1; }\n}\n\n@media (max-width: 359.98px) {\n  .nsfpv-grid--reels,\n  .nsfpv-tab-sk--reels { grid-template-columns: 1fr; }\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-basis: 100% !important;\n  }\n}\n\n\/* ResizeObserver helpers *\/\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% - 5px); }\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 { text-align: center; }\n\n.nsfpv.nsfpv--compact .nsfpv-meta__name,\n.nsfpv.nsfpv--compact .nsfpv-stats,\n.nsfpv.nsfpv--compact .nsfpv-tabs { justify-content: center; }\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 { grid-template-columns: 1fr; }\n\n.nsfpv.nsfpv--compact .nsfpv-grid--reels,\n.nsfpv.nsfpv--compact .nsfpv-tab-sk--reels { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n\n.nsfpv.nsfpv--narrow .nsfpv-grid--reels,\n.nsfpv.nsfpv--narrow .nsfpv-tab-sk--reels { grid-template-columns: 1fr; }\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 { grid-template-columns: 1fr; }\n.nsfpv.nsfpv--narrow .nsfpv-btn { flex: 1 1 100%; }\n.nsfpv.nsfpv--narrow .nsfpv-tabs__btn { flex: 1 1 100%; }\n\n.nsfpv.nsfpv--narrow {\n  --nsfpv-avatar: 84px;\n  padding-right: 7px;\n  padding-left: 7px;\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: 10px !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  flex-wrap: nowrap !important;\n  gap: 10px !important;\n  width: auto !important;\n  max-width: none !important;\n  min-width: 0 !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: 116px !important;\n}\n\n.nsfpv.nsfpv--compact .nsfpv-search .nsfpv-search__row,\n.nsfpv.nsfpv--narrow .nsfpv-search .nsfpv-search__row { flex-wrap: wrap !important; }\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% - 5px) !important;\n  min-width: 0 !important;\n  max-width: 100% !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\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: rgba(89, 135, 202, 0.25);\n  }\n}\n\n@media (hover: none) {\n  .nsfpv .nsfpv-btn:hover,\n  .nsfpv .nsfpv-tabs__btn:hover,\n  .nsfpv-card:hover { transform: none; }\n\n  .nsfpv-card:hover .nsfpv-card__overlay { opacity: 0; }\n\n  .nsfpv-card:focus-within .nsfpv-card__overlay,\n  .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\">TikTok Drafts Viewer \u2013 Access &amp;amp; Manage Draft Videos<\/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>    <link rel=\"canonical\" href=\"\">\r\n  \r\n  \r\n     \r\n      \r\n      <!-- 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      <!-- 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  \r\n  <style id=\"vvvebjs-styles\">\r\n      [data-aos] {\r\n          opacity: 1 !important;\r\n          transform: none !important;\r\n      }\r\n\r\n      html{\r\n          overflow-x: hidden;\r\n      }\r\n     \r\n      :root {\r\n              --ttvv-primary-color: #6366F1;\r\n              --ttvv-secondary-color: #8c60ff;\r\n              --ttvv-dark-color: #0F172A;\r\n              --ttvv-light-color: #FFFFFF;\r\n              --ttvv-gray-color: #F1F5F9;\r\n              --ttvv-primary-hover: #4F46E5;\r\n              --ttvv-secondary-hover: #7c3aed;\r\n              --ttvv-muted: #64748B;\r\n              --ttvv-section-padding: 100px 0;\r\n          }\r\n          \r\n\/*           body {\r\n              font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n              scroll-behavior: smooth;\r\n              overflow-x: hidden;\r\n              background-color: var(--ttvv-light-color);\r\n              color: var(--ttvv-dark-color);\r\n          }\r\n  \r\n      h1, h2, h3, h4, h5, h6 {\r\n          font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\r\n          font-weight: bold; \r\n      } *\/\r\n    \r\n   \r\n       \/* TikTok-style Hero Section *\/\r\n       .ttvv-hero-section {\r\n              padding: var(--ttvv-section-padding);\r\n              text-align: center;\r\n              background-color: var(--ttvv-light-color);\r\n          }\r\n          \r\n          .ttvv-hero-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .ttvv-hero-section h1 {\r\n              font-size: 3.5rem;\r\n              font-weight: 700;\r\n              margin-bottom: 1.5rem;\r\n              color: var(--ttvv-dark-color);\r\n          }\r\n          \r\n          .ttvv-hero-section p {\r\n              font-size: 1.25rem;\r\n              max-width: 700px;\r\n              margin: 0 auto 2rem;\r\n              opacity: 0.9;\r\n              font-weight: 300;\r\n              color: var(--ttvv-muted);\r\n          }\r\n          \r\n          .ttvv-work-process-section {\r\n              padding: var(--ttvv-section-padding);\r\n              background: var(--ttvv-gray-color);\r\n              color: var(--ttvv-dark-color);\r\n              position: relative;\r\n              overflow: hidden;\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-work-process-content {\r\n              position: relative;\r\n              z-index: 1;\r\n          }\r\n          \r\n          .ttvv-process-step {\r\n              text-align: center;\r\n              padding: 30px 20px;\r\n              position: relative;\r\n              z-index: 1;\r\n              background: #FFFFFF;\r\n              border-radius: 16px;\r\n              margin: 15px;\r\n              border: 1px solid rgba(99, 102, 241, 0.15);\r\n              box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ttvv-process-step:hover {\r\n              transform: translateY(-10px);\r\n              box-shadow: 0 16px 40px rgba(99, 102, 241, 0.12);\r\n          }\r\n          \r\n          .ttvv-step-number {\r\n              width: 60px;\r\n              height: 60px;\r\n              background: white;\r\n              color: var(--ttvv-primary-color);\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          .ttvv-features-section {\r\n              padding: var(--ttvv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-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(--ttvv-primary-color);\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-feature-card:hover::before {\r\n              width: 100%;\r\n              opacity: 0.1;\r\n          }\r\n          \r\n          .ttvv-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(--ttvv-primary-color);\r\n              color: white;\r\n              font-size: 1.8rem;\r\n              transition: all 0.3s ease;\r\n          }\r\n          \r\n          .ttvv-feature-card:hover .ttvv-feature-icon {\r\n              transform: rotate(15deg) scale(1.1);\r\n              background: var(--ttvv-primary-hover);\r\n          }\r\n          \r\n          \/* Why Choose Section *\/\r\n          .ttvv-why-choose-section {\r\n              padding: var(--ttvv-section-padding);\r\n              background: #f9f9f9;\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-why-choose-image:hover {\r\n              transform: perspective(1000px) rotateY(0deg);\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-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          .ttvv-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(--ttvv-primary-color);\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          .ttvv-faq-section {\r\n              padding: var(--ttvv-section-padding);\r\n              background: white;\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-accordion-button {\r\n              font-weight: 600;\r\n              color: var(--ttvv-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          .ttvv-accordion-button:not(.collapsed) {\r\n              background: white;\r\n              color: var(--ttvv-primary-color);\r\n              box-shadow: none;\r\n          }\r\n          \r\n          .ttvv-accordion-button:focus {\r\n              box-shadow: none;\r\n              border-color: rgba(99, 102, 241, 0.35);\r\n          }\r\n          \r\n          .ttvv-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='%236366F1'%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          .ttvv-accordion-body {\r\n              padding: 25px;\r\n              color: #666;\r\n          }\r\n          \r\n          \/* Section Titles *\/\r\n          .ttvv-section-title {\r\n              font-weight: 700;\r\n              color: var(--ttvv-dark-color);\r\n              margin-bottom: 1.5rem;\r\n              position: relative;\r\n              display: inline-block;\r\n          }\r\n          \r\n          .ttvv-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(--ttvv-primary-color);\r\n              border-radius: 2px;\r\n          }\r\n          \r\n          .ttvv-light-title {\r\n              color: white;\r\n          }\r\n          \r\n          .ttvv-light-title::after {\r\n              background: white;\r\n          }\r\n          \r\n          .ttvv-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          .ttvv-light-subtitle {\r\n              color: rgba(255,255,255,0.8);\r\n          }\r\n\r\n          .ttvv-work-process-section .ttvv-light-title {\r\n              color: var(--ttvv-dark-color);\r\n          }\r\n          .ttvv-work-process-section .ttvv-light-title::after {\r\n              background: var(--ttvv-primary-color);\r\n          }\r\n          .ttvv-work-process-section .ttvv-light-subtitle,\r\n          .ttvv-work-process-section .ttvv-process-step .ttvv-light-subtitle {\r\n              color: var(--ttvv-muted);\r\n          }\r\n          .ttvv-step-heading {\r\n              color: var(--ttvv-dark-color);\r\n              font-weight: 700;\r\n          }\r\n          \r\n          \/* Responsive Design *\/\r\n          @media (max-width: 991px) {\r\n              :root {\r\n                  --ttvv-section-padding: 80px 0;\r\n              }\r\n              \r\n              .ttvv-hero-section h1 {\r\n                  font-size: 2.8rem;\r\n              }\r\n              \r\n              .ttvv-process-step::before {\r\n                  display: none;\r\n              }\r\n          }\r\n          \r\n          @media (max-width: 767px) {\r\n              :root {\r\n                  --ttvv-section-padding: 70px 0;\r\n              }\r\n              \r\n              .ttvv-hero-section {\r\n                  padding: 100px 0 60px;\r\n              }\r\n              \r\n              .ttvv-hero-section h1 {\r\n                  font-size: 2.2rem;\r\n              }\r\n              \r\n              .ttvv-hero-section p {\r\n                  font-size: 1rem;\r\n              }\r\n              \r\n              .ttvv-section-title {\r\n                  font-size: 1.8rem;\r\n              }\r\n          }\r\n          \r\n          \/* Animation *\/\r\n          @keyframes ttvv-float {\r\n              0% { transform: translateY(0px); }\r\n              50% { transform: translateY(-15px); }\r\n              100% { transform: translateY(0px); }\r\n          }\r\n          \r\n          .ttvv-floating-element {\r\n              animation: ttvv-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(--ttvv-primary-color);\r\n              border-radius: 10px;\r\n          }\r\n          \r\n          ::-webkit-scrollbar-thumb:hover {\r\n              background: var(--ttvv-primary-hover);\r\n          }\r\n      \r\n  <\/style>\r\n  <!-- tools -->\r\n  <style>\r\n      :root {\r\n          --va-primary: #6366F1;\r\n          --va-secondary: #8c60ff;\r\n          --va-text: #0F172A;\r\n          --va-muted: #64748B;\r\n          --primary: var(--va-primary);\r\n          --secondary: var(--va-secondary);\r\n          --accent: var(--va-secondary);\r\n          --purple: var(--va-primary);\r\n          --purple-light: #818CF8;\r\n          --purple-dark: #4F46E5;\r\n          --pink: var(--va-secondary);\r\n          --pink-light: #a78bfa;\r\n          --orange: #f59e0b;\r\n          --green: #10B981;\r\n          --blue: var(--va-primary);\r\n          --yellow: #fbbf24;\r\n          --tiktok-red: var(--va-primary);\r\n          --tiktok-blue: var(--va-secondary);\r\n          --tiktok-purple: var(--va-secondary);\r\n          --bg-primary: #F8FAFC;\r\n          --bg-secondary: #F1F5F9;\r\n          --bg-tertiary: #E2E8F0;\r\n          --card-dark: #FFFFFF;\r\n          --card-purple: #FFFFFF;\r\n          --card-blue: #F8FAFC;\r\n          --text-light: #FFFFFF;\r\n          --text-gray: var(--va-muted);\r\n          --text-purple: var(--va-primary);\r\n          --glass-dark: rgba(255, 255, 255, 0.95);\r\n          --glass-purple: rgba(248, 250, 252, 0.98);\r\n          --glass-blue: rgba(255, 255, 255, 0.95);\r\n          --glass-border: rgba(99, 102, 241, 0.18);\r\n          --shadow: 0 2px 8px rgba(15, 23, 42, 0.06);\r\n          --shadow-lg: 0 8px 30px rgba(15, 23, 42, 0.08);\r\n          --shadow-xl: 0 16px 48px rgba(99, 102, 241, 0.12);\r\n          --shadow-purple: 0 8px 28px rgba(99, 102, 241, 0.2);\r\n          --shadow-pink: 0 8px 28px rgba(140, 96, 255, 0.18);\r\n          --shadow-blue: 0 8px 28px rgba(99, 102, 241, 0.15);\r\n          --glow-purple: 0 0 28px rgba(99, 102, 241, 0.35);\r\n          --glow-pink: 0 0 28px rgba(140, 96, 255, 0.3);\r\n          --glow-blue: 0 0 24px rgba(129, 140, 248, 0.35);\r\n          --glow-tiktok: 0 0 36px rgba(99, 102, 241, 0.35);\r\n      }\r\n\r\n      .ttvv-hero-tools-section,\r\n      .ttvv-hero-tools-section *,\r\n      .ttvv-hero-tools-section *::before,\r\n      .ttvv-hero-tools-section *::after {\r\n          box-sizing: border-box;\r\n      }\r\n  \r\n      .ttvv-hero-tools-section {\r\n          background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 45%, #F1F5F9 100%);\r\n          color: var(--va-text);\r\n          overflow-x: hidden;\r\n          position: relative;\r\n          padding: 80px 0;\r\n      }\r\n  \r\n      .ttvv-hero-tools-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:\r\n              radial-gradient(circle at 18% 22%, rgba(99, 102, 241, 0.09) 0%, transparent 42%),\r\n              radial-gradient(circle at 82% 78%, rgba(140, 96, 255, 0.07) 0%, transparent 45%);\r\n          pointer-events: none;\r\n          z-index: 0;\r\n      }\r\n  \r\n      .ttvv-custom-container {\r\n          max-width: 1200px;\r\n          margin: 0 auto;\r\n          padding: 2rem;\r\n          position: relative;\r\n          z-index: 1;\r\n      }\r\n  \r\n      \/* Header *\/\r\n      .header {\r\n          text-align: center;\r\n          margin-bottom: 2.5rem;\r\n          animation: fadeInDown 1s ease-out;\r\n      }\r\n  \r\n      .logo {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 1.5rem;\r\n          margin-bottom: 1rem;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .logo-icon {\r\n          width: 70px;\r\n          height: 70px;\r\n          background: linear-gradient(135deg, var(--va-primary), var(--va-secondary));\r\n          border-radius: 20px;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          font-size: 28px;\r\n          color: white;\r\n          box-shadow: var(--shadow-xl), var(--glow-purple);\r\n          animation: logoFloat 4s ease-in-out infinite;\r\n          position: relative;\r\n          overflow: hidden;\r\n          border: 2px solid rgba(99, 102, 241, 0.25);\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .logo-icon::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: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n          animation: logoShine 3s ease-in-out infinite;\r\n      }\r\n  \r\n      .logo-text {\r\n          font-size: clamp(1.8rem, 5vw, 3.5rem);\r\n          font-weight: 900;\r\n          background: linear-gradient(135deg, var(--va-primary) 0%, var(--va-secondary) 100%);\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          background-clip: text;\r\n          letter-spacing: -2px;\r\n          text-align: center;\r\n      }\r\n  \r\n      .subtitle {\r\n          font-size: clamp(0.9rem, 2.5vw, 1.1rem);\r\n          color: var(--text-gray);\r\n          font-weight: 500;\r\n          margin-top: 0.5rem;\r\n          animation: subtitleGlow 3s ease-in-out infinite;\r\n          text-align: center;\r\n          padding: 0 1rem;\r\n      }\r\n  \r\n      \/* Search \u2014 white card, purple accents (ViewAnonymous-style) *\/\r\n      .search-section {\r\n          background: linear-gradient(135deg, var(--glass-dark) 0%, var(--glass-purple) 100%);\r\n          backdrop-filter: blur(25px);\r\n          border: 2px solid var(--glass-border);\r\n          border-radius: 24px;\r\n          padding: clamp(1.5rem, 4vw, 2.5rem);\r\n          margin-bottom: 2rem;\r\n          box-shadow: var(--shadow-xl), var(--shadow-purple);\r\n          animation: fadeInUp 1s ease-out 0.2s both;\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .search-section::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: linear-gradient(90deg,\r\n              transparent,\r\n              var(--purple),\r\n              var(--secondary),\r\n              var(--purple-light),\r\n              transparent);\r\n          animation: borderFlow 3s ease-in-out infinite;\r\n      }\r\n  \r\n      .search-section::after {\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: linear-gradient(135deg,\r\n              rgba(99, 102, 241, 0.04) 0%,\r\n              rgba(140, 96, 255, 0.05) 50%,\r\n              rgba(129, 140, 248, 0.04) 100%);\r\n          pointer-events: none;\r\n          border-radius: 24px;\r\n          animation: overlayPulse 6s ease-in-out infinite;\r\n      }\r\n  \r\n      .input-group {\r\n          position: relative;\r\n          margin-bottom: 1.5rem;\r\n          z-index: 2;\r\n      }\r\n  \r\n      .input-field {\r\n          width: 100% !important;\r\n          padding: clamp(1rem, 3vw, 1.5rem) clamp(1.2rem, 4vw, 2rem) !important;\r\n          background: #FFFFFF !important;\r\n          border: 2px solid rgba(99, 102, 241, 0.22) !important;\r\n          border-radius: 20px !important;\r\n          color: var(--va-text) !important;\r\n          -webkit-text-fill-color: var(--va-text) !important;\r\n          font-size: clamp(0.9rem, 2.5vw, 1.1rem) !important;\r\n          font-weight: 500 !important;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          outline: none !important;\r\n          box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05) !important;\r\n          position: relative;\r\n      }\r\n  \r\n      .input-field::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          background: linear-gradient(135deg,\r\n              rgba(99, 102, 241, 0.06) 0%,\r\n              rgba(140, 96, 255, 0.06) 100%);\r\n          border-radius: 20px;\r\n          opacity: 0;\r\n          transition: opacity 0.4s ease;\r\n          pointer-events: none;\r\n      }\r\n  \r\n      .input-field:focus {\r\n          border-color: var(--va-primary) !important;\r\n          box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.18), var(--shadow-lg) !important;\r\n          background: #FFFFFF !important;\r\n          color: var(--va-text) !important;\r\n          -webkit-text-fill-color: var(--va-text) !important;\r\n          transform: translateY(-2px) scale(1.005);\r\n          animation: inputFocusGlow 2s ease-in-out infinite;\r\n      }\r\n  \r\n      .input-field:focus::before {\r\n          opacity: 1;\r\n      }\r\n  \r\n      .input-field::placeholder,\r\n      .input-field::-webkit-input-placeholder,\r\n      .input-field::-moz-placeholder,\r\n      .input-field:-ms-input-placeholder {\r\n          color: var(--va-muted) !important;\r\n          opacity: 1 !important;\r\n          -webkit-text-fill-color: var(--va-muted) !important;\r\n      }\r\n  \r\n      .input-field:focus::placeholder,\r\n      .input-field:focus::-webkit-input-placeholder,\r\n      .input-field:focus::-moz-placeholder,\r\n      .input-field:focus:-ms-input-placeholder {\r\n          color: var(--va-muted) !important;\r\n          opacity: 1 !important;\r\n          -webkit-text-fill-color: var(--va-muted) !important;\r\n      }\r\n  \r\n      .input-actions {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          margin-top: 1rem;\r\n          font-size: clamp(0.8rem, 2vw, 0.9rem);\r\n          color: var(--text-gray);\r\n          z-index: 2;\r\n          position: relative;\r\n          flex-wrap: wrap;\r\n          gap: 0.5rem;\r\n      }\r\n  \r\n      .paste-btn {\r\n          background: linear-gradient(135deg, var(--tiktok-blue), var(--secondary));\r\n          border: none;\r\n          color: white;\r\n          cursor: pointer;\r\n          padding: clamp(0.5rem, 2vw, 0.7rem) clamp(0.8rem, 3vw, 1.4rem);\r\n          border-radius: 14px;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n          font-weight: 600;\r\n          box-shadow: var(--shadow), var(--shadow-blue);\r\n          font-size: clamp(0.8rem, 2vw, 0.9rem);\r\n          position: relative;\r\n          overflow: hidden;\r\n          border: 1px solid rgba(140, 96, 255, 0.3);\r\n          min-height: 44px; \/* Touch-friendly *\/\r\n      }\r\n  \r\n      .paste-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 0.5s;\r\n      }\r\n  \r\n      .paste-btn:hover::before,\r\n      .paste-btn:active::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .paste-btn:hover,\r\n      .paste-btn:active {\r\n          transform: translateY(-3px) scale(1.05);\r\n          box-shadow: var(--shadow-lg), var(--glow-blue);\r\n          background: linear-gradient(135deg, var(--tiktok-blue), var(--blue));\r\n      }\r\n  \r\n      .action-buttons {\r\n          display: grid;\r\n          grid-template-columns: 1fr;\r\n          gap: 1rem;\r\n          align-items: center;\r\n          z-index: 2;\r\n          position: relative;\r\n      }\r\n  \r\n    .search-btn {\r\n      background: linear-gradient(135deg, var(--va-primary) 0%, var(--va-secondary) 50%, var(--purple-dark) 100%);\r\n      background-size: 200% 200%;\r\n      color: white;\r\n      border: none;\r\n      padding: clamp(1rem, 3vw, 1.4rem) clamp(1.5rem, 4vw, 2.8rem);\r\n      border-radius: 20px;\r\n      font-size: clamp(0.9rem, 2.5vw, 1.1rem);\r\n      font-weight: 700;\r\n      cursor: pointer;\r\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n      position: relative;\r\n      overflow: hidden;\r\n      box-shadow: var(--shadow-lg), var(--shadow-purple);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 0.75rem;\r\n      min-height: 56px;\r\n      animation: buttonPulse 4s ease-in-out infinite;\r\n      border: 2px solid rgba(99, 102, 241, 0.3);\r\n      width: 100%;\r\n  }\r\n  \r\n      .search-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 0.6s;\r\n      }\r\n  \r\n      .search-btn:hover:not(:disabled)::before,\r\n      .search-btn:active:not(:disabled)::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .search-btn:hover:not(:disabled),\r\n      .search-btn:active:not(:disabled) {\r\n          transform: translateY(-4px) scale(1.02);\r\n          box-shadow: var(--shadow-xl), var(--glow-purple);\r\n          background-position: 100% 100%;\r\n          animation: buttonHoverGlow 1s ease-in-out infinite;\r\n      }\r\n  \r\n      .search-btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n          animation: none;\r\n      }\r\n  \r\n      .search-another-btn {\r\n          background: linear-gradient(135deg, var(--purple), var(--purple-dark));\r\n          color: white;\r\n          border: none;\r\n          padding: clamp(0.8rem, 2.5vw, 1.1rem) clamp(1rem, 3vw, 1.6rem);\r\n          border-radius: 18px;\r\n          cursor: pointer;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 0.5rem;\r\n          min-height: 48px;\r\n          width: 100%;\r\n          font-weight: 600;\r\n          box-shadow: var(--shadow), var(--shadow-purple);\r\n          font-size: clamp(0.8rem, 2vw, 0.95rem);\r\n          position: relative;\r\n          overflow: hidden;\r\n          border: 2px solid rgba(139, 92, 246, 0.3);\r\n      }\r\n  \r\n      .search-another-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.2), transparent);\r\n          transition: left 0.5s;\r\n      }\r\n  \r\n      .search-another-btn:hover::before,\r\n      .search-another-btn:active::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .search-another-btn:hover,\r\n      .search-another-btn:active {\r\n          transform: translateY(-3px) scale(1.05);\r\n          box-shadow: var(--shadow-lg), var(--glow-purple);\r\n      }\r\n  \r\n      \/* Loading Animation - NO FLOATING *\/\r\n      .loading {\r\n          display: none;\r\n          text-align: center;\r\n          padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\r\n          background: linear-gradient(135deg, \r\n              var(--glass-dark) 0%, \r\n              var(--glass-purple) 50%, \r\n              var(--glass-blue) 100%);\r\n          backdrop-filter: blur(25px);\r\n          border: 2px solid var(--glass-border);\r\n          border-radius: 24px;\r\n          margin: 2rem 0;\r\n          box-shadow: var(--shadow-xl), var(--shadow-purple);\r\n      }\r\n  \r\n      .loading::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: linear-gradient(90deg, \r\n              transparent, \r\n              var(--purple), \r\n              var(--pink), \r\n              transparent);\r\n          border-radius: 24px 24px 0 0;\r\n      }\r\n  \r\n      .loading-spinner {\r\n          width: clamp(60px, 15vw, 100px);\r\n          height: clamp(60px, 15vw, 100px);\r\n          margin: 0 auto 2rem;\r\n          position: relative;\r\n      }\r\n  \r\n      .spinner-ring {\r\n          position: absolute;\r\n          border: 4px solid transparent;\r\n          border-radius: 50%;\r\n          animation: spin 2s linear infinite;\r\n      }\r\n  \r\n      .spinner-ring:nth-child(1) {\r\n          width: 100%;\r\n          height: 100%;\r\n          border-top-color: var(--tiktok-red);\r\n          border-right-color: var(--tiktok-red);\r\n          animation-duration: 2s;\r\n          box-shadow: 0 0 20px rgba(99, 102, 241, 0.4);\r\n      }\r\n  \r\n      .spinner-ring:nth-child(2) {\r\n          width: 75%;\r\n          height: 75%;\r\n          top: 12.5%;\r\n          left: 12.5%;\r\n          border-bottom-color: var(--tiktok-blue);\r\n          border-left-color: var(--tiktok-blue);\r\n          animation-duration: 1.5s;\r\n          animation-direction: reverse;\r\n          box-shadow: 0 0 15px rgba(140, 96, 255, 0.4);\r\n      }\r\n  \r\n      .spinner-ring:nth-child(3) {\r\n          width: 50%;\r\n          height: 50%;\r\n          top: 25%;\r\n          left: 25%;\r\n          border-top-color: var(--purple);\r\n          animation-duration: 1s;\r\n          box-shadow: 0 0 10px rgba(139, 92, 246, 0.4);\r\n      }\r\n  \r\n      .loading-text {\r\n          font-size: clamp(1rem, 3vw, 1.4rem);\r\n          font-weight: 700;\r\n          margin-bottom: 0.5rem;\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--tiktok-blue), var(--purple));\r\n          background-size: 200% 200%;\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          animation: textGradient 3s ease infinite;\r\n      }\r\n  \r\n      .loading-subtext {\r\n          color: var(--text-gray);\r\n          font-size: clamp(0.8rem, 2vw, 1rem);\r\n          animation: textFade 2s ease-in-out infinite;\r\n      }\r\n  \r\n      \/* Main Video Section - NO FLOATING *\/\r\n      .video-section {\r\n          display: none;\r\n          animation: fadeInUp 0.8s ease-out;\r\n          background: linear-gradient(135deg, \r\n              var(--glass-dark) 0%, \r\n              var(--glass-purple) 30%, \r\n              var(--glass-blue) 70%, \r\n              var(--glass-dark) 100%);\r\n          backdrop-filter: blur(25px);\r\n          border: 2px solid var(--glass-border);\r\n          border-radius: 24px;\r\n          padding: clamp(1.5rem, 4vw, 2.5rem);\r\n          box-shadow: var(--shadow-xl), var(--shadow-purple);\r\n          position: relative;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .video-section::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: linear-gradient(90deg, \r\n              transparent, \r\n              var(--tiktok-red), \r\n              var(--tiktok-blue), \r\n              var(--purple), \r\n              var(--pink), \r\n              transparent);\r\n          animation: borderFlow 4s ease-in-out infinite;\r\n      }\r\n  \r\n      \/* Author Info - NO FLOATING *\/\r\n      .author-section {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(0.8rem, 3vw, 1.2rem);\r\n          margin-bottom: 1.5rem;\r\n          padding: clamp(1rem, 3vw, 1.5rem);\r\n          background: linear-gradient(135deg,\r\n              rgba(99, 102, 241, 0.08) 0%,\r\n              rgba(140, 96, 255, 0.1) 50%,\r\n              rgba(129, 140, 248, 0.08) 100%);\r\n          border-radius: 20px;\r\n          border: 1px solid rgba(99, 102, 241, 0.22);\r\n          width: 100%;\r\n          box-shadow: var(--shadow), var(--shadow-purple);\r\n          transition: all 0.4s ease;\r\n          flex-wrap: wrap;\r\n          justify-content: center;\r\n          text-align: center;\r\n      }\r\n  \r\n      .author-section:hover,\r\n      .author-section:active {\r\n          transform: translateY(-3px);\r\n          box-shadow: var(--shadow-lg), var(--glow-purple);\r\n      }\r\n  \r\n      .author-avatar {\r\n          width: clamp(50px, 12vw, 60px);\r\n          height: clamp(50px, 12vw, 60px);\r\n          border-radius: 50%;\r\n          object-fit: cover;\r\n          border: 3px solid transparent;\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--tiktok-blue));\r\n          padding: 2px;\r\n          box-shadow: var(--shadow), var(--shadow-pink);\r\n          animation: avatarPulse 4s ease-in-out infinite;\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .author-details {\r\n          flex: 1;\r\n          min-width: 0;\r\n      }\r\n  \r\n      .author-details h3 {\r\n          font-size: clamp(1rem, 3vw, 1.2rem);\r\n          font-weight: 700;\r\n          margin-bottom: 0.25rem;\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--tiktok-blue));\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          word-break: break-word;\r\n      }\r\n  \r\n      .author-username {\r\n          color: var(--text-gray);\r\n          font-size: clamp(0.8rem, 2.5vw, 0.95rem);\r\n          font-weight: 500;\r\n          word-break: break-word;\r\n      }\r\n  \r\n      \/* Title - NO FLOATING *\/\r\n      .video-title {\r\n          font-size: clamp(1.2rem, 4vw, 1.6rem);\r\n          font-weight: 800;\r\n          margin-bottom: 1.5rem;\r\n          line-height: 1.4;\r\n          color: var(--va-text);\r\n          width: 100%;\r\n          text-align: center;\r\n          word-break: break-word;\r\n          padding: 0 1rem;\r\n      }\r\n  \r\n      \/* Stats Grid - NO FLOATING - REMOVED SIZE *\/\r\n      .video-stats {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n          gap: clamp(0.5rem, 2vw, 1rem);\r\n          margin-bottom: 2rem;\r\n      }\r\n  \r\n      .stat-item {\r\n          background: linear-gradient(135deg, \r\n              var(--glass-dark) 0%, \r\n              var(--glass-purple) 100%);\r\n          padding: clamp(0.8rem, 3vw, 1.2rem);\r\n          border-radius: 18px;\r\n          text-align: center;\r\n          border: 1px solid var(--glass-border);\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          position: relative;\r\n          overflow: hidden;\r\n          box-shadow: var(--shadow);\r\n          backdrop-filter: blur(15px);\r\n          min-height: 80px;\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n      }\r\n  \r\n      .stat-item::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(139, 92, 246, 0.3), transparent);\r\n          transition: left 0.6s;\r\n      }\r\n  \r\n      .stat-item:hover::before,\r\n      .stat-item:active::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .stat-item:hover,\r\n      .stat-item:active {\r\n          transform: translateY(-5px) scale(1.02);\r\n          box-shadow: var(--shadow-lg), var(--glow-purple);\r\n      }\r\n  \r\n      .stat-item.views {\r\n          border-color: rgba(99, 102, 241, 0.4);\r\n          background: linear-gradient(135deg, \r\n              rgba(99, 102, 241, 0.1) 0%, \r\n              var(--glass-dark) 100%);\r\n      }\r\n  \r\n      .stat-item.likes {\r\n          border-color: rgba(140, 96, 255, 0.4);\r\n          background: linear-gradient(135deg, \r\n              rgba(140, 96, 255, 0.1) 0%, \r\n              var(--glass-dark) 100%);\r\n      }\r\n  \r\n      .stat-item.comments {\r\n          border-color: rgba(168, 85, 247, 0.4);\r\n          background: linear-gradient(135deg, \r\n              rgba(168, 85, 247, 0.1) 0%, \r\n              var(--glass-dark) 100%);\r\n      }\r\n  \r\n      .stat-item.shares {\r\n          border-color: rgba(255, 136, 0, 0.4);\r\n          background: linear-gradient(135deg, \r\n              rgba(255, 136, 0, 0.1) 0%, \r\n              var(--glass-dark) 100%);\r\n      }\r\n  \r\n      .stat-item.duration {\r\n          border-color: rgba(59, 130, 246, 0.4);\r\n          background: linear-gradient(135deg, \r\n              rgba(59, 130, 246, 0.1) 0%, \r\n              var(--glass-dark) 100%);\r\n      }\r\n  \r\n      .stat-value {\r\n          font-size: clamp(1.2rem, 4vw, 1.6rem);\r\n          font-weight: 900;\r\n          display: block;\r\n          margin-bottom: 0.25rem;\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--tiktok-blue));\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          animation: valueGlow 4s ease-in-out infinite;\r\n      }\r\n  \r\n      .stat-label {\r\n          font-size: clamp(0.7rem, 2vw, 0.8rem);\r\n          color: var(--text-gray);\r\n          font-weight: 600;\r\n          text-transform: uppercase;\r\n          letter-spacing: 0.5px;\r\n      }\r\n  \r\n      \/* Video Streaming Area - NO FLOATING *\/\r\n      .video-streaming-area {\r\n          background: linear-gradient(135deg, \r\n              rgba(99, 102, 241, 0.08) 0%, \r\n              rgba(140, 96, 255, 0.08) 50%, \r\n              rgba(168, 85, 247, 0.08) 100%);\r\n          border: 2px solid rgba(99, 102, 241, 0.3);\r\n          border-radius: 24px;\r\n          padding: clamp(1.5rem, 4vw, 2.5rem);\r\n          margin-bottom: 1.5rem;\r\n          position: relative;\r\n          overflow: hidden;\r\n          box-shadow: var(--shadow-lg), var(--shadow-pink);\r\n          backdrop-filter: blur(15px);\r\n      }\r\n  \r\n      .video-streaming-area::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          background-image: \r\n              linear-gradient(rgba(99, 102, 241, 0.05) 1px, transparent 1px),\r\n              linear-gradient(90deg, rgba(140, 96, 255, 0.05) 1px, transparent 1px);\r\n          background-size: 30px 30px;\r\n          opacity: 0.6;\r\n          pointer-events: none;\r\n          z-index: 1;\r\n          animation: gridMove 12s linear infinite;\r\n      }\r\n  \r\n      .video-streaming-area::after {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: linear-gradient(90deg, \r\n              transparent, \r\n              var(--tiktok-red), \r\n              var(--tiktok-blue), \r\n              var(--purple), \r\n              transparent);\r\n          z-index: 2;\r\n          animation: borderFlow 3s ease-in-out infinite;\r\n      }\r\n  \r\n      .streaming-header {\r\n          text-align: center;\r\n          margin-bottom: 2rem;\r\n          position: relative;\r\n          z-index: 3;\r\n      }\r\n  \r\n      .streaming-title {\r\n          font-size: clamp(1rem, 3vw, 1.3rem);\r\n          font-weight: 700;\r\n          margin-bottom: 0.5rem;\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--tiktok-blue));\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          animation: titlePulse 4s ease-in-out infinite;\r\n      }\r\n  \r\n      .streaming-subtitle {\r\n          color: var(--text-gray);\r\n          font-size: clamp(0.8rem, 2vw, 0.95rem);\r\n          font-weight: 500;\r\n      }\r\n  \r\n      \/* Video Player - NO FLOATING *\/\r\n      .video-player-wrapper {\r\n          position: relative;\r\n          width: 100%;\r\n          max-width: min(380px, 90vw);\r\n          margin: 0 auto;\r\n          aspect-ratio: 9\/16;\r\n          border-radius: 24px;\r\n          overflow: hidden;\r\n          box-shadow: var(--shadow-xl), var(--shadow-pink);\r\n          background: #000;\r\n          z-index: 3;\r\n          border: 2px solid rgba(99, 102, 241, 0.3);\r\n      }\r\n  \r\n      .video-thumbnail {\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          object-fit: cover;\r\n          z-index: 4;\r\n          cursor: pointer;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n      }\r\n  \r\n      .video-thumbnail:hover,\r\n      .video-thumbnail:active {\r\n          transform: scale(1.02);\r\n      }\r\n  \r\n      .thumbnail-overlay {\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.4);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          z-index: 5;\r\n          cursor: pointer;\r\n          transition: all 0.4s ease;\r\n          backdrop-filter: blur(2px);\r\n      }\r\n  \r\n      .thumbnail-overlay:hover,\r\n      .thumbnail-overlay:active {\r\n          background: rgba(0, 0, 0, 0.6);\r\n          backdrop-filter: blur(4px);\r\n      }\r\n  \r\n      .thumbnail-play-btn {\r\n          width: clamp(60px, 15vw, 80px);\r\n          height: clamp(60px, 15vw, 80px);\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--pink));\r\n          border: none;\r\n          border-radius: 50%;\r\n          color: white;\r\n          font-size: clamp(1.5rem, 4vw, 2rem);\r\n          cursor: pointer;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          box-shadow: var(--shadow-xl), var(--glow-tiktok);\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          position: relative;\r\n          overflow: hidden;\r\n          animation: playButtonPulse 3s ease-in-out infinite;\r\n          border: 2px solid rgba(255, 255, 255, 0.2);\r\n          min-height: 44px; \/* Touch-friendly *\/\r\n      }\r\n  \r\n      .thumbnail-play-btn::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n          transform: translateX(-100%);\r\n          transition: transform 0.6s;\r\n      }\r\n  \r\n      .thumbnail-play-btn::hover,\r\n      .thumbnail-play-btn::active {\r\n          transform: translateX(100%);\r\n      }\r\n  \r\n      .thumbnail-play-btn:hover,\r\n      .thumbnail-play-btn:active {\r\n          transform: scale(1.15);\r\n          box-shadow: var(--shadow-xl), var(--glow-tiktok);\r\n      }\r\n  \r\n      .video-player {\r\n          width: 100%;\r\n          height: 100%;\r\n          object-fit: contain;\r\n          background: #000;\r\n          position: relative;\r\n          z-index: 2;\r\n          display: none;\r\n      }\r\n  \r\n      .video-player.playing {\r\n          display: block;\r\n      }\r\n  \r\n      .video-controls {\r\n          position: absolute;\r\n          bottom: 0;\r\n          left: 0;\r\n          right: 0;\r\n          background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));\r\n          padding: clamp(1rem, 3vw, 1.5rem);\r\n          transform: translateY(100%);\r\n          transition: transform 0.4s ease;\r\n          z-index: 10;\r\n          backdrop-filter: blur(10px);\r\n      }\r\n  \r\n      .video-player-wrapper:hover .video-controls,\r\n      .video-controls.show {\r\n          transform: translateY(0);\r\n      }\r\n  \r\n      .progress-bar {\r\n          width: 100%;\r\n          height: clamp(4px, 1.5vw, 6px);\r\n          background: rgba(255, 255, 255, 0.2);\r\n          border-radius: 3px;\r\n          margin-bottom: 0.5rem;\r\n          cursor: pointer;\r\n          position: relative;\r\n          overflow: hidden;\r\n          min-height: 20px; \/* Touch-friendly *\/\r\n          display: flex;\r\n          align-items: center;\r\n      }\r\n  \r\n      .progress-fill {\r\n          height: 100%;\r\n          background: linear-gradient(90deg, var(--tiktok-red), var(--pink));\r\n          border-radius: 3px;\r\n          width: 0%;\r\n          transition: width 0.1s linear;\r\n          box-shadow: 0 0 10px rgba(99, 102, 241, 0.5);\r\n      }\r\n  \r\n      \/* Video Time Display *\/\r\n      .video-time {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          font-size: clamp(0.7rem, 2vw, 0.8rem);\r\n          color: var(--text-gray);\r\n          margin-bottom: 1rem;\r\n      }\r\n  \r\n      .control-buttons {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          flex-wrap: wrap;\r\n          gap: 1rem;\r\n      }\r\n  \r\n      .control-group {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(0.5rem, 2vw, 0.75rem);\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .control-btn {\r\n          background: rgba(255, 255, 255, 0.15);\r\n          border: none;\r\n          color: white;\r\n          width: clamp(40px, 10vw, 44px);\r\n          height: clamp(40px, 10vw, 44px);\r\n          border-radius: 50%;\r\n          cursor: pointer;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          transition: all 0.3s ease;\r\n          backdrop-filter: blur(10px);\r\n          border: 1px solid rgba(255, 255, 255, 0.2);\r\n          font-size: clamp(0.8rem, 2vw, 1rem);\r\n          min-height: 44px; \/* Touch-friendly *\/\r\n          min-width: 44px;\r\n      }\r\n  \r\n      .control-btn:hover,\r\n      .control-btn:active {\r\n          background: rgba(255, 255, 255, 0.25);\r\n          transform: scale(1.1);\r\n          box-shadow: var(--shadow);\r\n      }\r\n  \r\n      .play-btn {\r\n          width: clamp(50px, 12vw, 60px);\r\n          height: clamp(50px, 12vw, 60px);\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--pink));\r\n          font-size: clamp(1rem, 3vw, 1.4rem);\r\n          border: none;\r\n          box-shadow: var(--shadow-lg), var(--glow-tiktok);\r\n      }\r\n  \r\n      .volume-control {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(0.3rem, 1.5vw, 0.5rem);\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .volume-slider {\r\n          width: clamp(60px, 15vw, 80px);\r\n          height: clamp(4px, 1.5vw, 6px);\r\n          background: rgba(255, 255, 255, 0.2);\r\n          border-radius: 3px;\r\n          cursor: pointer;\r\n          position: relative;\r\n          overflow: hidden;\r\n          min-height: 20px; \/* Touch-friendly *\/\r\n          display: flex;\r\n          align-items: center;\r\n      }\r\n  \r\n      .volume-fill {\r\n          height: 100%;\r\n          background: linear-gradient(90deg, var(--tiktok-blue), var(--green));\r\n          border-radius: 3px;\r\n          width: 100%;\r\n          transition: width 0.1s ease;\r\n          box-shadow: 0 0 8px rgba(140, 96, 255, 0.4);\r\n      }\r\n  \r\n      \/* Download Section - NO FLOATING *\/\r\n      .download-section {\r\n          background: linear-gradient(135deg, \r\n              rgba(140, 96, 255, 0.1) 0%, \r\n              rgba(0, 255, 136, 0.1) 50%, \r\n              var(--glass-dark) 100%);\r\n          border: 2px solid rgba(140, 96, 255, 0.3);\r\n          border-radius: 20px;\r\n          padding: clamp(1rem, 3vw, 1.5rem);\r\n          margin-bottom: 1.5rem;\r\n          box-shadow: var(--shadow), var(--shadow-blue);\r\n          position: relative;\r\n          overflow: hidden;\r\n          backdrop-filter: blur(15px);\r\n      }\r\n  \r\n      .download-section::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: linear-gradient(90deg, \r\n              transparent, \r\n              var(--tiktok-blue), \r\n              var(--green), \r\n              transparent);\r\n          animation: borderFlow 3s ease-in-out infinite;\r\n      }\r\n  \r\n      .download-header {\r\n          text-align: center;\r\n          margin-bottom: clamp(0.8rem, 2.5vw, 1.2rem);\r\n      }\r\n  \r\n      .download-title {\r\n          font-size: clamp(1rem, 3vw, 1.2rem);\r\n          font-weight: 700;\r\n          margin-bottom: 0.25rem;\r\n          background: linear-gradient(135deg, var(--tiktok-blue), var(--green));\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 0.5rem;\r\n          animation: titlePulse 4s ease-in-out infinite;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .download-subtitle {\r\n          color: var(--text-gray);\r\n          font-size: clamp(0.8rem, 2vw, 0.9rem);\r\n      }\r\n  \r\n      .download-grid {\r\n          display: grid;\r\n          grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n          gap: clamp(0.8rem, 2vw, 1rem);\r\n      }\r\n  \r\n      .download-btn {\r\n          background: linear-gradient(135deg, var(--tiktok-blue), #00d4cc);\r\n          color: white;\r\n          border: none;\r\n          padding: clamp(0.8rem, 3vw, 1rem) clamp(1rem, 3vw, 1.5rem);\r\n          border-radius: 16px;\r\n          font-weight: 700;\r\n          cursor: pointer;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 0.5rem;\r\n          box-shadow: var(--shadow), var(--shadow-blue);\r\n          position: relative;\r\n          overflow: hidden;\r\n          font-size: clamp(0.8rem, 2vw, 0.95rem);\r\n          animation: buttonGlow 5s ease-in-out infinite;\r\n          border: 1px solid rgba(140, 96, 255, 0.3);\r\n          min-height: 48px;\r\n          text-align: center;\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 0.5s;\r\n      }\r\n  \r\n      .download-btn:hover:not(:disabled)::before,\r\n      .download-btn:active:not(:disabled)::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .download-btn:hover:not(:disabled),\r\n      .download-btn:active:not(:disabled) {\r\n          transform: translateY(-3px) scale(1.02);\r\n          box-shadow: var(--shadow-lg), var(--glow-blue);\r\n      }\r\n  \r\n      .download-btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n          animation: none;\r\n      }\r\n  \r\n      .download-btn.hd {\r\n          background: linear-gradient(135deg, var(--orange), #ff6600);\r\n          border-color: rgba(255, 136, 0, 0.3);\r\n      }\r\n  \r\n      .download-btn.hd:hover:not(:disabled),\r\n      .download-btn.hd:active:not(:disabled) {\r\n          box-shadow: var(--shadow-lg), 0 0 30px rgba(255, 136, 0, 0.5);\r\n      }\r\n  \r\n      \/* Audio Streaming Section - NO FLOATING *\/\r\n      .audio-streaming {\r\n          background: linear-gradient(135deg,\r\n              rgba(99, 102, 241, 0.1) 0%,\r\n              rgba(140, 96, 255, 0.12) 50%,\r\n              var(--glass-dark) 100%);\r\n          border: 2px solid rgba(168, 85, 247, 0.3);\r\n          border-radius: 20px;\r\n          padding: clamp(1rem, 3vw, 1.5rem);\r\n          position: relative;\r\n          overflow: hidden;\r\n          box-shadow: var(--shadow), var(--shadow-purple);\r\n          backdrop-filter: blur(15px);\r\n      }\r\n  \r\n      .audio-streaming::before {\r\n          content: '';\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          right: 0;\r\n          height: 2px;\r\n          background: linear-gradient(90deg, \r\n              transparent, \r\n              var(--purple), \r\n              var(--pink), \r\n              transparent);\r\n          animation: borderFlow 3s ease-in-out infinite;\r\n      }\r\n  \r\n      .audio-header {\r\n          text-align: center;\r\n          margin-bottom: clamp(0.8rem, 2.5vw, 1.2rem);\r\n      }\r\n  \r\n      .audio-main-title {\r\n          font-size: clamp(1rem, 3vw, 1.2rem);\r\n          font-weight: 700;\r\n          margin-bottom: 0.25rem;\r\n          background: linear-gradient(135deg, var(--purple), var(--pink));\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          width: 100%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 0.5rem;\r\n          animation: titlePulse 4s ease-in-out infinite;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .audio-subtitle {\r\n          color: var(--text-gray);\r\n          font-size: clamp(0.8rem, 2vw, 0.9rem);\r\n          margin-bottom: clamp(0.8rem, 2.5vw, 1.2rem);\r\n      }\r\n  \r\n      .audio-player-section {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(0.8rem, 3vw, 1.2rem);\r\n          margin-bottom: 1.5rem;\r\n          flex-wrap: wrap;\r\n          justify-content: center;\r\n      }\r\n  \r\n      \/* Audio Icon - Left Side, Smaller *\/\r\n      .audio-icon-wrapper {\r\n          position: relative;\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .audio-icon {\r\n          width: clamp(40px, 10vw, 50px);\r\n          height: clamp(40px, 10vw, 50px);\r\n          background: linear-gradient(135deg, var(--purple), var(--pink));\r\n          border-radius: 50%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          font-size: clamp(1rem, 2.5vw, 1.2rem);\r\n          color: white;\r\n          box-shadow: var(--shadow), var(--shadow-purple);\r\n          animation: audioIconPulse 4s ease-in-out infinite;\r\n          position: relative;\r\n          z-index: 2;\r\n          border: 2px solid rgba(168, 85, 247, 0.3);\r\n      }\r\n  \r\n      .audio-wave {\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%);\r\n          border: 1px solid rgba(168, 85, 247, 0.2);\r\n          border-radius: 50%;\r\n          animation: audioWaveRipple 2s ease-out infinite;\r\n      }\r\n  \r\n      .audio-wave:nth-child(1) {\r\n          width: clamp(50px, 12vw, 60px);\r\n          height: clamp(50px, 12vw, 60px);\r\n          animation-delay: 0s;\r\n      }\r\n  \r\n      .audio-wave:nth-child(2) {\r\n          width: clamp(60px, 15vw, 75px);\r\n          height: clamp(60px, 15vw, 75px);\r\n          animation-delay: 0.5s;\r\n      }\r\n  \r\n      .audio-wave:nth-child(3) {\r\n          width: clamp(70px, 18vw, 90px);\r\n          height: clamp(70px, 18vw, 90px);\r\n          animation-delay: 1s;\r\n      }\r\n  \r\n      .audio-info {\r\n          flex: 1;\r\n          min-width: 0;\r\n          text-align: center;\r\n      }\r\n  \r\n      .audio-title {\r\n          font-size: clamp(0.9rem, 2.5vw, 1rem);\r\n          font-weight: 700;\r\n          color: var(--va-text);\r\n          margin-bottom: 0.25rem;\r\n          word-break: break-word;\r\n      }\r\n  \r\n      .audio-artist {\r\n          font-size: clamp(0.75rem, 2vw, 0.85rem);\r\n          color: var(--text-gray);\r\n          margin-bottom: 1rem;\r\n          word-break: break-word;\r\n      }\r\n  \r\n      \/* Audio Progress Bar *\/\r\n      .audio-progress-container {\r\n          width: 100%;\r\n          margin-bottom: 1rem;\r\n      }\r\n  \r\n      .audio-progress {\r\n          height: clamp(6px, 2vw, 8px);\r\n          background: rgba(168, 85, 247, 0.2);\r\n          border-radius: 4px;\r\n          position: relative;\r\n          cursor: pointer;\r\n          overflow: hidden;\r\n          margin-bottom: 0.5rem;\r\n          min-height: 20px; \/* Touch-friendly *\/\r\n          display: flex;\r\n          align-items: center;\r\n      }\r\n  \r\n      .audio-progress-fill {\r\n          height: 100%;\r\n          background: linear-gradient(90deg, var(--purple), var(--pink));\r\n          border-radius: 4px;\r\n          width: 0%;\r\n          transition: width 0.1s ease;\r\n          box-shadow: 0 0 10px rgba(168, 85, 247, 0.4);\r\n      }\r\n  \r\n      .audio-time {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          font-size: clamp(0.7rem, 2vw, 0.8rem);\r\n          color: var(--text-gray);\r\n          margin-bottom: 1rem;\r\n      }\r\n  \r\n      \/* Audio Controls *\/\r\n      .audio-controls {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: clamp(0.8rem, 3vw, 1rem);\r\n          margin-bottom: 1rem;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .audio-play-btn {\r\n          width: clamp(44px, 10vw, 50px);\r\n          height: clamp(44px, 10vw, 50px);\r\n          background: linear-gradient(135deg, var(--purple), var(--pink));\r\n          border: none;\r\n          border-radius: 50%;\r\n          color: white;\r\n          cursor: pointer;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          box-shadow: var(--shadow), var(--shadow-purple);\r\n          font-size: clamp(1rem, 2.5vw, 1.2rem);\r\n          flex-shrink: 0;\r\n          animation: audioPlayPulse 4s ease-in-out infinite;\r\n          border: 2px solid rgba(168, 85, 247, 0.3);\r\n          min-height: 44px; \/* Touch-friendly *\/\r\n          min-width: 44px;\r\n      }\r\n  \r\n      .audio-play-btn:hover,\r\n      .audio-play-btn:active {\r\n          transform: scale(1.1);\r\n          box-shadow: var(--shadow-lg), var(--glow-purple);\r\n      }\r\n  \r\n      \/* Audio Volume Control *\/\r\n      .audio-volume-control {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: clamp(0.5rem, 2vw, 0.75rem);\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .audio-volume-btn {\r\n          background: rgba(168, 85, 247, 0.15);\r\n          border: none;\r\n          color: var(--purple-light);\r\n          width: clamp(36px, 8vw, 40px);\r\n          height: clamp(36px, 8vw, 40px);\r\n          border-radius: 50%;\r\n          cursor: pointer;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          transition: all 0.3s ease;\r\n          backdrop-filter: blur(10px);\r\n          border: 1px solid rgba(168, 85, 247, 0.2);\r\n          font-size: clamp(0.8rem, 2vw, 1rem);\r\n          min-height: 44px; \/* Touch-friendly *\/\r\n          min-width: 44px;\r\n      }\r\n  \r\n      .audio-volume-btn:hover,\r\n      .audio-volume-btn:active {\r\n          background: rgba(168, 85, 247, 0.25);\r\n          transform: scale(1.1);\r\n          box-shadow: var(--shadow);\r\n      }\r\n  \r\n      .audio-volume-slider {\r\n          width: clamp(60px, 15vw, 80px);\r\n          height: clamp(4px, 1.5vw, 6px);\r\n          background: rgba(168, 85, 247, 0.2);\r\n          border-radius: 3px;\r\n          cursor: pointer;\r\n          position: relative;\r\n          overflow: hidden;\r\n          min-height: 20px; \/* Touch-friendly *\/\r\n          display: flex;\r\n          align-items: center;\r\n      }\r\n  \r\n      .audio-volume-fill {\r\n          height: 100%;\r\n          background: linear-gradient(90deg, var(--purple), var(--pink));\r\n          border-radius: 3px;\r\n          width: 100%;\r\n          transition: width 0.1s ease;\r\n          box-shadow: 0 0 8px rgba(168, 85, 247, 0.4);\r\n      }\r\n  \r\n      .download-audio-section {\r\n          text-align: center;\r\n      }\r\n  \r\n      .download-audio-btn {\r\n          background: linear-gradient(135deg, var(--purple), var(--purple-dark));\r\n          color: white;\r\n          border: none;\r\n          padding: clamp(0.8rem, 3vw, 1rem) clamp(1rem, 3vw, 1.5rem);\r\n          border-radius: 16px;\r\n          font-weight: 700;\r\n          cursor: pointer;\r\n          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n          display: inline-flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n          box-shadow: var(--shadow), var(--shadow-purple);\r\n          font-size: clamp(0.8rem, 2vw, 0.95rem);\r\n          position: relative;\r\n          overflow: hidden;\r\n          animation: buttonGlow 5s ease-in-out infinite;\r\n          border: 1px solid rgba(168, 85, 247, 0.3);\r\n          min-height: 48px;\r\n          width: 100%;\r\n          max-width: 300px;\r\n          justify-content: center;\r\n      }\r\n  \r\n      .download-audio-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 0.5s;\r\n      }\r\n  \r\n      .download-audio-btn:hover:not(:disabled)::before,\r\n      .download-audio-btn:active:not(:disabled)::before {\r\n          left: 100%;\r\n      }\r\n  \r\n      .download-audio-btn:hover:not(:disabled),\r\n      .download-audio-btn:active:not(:disabled) {\r\n          transform: translateY(-3px) scale(1.02);\r\n          box-shadow: var(--shadow-lg), var(--glow-purple);\r\n      }\r\n  \r\n      .download-audio-btn:disabled {\r\n          opacity: 0.6;\r\n          cursor: not-allowed;\r\n          transform: none;\r\n          animation: none;\r\n      }\r\n  \r\n      \/* Download Progress - NO FLOATING *\/\r\n      .download-progress {\r\n          position: fixed;\r\n          bottom: 1.5rem;\r\n          right: 1.5rem;\r\n          background: linear-gradient(135deg, \r\n              var(--glass-dark) 0%, \r\n              var(--glass-purple) 100%);\r\n          backdrop-filter: blur(25px);\r\n          border: 2px solid var(--glass-border);\r\n          border-radius: 18px;\r\n          padding: clamp(1rem, 3vw, 1.5rem) clamp(1.5rem, 4vw, 2rem);\r\n          min-width: min(320px, 90vw);\r\n          max-width: 90vw;\r\n          box-shadow: var(--shadow-xl), var(--shadow-purple);\r\n          z-index: 1000;\r\n          display: none;\r\n      }\r\n  \r\n      .download-progress.show {\r\n          display: block;\r\n          animation: slideInRight 0.4s ease-out;\r\n      }\r\n  \r\n      .progress-header {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          margin-bottom: 1rem;\r\n          gap: 1rem;\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .progress-text {\r\n          font-weight: 700;\r\n          font-size: clamp(0.8rem, 2vw, 0.95rem);\r\n          color: var(--text-light);\r\n          background: linear-gradient(135deg, var(--tiktok-red), var(--tiktok-blue));\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n          flex: 1;\r\n          min-width: 0;\r\n      }\r\n  \r\n      .cancel-btn {\r\n          background: rgba(255, 51, 102, 0.15);\r\n          border: 1px solid rgba(255, 51, 102, 0.3);\r\n          color: #ff3366;\r\n          padding: clamp(0.4rem, 1.5vw, 0.5rem) clamp(0.8rem, 2vw, 1rem);\r\n          border-radius: 10px;\r\n          font-size: clamp(0.7rem, 2vw, 0.8rem);\r\n          cursor: pointer;\r\n          transition: all 0.3s ease;\r\n          font-weight: 600;\r\n          backdrop-filter: blur(10px);\r\n          min-height: 36px;\r\n          flex-shrink: 0;\r\n      }\r\n  \r\n      .cancel-btn:hover,\r\n      .cancel-btn:active {\r\n          background: rgba(255, 51, 102, 0.25);\r\n          transform: scale(1.05);\r\n      }\r\n  \r\n      .progress-bar-container {\r\n          width: 100%;\r\n          height: clamp(6px, 2vw, 8px);\r\n          background: rgba(168, 85, 247, 0.2);\r\n          border-radius: 4px;\r\n          overflow: hidden;\r\n      }\r\n  \r\n      .progress-bar-fill {\r\n          height: 100%;\r\n          background: linear-gradient(90deg, var(--green), #00cc77);\r\n          border-radius: 4px;\r\n          width: 0%;\r\n          transition: width 0.3s ease;\r\n          box-shadow: 0 0 12px rgba(0, 255, 136, 0.4);\r\n          animation: progressGlow 3s ease-in-out infinite;\r\n      }\r\n  \r\n      \/* Error Message - NO FLOATING *\/\r\n      .error-message {\r\n          background: linear-gradient(135deg, \r\n              rgba(255, 51, 102, 0.1) 0%, \r\n              var(--glass-dark) 100%);\r\n          border: 2px solid rgba(255, 51, 102, 0.3);\r\n          color: #ff6b6b;\r\n          padding: clamp(1rem, 3vw, 1.2rem) clamp(1.2rem, 4vw, 1.8rem);\r\n          border-radius: 16px;\r\n          margin: 1rem 0;\r\n          display: none;\r\n          align-items: center;\r\n          gap: clamp(0.5rem, 2vw, 1rem);\r\n          font-weight: 600;\r\n          backdrop-filter: blur(15px);\r\n          box-shadow: var(--shadow);\r\n          animation: errorShake 0.5s ease-in-out;\r\n          font-size: clamp(0.8rem, 2vw, 1rem);\r\n          flex-wrap: wrap;\r\n      }\r\n  \r\n      .error-message.show {\r\n          display: flex;\r\n          animation: fadeInUp 0.3s ease-out, errorShake 0.5s ease-in-out;\r\n      }\r\n  \r\n      \/* Animations - KEPT ONLY DECORATIVE ONES *\/\r\n      @keyframes gradientShift {\r\n          0%, 100% { background-position: 0% 50%; }\r\n          50% { background-position: 100% 50%; }\r\n      }\r\n  \r\n      @keyframes backgroundFloat {\r\n          0%, 100% { opacity: 1; transform: translateY(0px); }\r\n          50% { opacity: 0.8; transform: translateY(-10px); }\r\n      }\r\n  \r\n      @keyframes fadeInDown {\r\n          from { opacity: 0; transform: translateY(-40px); }\r\n          to { opacity: 1; transform: translateY(0); }\r\n      }\r\n  \r\n      @keyframes fadeInUp {\r\n          from { opacity: 0; transform: translateY(40px); }\r\n          to { opacity: 1; transform: translateY(0); }\r\n      }\r\n  \r\n      @keyframes slideInRight {\r\n          from { opacity: 0; transform: translateX(100%); }\r\n          to { opacity: 1; transform: translateX(0); }\r\n      }\r\n  \r\n      @keyframes spin {\r\n          to { transform: rotate(360deg); }\r\n      }\r\n  \r\n      @keyframes logoFloat {\r\n          0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n          50% { transform: translateY(-10px) rotate(5deg); }\r\n      }\r\n  \r\n      @keyframes logoShine {\r\n          0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\r\n          100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\r\n      }\r\n  \r\n      @keyframes textGradient {\r\n          0%, 100% { background-position: 0% 50%; }\r\n          50% { background-position: 100% 50%; }\r\n      }\r\n  \r\n      @keyframes subtitleGlow {\r\n          0%, 100% { text-shadow: 0 0 5px rgba(160, 160, 160, 0.3); }\r\n          50% { text-shadow: 0 0 15px rgba(160, 160, 160, 0.6); }\r\n      }\r\n  \r\n      @keyframes borderFlow {\r\n          0%, 100% { opacity: 0.5; }\r\n          50% { opacity: 1; }\r\n      }\r\n  \r\n      @keyframes overlayPulse {\r\n          0%, 100% { opacity: 1; }\r\n          50% { opacity: 0.7; }\r\n      }\r\n  \r\n      @keyframes inputFocusGlow {\r\n          0%, 100% { box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.2), var(--glow-purple), inset 0 2px 10px rgba(0, 0, 0, 0.3); }\r\n          50% { box-shadow: 0 0 0 6px rgba(139, 92, 246, 0.4), var(--glow-purple), inset 0 2px 10px rgba(0, 0, 0, 0.3); }\r\n      }\r\n  \r\n      @keyframes buttonPulse {\r\n          0%, 100% { box-shadow: var(--shadow-lg), var(--shadow-purple); }\r\n          50% { box-shadow: var(--shadow-xl), var(--glow-purple); }\r\n      }\r\n  \r\n      @keyframes buttonHoverGlow {\r\n          0%, 100% { filter: brightness(1); }\r\n          50% { filter: brightness(1.2); }\r\n      }\r\n  \r\n      @keyframes textFade {\r\n          0%, 100% { opacity: 0.7; }\r\n          50% { opacity: 1; }\r\n      }\r\n  \r\n      @keyframes avatarPulse {\r\n          0%, 100% { box-shadow: var(--shadow), var(--shadow-pink); }\r\n          50% { box-shadow: var(--shadow), 0 0 30px rgba(99, 102, 241, 0.6); }\r\n      }\r\n  \r\n      @keyframes valueGlow {\r\n          0%, 100% { filter: brightness(1); }\r\n          50% { filter: brightness(1.2); }\r\n      }\r\n  \r\n      @keyframes gridMove {\r\n          0% { transform: translate(0, 0); }\r\n          100% { transform: translate(30px, 30px); }\r\n      }\r\n  \r\n      @keyframes titlePulse {\r\n          0%, 100% { filter: brightness(1); }\r\n          50% { filter: brightness(1.3); }\r\n      }\r\n  \r\n      @keyframes playButtonPulse {\r\n          0%, 100% { transform: scale(1); }\r\n          50% { transform: scale(1.05); }\r\n      }\r\n  \r\n      @keyframes buttonGlow {\r\n          0%, 100% { box-shadow: var(--shadow); }\r\n          50% { box-shadow: var(--shadow-lg); }\r\n      }\r\n  \r\n      @keyframes audioIconPulse {\r\n          0%, 100% { transform: scale(1); }\r\n          50% { transform: scale(1.1); }\r\n      }\r\n  \r\n      @keyframes audioWaveRipple {\r\n          0% {\r\n              opacity: 1;\r\n              transform: translate(-50%, -50%) scale(0.8);\r\n          }\r\n          100% {\r\n              opacity: 0;\r\n              transform: translate(-50%, -50%) scale(2);\r\n          }\r\n      }\r\n  \r\n      @keyframes audioPlayPulse {\r\n          0%, 100% { box-shadow: var(--shadow), var(--shadow-purple); }\r\n          50% { box-shadow: var(--shadow-lg), var(--glow-purple); }\r\n      }\r\n  \r\n      @keyframes progressGlow {\r\n          0%, 100% { box-shadow: 0 0 12px rgba(0, 255, 136, 0.4); }\r\n          50% { box-shadow: 0 0 20px rgba(0, 255, 136, 0.8); }\r\n      }\r\n  \r\n      @keyframes errorShake {\r\n          0%, 100% { transform: translateX(0); }\r\n          25% { transform: translateX(-5px); }\r\n          75% { transform: translateX(5px); }\r\n      }\r\n  \r\n      \/* Enhanced Responsive Design *\/\r\n      \r\n      \/* Large Tablets and Small Desktops *\/\r\n      @media (max-width: 1024px) {\r\n          .ttvv-custom-container {\r\n              padding: clamp(1rem, 3vw, 1.5rem);\r\n          }\r\n  \r\n          .video-stats {\r\n              grid-template-columns: repeat(3, 1fr);\r\n          }\r\n  \r\n          .download-grid {\r\n              grid-template-columns: 1fr;\r\n          }\r\n  \r\n          .action-buttons {\r\n              grid-template-columns: 1fr;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .search-another-btn {\r\n              width: 100%;\r\n          }\r\n  \r\n          .audio-player-section {\r\n              flex-direction: column;\r\n              text-align: center;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .audio-controls {\r\n              flex-direction: row;\r\n              justify-content: center;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .audio-volume-control {\r\n              justify-content: center;\r\n          }\r\n  \r\n          .video-player-wrapper {\r\n              max-width: min(320px, 85vw);\r\n          }\r\n      }\r\n  \r\n      \/* Tablets *\/\r\n      @media (max-width: 768px) {\r\n          .ttvv-custom-container {\r\n              padding: 1rem;\r\n          }\r\n  \r\n          .logo {\r\n              flex-direction: column;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .logo-icon {\r\n              width: 60px;\r\n              height: 60px;\r\n              font-size: 24px;\r\n          }\r\n  \r\n          .video-stats {\r\n              grid-template-columns: repeat(2, 1fr);\r\n              gap: 0.8rem;\r\n          }\r\n  \r\n          .author-section {\r\n              flex-direction: column;\r\n              text-align: center;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .download-progress {\r\n              left: 1rem;\r\n              right: 1rem;\r\n              bottom: 1rem;\r\n              min-width: auto;\r\n          }\r\n  \r\n          .control-buttons {\r\n              flex-direction: column;\r\n              gap: 1rem;\r\n              align-items: center;\r\n          }\r\n  \r\n          .volume-control {\r\n              order: 3;\r\n              width: 100%;\r\n              justify-content: center;\r\n          }\r\n  \r\n          .audio-controls {\r\n              flex-direction: column;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .audio-volume-control {\r\n              width: 100%;\r\n              justify-content: center;\r\n          }\r\n  \r\n          .video-player-wrapper {\r\n              max-width: min(300px, 80vw);\r\n          }\r\n  \r\n          \/* Show video controls on mobile *\/\r\n          .video-controls {\r\n              transform: translateY(0);\r\n              position: relative;\r\n              background: rgba(0, 0, 0, 0.8);\r\n              margin-top: 1rem;\r\n              border-radius: 12px;\r\n          }\r\n  \r\n          .video-player-wrapper:hover .video-controls {\r\n              transform: translateY(0);\r\n          }\r\n      }\r\n  \r\n      \/* Mobile Phones *\/\r\n      @media (max-width: 480px) {\r\n          .ttvv-custom-container {\r\n              padding: 0.8rem;\r\n          }\r\n  \r\n          .header {\r\n              margin-bottom: 1.5rem;\r\n          }\r\n  \r\n          .logo-icon {\r\n              width: 50px;\r\n              height: 50px;\r\n              font-size: 20px;\r\n          }\r\n  \r\n          .video-stats {\r\n              grid-template-columns: 1fr;\r\n              gap: 0.6rem;\r\n          }\r\n  \r\n          .stat-item {\r\n              min-height: 70px;\r\n              padding: 0.8rem;\r\n          }\r\n  \r\n          .stat-value {\r\n              font-size: 1.3rem;\r\n          }\r\n  \r\n          .audio-player-section {\r\n              gap: 0.8rem;\r\n          }\r\n  \r\n          .audio-icon {\r\n              width: 40px;\r\n              height: 40px;\r\n              font-size: 1rem;\r\n          }\r\n  \r\n          .audio-play-btn {\r\n              width: 44px;\r\n              height: 44px;\r\n              font-size: 1rem;\r\n          }\r\n  \r\n          .video-player-wrapper {\r\n              max-width: min(280px, 75vw);\r\n          }\r\n  \r\n          .thumbnail-play-btn {\r\n              width: 60px;\r\n              height: 60px;\r\n              font-size: 1.5rem;\r\n          }\r\n  \r\n          .download-progress {\r\n              left: 0.5rem;\r\n              right: 0.5rem;\r\n              bottom: 0.5rem;\r\n              padding: 1rem;\r\n          }\r\n  \r\n          .progress-header {\r\n              flex-direction: column;\r\n              gap: 0.5rem;\r\n              align-items: stretch;\r\n          }\r\n  \r\n          .cancel-btn {\r\n              align-self: center;\r\n              min-width: 80px;\r\n          }\r\n  \r\n          \/* Touch-friendly adjustments *\/\r\n          .input-field {\r\n              font-size: 16px; \/* Prevents zoom on iOS *\/\r\n          }\r\n  \r\n          .control-btn,\r\n          .audio-play-btn,\r\n          .audio-volume-btn,\r\n          .paste-btn,\r\n          .search-btn,\r\n          .download-btn,\r\n          .download-audio-btn {\r\n              min-height: 44px;\r\n              min-width: 44px;\r\n          }\r\n  \r\n          .progress-bar,\r\n          .audio-progress,\r\n          .volume-slider,\r\n          .audio-volume-slider {\r\n              min-height: 44px;\r\n          }\r\n      }\r\n  \r\n      \/* Small Mobile Phones *\/\r\n      @media (max-width: 360px) {\r\n          .ttvv-custom-container {\r\n              padding: 0.5rem;\r\n          }\r\n  \r\n          .search-section,\r\n          .video-section,\r\n          .download-section,\r\n          .audio-streaming {\r\n              padding: 1rem;\r\n              border-radius: 16px;\r\n          }\r\n  \r\n          .logo-text {\r\n              font-size: 1.5rem;\r\n              letter-spacing: -1px;\r\n          }\r\n  \r\n          .subtitle {\r\n              font-size: 0.8rem;\r\n          }\r\n  \r\n          .video-player-wrapper {\r\n              max-width: min(260px, 70vw);\r\n          }\r\n  \r\n          .audio-wave:nth-child(1) {\r\n              width: 45px;\r\n              height: 45px;\r\n          }\r\n  \r\n          .audio-wave:nth-child(2) {\r\n              width: 55px;\r\n              height: 55px;\r\n          }\r\n  \r\n          .audio-wave:nth-child(3) {\r\n              width: 65px;\r\n              height: 65px;\r\n          }\r\n      }\r\n  \r\n      \/* Landscape Mobile *\/\r\n      @media (max-height: 500px) and (orientation: landscape) {\r\n          .ttvv-custom-container {\r\n              padding: 1rem;\r\n          }\r\n  \r\n          .header {\r\n              margin-bottom: 1rem;\r\n          }\r\n  \r\n          .logo {\r\n              flex-direction: row;\r\n              gap: 1rem;\r\n          }\r\n  \r\n          .logo-icon {\r\n              width: 40px;\r\n              height: 40px;\r\n              font-size: 16px;\r\n          }\r\n  \r\n          .video-player-wrapper {\r\n              max-width: min(200px, 30vw);\r\n          }\r\n  \r\n          .video-stats {\r\n              grid-template-columns: repeat(5, 1fr);\r\n              gap: 0.5rem;\r\n          }\r\n  \r\n          .stat-item {\r\n              min-height: 60px;\r\n              padding: 0.5rem;\r\n          }\r\n  \r\n          .stat-value {\r\n              font-size: 1rem;\r\n          }\r\n  \r\n          .stat-label {\r\n              font-size: 0.6rem;\r\n          }\r\n      }\r\n  \r\n      \/* High DPI Displays *\/\r\n      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\r\n          .logo-icon,\r\n          .author-avatar,\r\n          .audio-icon,\r\n          .thumbnail-play-btn,\r\n          .audio-play-btn {\r\n              image-rendering: -webkit-optimize-contrast;\r\n              image-rendering: crisp-edges;\r\n          }\r\n      }\r\n  \r\n      \/* Reduced Motion *\/\r\n      @media (prefers-reduced-motion: reduce) {\r\n          *,\r\n          *::before,\r\n          *::after {\r\n              animation-duration: 0.01ms !important;\r\n              animation-iteration-count: 1 !important;\r\n              transition-duration: 0.01ms !important;\r\n          }\r\n  \r\n          .video-player-wrapper,\r\n          .search-section,\r\n          .video-section,\r\n          .download-section,\r\n          .audio-streaming {\r\n              animation: none !important;\r\n          }\r\n      }\r\n  \r\n      \/* High Contrast Mode *\/\r\n      @media (prefers-contrast: high) {\r\n          :root {\r\n              --glass-dark: rgba(0, 0, 0, 0.9);\r\n              --glass-purple: rgba(0, 0, 0, 0.9);\r\n              --glass-blue: rgba(0, 0, 0, 0.9);\r\n              --glass-border: rgba(255, 255, 255, 0.8);\r\n              --shadow: 0 4px 20px rgba(0, 0, 0, 0.8);\r\n              --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.9);\r\n              --shadow-xl: 0 16px 60px rgba(0, 0, 0, 1);\r\n          }\r\n  \r\n          .input-field,\r\n          .search-btn,\r\n          .download-btn,\r\n          .audio-play-btn {\r\n              border: 2px solid var(--text-light);\r\n          }\r\n      }\r\n  \r\n      @media (prefers-color-scheme: dark) {\r\n          .ttvv-hero-tools-section {\r\n              background: linear-gradient(180deg, #0F172A 0%, #1E293B 100%);\r\n              --va-text: #F8FAFC;\r\n              --va-muted: #94A3B8;\r\n          }\r\n      }\r\n  \r\n      \/* Print Styles *\/\r\n      @media print {\r\n          .ttvv-hero-tools-section {\r\n              background: white !important;\r\n              color: black !important;\r\n          }\r\n  \r\n          .ttvv-custom-container {\r\n              max-width: none;\r\n              padding: 0;\r\n          }\r\n  \r\n          .video-player-wrapper,\r\n          .download-section,\r\n          .audio-streaming,\r\n          .download-progress {\r\n              display: none !important;\r\n          }\r\n  \r\n          .search-section,\r\n          .video-section {\r\n              background: white !important;\r\n              border: 1px solid black !important;\r\n              box-shadow: none !important;\r\n          }\r\n      }\r\n  <\/style>\r\n <body data-aos-easing=\"ease-in-out\" data-aos-duration=\"800\" data-aos-delay=\"0\" data-new-gr-c-s-check-loaded=\"14.1249.0\" data-gr-ext-installed=\"\" data-new-gr-c-s-loaded=\"14.1223.0\" class=\"\" style=\"\">\r\n  \r\n      <!-- hero section -->\r\n\r\n   \r\n    <!-- Work Process Section -->\r\n  <section class=\"ttvv-work-process-section\" id=\"how-it-works\">\r\n      <div class=\"container ttvv-work-process-content\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"ttvv-section-title ttvv-light-title\">How Our TikTok Drafts Viewer Works<\/h2>\r\n              <p class=\"ttvv-section-subtitle ttvv-light-subtitle\">View TikTok drafts 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=\"ttvv-process-step\">\r\n                      <div class=\"ttvv-step-number\">1<\/div>\r\n                      <h4 class=\"ttvv-step-heading\">Enter Username<\/h4>\r\n                      <p class=\"ttvv-light-subtitle\">Paste the TikTok username to view their drafts anonymously<\/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=\"ttvv-process-step\">\r\n                      <div class=\"ttvv-step-number\">2<\/div>\r\n                      <h4 class=\"ttvv-step-heading\">Process Request<\/h4>\r\n                      <p class=\"ttvv-light-subtitle\">Our system retrieves draft data 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=\"ttvv-process-step\">\r\n                      <div class=\"ttvv-step-number\">3<\/div>\r\n                      <h4 class=\"ttvv-step-heading\">View Drafts<\/h4>\r\n                      <p class=\"ttvv-light-subtitle\">Access draft content without leaving any trace<\/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=\"ttvv-features-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"ttvv-section-title\">Key Features<\/h2>\r\n              <p class=\"ttvv-section-subtitle\">Our TikTok Drafts Viewer offers powerful features for anonymous viewing<\/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=\"ttvv-feature-card\">\r\n                      <div class=\"ttvv-feature-icon\">\r\n                          <i class=\"bx bx-user-check\"><\/i>\r\n                      <\/div>\r\n                      <h4>100% Anonymous<\/h4>\r\n                      <p>View drafts without leaving any trace or alerting the account owner<\/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=\"ttvv-feature-card\">\r\n                      <div class=\"ttvv-feature-icon\">\r\n                          <i class=\"bx bx-video\"><\/i>\r\n                      <\/div>\r\n                      <h4>View Any Draft<\/h4>\r\n                      <p>Access available TikTok draft content with complete details<\/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=\"ttvv-feature-card\">\r\n                      <div class=\"ttvv-feature-icon\">\r\n                          <i class=\"bx bx-line-chart\"><\/i>\r\n                      <\/div>\r\n                      <h4>Draft Analytics<\/h4>\r\n                      <p>Get insights into draft-related statistics and engagement potential<\/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=\"ttvv-feature-card\">\r\n                      <div class=\"ttvv-feature-icon\">\r\n                          <i class=\"bx bx-devices\"><\/i>\r\n                      <\/div>\r\n                      <h4>Works on All Devices<\/h4>\r\n                      <p>Use our TikTok Drafts Viewer on desktop, tablet, or mobile without issues<\/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=\"ttvv-feature-card\">\r\n                      <div class=\"ttvv-feature-icon\">\r\n                          <i class=\"bx bx-shield\"><\/i>\r\n                      <\/div>\r\n                      <h4>No Login Required<\/h4>\r\n                      <p>Access TikTok drafts without an account<\/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=\"ttvv-feature-card\">\r\n                      <div class=\"ttvv-feature-icon\">\r\n                          <i class=\"bx bx-time-five\"><\/i>\r\n                      <\/div>\r\n                      <h4>Instant Processing<\/h4>\r\n                      <p>Get access to draft content immediately without 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=\"ttvv-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=\"ttvv-why-choose-image ttvv-floating-element\">\r\n                      <img src=\"https:\/\/viewanonymous.com\/wp-content\/uploads\/2026\/03\/Tiktok_Drafts_Viewer.webp\" alt=\"Anonymous story viewer\" class=\"img-fluid rounded-3 w-100\" loading=\"lazy\" decoding=\"async\">\r\n                  <\/div>\r\n              <\/div>\r\n              <div class=\"col-lg-6\" data-aos=\"fade-left\">\r\n                  <h2 class=\"ttvv-section-title mb-4\">Why Choose Our TikTok Drafts Viewer?<\/h2>\r\n                  <p class=\"mb-4\">Our tool provides a reliable and secure way to view TikTok drafts anonymously, prioritizing your privacy with access to draft content.<\/p>\r\n                  \r\n                  <div class=\"ttvv-benefit-item\">\r\n                      <div class=\"ttvv-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 left when viewing drafts<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ttvv-benefit-item\">\r\n                      <div class=\"ttvv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">No registration needed<\/h5>\r\n                          <p class=\"mb-0\">Start viewing drafts immediately<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ttvv-benefit-item\">\r\n                      <div class=\"ttvv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Detailed analytics<\/h5>\r\n                          <p class=\"mb-0\">Get insights into draft performance<\/p>\r\n                      <\/div>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"ttvv-benefit-item\">\r\n                      <div class=\"ttvv-benefit-icon\">\r\n                          <i class=\"bx bx-check\"><\/i>\r\n                      <\/div>\r\n                      <div>\r\n                          <h5 class=\"mb-1\">Fast processing<\/h5>\r\n                          <p class=\"mb-0\">Get instant access to draft content<\/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=\"ttvv-faq-section\">\r\n      <div class=\"container\">\r\n          <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n              <h2 class=\"ttvv-section-title\">Frequently Asked Questions<\/h2>\r\n              <p class=\"ttvv-section-subtitle\">Find answers to common questions about our TikTok Drafts 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=\"ttvv-faqAccordion\">\r\n                      <div class=\"ttvv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                          <h3 class=\"accordion-header\" id=\"ttvv-heading1\">\r\n                              <button class=\"ttvv-accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ttvv-collapse1\" aria-expanded=\"true\" aria-controls=\"ttvv-collapse1\">\r\n                                  Is it legal to use this TikTok Drafts Viewer?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ttvv-collapse1\" class=\"accordion-collapse collapse show\" aria-labelledby=\"ttvv-heading1\" data-bs-parent=\"#ttvv-faqAccordion\">\r\n                              <div class=\"ttvv-accordion-body\">\r\n                                  Our tool is designed to comply with TikTok's policies. It only allows access to publicly available content or drafts that are accessible through legitimate means. We don't bypass security measures or access private accounts.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ttvv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                          <h3 class=\"accordion-header\" id=\"ttvv-heading2\">\r\n                              <button class=\"ttvv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ttvv-collapse2\" aria-expanded=\"false\" aria-controls=\"ttvv-collapse2\">\r\n                                  Can I view private TikTok drafts?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ttvv-collapse2\" class=\"accordion-collapse collapse\" aria-labelledby=\"ttvv-heading2\" data-bs-parent=\"#ttvv-faqAccordion\">\r\n                              <div class=\"ttvv-accordion-body\">\r\n                                  No, our TikTok Drafts Viewer respects TikTok's privacy settings. We can only access drafts from accounts that are set to public or where drafts are shared publicly. Private drafts cannot be viewed.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ttvv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                          <h3 class=\"accordion-header\" id=\"ttvv-heading3\">\r\n                              <button class=\"ttvv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ttvv-collapse3\" aria-expanded=\"false\" aria-controls=\"ttvv-collapse3\">\r\n                                  Will TikTok know I viewed the draft?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ttvv-collapse3\" class=\"accordion-collapse collapse\" aria-labelledby=\"ttvv-heading3\" data-bs-parent=\"#ttvv-faqAccordion\">\r\n                              <div class=\"ttvv-accordion-body\">\r\n                                  No, all viewing is completely anonymous. When you use our TikTok Drafts Viewer, TikTok doesn't register that you've viewed the draft. The account owner won't know you accessed their content.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ttvv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                          <h3 class=\"accordion-header\" id=\"ttvv-heading4\">\r\n                              <button class=\"ttvv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ttvv-collapse4\" aria-expanded=\"false\" aria-controls=\"ttvv-collapse4\">\r\n                                  Do I need to install software to use this?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ttvv-collapse4\" class=\"accordion-collapse collapse\" aria-labelledby=\"ttvv-heading4\" data-bs-parent=\"#ttvv-faqAccordion\">\r\n                              <div class=\"ttvv-accordion-body\">\r\n                                  No, our TikTok Drafts Viewer is completely web-based. You don't need to download or install any software. Simply visit our website, enter the username, and view the drafts directly in your browser.\r\n                              <\/div>\r\n                          <\/div>\r\n                      <\/div>\r\n                      \r\n                      <div class=\"ttvv-accordion-item mb-3\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                          <h3 class=\"accordion-header\" id=\"ttvv-heading5\">\r\n                              <button class=\"ttvv-accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#ttvv-collapse5\" aria-expanded=\"false\" aria-controls=\"ttvv-collapse5\">\r\n                                  What information can I see about a draft?\r\n                              <\/button>\r\n                          <\/h3>\r\n                          <div id=\"ttvv-collapse5\" class=\"accordion-collapse collapse\" aria-labelledby=\"ttvv-heading5\" data-bs-parent=\"#ttvv-faqAccordion\">\r\n                              <div class=\"ttvv-accordion-body\">\r\n                                  Our TikTok Drafts Viewer shows all publicly accessible draft content, including video details and related statistics. Private drafts or information not shared publicly are not accessible.\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    <!-- Footer -->\r\n    \r\n  \r\n  <!-- Copyright Section -->\r\n  \r\n  \r\n  \r\n  \r\n   <!-- Tiktak video viewer js -->\r\n    <!-- Scripts: CDN only (..\/js\/* fails when opened locally or embedded). -->\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    <script>\r\n      if (typeof AOS !== 'undefined') {\r\n        AOS.init({ duration: 800, easing: 'ease-in-out', once: true });\r\n      }\r\n      document.querySelectorAll('a[href^=\"#\"]').forEach(function (anchor) {\r\n        anchor.addEventListener('click', function (e) {\r\n          var id = this.getAttribute('href');\r\n          if (!id || id === '#') return;\r\n          var el = document.querySelector(id);\r\n          if (el) {\r\n            e.preventDefault();\r\n            el.scrollIntoView({ behavior: 'smooth' });\r\n          }\r\n        });\r\n      });\r\n    <\/script>\r\n  \r\n  <grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration><grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration>\r\n  <grammarly-desktop-integration data-grammarly-shadow-root=\"true\"><\/grammarly-desktop-integration><script defer=\"\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/vcd15cbe7772f49c399c6a5babf22c1241717689176015\" integrity=\"sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==\" data-cf-beacon=\"{\"version\":\"2024.11.0\",\"token\":\"786b797d7952407aac48ed2776a3a826\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\" crossorigin=\"anonymous\"><\/script>\r\n  <script defer=\"\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/v8c78df7c7c0f484497ecbca7046644da1771523124516\" integrity=\"sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==\" data-cf-beacon=\"{\"version\":\"2024.11.0\",\"token\":\"786b797d7952407aac48ed2776a3a826\",\"r\":1,\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}\" crossorigin=\"anonymous\"><\/script>\r\n  <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":258,"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-323","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/323","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/comments?post=323"}],"version-history":[{"count":5,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/323\/revisions"}],"predecessor-version":[{"id":1026,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/323\/revisions\/1026"}],"up":[{"embeddable":true,"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/pages\/258"}],"wp:attachment":[{"href":"https:\/\/viewanonymous.com\/wp-json\/wp\/v2\/media?parent=323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}