/* > Made by Codex · 2026-09-27 · from: "colors to match Instagram and also TikTok data" · session n/a */
/* Scoped platform identities; the site's editorial palette stays unchanged. */
.kit-instagram {
  --ig-primary: #ce2ec5;
  --ig-secondary: #e783dd;
  --ig-ink: #922582;
  --signal: var(--ig-primary);
}
.kit-platform-label { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; font-size: .68rem; font-weight: 500; letter-spacing: .09em; text-transform: uppercase; }
.kit-platform-icon { display: inline-grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; }
.kit-platform-icon svg { display: block; }
.kit-instagram .kit-platform-label { color: var(--ig-ink); }
.kit-instagram .kit-platform-icon { color: #fff; background: linear-gradient(145deg, #6840c4, #d52d8f 56%, #f08a43); border-radius: 9px; }
.kit-instagram .kit-analytics { position: relative; background: #fcf7fc; --kit-line: #ead9e9; }
.kit-instagram .kit-analytics::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, #6840c4, #d52d8f 58%, #f08a43); }
.kit-instagram .kit-period { border-color: #dfbedb; color: var(--ig-ink); }
.kit-instagram .kit-stats dd, .kit-instagram .kit-format-stats dd { color: var(--ig-ink); }
.kit-instagram .kit-gender-bar, .kit-instagram .kit-key.ig-secondary { background: var(--ig-secondary); }
.kit-instagram .kit-gender-bar span, .kit-instagram .kit-market-track span, .kit-instagram .kit-key.ig-primary { background: var(--ig-primary); }
.kit-instagram .kit-market-track { background: #f0e4ef; height: 5px; }
.kit-instagram .kit-gender-stats dt { display: flex; gap: 8px; align-items: center; }
.kit-instagram .kit-donut { background: conic-gradient(var(--ig-secondary) 0% 71.5%, var(--ig-primary) 71.5% 100%); }
.kit-instagram .kit-key.nonfollowers { background: var(--ig-secondary); }
.kit-instagram .kit-key.followers { background: var(--ig-primary); }
.kit-instagram .kit-format-stats > div { border-left: 2px solid var(--ig-primary); padding-left: 14px; }

.kit-tiktok { --tt-cyan: #25f4ee; --tt-red: #fe2c55; position: relative; margin-top: 44px; padding: 36px; background: #121214; color: #fafafa; scroll-margin-top: 24px; }
.kit-tiktok::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--tt-cyan) 0% 50%, var(--tt-red) 50% 100%); }
.kit-tiktok .kit-platform-label { color: #fafafa; }
.kit-tiktok .kit-platform-icon { border: 1px solid #49494e; color: #fff; }
.kit-tiktok .kit-platform-icon svg { filter: drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55); }
.kit-tiktok h2 { font: 400 clamp(1.9rem, 3vw, 2.8rem)/1.15 var(--serif); letter-spacing: -.03em; }
.kit-tiktok .kit-panel-heading p { color: #c6c6ce; font-size: .8rem; }
.kit-tiktok .kit-period { border-color: #58585f; color: #dedee3; }
.kit-tiktok-intro { max-width: 62ch; margin-top: 22px; color: #c6c6ce; font-size: .8rem; line-height: 1.8; }
.kit-tiktok-results { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; margin-top: 30px; }
.kit-tiktok-result { display: flex; flex-direction: column; min-width: 0; padding: 24px; border: 1px solid #3e3e44; background: #1b1b1f; }
.kit-tiktok-category { font-size: .59rem; line-height: 1.6; text-transform: uppercase; letter-spacing: .1em; color: var(--tt-cyan); }
.kit-tiktok-result h3 { margin-top: 12px; font: 400 clamp(1.45rem, 2.1vw, 2rem)/1.3 var(--serif); letter-spacing: -.02em; }
.kit-tiktok-date { font-size: .65rem; color: #bdbdc7; line-height: 1.7; margin-top: 7px; }
.kit-tiktok-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 15px; margin-top: 28px; padding-bottom: 24px; border-bottom: 1px solid #45454d; }
.kit-tiktok-metrics dt { color: #c6c6ce; font-size: .65rem; line-height: 1.5; }
.kit-tiktok-metrics dd { margin-top: 5px; font: 400 1.5rem/1.2 var(--sans); font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.kit-tiktok-views { grid-column: 1 / -1; }
.kit-tiktok-views dd { font: 400 clamp(2.5rem, 4vw, 3.8rem)/1.15 var(--serif); color: #fff; letter-spacing: -.035em; }
.kit-tiktok-disclosure { margin-block: 16px 7px; font-size: .65rem; line-height: 1.7; color: #bdbdc7; }
.kit-tiktok .kit-text-link { color: #fafafa; white-space: normal; line-height: 1.5; }
.kit-tiktok-result .kit-text-link { margin-top: auto; }
.kit-tiktok-result .kit-text-link svg { flex-shrink: 0; color: var(--tt-cyan); }
.kit-tiktok-note { margin-top: 24px; color: #bdbdc7; font-size: .68rem; line-height: 1.8; max-width: 91ch; }
.kit-tiktok-archive { margin-top: 12px; border-bottom: 1px solid #85858d; }
.kit-tiktok a:focus-visible { outline: 2px solid var(--tt-cyan); outline-offset: 5px; }

@media (max-width: 900px) {
  .kit-tiktok-results { gap: 14px; }
  .kit-tiktok-result { padding: 20px 16px; }
}
@media (max-width: 760px) {
  .kit-tiktok-results { grid-template-columns: 1fr; }
  .kit-tiktok-result { padding: 24px; }
  .kit-tiktok-result h3 { font-size: 1.9rem; }
  .kit-tiktok-metrics { grid-template-columns: 1.3fr 1fr 1fr; align-items: end; gap: 12px; }
  .kit-tiktok-views { grid-column: auto; }
  .kit-tiktok-views dd { font-size: 2.65rem; }
  .kit-tiktok-metrics dd { overflow-wrap: anywhere; }
}
@media (max-width: 640px) {
  .kit-tiktok { padding: 26px 18px; margin-top: 26px; }
  .kit-platform-label { font-size: .64rem; }
  .kit-tiktok-result { padding: 22px 18px; }
  .kit-tiktok-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  .kit-tiktok-views { grid-column: 1 / -1; }
  .kit-tiktok-views dd { font-size: 3.3rem; }
  .kit-tiktok .kit-text-link { min-height: 44px; font-size: .76rem; }
  .kit-tiktok-intro { font-size: .78rem; }
  .kit-tiktok-note { font-size: .72rem; }
}