.html, body { height: 100%; margin: 0; }
body { background: #000000; color: #cccccc; font-family: "Courier New", Courier, monospace; }
.terminal { box-sizing: border-box; min-height: 100vh; padding: 12px; display: block; }
.term-output { max-height: calc(100vh - 64px); overflow-y: auto; padding: 8px; white-space: pre-wrap; }
.term-output .line { margin: 0 0 4px 0; }
.term-input-line { display:flex; align-items:baseline; gap:0.5rem; margin: 0; padding: 0; }
.prompt { color: #00ff00; min-width: auto; white-space: nowrap; margin-right: 0.5rem; }
.term-input { flex:1; background: transparent; border: none; outline: none; color: #cccccc; font-family: inherit; font-size: 1rem; line-height: 1.4; padding: 0; margin: 0; }
.term-input::placeholder { color: #555555; }
.term-result-ok { color: #00ff00; }
.term-result-err { color: #ff0000; }
.term-cmd { color: #0099ff; }
.term-help { color: #ffff00; }
.term-output::-webkit-scrollbar { height:8px; width:8px; }
.term-output::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 4px; }
.term-output::-webkit-scrollbar-track { background: transparent; }