:root{--primary-color: #000000;--secondary-color: #1A1A1A;--accent-color: #00FF00;--highlight-color: #00CC00;--background-color: #0D0D0D;--text-color: #00FF00;--border-color: #00CC00;--font-size-small: 14px;--font-size-medium: 18px;--font-size-large: 24px;--spacing-small: 8px;--spacing-medium: 16px;--spacing-large: 32px;--border-radius: 5px;--transition-speed: .3s;--user-message-bg: #004400;--user-message-text: #00FF00;--ai-message-bg: #002244;--ai-message-text: #00CCFF}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Source Code Pro,monospace;color:var(--text-color);background-color:var(--background-color);line-height:1.6;text-shadow:0 0 5px rgba(0,255,0,.8)}h1,h2,h3,h4,h5,h6,p{margin-bottom:var(--spacing-small)}.header{text-align:center}.content{display:grid;grid-template-areas:"header" "main-content";grid-template-rows:1fr 4fr;height:100vh;overflow:hidden}.header{grid-area:header;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.main-content{grid-area:main-content;display:grid;grid-template-areas:"main sidebar";grid-template-columns:4fr 1fr;height:100%;overflow:hidden}.main{grid-area:main;display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar{grid-area:sidebar;background-color:var(--secondary-color);overflow-y:auto;height:100%}.group7-container{flex:3.6 1 0%;display:flex;flex-direction:column;overflow:auto}.group5-container{flex:1.4 1 0%;display:flex;flex-direction:column;overflow:auto}.banner{margin-bottom:var(--spacing-medium)}.button,.thread-button,.test-button{padding:var(--spacing-small) var(--spacing-medium);background-color:transparent;color:var(--accent-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-medium);font-family:Source Code Pro,monospace;transition:background-color var(--transition-speed),transform .2s,box-shadow var(--transition-speed);text-transform:uppercase}.button:hover,.thread-button:hover,.test-button:hover{background-color:var(--highlight-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 0 10px var(--highlight-color)}.button--secondary,.thread-button--secondary,.test-button--secondary{border-color:var(--accent-color)}.button--danger,.thread-button--danger,.test-button--danger{border-color:red;color:red}.button--danger:hover,.thread-button--danger:hover,.test-button--danger:hover{background-color:red;color:var(--primary-color)}.input,textarea.user-input{width:100%;padding:var(--spacing-small);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-medium);color:var(--accent-color);background-color:var(--background-color);transition:border-color var(--transition-speed);font-family:Source Code Pro,monospace}.input:focus,textarea.user-input:focus{border-color:var(--highlight-color);outline:none}.input-group{position:relative;width:100%;margin-bottom:var(--spacing-medium)}.input-icon{position:absolute;top:50%;left:var(--spacing-small);transform:translateY(-50%);color:var(--highlight-color)}.input-group .input{padding-left:40px;transition:color var(--transition-speed)}.input-group .input::placeholder{color:#555;text-align:center}#apiKeyInput:not(:placeholder-shown){color:var(--background-color)}.hidden{display:none}.minimized{max-height:40px!important;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.m-0{margin:0}.p-0{padding:0}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:0}}.flicker{animation:flicker 1.5s infinite}body{text-shadow:0 0 5px rgba(0,255,0,.8)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent-color)}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0d0d0df2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:Source Code Pro,monospace;color:var(--accent-color)}.modal-content{background-color:var(--secondary-color);color:var(--accent-color);margin:5% auto;padding:var(--spacing-large);border:1px solid var(--border-color);width:80%;max-width:600px;border-radius:var(--border-radius);box-shadow:0 0 10px var(--highlight-color);animation:fadeIn var(--transition-speed) ease-in-out;overflow:hidden}.close{color:var(--accent-color);float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:red;text-decoration:none}.group1-container{background-color:var(--secondary-color);padding:var(--spacing-medium);width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.status{font-family:Source Code Pro,monospace;font-size:var(--font-size-large);line-height:var(--font-size-large);margin-bottom:var(--spacing-small);color:var(--accent-color)}.status.disconnected{color:red}.status.connected{color:var(--accent-color)}.user-input-container{width:10%;display:flex;justify-content:center;margin-top:var(--spacing-small)}.group2-container{background-color:var(--secondary-color);padding:var(--spacing-medium);margin-top:var(--spacing-medium);width:100%;box-sizing:border-box;color:var(--accent-color)}.group2-container h3{font-size:var(--font-size-large);margin-bottom:var(--spacing-small);text-align:center;color:var(--accent-color)}.group2-list{list-style-type:none;padding:0}.group2-list li{padding:var(--spacing-small);margin-bottom:var(--spacing-small);background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:background-color var(--transition-speed);cursor:pointer;color:var(--accent-color);font-family:Source Code Pro,monospace}.group2-list li:hover{background-color:var(--highlight-color);color:var(--primary-color)}.group3-container{display:flex;justify-content:center;gap:var(--spacing-medium);flex-wrap:wrap;margin-top:var(--spacing-medium);position:relative}.group3-container .button{flex:1 1 150px;max-width:200px;font-family:Source Code Pro,monospace;color:var(--accent-color);border:1px solid var(--border-color);background-color:transparent}.group3-container .button:hover{background-color:var(--highlight-color);color:var(--primary-color)}.group4-container{background-color:var(--secondary-color);padding:var(--spacing-medium);width:100%;box-sizing:border-box;color:var(--accent-color)}.todo-list{list-style-type:none;padding:0}.todo-list li{margin:var(--spacing-small) 0;padding:var(--spacing-small);border-radius:var(--border-radius);display:flex;align-items:center;text-align:left;color:var(--accent-color);font-family:Source Code Pro,monospace}.todo-list .implemented{color:#0f0}.todo-list .wip{color:#0c0}.separator{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-medium) 0}.section-title{font-weight:700;font-size:var(--font-size-large);margin:var(--spacing-small) 0;color:var(--highlight-color);text-align:center}.section-title.completed{color:var(--accent-color)}.group5-container{background-color:var(--secondary-color);padding:var(--spacing-medium);width:100%;box-sizing:border-box;color:var(--accent-color);display:flex;flex-direction:column;height:100%}.group5-container h3{color:var(--accent-color);font-family:Source Code Pro,monospace;margin-bottom:var(--spacing-small);text-align:center}.tabs{display:flex;border-bottom:1px solid var(--border-color)}.tab{padding:var(--spacing-small);cursor:pointer;border:1px solid var(--border-color);border-bottom:none;background-color:var(--secondary-color);color:var(--accent-color);margin-right:var(--spacing-small);transition:background-color var(--transition-speed);font-family:Source Code Pro,monospace;flex:1;text-align:center}.tab:hover{background-color:var(--highlight-color);color:var(--primary-color)}.tab.active{background-color:var(--highlight-color);border-bottom:1px solid var(--highlight-color);color:var(--primary-color)}.tab-content{background-color:var(--background-color);color:var(--accent-color);padding:var(--spacing-medium);border:1px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;overflow-y:auto;word-break:break-all;font-family:Source Code Pro,monospace;flex-grow:1;height:100%}.group6-container{background-color:var(--secondary-color);padding:var(--spacing-medium);width:100%;box-sizing:border-box;color:var(--accent-color);max-height:400px;overflow-y:auto}.group6-container h1{color:var(--accent-color);font-size:var(--font-size-large);text-align:center;margin-bottom:var(--spacing-medium);font-family:Source Code Pro,monospace}.mermaid{width:100%;overflow:auto}.group7-container{padding:var(--spacing-medium);width:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:3.6;height:100%;overflow:auto}.stream-output{background-color:var(--background-color);padding:var(--spacing-small);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-medium);font-family:Source Code Pro,monospace;animation:fadeIn .5s ease-in-out;display:flex;flex-direction:column;overflow-y:auto;flex-grow:3;height:0;white-space:pre}.user-input{resize:none;overflow:hidden;min-height:60px;padding:var(--spacing-small);font-size:var(--font-size-medium);color:var(--accent-color);background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-medium);font-family:Source Code Pro,monospace}.thread-buttons{display:flex;justify-content:space-between;gap:var(--spacing-small)}.message{padding:var(--spacing-small);margin-bottom:var(--spacing-small);border-radius:var(--border-radius);word-wrap:break-word;max-width:80%}.user-message{background-color:var(--user-message-bg);color:var(--user-message-text);align-self:flex-end}.ai-message{background-color:var(--ai-message-bg);color:var(--ai-message-text);align-self:flex-start}.group8-container{padding:var(--spacing-medium);width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;background-color:var(--secondary-color);color:var(--accent-color);height:100%;overflow:hidden}.assistant-list{display:flex;flex-direction:column;width:100%;align-items:center;max-height:100%;overflow-y:auto}.assistant-column-container{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:var(--spacing-medium)}.assistant-column-container h3{color:var(--accent-color);font-family:Source Code Pro,monospace;margin-bottom:var(--spacing-small);text-align:center}.assistant-column{list-style-type:none;padding:0;width:100%}.assistant-item,.thread-item{padding:var(--spacing-small);margin:var(--spacing-small) 0;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:background-color var(--transition-speed);color:var(--accent-color);cursor:pointer;font-size:var(--font-size-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Source Code Pro,monospace}.assistant-item:hover,.thread-item:hover,.assistant-item.selected{background-color:var(--highlight-color);color:var(--primary-color)}.delimiter{width:100%;height:1px;background-color:var(--border-color);margin:var(--spacing-medium) 0}