.cli-container{background:#0a0a0a;flex-direction:column;width:100vw;height:100vh;font-family:Courier New,monospace;display:flex;overflow:hidden}.cli-header{background:linear-gradient(#1a1a1a 0%,#0f0f0f 100%);border-bottom:1px solid #06b6d4;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;box-shadow:0 2px 10px #06b6d41a}.cli-header-buttons{gap:.5rem;display:flex}.cli-btn{cursor:pointer;border-radius:50%;width:12px;height:12px;transition:opacity .2s}.cli-btn:hover{opacity:.8}.cli-btn-close{background:#ff5f56}.cli-btn-minimize{background:#ffbd2e}.cli-btn-maximize{background:#27c93f}.cli-header-title{color:#22d3ee;letter-spacing:.5px;font-size:.875rem;font-weight:600}.cli-header-actions{gap:.5rem;display:flex}.cli-header-btn{color:#fff;cursor:pointer;background:#0891b2;border:1px solid #06b6d4;padding:.25rem .75rem;font-family:Courier New,monospace;font-size:.75rem;transition:all .2s}.cli-header-btn:hover{background:#06b6d4;box-shadow:0 0 10px #06b6d44d}.cli-terminal{color:#e0f2fe;background:#0a0a0a;flex:1;padding:1.5rem;font-size:.9rem;line-height:1.6;overflow-y:auto}.cli-terminal::-webkit-scrollbar{width:8px}.cli-terminal::-webkit-scrollbar-track{background:#1a1a1a}.cli-terminal::-webkit-scrollbar-thumb{background:#0891b2;border-radius:4px}.cli-entry{margin-bottom:1.5rem}.cli-prompt-line{align-items:center;margin-bottom:.5rem;display:flex}.cli-prompt{flex-shrink:0;align-items:center;margin-right:.5rem;display:flex}.cli-user{color:#22d3ee;font-weight:700}.cli-separator{color:#666;margin:0 .25rem}.cli-path{color:#0ea5e9}.cli-dollar{color:#06b6d4;margin-left:.25rem;font-weight:700}.cli-command{color:#a5f3fc}.cli-input-line{align-items:center;display:flex}.cli-input{color:#a5f3fc;caret-color:#06b6d4;background:0 0;border:none;outline:none;flex:1;font-family:Courier New,monospace;font-size:.9rem}.cli-output{color:#cffafe;padding-left:0}.cli-welcome{text-align:center;margin-bottom:2rem}.cli-ascii-art{color:#06b6d4;text-shadow:0 0 10px #06b6d480;margin-bottom:1rem;font-size:.5rem;line-height:1.2}.cli-intro{margin-top:1rem}.cli-subtitle{color:#22d3ee;margin-bottom:.5rem;font-size:1.1rem}.cli-version{color:#6b7280;margin-bottom:1rem;font-size:.85rem}.cli-hint{color:#94a3b8;margin-top:.5rem;font-size:.85rem}.cli-cmd-hint{color:#06b6d4;font-weight:700}.cli-section{margin-top:1rem}.cli-section-title{color:#06b6d4;margin-bottom:1rem;font-size:1rem;font-weight:700}.cli-text{color:#e0f2fe;margin-bottom:.5rem;line-height:1.6}.cli-label{color:#22d3ee;margin-right:.5rem;font-weight:700}.cli-help{margin-top:1rem}.cli-command-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-top:1rem;display:grid}.cli-command-grid div{color:#cffafe}.cli-cmd{color:#06b6d4;font-weight:700}.cli-skill{border-left:2px solid #0891b2;margin-bottom:1.5rem;padding-left:1rem}.cli-skill-name{color:#22d3ee;font-size:1rem;font-weight:700}.cli-skill-level{color:#0ea5e9;margin-left:.5rem;font-size:.85rem}.cli-skill-desc{color:#cffafe;margin-top:.25rem;font-size:.9rem}.cli-project-list{margin-top:1rem}.cli-project-item{border-bottom:1px solid #1a1a1a;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.cli-project-icon{color:#fbbf24;font-size:1rem}.cli-project-id{color:#0891b2;min-width:150px;font-family:Courier New,monospace}.cli-project-name{color:#e0f2fe;flex:1}.cli-project-cat{color:#6b7280;font-size:.85rem}.cli-featured-project{background:#0891b20d;border:1px solid #0891b2;margin-bottom:1.5rem;padding:1rem}.cli-project-meta{color:#6b7280;margin-top:.5rem;font-size:.85rem}.cli-project-detail{margin-top:1rem}.cli-project-header{color:#06b6d4;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.cli-detail-grid{background:#06b6d40d;border:1px solid #0891b2;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.cli-stack-grid{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.cli-stack-item{color:#22d3ee;background:#06b6d41a;border:1px solid #0891b2;padding:.25rem .75rem;font-size:.85rem}.cli-error{color:#ef4444;margin-top:.5rem}.cli-success{color:#10b981;margin-top:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cli-input:after{content:"█";animation:1s infinite blink}@media (max-width:768px){.cli-terminal{padding:1rem;font-size:.8rem}.cli-ascii-art{font-size:.35rem}.cli-command-grid,.cli-detail-grid{grid-template-columns:1fr}.cli-header-title{display:none}}