.ki-role-ai{--role:#a78bfa}.ki-role-code{--role:#2dd4bf}.ki-role-human{--role:#fbbf24}.ki-role-tool{--role:#94a3b8}.ki-tag{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.22rem .6rem;font-family:var(--font-mono,ui-monospace,monospace);font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--role);background:color-mix(in oklab,var(--role) 12%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--role) 30%,transparent) inset}.ki-tag:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--role);box-shadow:0 0 8px var(--role)}.kf{background:radial-gradient(90% 70% at 50% 0,rgba(167,139,250,.1),transparent 60%),radial-gradient(70% 60% at 100% 100%,rgba(45,212,191,.08),transparent 60%),linear-gradient(180deg,#0d1016,#08090d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 50px 120px -50px rgba(0,0,0,.9)}.kf-steps{display:grid;gap:0}.kf-step{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:1rem;padding-bottom:1.75rem}.kf-step:last-child{padding-bottom:0}.kf-node{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:var(--role);background:linear-gradient(160deg,color-mix(in oklab,var(--role) 22%,#0d1016),#0b0d12);box-shadow:0 0 0 1px color-mix(in oklab,var(--role) 45%,transparent) inset,0 0 34px -10px var(--role)}.kf-node svg{width:24px;height:24px}.kf-node b{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:20px;height:20px;border-radius:999px;font-size:.66rem;font-weight:700;color:#0b0d12;background:var(--role)}.kf-wire{position:absolute;left:25px;top:58px;bottom:6px;width:2px;background:linear-gradient(180deg,color-mix(in oklab,var(--role) 70%,transparent),color-mix(in oklab,var(--next) 70%,transparent));opacity:.55}.kf-wire i{position:absolute;left:-2px;top:0;width:6px;height:6px;border-radius:999px;background:#fff;box-shadow:0 0 12px var(--next);animation:kf-down 2.6s cubic-bezier(.45,0,.55,1) infinite;animation-delay:var(--delay,0s)}@keyframes kf-down{0%{top:0;opacity:0}15%,85%{opacity:1}to{top:calc(100% - 6px);opacity:0}}@keyframes kf-right{0%{left:0;opacity:0}15%,85%{opacity:1}to{left:calc(100% - 6px);opacity:0}}@media (min-width:1024px){.kf-steps{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:1.25rem}.kf-step{display:block;padding-bottom:0}.kf-wire{left:64px;right:-12px;top:25px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,color-mix(in oklab,var(--role) 70%,transparent),color-mix(in oklab,var(--next) 70%,transparent))}.kf-wire i{top:-2px;animation-name:kf-right}}.kb{border-radius:22px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.kb-line{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.75rem;padding:.55rem .75rem;border-radius:12px;font-size:.92rem;line-height:1.5;color:rgba(255,255,255,.55)}.kb-line>span:first-child{font-family:var(--font-mono,ui-monospace,monospace);font-size:.75rem;color:rgba(255,255,255,.35);padding-top:.12rem}.kb-line.is-ref{color:#fff;background:rgba(167,139,250,.1);box-shadow:inset 0 0 0 1px rgba(167,139,250,.35)}.kb-line.is-ref>span:first-child{color:#c4b5fd;font-weight:600}.kb-score{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.kb-score span{height:6px;border-radius:999px;background:rgba(255,255,255,.08)}.kb-score span.on{background:#2dd4bf;box-shadow:0 0 10px rgba(45,212,191,.5)}.kr{border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card-2),var(--card));overflow:hidden}.kr-row{display:grid;gap:.6rem;padding:1.15rem 1.25rem}.kr-row+.kr-row{border-top:1px solid var(--line)}.kr-cell{display:flex;align-items:flex-start;gap:.6rem;font-size:.93rem;line-height:1.45;color:var(--ink-dim)}.kr-cell:before{content:"";flex:none;width:8px;height:8px;margin-top:.42rem;border-radius:999px;background:var(--role);box-shadow:0 0 10px var(--role)}.kr-cell.is-empty,.kr-head{display:none}@media (min-width:900px){.kr-head,.kr-row{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));column-gap:1.5rem;align-items:start}.kr-head{display:grid;padding:1rem 1.25rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}.kr-cell.is-empty{display:block;color:var(--line-2)}.kr-cell.is-empty:before{display:none}}@media (prefers-reduced-motion:reduce){.kf-wire i{display:none}}