@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&display=swap');

* { margin:0; padding:0; box-sizing:border-box; }

body {
  height:100dvh;
  background:#1a1b26;
  display:grid;
  place-items:center;
  font-family:'JetBrains Mono',monospace;
  overflow:hidden;
}

.terminal {
  width:95vw; height:95dvh;
  max-width:1400px; max-height:960px;
  background:rgba(26,27,38,0.95);
  backdrop-filter:blur(20px);
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,0.7);
  border:1px solid #414868;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.header {
  height:38px;
  background:rgba(36,38,58,0.9);
  border-bottom:1px solid #414868;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  user-select:none;
}

.tab {
  background:#24283b;
  color:#a9b1d6;
  padding:0 16px;
  line-height:28px;
  border-radius:8px;
  font-size:13px;
  font-weight:500;
}

.tab.active { background:#7aa2f7; color:#1a1b26; }

.window-buttons span {
  width:12px; height:12px; border-radius:50%;
}

.min   { background:#e2e2e2; }
.max   { background:#159404; }
.close { background:#f7768e; }

.body {
  flex:1;
  padding:28px 32px;
  color:#c0caf5;
  overflow-y:auto;
  line-height:1.7;
  font-size:clamp(16px,1.8vw,20px);
}

.body::-webkit-scrollbar { width:8px; }
.body::-webkit-scrollbar-thumb { background:#414868; border-radius:4px; }

.prompt { color:#7aa2f7; }

.input {
  outline:none;
  color:#c0caf5;
  background:transparent;
  margin-left:8px;
  min-width:10px;
}

.input::after {
  content:"";
  display:inline-block;
  width:10px; height:1.4em;
  background:#bb9af7;
  margin-left:4px;
  animation:blink 1s steps(1) infinite;
  vertical-align:middle;
}

@keyframes blink { 50% { opacity:0; } }

.cmd  { color:#7aa2f7; font-weight:bold; }
.link { color:#7aa2f7; text-decoration:underline; cursor:pointer; }
.link:hover { color:#bb9af7; }
.prompt { color: #159404; font-weight: 600; user-select: none; }