*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a1a;--surface: #242424;--border: #333;--text: #e0e0e0;--text-muted: #888;--accent: #4a9eff;--user-bg: #2a3f5f;--assistant-bg: #2a2a2a;--tool-bg: #1e2a1e;--tool-done: #1e2e1e;--error: #ff6b6b}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;font-size:15px;line-height:1.5}.app-shell{display:flex;flex-direction:column;height:100%}.status-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.header-search{flex:1;max-width:400px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:13px;padding:6px 10px}.header-search:focus{outline:2px solid var(--accent);border-color:transparent}.hamburger-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;padding:2px 6px;line-height:1;border-radius:4px;flex-shrink:0;margin-left:auto}.hamburger-btn:hover{color:var(--text)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.status-ready{background:#5c9}.status-dot.status-busy{background:#f90}.status-dot.status-offline{background:#c55}.status-label{font-size:12px;color:var(--text-muted)}.login-wrap{display:flex;align-items:center;justify-content:center;height:100%}.login-form{display:flex;flex-direction:column;gap:12px;width:320px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:32px}.login-form h1{font-size:1.3rem;margin-bottom:8px}.login-form input{background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:8px 12px;font-size:14px}.login-form input:focus{outline:2px solid var(--accent)}.login-form button{background:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:9px;margin-top:4px}.login-form button:disabled{opacity:.5;cursor:default}.error{color:var(--error);font-size:13px}.layout{display:flex;flex:1;overflow:hidden;position:relative}.chat{display:flex;flex-direction:column;flex:1;min-width:0;height:100%}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px}.message{display:flex;flex-direction:column}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.msg-time{font-size:11px;color:var(--text-muted);opacity:.6;padding:2px 4px;-webkit-user-select:none;user-select:none}.bubble{max-width:72%;padding:10px 14px;border-radius:12px;white-space:pre-wrap;word-break:break-word;font-size:14px}.message.user .bubble{background:var(--user-bg);border-bottom-right-radius:3px}.message.assistant .bubble{background:var(--assistant-bg);border:1px solid var(--border);border-bottom-left-radius:3px}.insight-block{background:#b48c1e14;border-left:3px solid rgba(180,140,30,.45);border-radius:0 4px 4px 0;margin:8px 0;padding:8px 12px}.bubble.typing{display:flex;align-items:center;gap:7px;color:var(--text-muted)}.thinking-label{font-style:italic}.thinking-dots{display:inline-flex;gap:4px;align-items:center}.thinking-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted);animation:thinking-bounce 1.4s ease-in-out infinite}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinking-bounce{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:.9;transform:translateY(-4px)}}.thinking-timer{font-size:11px;font-family:monospace;opacity:.6}.bubble.md{white-space:normal}.bubble.md p{margin:0 0 8px}.bubble.md p:last-child{margin-bottom:0}.bubble.md h1,.bubble.md h2,.bubble.md h3,.bubble.md h4,.bubble.md h5,.bubble.md h6{font-weight:600;margin:12px 0 4px;line-height:1.3}.bubble.md h1{font-size:1.15em}.bubble.md h2{font-size:1.05em}.bubble.md h3,.bubble.md h4,.bubble.md h5,.bubble.md h6{font-size:1em}.bubble.md ul,.bubble.md ol{padding-left:20px;margin:0 0 8px}.bubble.md li{margin:2px 0}.bubble.md code{font-family:monospace;font-size:12px;background:#00000040;border-radius:3px;padding:1px 5px}.bubble.md pre{background:#00000040;border-radius:5px;padding:10px 12px;overflow-x:auto;margin:6px 0}.bubble.md pre code{background:none;padding:0;font-size:12px}.bubble.md blockquote{border-left:3px solid var(--border);margin:6px 0;padding:2px 12px;color:var(--text-muted)}.bubble.md strong{font-weight:600}.bubble.md em{font-style:italic}.bubble.md a{color:var(--accent)}.bubble.md hr{border:none;border-top:1px solid var(--border);margin:10px 0}.bubble.md table{border-collapse:collapse;margin:6px 0;font-size:13px}.bubble.md th,.bubble.md td{border:1px solid var(--border);padding:4px 10px}.bubble.md th{background:#ffffff0d;font-weight:600}.search-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.search-results{flex:1;overflow-y:auto}.search-hint{color:var(--text-muted);font-size:13px;font-style:italic;padding:14px 16px}.search-result{display:flex;align-items:baseline;gap:10px;padding:10px 16px;cursor:pointer;border-bottom:1px solid var(--border);line-height:1.4}.search-result:hover{background:var(--surface)}.search-result-role{flex-shrink:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;width:46px}.search-result-role.role-user{color:var(--accent)}.search-result-role.role-assistant{color:#8b8}.search-result-time{flex-shrink:0;font-size:11px;color:var(--text-muted);opacity:.7}.search-result-snippet{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.search-result-snippet mark{background:#ffd20038;color:var(--text);border-radius:2px;padding:0 1px;font-style:normal}@keyframes search-flash{0%,20%{box-shadow:0 0 0 2px #ffd20080}to{box-shadow:0 0 0 2px transparent}}.search-highlight{animation:search-flash 1.5s ease-out}.load-more-wrap{display:flex;justify-content:center;padding:4px 0 8px}.load-more-btn{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px 14px}.load-more-btn:hover{border-color:var(--text-muted);color:var(--text)}.system-marker{text-align:center;font-size:11px;font-style:italic;color:var(--text-muted);padding:2px 0;opacity:.6}.tool-entry{display:flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:6px;border:1px solid var(--border);background:var(--tool-bg);font-size:13px;flex-wrap:wrap;-webkit-user-select:none;user-select:none;max-width:72%;align-self:flex-start}.tool-entry.expandable{cursor:pointer}.tool-entry.done{background:var(--tool-done)}.tool-icon{font-size:16px;flex-shrink:0}.tool-entry.running .tool-icon{color:var(--accent)}.tool-entry.done .tool-icon{color:#6a9}.tool-entry.error .tool-icon{color:var(--error)}.tool-entry.error{background:#c8505014;border-color:#c850504d}.tool-name{font-weight:600;color:var(--text);flex-shrink:0}.tool-summary{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.tool-chevron{font-size:22px;color:var(--text-muted);flex-shrink:0;margin-left:auto}.tool-diff{white-space:normal;padding:6px 8px}.diff-line{font-family:monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;line-height:1.4;padding:0 2px}.diff-line.diff-add{background:#64c8641f;color:#6a9}.diff-line.diff-del{background:#c850501a;color:#c66}.diff-line.diff-ctx{color:var(--text-muted)}.tool-detail.muted-italic{color:var(--text-muted);font-style:italic}.tool-detail{width:100%;margin-top:8px;padding:8px;background:var(--bg);border-radius:4px;font-family:monospace;font-size:12px;color:var(--text-muted);white-space:pre-wrap;word-break:break-all}.input-area{display:flex;flex-direction:column;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.input-resize-handle{height:5px;cursor:row-resize;background:var(--border);flex-shrink:0;transition:background .15s}.input-resize-handle:hover{background:var(--accent)}.input-area textarea{flex:1;background:var(--bg);border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:inherit;font-size:14px;padding:8px 12px;resize:none;min-height:0}.input-area textarea:focus{outline:none;border-bottom-color:var(--accent)}.input-area textarea:disabled{opacity:.5}.input-controls{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;flex-shrink:0}.plan-mode-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.plan-mode-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.input-controls button{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:7px 18px}.input-controls button:disabled{opacity:.4;cursor:default}.input-controls .stop-btn{background:var(--error)}.resize-handle{width:5px;flex-shrink:0;cursor:col-resize;background:var(--border);transition:background .15s}.resize-handle:hover{background:var(--accent)}.right-panel{flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow-y:auto}.panel-section{padding:16px;border-bottom:1px solid var(--border)}.panel-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-title-actions{display:flex;gap:6px}.panel-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.clear-diff-btn{font-size:11px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;padding:2px 7px}.clear-diff-btn:hover{border-color:var(--text-muted);color:var(--text)}.panel-empty{font-size:13px;color:var(--text-muted);font-style:italic}.todo-list{list-style:none;display:flex;flex-direction:column;gap:6px}.todo-item{display:flex;align-items:baseline;gap:6px;font-size:13px;line-height:1.4}.todo-status{flex-shrink:0;font-size:11px;width:12px;text-align:center}.todo-item.status-completed .todo-status{color:#6a9}.todo-item.status-in_progress .todo-status{color:var(--accent)}.todo-item.status-pending .todo-status{color:var(--text-muted)}.todo-item.status-completed .todo-content{color:var(--text-muted);text-decoration:line-through}.todo-item.priority-high .todo-content,.todo-item.priority-medium .todo-content{color:var(--text)}.todo-item.priority-low .todo-content{color:var(--text-muted)}.plan-content{font-size:12px;color:var(--text);line-height:1.6}.plan-content h1,.plan-content h2,.plan-content h3{font-size:13px;font-weight:600;margin:10px 0 4px;color:var(--text)}.plan-content h1{font-size:14px}.plan-content p{margin:0 0 6px}.plan-content ul,.plan-content ol{padding-left:16px;margin:0 0 6px}.plan-content li{margin:2px 0}.plan-content code{font-family:monospace;font-size:11px;background:var(--bg);border-radius:3px;padding:1px 4px}.plan-content strong{font-weight:600}.plan-content em{font-style:italic;color:var(--text-muted)}.plan-content .diff-added{background:#64c8641f;border-left:2px solid #6a9;padding-left:6px;margin-left:-8px}.plan-content .diff-removed{background:#c850501a;border-left:2px solid #c66;padding-left:6px;margin-left:-8px;opacity:.6;text-decoration:line-through}.diff-added-block{background:#64c86414;border-left:2px solid #6a9;padding-left:6px;margin-left:-8px;border-radius:0 3px 3px 0}.right-panel.panel-hidden,.resize-handle.panel-hidden{display:none}@media(max-width:700px){.resize-handle{display:none!important}.right-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;width:100%!important;border-left:none}}