:root{
  --bg:#0f1115;
  --card:#161a22;
  --border:#23283a;
  --text:#e6e8ee;
  --muted:#9aa0b4;
  --primary:#4f7cff;
  --ok:#2ecc71;
  --warn:#f1c40f;
  --bad:#e74c3c;
  --purp:#a855f7;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;
  background:var(--bg);
  color:var(--text);
}
a{color:inherit}
input,button{font:inherit}
.center{display:flex;align-items:center;justify-content:center;padding:18px}
.small{font-size:12px}
.muted{color:var(--muted)}
.hr{height:1px;background:var(--border);margin:12px 0}