:root {
  --bg: #0b0f10;
  --primary: #eab6ef;
  --secondary: #ff48e1;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--primary);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 1.2em;
}

.terminal { max-width: 900px; margin: 40px auto; padding: 24px; }
.highlight { color: var(--secondary); }
.error { color: var(--primary);}
.date { color: white; }
.output { white-space: pre-wrap; }
.line { margin: 5px 0; }
.cmd-input {
  flex: 1;
  background: transparent;
  border: none; 
  outline: none;
  color: var(--secondary);
  caret-color: var(--primary);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: inherit;
}