@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&display=swap");
:root{
  --app-bg:#0A130F; --app-surface:#101D16; --app-line:rgba(255,255,255,.07);
  --app-ink:#EAF3ED; --app-muted:#8CA89B;
  --bcb:#F2C230; --ep:#37D39A; --ep-bright:#51E0AA;
  --disp:'Bricolage Grotesque',system-ui,sans-serif;
  --body:'Hanken Grotesk',system-ui,sans-serif;
}
.tnum{font-variant-numeric:tabular-nums}
.pill{font-size:10px;font-weight:700;padding:3px 7px;border-radius:999px}
.pill.bcb{background:rgba(242,194,48,.16);color:var(--bcb)}
.pill.ep{background:rgba(55,211,154,.16);color:var(--ep-bright)}
.dot{width:7px;height:7px;border-radius:50%;display:inline-block}
.dot.g{background:var(--bcb)} .dot.e{background:var(--ep)}