:root{--bg:#0b0e14;--bg-panel:#12151d;--bg-panel-alt:#161a24;--border:#232838;--text:#e4e7ee;--text-dim:#7a8299;--accent:#5eead4;--accent-dim:#227a6d;--edge-color:#2f3648;--edge-taken-color:#5eead4;--node-fill:#161a24;--node-fill-visited:#1a2b28;--node-fill-active:#113631;--node-stroke:#2f3648;--node-stroke-visited:#2f6e5f;--node-stroke-active:#5eead4;--mono:"SF Mono", ui-monospace, "Menlo", "Consolas", monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}.app{flex-direction:column;gap:20px;max-width:1280px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.app-header{align-items:baseline;gap:12px;display:flex}.app-header h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.app-subtitle{color:var(--text-dim);font-size:13px;font-family:var(--mono)}.power-button-container{align-items:center;gap:8px;margin-left:auto;display:flex}.power-button{border:1px solid var(--border);background:var(--bg-panel);color:var(--text);font-family:var(--mono);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;transition:all .2s;display:flex}.power-button:hover:not(:disabled){border-color:var(--accent);background:var(--bg-panel-alt)}.power-button:disabled{opacity:.6;cursor:wait}.power-button--on{border-color:var(--accent-dim);color:var(--accent)}.power-button--off{border-color:var(--accent);color:var(--accent);background:var(--node-fill-active);box-shadow:0 0 0 1px var(--accent-dim);animation:1.6s ease-in-out infinite dot-pulse}.power-button__icon{font-size:14px;line-height:1}.power-button__spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.power-button__error{color:#f87171;cursor:help;font-size:14px}.backend-banner{border:1px solid var(--accent-dim);background:var(--node-fill-active);color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.backend-banner strong{color:var(--accent)}.backend-banner--info{border-color:var(--border);background:var(--bg-panel-alt)}.backend-banner__spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin}.app-grid{grid-template-rows:auto auto auto;grid-template-columns:1fr 340px;gap:16px;display:grid}.graph-panel{grid-area:1/1}.state-panel{grid-area:1/2/span 3}.chat-panel{grid-area:2/1}.kb-panel{grid-area:3/1}@media (width<=860px){.app-grid{grid-template-columns:1fr}.graph-panel,.state-panel,.chat-panel,.kb-panel{grid-area:auto/1}}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);background:var(--bg-panel-alt);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.panel-header-sub{border-top:1px solid var(--border)}.panel-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:12px}.panel-meta{font-family:var(--mono);color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.dot{background:var(--text-dim);border-radius:50%;width:6px;height:6px;display:inline-block}.dot-active{background:var(--accent);box-shadow:0 0 6px var(--accent);animation:1s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.graph-scroll{padding:12px;overflow-x:auto}.graph-svg{width:100%;min-width:900px;height:auto;display:block}.edge{fill:none;stroke:var(--edge-color);stroke-width:1.5px}.edge-taken{stroke:var(--edge-taken-color);stroke-width:2px}.graph-node rect{fill:var(--node-fill);stroke:var(--node-stroke);stroke-width:1.5px;transition:fill .2s,stroke .2s}.graph-node text{fill:var(--text-dim);font-family:var(--mono);font-size:11px;transition:fill .2s}.graph-node-visited rect{fill:var(--node-fill-visited);stroke:var(--node-stroke-visited)}.graph-node-visited text{fill:var(--text)}.graph-node-active rect{fill:var(--node-fill-active);stroke:var(--node-stroke-active);stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite node-pulse}.graph-node-active text{fill:var(--accent)}@keyframes node-pulse{0%,to{filter:drop-shadow(0 0 #5eead480)}50%{filter:drop-shadow(0 0 7px #5eead4d9)}}.graph-node-end rect{stroke-dasharray:3 3}.trace-list{max-height:260px;font-family:var(--mono);padding:10px 14px;font-size:12px;overflow-y:auto}.trace-empty{color:var(--text-dim);padding:8px 0;font-size:13px}.trace-row{color:var(--text-dim);padding:3px 0}.trace-node_start{color:var(--accent)}.trace-node_end{color:var(--text)}.trace-error{color:#f87171}.state-json{font-family:var(--mono);color:var(--text-dim);white-space:pre-wrap;word-break:break-word;max-height:320px;margin:0;padding:10px 14px;font-size:11px;overflow:auto}.chat-log{flex-direction:column;gap:10px;min-height:120px;max-height:320px;padding:12px 14px;display:flex;overflow-y:auto}.chat-msg{flex-direction:column;gap:4px;display:flex}.chat-msg-role{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:11px}.chat-msg-user .chat-msg-role{color:var(--text)}.chat-msg-assistant .chat-msg-role{color:var(--accent-dim)}.chat-msg-text{white-space:pre-wrap;font-size:14px;line-height:1.5}.audio-reply{max-width:100%;height:32px;margin-top:4px}.chat-input-row{border-top:1px solid var(--border);gap:8px;padding:10px 14px;display:flex}.chat-input-row input{background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text);font-size:14px;font-family:var(--sans);border-radius:6px;flex:1;padding:8px 10px}.chat-input-row input:focus{border-color:var(--accent-dim);outline:none}.chat-input-row button{background:var(--accent);color:#06231e;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--mono);border:none;border-radius:6px;padding:8px 16px}.chat-input-row button:disabled{background:var(--accent-dim);color:#0b0e14;cursor:default}.btn-mic{background:var(--bg-panel-alt);color:var(--text);border:1px solid var(--border);cursor:pointer;font-size:13px;font-family:var(--mono);white-space:nowrap;border-radius:6px;padding:8px 12px}.btn-mic:disabled{color:var(--text-dim);cursor:default}.btn-mic-recording{color:#f87171;background:#3a1620;border-color:#f87171;animation:1s ease-in-out infinite dot-pulse}.chat-recorder-error{color:#f87171;font-size:12px;font-family:var(--mono);padding:6px 14px}.kb-toggle{cursor:pointer;width:100%;font:inherit;text-align:left;border:none}.kb-caret{color:var(--text-dim);font-size:10px;transition:transform .15s;display:inline-block}.kb-caret-open{transform:rotate(90deg)}.kb-tabs{gap:6px;padding:10px 14px 0;display:flex}.kb-tab{background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text-dim);font-size:12px;font-family:var(--mono);cursor:pointer;border-radius:6px;padding:6px 12px}.kb-tab-active{color:var(--accent);border-color:var(--accent-dim)}.kb-content{max-height:340px;padding:12px 16px 16px;font-size:14px;line-height:1.6;overflow-y:auto}.kb-content h3{color:var(--text);margin:4px 0 8px;font-size:16px}.kb-content h4{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 6px;font-size:13px}.kb-content p{color:var(--text-dim);margin:0 0 10px}.kb-content ul{color:var(--text-dim);margin:0 0 10px;padding-left:18px}.kb-content li{margin-bottom:4px}.kb-content code{background:var(--bg-panel-alt);border:1px solid var(--border);font-family:var(--mono);color:var(--text);border-radius:4px;padding:1px 5px;font-size:12px}.kb-content strong{color:var(--text)}