/* Terminal easter egg: the interactive shell that appears under the whoami bio (term-cli.js). Always English. */
.term .chips.cli { display: block; flex: none; margin-bottom: 4px; color: #a1a1aa; }
.term .tcol { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #27272a transparent; }
.cli-out { margin: 2px 0; white-space: normal; word-break: break-word; }
.cli-out.err { color: #f87171; }
.cli-out.ok { color: var(--term-green); }
.cli-out .cmd { color: #fafafa; }
.cli-cmd { display: inline-block; min-width: 150px; color: #fafafa; }
.cli-dim { color: #52525b; }
.cli-key { color: #79c0ff; }
.cli-str { color: #a5d6ff; }
.cli-link { appearance: none; padding: 0; border: 0; background: none; font: inherit; color: var(--term-green); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.cli-link:hover { color: #6ee7b7; }
.cli-line { display: flex; align-items: center; gap: 0; margin-top: 2px; cursor: text; }
.cli-in { flex: 1; min-width: 0; margin-left: .6em; padding: 0; border: 0; outline: 0; background: none; font: inherit; color: #fafafa; caret-color: var(--term-green); }
.cli-in::placeholder { color: #3f3f46; }
.cli-bar { display: inline-block; width: 90px; height: 6px; margin-left: 6px; vertical-align: middle; border-radius: 3px; background: linear-gradient(90deg, var(--term-green) 0 0) no-repeat #1f1f22; background-size: 0 100%; animation: cli-fill 1.3s ease-out forwards; }
@keyframes cli-fill { to { background-size: 100% 100%; } }
@media (max-width: 700px) {
  .cli-cmd { min-width: 0; margin-right: 8px; }
  /* iOS zooms into any input under 16px and doesn't zoom back out: render it at 16px, scaled down to match the 13px text */
  .cli-in { font-size: 16px; transform: scale(.8125); transform-origin: 0 50%; }
}
@media (prefers-reduced-motion: reduce) { .cli-bar { animation: none; background-size: 100% 100%; } }