:root{--bg: #070710;--panel: #0e0e1c;--border: #1e1e3a;--text: #d0d0f0;--text-dim: #6060a0;--accent: #7070ff;--memory: #4a90d9;--garbage: #e74c3c;--string: #f1c40f;--tree: #2ecc71;--branch: #9b59b6}body{font-family:Segoe UI,system-ui,sans-serif;color:var(--text)}.app{display:flex;flex-direction:column;height:100vh;background:var(--bg)}.header{display:flex;align-items:center;gap:16px;padding:0 20px;height:52px;flex-shrink:0;background:var(--panel);border-bottom:1px solid var(--border);z-index:10}.main{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;gap:0}.graph-container{flex:1;position:relative}.logo{display:flex;align-items:center;gap:8px}.logo-icon{font-size:22px;color:var(--accent)}.logo-text{font-size:18px;font-weight:700;letter-spacing:1px;color:#fff}.logo-sub{font-size:11px;color:var(--text-dim)}.stats-bar{display:flex;gap:12px;margin-left:auto;flex-wrap:wrap}.stat-chip{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid}.stat-chip.memory{color:var(--memory);border-color:var(--memory);background:#4a90d910}.stat-chip.garbage{color:var(--garbage);border-color:var(--garbage);background:#e74c3c10}.stat-chip.string{color:var(--string);border-color:var(--string);background:#f1c40f10}.stat-chip.tree{color:var(--tree);border-color:var(--tree);background:#2ecc7110}.stat-chip.branch{color:var(--branch);border-color:var(--branch);background:#9b59b610}.btn-ingest{padding:6px 16px;border-radius:6px;background:var(--accent);color:#fff;font-weight:600;font-size:13px;border:none;cursor:pointer;transition:opacity .2s}.btn-ingest:hover{opacity:.8}button{cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:6px 12px;border-radius:6px;font-size:13px;transition:border-color .2s,background .2s}button:hover{border-color:var(--accent);background:#1a1a30}.filter-panel{padding:16px;border-bottom:1px solid var(--border)}.filter-panel h3{font-size:11px;letter-spacing:1px;color:var(--text-dim);margin-bottom:10px;text-transform:uppercase}.filter-section{margin-bottom:14px}.filter-section label{font-size:11px;color:var(--text-dim);display:block;margin-bottom:6px}.filter-chips{display:flex;flex-wrap:wrap;gap:5px}.filter-chip{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid;cursor:pointer;transition:opacity .2s;opacity:.4}.filter-chip.active{opacity:1}.filter-chip.memory{color:var(--memory);border-color:var(--memory)}.filter-chip.garbage{color:var(--garbage);border-color:var(--garbage)}.filter-chip.string{color:var(--string);border-color:var(--string)}.filter-chip.tree{color:var(--tree);border-color:var(--tree)}.filter-chip.branch{color:var(--branch);border-color:var(--branch)}.filter-chip.source{color:var(--text-dim);border-color:var(--border)}.filter-chip.source.active{color:var(--text);border-color:var(--accent);opacity:1}.node-panel{padding:16px;flex:1}.node-panel h3{font-size:11px;letter-spacing:1px;color:var(--text-dim);margin-bottom:10px;text-transform:uppercase}.node-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;margin-bottom:10px;border:1px solid}.node-badge.memory{color:var(--memory);border-color:var(--memory)}.node-badge.garbage{color:var(--garbage);border-color:var(--garbage)}.node-badge.string{color:var(--string);border-color:var(--string)}.node-badge.tree{color:var(--tree);border-color:var(--tree)}.node-badge.branch{color:var(--branch);border-color:var(--branch)}.node-source{font-size:12px;color:var(--text-dim);margin-bottom:8px}.node-text{font-size:13px;line-height:1.6;color:var(--text);background:#0a0a18;padding:10px;border-radius:6px;border:1px solid var(--border);max-height:300px;overflow-y:auto;word-break:break-word}.node-meta{font-size:11px;color:var(--text-dim);margin-top:8px}.node-close{float:right;font-size:16px;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;width:560px;max-width:95vw;display:flex;flex-direction:column;gap:14px}.modal h2{font-size:16px;color:#fff}.modal-close{float:right;background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer}label{font-size:12px;color:var(--text-dim);display:block;margin-bottom:4px}select,textarea,input[type=text]{width:100%;background:#0a0a18;border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:6px;font-size:13px;font-family:inherit}select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical;min-height:160px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-primary{padding:8px 20px;background:var(--accent);color:#fff;font-weight:600;font-size:13px;border:none;border-radius:6px}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.file-drop{border:2px dashed var(--border);border-radius:8px;padding:20px;text-align:center;color:var(--text-dim);font-size:13px;cursor:pointer;transition:border-color .2s}.file-drop:hover{border-color:var(--accent)}.file-drop.dragging{border-color:var(--accent);background:#1a1a30}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-dim);pointer-events:none}.empty-state .empty-icon{font-size:56px;opacity:.3}.empty-state p{font-size:14px}.empty-state button{pointer-events:all;padding:10px 24px}.toast-warn{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#3a2a00;border:1px solid var(--string);color:var(--string);padding:7px 20px;border-radius:20px;font-size:13px;font-weight:600;z-index:5;white-space:nowrap;animation:fadein .2s ease}@keyframes fadein{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.quick-create{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:6px;width:300px}.quick-input{width:100%;background:#0e0e1c;border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:8px;font-size:14px;text-align:center}.quick-input:focus{outline:none;border-color:var(--accent)}.quick-err{font-size:12px;color:var(--garbage);text-align:center}.loading-overlay{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:600;z-index:5;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.project-panel{border-bottom:1px solid var(--border);flex-shrink:0}.project-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.project-title{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-weight:600}.project-add-btn{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .2s}.project-add-btn:hover{opacity:.8}.project-create{padding:0 12px 12px;display:flex;flex-direction:column;gap:6px}.project-input{width:100%;background:#0a0a18;border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;font-size:12px}.project-input:focus{outline:none;border-color:var(--accent)}.project-create-btn{align-self:flex-end;padding:5px 14px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600}.project-create-btn:disabled{opacity:.4;cursor:not-allowed}.project-list{padding:0 0 8px}.project-empty{padding:12px 16px;font-size:12px;color:var(--text-dim);text-align:center;line-height:1.5}.project-item{padding:8px 16px;cursor:pointer;transition:background .15s;border-left:2px solid transparent}.project-item:hover{background:#12122a}.project-item.active{background:#12122a;border-left-color:var(--accent)}.project-item-main{display:flex;align-items:center;gap:8px}.project-dot{font-size:10px;color:var(--accent)}.project-name{flex:1;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-count{font-size:11px;color:var(--text-dim);background:#1a1a30;padding:1px 7px;border-radius:10px}.project-item-actions{display:flex;gap:6px;margin-top:7px;padding-left:18px;flex-wrap:wrap}.proj-action-btn{font-size:11px;padding:3px 8px;border-radius:4px;background:transparent;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:border-color .2s,color .2s}.proj-action-btn:hover{border-color:var(--accent);color:var(--text)}.proj-action-btn.danger{border-color:var(--garbage);color:var(--garbage)}.proj-action-btn.danger:hover{background:#3a1010}.ingest-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin:0 -24px 16px;padding:0 24px}.ingest-tab{padding:8px 16px;font-size:13px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);cursor:pointer;transition:color .2s}.ingest-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.ingest-tab:hover{color:var(--text)}.file-entries{display:flex;flex-direction:column;gap:8px}.file-entry{display:flex;align-items:center;gap:8px;background:#0a0a18;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.entry-num{font-size:11px;color:var(--text-dim);min-width:16px;text-align:center}.file-drop-sm{flex:1;padding:6px 10px;border:1px dashed var(--border);border-radius:6px;font-size:12px;color:var(--text-dim);cursor:pointer;transition:border-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-drop-sm:hover{border-color:var(--accent)}.file-drop-sm.has-file{border-color:var(--tree);color:var(--tree);border-style:solid}.entry-source{width:130px;background:#0a0a18;border:1px solid var(--border);color:var(--text);padding:5px 8px;border-radius:6px;font-size:12px}.entry-remove{width:26px;height:26px;border-radius:50%;padding:0;background:none;border:1px solid var(--border);color:var(--text-dim);font-size:12px;cursor:pointer;flex-shrink:0}.entry-remove:hover{border-color:var(--garbage);color:var(--garbage)}.entry-remove:disabled{opacity:.2;cursor:default}.add-file-btn{align-self:flex-start;font-size:12px;color:var(--accent);background:none;border:1px dashed var(--accent);padding:5px 14px;border-radius:6px;cursor:pointer;opacity:.7;transition:opacity .2s}.add-file-btn:hover{opacity:1}.ingest-status{padding:8px 12px;border-radius:6px;font-size:13px}.ingest-status.ok{background:#1a3a1a;border:1px solid var(--tree);color:var(--tree)}.ingest-status.err{background:#3a1a1a;border:1px solid var(--garbage);color:var(--garbage)}.query-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:5;width:480px;max-width:90vw}.query-bar input{flex:1;height:40px;padding:0 14px;background:#0e0e1ce6;border:1px solid var(--border);border-radius:20px;color:var(--text);font-size:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.query-bar button{height:40px;border-radius:20px;padding:0 18px;background:var(--accent);color:#fff;border:none;font-weight:600}