@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&display=swap";:root{--term-bg:#0d0d0d;--term-fg:#3f0;--term-muted:#1a8000;--term-alert:#f33;--term-font:"Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--term-font);background-color:var(--term-bg);color:var(--term-fg);text-shadow:0 0 5px #33ff0080;flex-direction:column;min-height:100vh;margin:0;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;height:100vh;display:flex}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--term-bg)}::-webkit-scrollbar-thumb{background:var(--term-muted)}::-webkit-scrollbar-thumb:hover{background:var(--term-fg)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor{background-color:var(--term-fg);vertical-align:text-bottom;width:10px;height:1.2em;animation:1s step-end infinite blink;display:inline-block}.text-muted{color:var(--term-muted)}.text-alert{color:var(--term-alert)}.text-primary{color:var(--term-fg)}.app-container{flex-direction:column;height:100vh;padding:20px;display:flex;overflow:hidden}.terminal-header{border-bottom:1px solid var(--term-muted);margin-bottom:20px;padding-bottom:10px}.terminal-body{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.terminal-output{flex-grow:1;margin-bottom:10px;padding-bottom:10px;overflow-y:auto}.input-line{border-top:1px dashed var(--term-muted);flex-shrink:0;align-items:center;padding-top:10px;display:flex}.prompt{margin-right:10px}.terminal-input{color:var(--term-fg);font-family:var(--term-font);text-shadow:0 0 5px #33ff0080;background:0 0;border:none;outline:none;flex-grow:1;font-size:1rem}.terminal-input::placeholder{color:var(--term-muted)}
