@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
:root{
      --control-h:52px;
      --control-radius:12px;
      --control-font:14px;
      --control-pad-x:16px;
      --motion-fast:.16s;
      --motion-med:.22s;
      --bg:#0f172a;--card:#111827;--muted:#1f2937;--text:#e5e7eb;--sub:#9ca3af;--accent:#38bdf8;--good:#22c55e;--warn:#f59e0b;--bad:#ef4444;
    }
    body.light{
      --bg:#eef4fb;
      --card:#ffffff;
      --muted:#e6eef8;
      --text:#0f172a;
      --sub:#475569;
      --accent:#0284c7;
      --good:#166534;
      --warn:#b45309;
      --bad:#991b1b;
    }
    *{box-sizing:border-box}
    body{margin:0;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:linear-gradient(180deg,#0b1220,#111827);color:var(--text);transition:background .2s ease,color .2s ease} body.light{background:linear-gradient(180deg,#f8fbff,#eaf2fb)}