.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--any{background:var(--background);box-shadow:none;color:var(--muted-foreground);border-style:dashed;font-weight:500}.kcm-tile--any[data-active]{color:var(--foreground)}.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;text-wrap:balance;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.6rem}.kcm-col{flex-flow:wrap;justify-content:center;gap:.5rem}}@keyframes kcm-pop{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:none}}@keyframes kcm-in-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes kcm-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes kcm-in-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes kcm-draw{to{stroke-dashoffset:0}}@keyframes kcm-fade{0%{opacity:0}to{opacity:1}}@keyframes kcm-bump{0%{transform:translate(-1px,-1px)scale(1)}45%{transform:translate(-1px,-1px)scale(1.045)}to{transform:translate(-1px,-1px)scale(1)}}.kcm[data-entrance] .kcm-kai{animation:.55s cubic-bezier(.3,1.3,.5,1) .2s backwards kcm-pop}.kcm[data-entrance] .kcm-col:first-of-type .kcm-tile{animation:.5s cubic-bezier(.2,.9,.3,1) backwards kcm-in-left;animation-delay:calc(.4s + var(--i,0) * 70ms)}.kcm[data-entrance] .kcm-col:last-of-type .kcm-tile{animation:.5s cubic-bezier(.2,.9,.3,1) backwards kcm-in-right;animation-delay:calc(.4s + var(--i,0) * 70ms)}@media (max-width:767px){.kcm[data-entrance] .kcm-col:first-of-type .kcm-tile,.kcm[data-entrance] .kcm-col:last-of-type .kcm-tile{animation-name:kcm-in-up}}.kcm[data-entering] .kcm-wire{stroke-dasharray:calc(var(--len,0) * 1px);stroke-dashoffset:calc(var(--len,0) * 1px);animation:.5s ease-out forwards kcm-draw;animation-delay:var(--wd,.85s)}.kcm[data-entrance] .kcm-caption{animation:.5s 1.4s backwards kcm-fade}.kcm-tile[data-poweron]{animation:.45s cubic-bezier(.3,1.5,.5,1) kcm-bump}@media (prefers-reduced-motion:reduce){.kcm[data-entering] .kcm-wire{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.kcm[data-entrance] .kcm-caption{opacity:1;animation:none}}