/* ═══ CSS VARIABLES & RESET ═══ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#ffffff;--bg2:#f6f8fa;--bg3:#eaeef2;
  --line:rgba(31,35,40,0.08);--line2:rgba(31,35,40,0.15);--line3:rgba(31,35,40,0.25);
  --fg:#1f2328;--fg2:#656d76;--fg3:#9198a1;--fg4:#d0d7de;
  --hi:#1a7f37;--red:#cf222e;--teal:#0550ae;--green:#1a7f37;
  --mono:ui-monospace,'SFMono-Regular','SF Mono',Menlo,Consolas,monospace;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --W:1200px;--H:675px;
}

html,body{margin:0;padding:0;background:#f0f2f5;font-family:var(--mono)}