/* ============================================================
   Digital Alligator — hacker concept — home.css
   Homepage-only: interactive terminal, input row, quick chips.
   ============================================================ */

.terminal{ height:78vh; min-height:520px; }

.term-body{
  flex:1; overflow-y:auto; padding:18px 20px;
  font-size:13.5px; line-height:1.65;
}
.term-body::-webkit-scrollbar{ width:8px; }
.term-body::-webkit-scrollbar-thumb{ background:var(--green-faint); }

.line.prompt-echo{ color:var(--white); }
.line.prompt-echo .prompt{ color:var(--green); }

.input-row{
  display:flex; align-items:center; gap:8px;
  padding:12px 20px; border-top:1px solid var(--green-faint);
  font-size:13.5px;
}
.input-row .prompt{ color:var(--green); white-space:nowrap; }
.input-row input{
  flex:1; background:none; border:none; outline:none;
  color:var(--white); font-family:'JetBrains Mono',monospace; font-size:13.5px;
  caret-color:var(--green);
}
.cursor-blink{ display:inline-block; width:8px; height:15px; background:var(--green); animation:blink 1s step-end infinite; vertical-align:middle; }

/* quick command chips (mobile-friendly, no typing required) */
.chips{
  display:flex; flex-wrap:wrap; gap:8px; padding:12px 20px 16px;
  border-top:1px solid var(--green-faint);
}
.chip{
  font-size:11.5px; color:var(--green-dim); border:1px solid var(--green-faint);
  padding:6px 12px; cursor:pointer; transition:all .15s; background:none;
  font-family:'JetBrains Mono',monospace;
}
.chip:hover{ color:var(--bg); background:var(--green); border-color:var(--green); }

.progress{ color:var(--green-dim); }
.progress .fill{ color:var(--green); }

@media(max-width:700px){
  .terminal{ height:82vh; }
}