/* Circle UI Kit v1.2 tokens. Measured from CASA's TikTok and Temu screenshots (28 Sep 2026), adapted to Circle. */
@font-face{font-family:"Public Sans";src:url(fonts/public-sans-latin.woff2) format("woff2");font-weight:100 900;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Public Sans";src:url(fonts/public-sans-latin-ext.woff2) format("woff2");font-weight:100 900;unicode-range:U+0100-02FF,U+1E00-1EFF,U+20A0-20C0}
@font-face{font-family:"Anybody";src:url(fonts/anybody-latin.woff2) format("woff2");font-weight:100 900;font-stretch:50% 150%;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Anybody";src:url(fonts/anybody-latin-ext.woff2) format("woff2");font-weight:100 900;font-stretch:50% 150%;unicode-range:U+0100-02FF,U+1E00-1EFF,U+20A0-20C0}
:root{
  /* Live mode: TikTok measured true black video ground, charcoal tray near #2E2E2E */
  --live-bg:#000000; --live-sheet:#2b2b2b; --live-cell:#383838; --live-pill:rgba(0,0,0,.42); --live-text:#ffffff; --live-text2:rgba(255,255,255,.72);
  /* Money mode: Temu measured white 56 percent, section #F6F6F6, warm dark text #2C140D */
  --money-bg:#ffffff; --money-section:#f6f6f6; --money-ink:#2a160d; --money-ink2:#7a6a61;
  /* Circle brand: one accent on every action, like Temu's orange at about 5 percent of pixels */
  --gold:#d9a23a; --gold-ink:#241604; --gold-deep:#9a6a12; --live-red:#fe2c55; --green:#1f8a4f; --team-a:#ff4d5e; --team-b:#2e8bff;
  /* Type: measured body 15 to 17, meta 12 to 13, heroes 28 to 45 */
  --t-meta:12.5px; --t-body:15px; --t-strong:16px; --t-button:17px; --t-title:22px; --t-hero:30px; --t-number:46px;
  --r-s:12px; --r-m:16px; --r-l:22px;
  /* Motion and speed (v1.2) */
  --m-tap:90ms; --m-fast:160ms; --m-sheet:280ms; --m-number:450ms; --m-everyday:1000ms; --m-celebration:2600ms; --m-legend:4000ms; --m-levelup:1500ms;
  --ease-out:cubic-bezier(.2,.8,.2,1); --ease-in:cubic-bezier(.4,0,1,1); --ease-spring:cubic-bezier(.34,1.4,.64,1);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Public Sans","Noto Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
.num{font-family:"Anybody","Public Sans",sans-serif;font-stretch:75%;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}

/* Type system: Public Sans for all words (legible at 12 to 17px, full Yoruba and Igbo, naira sign); Anybody condensed only for numbers. */