*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#e0e0e0;background:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit}button,input{font:inherit}.app-shell{grid-template-columns:280px minmax(0,1fr) 320px;gap:0;height:100%;display:grid}.panel,.workspace{background:#0a0a0a;flex-direction:column;min-height:0;display:flex}.panel-left,.workspace{border-right:1px solid #222}.panel-header,.workspace-header{border-bottom:1px solid #222;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.panel-header h1,.panel-header h2,.workspace-header h2,.context-card-header h3{font-size:18px;font-weight:600}.panel-subtitle{color:#666;margin-top:4px;font-size:12px}.secondary-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;padding:6px 10px;font-size:12px}.secondary-btn:hover{color:#ccc;border-color:#555}.secondary-btn:disabled{opacity:.4;cursor:not-allowed}.conversation-list,.memory-list{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.conversation-card,.context-card,.memory-card{background:#111;border:1px solid #222;border-radius:6px}.conversation-card{width:100%;color:inherit;text-align:left;cursor:pointer;padding:12px}.conversation-card:hover{border-color:#333}.conversation-card.active{background:#10131a;border-color:#4c73c7}.conversation-card-top,.conversation-meta,.memory-meta,.workspace-actions,.context-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.channel-pill,.conversation-id-badge,.status,.memory-tag,.context-count{color:#888;text-transform:uppercase;letter-spacing:.4px;border:1px solid #333;border-radius:4px;padding:3px 6px;font-size:11px}.channel-pill{color:#9fb8ff}.conversation-id-badge{text-transform:none;color:#666;margin-top:8px;font-family:SF Mono,Fira Code,monospace}.status{align-items:center;gap:6px;display:flex}.status.streaming{color:#6b8afd}.pulse{background:#6b8afd;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse;display:inline-block}.conversation-time,.conversation-meta,.memory-meta,.tool-summary,.message-role{color:#666;font-size:11px}.conversation-title{color:#e0e0e0;margin-top:8px;font-size:14px;font-weight:600}.conversation-preview{color:#888;margin-top:6px;font-size:13px;line-height:1.5}.empty-panel,.context-empty,.empty{color:#555;font-size:14px}.panel-error{color:#d8a0a0;background:#161010;border:1px solid #4a2b2b;border-radius:6px;margin:12px;padding:10px 12px;font-size:13px}.context-card{flex-direction:column;gap:12px;margin:12px;padding:14px;display:flex}.context-markdown{color:#ccc;font-size:14px;line-height:1.6}.context-markdown p,.context-markdown ul,.context-markdown ol,.text-part p,.text-part ul,.text-part ol,.text-part blockquote,.text-part table{margin:4px 0}.context-markdown code,.text-part code{color:#ccc;background:#1a1a1a;border-radius:3px;padding:2px 5px;font-family:SF Mono,Fira Code,monospace;font-size:12px}.context-markdown pre,.text-part pre,.tool-details pre{background:#0d0d0d;border-radius:6px;margin:8px 0;padding:10px 12px;overflow-x:auto}.memory-card{padding:12px}.memory-content{margin-bottom:10px;font-size:14px;line-height:1.5}.memory-tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.memory-tag,.context-count{color:#9fb8ff}.connection-links{flex-wrap:wrap;gap:8px;display:flex}.connection-link{color:#9fb8ff;border:1px solid #2a3d63;border-radius:4px;padding:4px 10px;font-size:12px;text-decoration:none}.connection-link:hover{color:#d3e0ff;border-color:#4c73c7}.workspace{flex-direction:column;display:flex}.workspace-actions{flex-wrap:wrap;justify-content:flex-end}.messages{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.empty{text-align:center;margin-top:25vh}.message{flex-direction:column;gap:6px;display:flex}.message.scheduled{border-left:3px solid #7c5cbf;padding-left:12px}.message-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.message-role{text-transform:uppercase;letter-spacing:.5px;font-weight:600}.message.user .message-role{color:#6b8afd}.message.assistant .message-role{color:#888}.scheduled-badge{color:#a88ce0;letter-spacing:.3px;font-size:12px;font-weight:600}.message-content{flex-direction:column;gap:8px;display:flex}.text-part{word-break:break-word;font-size:14px;line-height:1.6}.text-part h1,.text-part h2,.text-part h3{color:#e0e0e0;margin-top:12px;margin-bottom:4px}.text-part h1{font-size:18px}.text-part h2{font-size:16px}.text-part h3{font-size:15px}.text-part li{margin:2px 0}.text-part a{color:#6b8afd;text-decoration:none}.text-part a:hover{text-decoration:underline}.text-part pre code{background:0 0;padding:0;font-size:12px;line-height:1.5}.text-part blockquote{color:#888;border-left:3px solid #333;padding-left:12px}.text-part table{border-collapse:collapse;width:100%;font-size:13px}.text-part th,.text-part td{text-align:left;border:1px solid #222;padding:6px 10px}.text-part th{color:#bbb;background:#111;font-weight:600}.thinking-block,.tool-call{border:1px solid #1a1a2e;border-radius:6px;font-size:13px;overflow:hidden}.thinking-header,.tool-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:#777;background:#0d0d1a;align-items:center;gap:8px;padding:8px 12px;display:flex}.thinking-header:hover,.tool-header:hover{background:#12122a}.thinking-content,.tool-details{border-top:1px solid #1a1a2e;padding:12px}.thinking-content{color:#777;white-space:pre-wrap;font-size:12px;font-style:italic;line-height:1.5}.tool-bullet{color:#555;justify-content:center;align-items:center;width:16px;font-size:14px;display:flex}.spinner{border:1.5px solid #333;border-top-color:#888;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin;display:inline-block}.tool-name{color:#999;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.tool-server{color:#6b8afd;margin-right:4px}.tool-server:after{content:" - ";color:#555}.tool-args-preview,.tool-chevron,.tool-toggle,.tool-label,.tool-loading{color:#666;font-size:12px}.tool-details{flex-direction:column;gap:8px;display:flex}.tool-section+.tool-section{margin-top:4px}.tool-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.tool-details pre{color:#777;white-space:pre-wrap;word-break:break-all;background:#111;max-height:300px;font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.5;overflow-y:auto}.input-form{border-top:1px solid #222;gap:8px;padding:16px 20px;display:flex}.input-form input{color:#e0e0e0;background:#111;border:1px solid #333;border-radius:6px;outline:none;flex:1;min-width:0;padding:10px 14px;font-size:14px}.input-form input:focus{border-color:#555}.input-form input::placeholder{color:#444}.input-form button{color:#fff;cursor:pointer;background:#6b8afd;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500}.input-form button:hover{background:#5a7af0}.input-form button:disabled{opacity:.4;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@media (width<=1180px){.app-shell{grid-template-columns:240px minmax(0,1fr) 280px}}@media (width<=900px){html,body,#root{height:auto;min-height:100%}.app-shell{flex-direction:column;display:flex}.panel-left,.workspace{border-right:none}.panel-left,.panel-right,.workspace{border-bottom:1px solid #222}.panel-header,.workspace-header,.workspace-actions,.input-form{flex-direction:column;align-items:stretch}}