:root{--bg: #0e1117;--panel: #161b24;--panel-hover: #1d242f;--border: #262e3b;--text: #e6e9ef;--text-dim: #8a93a3;--accent: #6ea8fe;--accent-soft: rgba(110, 168, 254, .12);--ok: #3fb97f;--ok-soft: rgba(63, 185, 127, .14);--warn: #e8b339;--warn-soft: rgba(232, 179, 57, .14);--err: #e8606b;--err-soft: rgba(232, 96, 107, .14);--info: #6ea8fe;--info-soft: rgba(110, 168, 254, .14)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}@media(max-width:800px){h1{font-size:1.2rem;margin-bottom:.9rem}.card{padding:.9rem 1rem}}h1{font-size:1.4rem;margin:0 0 1.25rem}h2{font-size:.95rem;margin:0 0 .75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--panel-hover);color:var(--text-dim)}.pill.ok,.pill.connected,.pill.active,.pill.available,.pill.Completed,.pill.Listening{background:var(--ok-soft);color:var(--ok)}.pill.warn,.pill.idle,.pill.planned,.pill.action,.pill.Queued,.pill.Connecting,.pill.running,.pill.Running,.pill.Responding{background:var(--warn-soft);color:var(--warn)}.pill.err,.pill.error,.pill.failed,.pill.Failed,.pill.Error{background:var(--err-soft);color:var(--err)}.pill.info,.pill.fact{background:var(--info-soft);color:var(--info)}.pill.skill{background:var(--warn-soft);color:var(--warn)}button{font:inherit;border:1px solid var(--border);background:var(--panel-hover);color:var(--text);border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-weight:600;transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#0b1220}button.danger{background:var(--err-soft);border-color:transparent;color:var(--err)}input,textarea,select{font:inherit;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.5rem .75rem;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}pre.json{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;font-size:.78rem;overflow-x:auto;margin:.35rem 0 0;white-space:pre-wrap;word-break:break-word;color:var(--text-dim)}.status-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--panel-hover)}.status-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.status-chip.st-Listening .dot{background:var(--ok);box-shadow:0 0 6px var(--ok)}.status-chip.st-Listening{color:var(--ok)}.status-chip.st-Responding .dot{background:var(--accent);box-shadow:0 0 6px var(--accent)}.status-chip.st-Responding{color:var(--accent)}.status-chip.st-Connecting .dot{background:var(--warn)}.status-chip.st-Connecting{color:var(--warn)}.status-chip.st-Error .dot{background:var(--err)}.status-chip.st-Error{color:var(--err)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-track{background:transparent}
