:root{--metis-primary:#3490dc;--metis-secondary:#38b2ac;--metis-dark:#1a202c;--metis-darker:#0f1419;--metis-light:#e2e8f0;--metis-light-gray:#cbd5e0;--metis-success:#48bb78;--metis-warning:#ed8936;--metis-error:#e53e3e}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--metis-dark);color:white}.metis-container{display:flex;flex-direction:column;height:100vh;width:100%}.metis-header{background-color:var(--metis-darker);border-bottom:1px solid #2d3748;padding:.75rem 1rem;position:fixed;top:0;left:0;right:0;z-index:10}.metis-header-content{justify-content:space-between}.metis-header-content,.metis-logo{display:flex;align-items:center}.metis-logo-icon{margin-right:1rem;color:var(--metis-primary)}.metis-title{font-size:1.25rem;font-weight:600;color:white;margin:0}.metis-subtitle{font-size:.75rem;color:#a0aec0;margin:0}.metis-status{display:flex;align-items:center;font-size:.875rem;color:#cbd5e0}.metis-status-icon{color:var(--metis-primary);margin-right:.5rem;height:1rem;width:1rem}.metis-separator{margin:0 .5rem;color:#4a5568}.metis-status-uptime{color:var(--metis-secondary)}.metis-main{flex:1;display:flex;flex-direction:column;margin-top:4rem;overflow:hidden}.metis-messages{flex:1;overflow-y:auto;padding:.5rem 1rem}.metis-message-list{display:flex;flex-direction:column;gap:1rem}.metis-welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a0aec0}.metis-welcome-title{margin-bottom:.5rem;font-size:1.25rem}.metis-welcome-subtitle{font-size:.875rem}.metis-input-container{border-top:1px solid #2d3748;background-color:var(--metis-dark);padding:1rem}.metis-input-box{position:relative;background-color:var(--metis-darker);border-radius:.5rem;box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.1)}.metis-textarea{width:100%;background-color:transparent;color:white;border:none;padding:1rem 3rem 1rem 1rem;resize:none;border-radius:.5rem;outline:none}.metis-send-button{position:absolute;right:.75rem;bottom:.75rem;padding:.5rem;border-radius:9999px;background-color:transparent;border:none;cursor:pointer;color:var(--metis-primary)}.metis-send-button:disabled{color:#4a5568;cursor:not-allowed}.metis-send-button:hover:not(:disabled){background-color:rgba(52,144,220,.2)}.metis-input-help{font-size:.75rem;color:#718096;margin-top:.5rem;text-align:center}.metis-loading{display:flex;margin-bottom:1rem}.metis-loading-icon{height:2.5rem;width:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-right:.75rem;background-color:var(--metis-darker);border:1px solid #2d3748}.metis-loading-dots{display:flex;align-items:center;color:var(--metis-primary)}.metis-loading-dot{height:.5rem;width:.5rem;border-radius:50%;background-color:var(--metis-primary);margin-right:.25rem;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.metis-loading-dot:nth-child(2){animation-delay:.2s}.metis-loading-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.metis-terminal{position:fixed;z-index:20;background-color:rgba(0,0,0,.9);border:1px solid #2d3748;border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);overflow:hidden;transition:all .3s ease-in-out}.metis-terminal.expanded{inset:1rem}.metis-terminal.collapsed{bottom:5rem;right:1rem;width:75%;max-width:48rem;height:16rem}.metis-terminal-header{justify-content:space-between;background-color:var(--metis-darker);padding:.5rem 1rem;border-bottom:1px solid #2d3748}.metis-terminal-header,.metis-terminal-title{display:flex;align-items:center}.metis-terminal-icon{height:1.25rem;width:1.25rem;color:var(--metis-primary);margin-right:.5rem}.metis-terminal-label{font-size:.875rem;font-weight:500;color:white}.metis-terminal-controls{display:flex;align-items:center}.metis-terminal-button{color:#a0aec0;margin-left:.5rem;padding:.25rem;background-color:transparent;border:none;cursor:pointer}.metis-terminal-button:hover{color:white}.metis-terminal-content{overflow:auto;padding:1rem;height:100%;font-family:monospace;font-size:.875rem}.metis-terminal-output{color:#48bb78;white-space:pre-wrap}.metis-task-plan{padding:1rem}.metis-task-header{font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#a0aec0;display:flex;align-items:center}.metis-task-list{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.metis-task-item{display:flex;align-items:center;font-size:.875rem;padding:.25rem 0}.metis-task-icon{height:1rem;width:1rem;margin-right:.5rem}.metis-task-icon.complete{color:var(--metis-success)}.metis-task-icon.pending{color:var(--metis-primary)}