:root{--terminal-bg: #1a1b1e;--terminal-text: #f8f8f2;--terminal-prompt: #50fa7b;--terminal-border: #6272a4;--terminal-selection: #44475a;--terminal-error: #ff5555;--terminal-success: #50fa7b}html,body{height:100%;overflow:hidden}body{font-family:Fira Code,Consolas,monospace;background-color:#282c34;color:var(--terminal-text);margin:0;padding:0}#root{height:100vh;display:flex;flex-direction:column}.app{height:100vh;display:flex;flex-direction:column;animation:fadeIn .3s ease-in}.title-bar{background:linear-gradient(135deg,#3c3c3c,#2a2a2a);height:40px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--terminal-border);-webkit-user-select:none;user-select:none;flex-shrink:0}.title-bar-controls{display:flex;gap:8px;margin-right:16px}.control-button{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:opacity .2s}.control-button:hover{opacity:.8}.control-button.close{background:#ff5f56}.control-button.minimize{background:#ffbd2e}.control-button.maximize{background:#27ca3f}.title-bar-title{color:var(--terminal-text);font-size:14px;font-weight:500;opacity:.9}.title-bar-spacer{flex:1}.terminal{background-color:var(--terminal-bg);border-left:1px solid var(--terminal-border);border-right:1px solid var(--terminal-border);border-bottom:1px solid var(--terminal-border);padding:clamp(.75rem,2vw,1.5rem);overflow:hidden;position:relative;flex:1;display:flex;flex-direction:column}.terminal-line{margin-bottom:.5rem;animation:commandFadeIn .2s ease-out}.terminal-line.error .output-line{color:var(--terminal-error)}.terminal-line.success .output-line{color:var(--terminal-success)}.command-line{color:var(--terminal-text);margin-bottom:.25rem}.output-line{padding-left:1rem;white-space:pre-wrap;font-size:clamp(.85rem,2vw,1rem)}.output-line a{color:var(--terminal-text);text-decoration:none;border-bottom:1px dashed var(--terminal-border);transition:color .2s,border-color .2s}.output-line a:hover{color:var(--terminal-prompt);border-bottom-color:var(--terminal-prompt)}.terminal pre{margin:0;padding:0;white-space:pre-wrap;word-wrap:break-word;font-size:clamp(.85rem,2vw,1rem);line-height:1.6;flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--terminal-border) var(--terminal-bg)}.input-container{display:flex;align-items:center;padding:.5rem 0;border-top:1px solid var(--terminal-border);margin-top:1rem}.prompt{color:var(--terminal-prompt);font-weight:700;margin-right:.5rem;font-size:clamp(1rem,2vw,1.1rem)}.input-container input{background:transparent;border:none;color:var(--terminal-text);font-family:inherit;font-size:clamp(.85rem,2vw,1rem);width:100%;padding:.3rem;outline:none}.input-container input::placeholder{color:#f8f8f280}.input-wrapper{position:relative}.suggestions-menu{position:absolute;bottom:100%;left:0;right:0;background:var(--terminal-bg);border:1px solid var(--terminal-border);border-radius:4px;margin-bottom:8px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 -4px 12px #0000004d}.suggestion-item{padding:8px 12px;cursor:pointer;color:var(--terminal-text);font-family:inherit;font-size:clamp(.85rem,2vw,1rem);transition:background-color .15s ease}.suggestion-item:hover,.suggestion-item.selected{background:var(--terminal-border);color:var(--terminal-prompt)}.suggestion-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.suggestion-item:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}@keyframes commandFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.terminal::-webkit-scrollbar{width:8px}.terminal::-webkit-scrollbar-track{background:var(--terminal-bg)}.terminal::-webkit-scrollbar-thumb{background:var(--terminal-border);border-radius:4px}.terminal::-webkit-scrollbar-thumb:hover{background:#7283bf}::selection{background:var(--terminal-selection);color:var(--terminal-text)}