:root{--kn-bg:#0b1220;--kn-panel:#111a2c;--kn-panel-2:#0e1626;--kn-rule:#1e2a3e;--kn-text:#e6edf7;--kn-text-soft:#8fa0b8;--kn-text-faint:#55627a;--kn-live:#4cc9f0;--kn-wait:#e3b341;--kn-pass:#3dd68c;--kn-fail:#f0564a;--kn-font-sans:-apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--kn-font-mono:"SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--kn-text-xs:11px;--kn-text-sm:13px;--kn-text-md:15px;--kn-text-lg:16px;--kn-text-xl:20px;--kn-space-1:4px;--kn-space-2:8px;--kn-space-3:12px;--kn-space-4:16px;--kn-space-5:24px;--kn-space-6:40px}@media (prefers-color-scheme:light){:root{--kn-bg:#f2f4f8;--kn-panel:#fff;--kn-panel-2:#e9edf3;--kn-rule:#d4dae3;--kn-text:#14181f;--kn-text-soft:#4a5568;--kn-text-faint:#8b95a5;--kn-live:#0e7fa8;--kn-wait:#8a6410;--kn-pass:#147a4e;--kn-fail:#b23227}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--kn-bg);color:var(--kn-text);font-family:var(--kn-font-sans);font-size:var(--kn-text-sm);-webkit-font-smoothing:antialiased;line-height:1.5}code,.kn-mono{font-family:var(--kn-font-mono);font-variant-numeric:tabular-nums}a{color:var(--kn-live);text-decoration:none}button{font-family:var(--kn-font-sans);font-size:var(--kn-text-sm);cursor:pointer;color:var(--kn-text);border:1px solid var(--kn-text-soft);background:0 0;border-radius:0;padding:8px 20px}button:focus-visible,a:focus-visible{outline:2px solid var(--kn-live);outline-offset:2px}.kn-microlabel{font-size:var(--kn-text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--kn-text-soft);font-weight:600}.kn-app{flex-direction:column;height:100%;display:flex}.kn-strip{align-items:center;gap:var(--kn-space-5);border-bottom:1px solid var(--kn-rule);background:var(--kn-panel-2);flex:none;padding:10px 20px;display:flex}.kn-strip-name{font-weight:650;font-size:var(--kn-text-md);letter-spacing:.01em;color:var(--kn-text)}.kn-strip-workspace{color:var(--kn-text-soft)}.kn-strip-spacer{flex:1}.kn-strip-user{color:var(--kn-text-soft);font-size:var(--kn-text-sm)}.kn-strip a,.kn-strip .kn-linkbutton{color:var(--kn-text-soft)}.kn-linkbutton{font-size:var(--kn-text-sm);background:0 0;border:none;padding:0}.kn-linkbutton:hover{color:var(--kn-text)}.kn-strip a[aria-current=page]{color:var(--kn-text);border-bottom:1px solid var(--kn-text);padding-bottom:2px}.kn-main{padding:var(--kn-space-6) var(--kn-space-5);flex:1;overflow-y:auto}.kn-center{max-width:520px;margin:0 auto}.kn-center-wide{max-width:880px;margin:0 auto}.kn-door{height:100%;padding:var(--kn-space-5);place-items:center;display:grid}.kn-door-inner{width:100%;max-width:400px}.kn-door-wordmark{font-weight:650;font-size:var(--kn-text-xl);letter-spacing:.01em;margin-bottom:var(--kn-space-3)}.kn-door-lede{color:var(--kn-text-soft);font-size:var(--kn-text-lg);margin-bottom:var(--kn-space-5);line-height:1.55}.kn-door-note{border-top:1px solid var(--kn-rule);padding-top:var(--kn-space-3);margin-bottom:var(--kn-space-4);color:var(--kn-wait);font-size:var(--kn-text-sm)}.kn-door-fine{margin-top:var(--kn-space-4);color:var(--kn-text-faint);font-size:var(--kn-text-xs)}.kn-region-head{align-items:baseline;gap:var(--kn-space-3);border-top:1px solid var(--kn-text);margin-bottom:var(--kn-space-3);padding-top:10px;display:flex}.kn-empty{color:var(--kn-text-soft);font-size:var(--kn-text-md);max-width:60ch}.kn-fact{font-family:var(--kn-font-mono);font-size:var(--kn-text-xs);color:var(--kn-text-faint);margin-top:var(--kn-space-4)}.kn-fact .kn-ok{color:var(--kn-pass)}.kn-debug-failure{color:var(--kn-fail);margin-top:var(--kn-space-3)}.kn-debug-families{gap:var(--kn-space-6);margin-top:var(--kn-space-6);display:grid}.kn-debug-family{border-top:1px solid var(--kn-rule);padding-top:var(--kn-space-3)}.kn-debug-family-head{justify-content:space-between;align-items:baseline;gap:var(--kn-space-3);margin-bottom:var(--kn-space-3);display:flex}.kn-debug-family-head h2{font-size:var(--kn-text-md);font-weight:600}.kn-debug-family details{border-top:1px solid var(--kn-rule);padding:var(--kn-space-2) 0}.kn-debug-family summary{cursor:pointer;color:var(--kn-text-soft);overflow-wrap:anywhere}.kn-debug-family pre{margin-top:var(--kn-space-2);padding:var(--kn-space-3);background:var(--kn-panel-2);color:var(--kn-text-soft);font-family:var(--kn-font-mono);font-size:var(--kn-text-xs);line-height:1.55;overflow-x:auto}.kn-agents{margin-bottom:var(--kn-space-6)}.kn-agents-count{font-size:var(--kn-text-xs);color:var(--kn-text-faint)}.kn-agents-failure{border-left:2px solid var(--kn-rule);padding-left:var(--kn-space-3);color:var(--kn-text-soft);max-width:60ch}.kn-agent-list{border-top:1px solid var(--kn-rule)}.kn-agent{gap:var(--kn-space-3);padding:var(--kn-space-3) var(--kn-space-4);border-bottom:1px solid var(--kn-rule);background:var(--kn-panel);display:grid}.kn-agent-head{justify-content:space-between;align-items:baseline;gap:var(--kn-space-3);display:flex}.kn-agent-client{font-size:var(--kn-text-md);font-weight:600}.kn-agent-status{align-items:center;gap:var(--kn-space-2);font-size:var(--kn-text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--kn-text);flex:none;font-weight:600;display:inline-flex}.kn-agent-mark{background:var(--kn-text-faint);width:7px;height:7px}.kn-agent[data-status=connected] .kn-agent-mark{background:var(--kn-live);box-shadow:0 0 6px var(--kn-live);animation:3.2s ease-in-out infinite kn-breathe}@keyframes kn-breathe{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.kn-agent[data-status=connected] .kn-agent-mark{animation:none}}.kn-agent-facts{gap:var(--kn-space-3) var(--kn-space-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kn-agent-facts dd{font-size:var(--kn-text-sm);color:var(--kn-text);overflow-wrap:anywhere;margin-top:3px}.kn-connect{margin-top:var(--kn-space-4)}.kn-connect-command{justify-content:space-between;align-items:center;gap:var(--kn-space-4);margin-top:var(--kn-space-3);padding:var(--kn-space-2) var(--kn-space-3);border:1px solid var(--kn-rule);background:var(--kn-panel-2);max-width:60ch;display:flex}.kn-connect-command code{font-size:var(--kn-text-md);color:var(--kn-text);-webkit-user-select:all;user-select:all;overflow-x:auto}.kn-connect-command button{font-size:var(--kn-text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--kn-text-soft);border-color:var(--kn-text-faint);flex:none;padding:4px 14px}.kn-connect-command button:hover{color:var(--kn-text);border-color:var(--kn-text-soft)}
