# TikTok Profile Card

Canonical nAvid TikTok follow component for approved portable templates.

Portable sequences vendor `tiktok-profile-card.css` and
`tiktok-profile-card.js` under their local `components/` directory so the
sequence remains independently renderable. Vendored copies must remain
byte-identical to these canonical files.

Use:

```html
<tiktok-profile-card
  data-avatar="./assets/ainew247na.jpg"
  data-cursor="./assets/cursor-hand.png"
  data-name="AI News | 247 (nA)"
  data-handle="@ainew247na"
  data-bio="AI Agents, Tools and Tech News"
  data-sfx-slot="follow-click"
></tiktok-profile-card>
```

Templates may set CSS variables on the element for accent/button colors.
Production compositions supply an approved localized click SFX synchronized
with `window.animateTikTokProfileClick(...)` button press timing.

Layout requirements:

- Keep the card compact and content-fitted; do not stretch it to fill the full
  scene width unless the contents actually need that width.
- Center the card inside its lower/outro area.
- QA fails if the card leaves an empty dark pill tail, appears off-center, or
  grows into a large profile panel that competes with the story conclusion.