:root{--bg-primary: #1c1d20;--text-primary: #f8f8f2;--text-secondary: #bd93f9;--accent-primary: #50fa7b;--accent-secondary: #ffb86c;--prompt-color: var(--accent-primary);--font-family-mono: "Courier New", monospace;--font-size-base: 16px;--font-size-sm: 14px;--line-height-base: 1.6;--line-height-sm: 1.2;--spacing-xs: 2px;--spacing-sm: 10px;--spacing-md: 20px;--spacing-lg: 30px;--terminal-width: 900px;--min-terminal-width: 320px;--fetch-image-width: 300px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--font-size-base)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-mono);padding:var(--spacing-md);line-height:var(--line-height-base);min-width:var(--min-terminal-width)}span{text-wrap:wrap}textarea{resize:none}#terminal{max-width:var(--terminal-width);margin:0 auto}.prompt{display:flex;align-items:center;color:var(--prompt-color)}.prompt:before{content:none}.prompt-user{color:var(--accent-primary)}.prompt-at{color:var(--text-primary);margin:0 2px}.prompt-host{color:var(--accent-primary)}.prompt-colon{color:var(--text-primary)}.prompt-path{color:var(--accent-secondary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-symbol{color:var(--prompt-color);margin:0 8px}#input-line{display:flex;align-items:center;width:100%}#cmd-input{background:transparent;border:none;color:var(--text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-base);flex-grow:1;outline:none;caret-color:var(--prompt-color)}.fetch-container{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;flex-wrap:wrap}.chat-message{margin:5px 0;padding:5px;border-radius:3px}.chat-message.self{background-color:#6464ff1a}.chat-message.system{color:#888;font-style:italic}.ascii-art{flex:0 0 var(--fetch-image-width);min-width:200px}.info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm);line-height:var(--line-height-sm);min-width:250px}.info-line{display:flex;gap:var(--spacing-sm);white-space:nowrap}.info-label{min-width:80px}.hidden{display:none!important}.command{color:var(--text-secondary)}.highlight{color:var(--accent-secondary)}.separator{text-align:left;margin:var(--spacing-xs) 0;opacity:.8}.ls-container{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;background-color:#262728;border:1px solid #000;border-radius:6px;margin:1rem 0;font-family:monospace;color:#dcdcdc}.ls-header{font-weight:700;color:#00aeff;margin-bottom:.75rem;padding:.25rem .5rem}.ls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.ls-item{padding:.25rem .5rem;border-radius:4px;transition:background .2s}.ls-item.dir:hover{background-color:#263238;color:#80cbc4}.ls-item.file:hover{background-color:#2c2c2c;color:#a1cfff}.ls-prefix{margin-right:.5rem}.ls-name{word-break:break-all}.cat-container{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;background-color:#262728;border:1px solid #000;border-radius:6px;margin:1rem 0;color:#dcdcdc;font-family:monospace}.cat-header{font-weight:700;margin-bottom:.5rem;color:#7dd3fc;padding:.25rem .5rem}.cat-content{white-space:pre-wrap;overflow-x:auto;max-height:400px;padding:.5rem;border-radius:4px;color:#dcdcdc}img{max-width:100%;height:auto;filter:grayscale(100%) brightness(90%) contrast(120%);border-radius:4px;transition:filter .3s ease}img:hover{filter:grayscale(50%) brightness(100%) contrast(110%)}@media (max-width: 600px){:root{--font-size-base: 14px;--spacing-md: 10px}.fetch-container{flex-direction:column;align-items:center;text-align:center}.info-line{justify-content:start}.ascii-art{max-width:100%}.prompt:before{content:"$ "}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#cmd-input:after{content:"▋";animation:blink 1s step-end infinite;margin-left:2px}@media print{body{background-color:#fff;color:#000}#input-line{display:none}img{filter:grayscale(100%)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}[role=button],button{cursor:pointer}:focus{outline:2px solid var(--accent-primary);outline-offset:2px}
