:root{
  --bg: #0b0b10;
  --border: #2a2a38;
  --text: #d9dbe3;
  --dim: #6f7383;
  --accent: #a48cf2;
  --accent2: #6fd3e8;
  --green: #7ee787;
  --yellow: #e8c87e;
  --red: #f27878;
}
*{ box-sizing: border-box; }
html,body{
  height:100%;
  margin:0;
  background: var(--bg);
  color: var(--text);
  font-family: "Cascadia Code","Fira Code","JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  font-size: 14px;
}
#term{
  width: 100%;
  height: 100vh;
  background: var(--bg);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
#body{
  flex:1;
  overflow-y:auto;
  padding: 18px 20px;
  line-height: 1.5;
  cursor:text;
}
#body::-webkit-scrollbar{ width:10px; }
#body::-webkit-scrollbar-thumb{ background: var(--border); border-radius:6px; }
.line{ white-space: pre-wrap; word-break: break-word; }
.dim{ color: var(--dim); }
.accent{ color: var(--accent); }
.accent2{ color: var(--accent2); }
.green{ color: var(--green); }
.yellow{ color: var(--yellow); }
.red{ color: var(--red); }
.bold{ font-weight:600; }
a.termlink{ color: var(--accent2); text-decoration: underline; }
#inputline{
  display:flex;
  align-items:center;
  gap: 8px;
}
#promptEl{ white-space:pre; flex-shrink:0; }
#inputForm{ flex:1; display:flex; }
#cmdInput{
  flex:1;
  background: transparent;
  border: none;
  outline: none;
  color: var(--text);
  font: inherit;
  caret-color: var(--accent);
}
.fastfetch{
  display:flex;
  gap: 26px;
  flex-wrap: wrap;
}
.fastfetch .info{ min-width: 220px; }
.fastfetch .info .k{ color: var(--accent2); }
.swatches{ display:flex; }
.swatches span{ width: 22px; height: 14px; display:inline-block; }
.banner{ color: var(--accent); line-height:1.05; margin:0; }