.kcm-board{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1.5rem,5vw,4.5rem);display:grid;position:relative}.kcm-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.kcm-wire{fill:none;stroke:color-mix(in srgb, var(--brand-ink) 22%, transparent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s,opacity .25s}.kcm-wire[data-live]{stroke:var(--brand-green);stroke-width:2.5px}.kcm-wire[data-dim]{opacity:.35}@media (prefers-reduced-motion:no-preference){.kcm-wire[data-live]{stroke-dasharray:7 9;animation:.9s linear infinite kcm-current}@keyframes kcm-current{to{stroke-dashoffset:-16px}}}.kcm-col{z-index:1;flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.kcm-tile{border:1.5px solid var(--edge-color);background:var(--card);box-shadow:var(--shadow-edge-sm);font-family:var(--font-inter);color:var(--foreground);cursor:default;border-radius:.7rem;align-items:center;gap:.55rem;padding:.6rem .9rem;font-size:.86rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .25s,border-color .25s;display:flex}.kcm-tile[data-active]{border-color:var(--brand-green);box-shadow:4px 4px 0 0 var(--brand-green);transform:translate(-1px,-1px)}.kcm-tile[data-dim]{opacity:.45}.kcm-tile:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.kcm-glyph{color:var(--muted-foreground);flex-shrink:0;transition:color .14s}.kcm-tile[data-active] .kcm-glyph{color:var(--foreground)}.kcm-logo{object-fit:contain;flex-shrink:0;width:18px;height:18px}.kcm-tools{flex-shrink:0;align-items:center;gap:.3rem;margin-left:auto;padding-left:.6rem;display:inline-flex}.kcm-tools .kcm-logo{width:16px;height:16px}.kcm-kai{z-index:1;border:2px solid var(--edge-color);background:var(--card);box-shadow:var(--shadow-edge-md);border-radius:1rem;flex-direction:column;align-items:center;gap:.15rem;padding:1.1rem 1.4rem .9rem;transition:box-shadow .25s,transform .25s;display:flex;position:relative}.kcm-kai[data-lit]{box-shadow:8px 8px 0 0 var(--brand-green);transform:translate(-1px,-1px)}.kcm-kai-figure .flow-kai-svg{width:84px}.kcm-kai-label{font-family:var(--font-erode);color:var(--foreground);font-size:1.05rem;font-weight:700}.kcm-kai-sub{font-family:var(--font-inter);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-green-text);font-size:.68rem;font-weight:600}.kcm-caption{text-align:center;max-width:52ch;min-height:2.6em;font-family:var(--font-inter);color:var(--muted-foreground);margin:1.75rem auto 0;font-size:.95rem;line-height:1.5}@media (max-width:767px){.kcm-board{grid-template-columns:1fr;justify-items:center;gap:1.25rem}.kcm-wires{display:none}.kcm-col{flex-flow:wrap;justify-content:center;gap:.5rem}.kcm-kai{order:-1}}