:root {
  color-scheme: dark;
  --bg: #050a12;
  --panel: #07131f;
  --line: #183b52;
  --text: #e5f7ff;
  --muted: #8cadbf;
  --cyan: #3ee9ff;
  --green: #65f2aa;
  --yellow: #ffd166;
  --red: #ff6b81;
}
* { box-sizing: border-box; }
html, body {
  width: 2048px;
  height: 927px;
  margin: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 4%, rgba(140, 59, 255, 0.13), transparent 36%),
    linear-gradient(180deg, #07111d 0%, #040910 100%);
  color: var(--text);
  font-family: "Cascadia Code", "Cascadia Mono", Consolas, monospace;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(to bottom, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 4px);
}
.terminal {
  width: 1948px;
  height: 847px;
  margin: 40px 50px;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(5, 14, 23, .97);
  box-shadow: 0 30px 85px rgba(0,0,0,.48), 0 0 46px rgba(62,233,255,.08);
}
.titlebar {
  height: 58px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0 24px;
  border-bottom: 1px solid var(--line);
  background: #0d1b29;
  color: var(--muted);
  font-size: 20px;
}
.dot { width: 14px; height: 14px; border-radius: 50%; }
.red { background: var(--red); }
.yellow { background: var(--yellow); }
.green { background: var(--green); }
.title { margin-left: 10px; }
pre {
  margin: 0;
  padding: 28px 38px;
  white-space: pre-wrap;
  font-size: 23px;
  line-height: 1.43;
  letter-spacing: .1px;
}
.prompt { color: var(--cyan); }
.ok { color: var(--green); }
.warn { color: var(--yellow); }
.error { color: var(--red); }
.muted { color: var(--muted); }
.strong { color: #fff; font-weight: 700; }

