/* COLLECTIVE INTELLIGENCE v1.6.0 — Upgrade 6 Personality Constellations */
[data-kpx-collective-field].kpx-ci-living-active{position:relative;overflow:hidden;isolation:isolate}
[data-kpx-collective-field].kpx-ci-living-active>[data-kpx-collective-bubble]{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.kpx-ci-collective-layer{position:absolute;inset:0;z-index:6;overflow:hidden;pointer-events:none;contain:layout paint style}
.kpx-ci-collective-loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
.kpx-ci-collective-loading[hidden]{display:none}
.kpx-ci-collective-loading span{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid rgba(245,155,69,.22);border-radius:999px;background:rgba(31,14,10,.78);box-shadow:0 0 38px rgba(216,138,61,.12);color:#FFF4E6;font:800 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(12px)}
.kpx-ci-collective-loading i{width:7px;height:7px;border-radius:50%;background:#ffb55e;box-shadow:0 0 14px #ffb55e;animation:kpx-ci-map-pulse 1.4s ease-in-out infinite}
@keyframes kpx-ci-map-pulse{50%{opacity:.28;transform:scale(.7)}}
.kpx-ci-node{--kpx-ci-tier:#D88A3D;--kpx-ci-fill:rgba(91,42,29,.92);--kpx-ci-glow:rgba(216,138,61,.34);position:absolute;left:0;top:0;display:grid;place-content:center;place-items:center;width:var(--kpx-ci-size,96px);height:var(--kpx-ci-size,96px);padding:12px;border:1px solid color-mix(in srgb,var(--kpx-ci-tier) 78%,#fff 22%);border-radius:50%;background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.12),transparent 22%),radial-gradient(circle at 50% 72%,var(--kpx-ci-fill),rgba(1,6,13,.96) 72%);box-shadow:inset 0 0 24px color-mix(in srgb,var(--kpx-ci-tier) 18%,transparent),0 0 0 1px color-mix(in srgb,var(--kpx-ci-tier) 9%,transparent),0 0 30px var(--kpx-ci-glow);color:#FFF4E6;text-align:center;cursor:pointer;pointer-events:auto;will-change:transform,opacity,filter;transform:translate3d(-200vw,-200vh,0);transition:opacity .34s ease,filter .3s ease,box-shadow .25s ease,border-color .25s ease,scale .3s cubic-bezier(.2,.75,.25,1);outline:none;user-select:none;-webkit-tap-highlight-color:transparent}
.kpx-ci-node::before{content:"";position:absolute;inset:-7px;border:1px solid color-mix(in srgb,var(--kpx-ci-tier) 18%,transparent);border-radius:50%;opacity:.5;box-shadow:0 0 22px var(--kpx-ci-glow);pointer-events:none;transition:opacity .3s ease,scale .3s ease,box-shadow .3s ease}
.kpx-ci-node::after{content:"";position:absolute;inset:9%;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 36%);pointer-events:none}
.kpx-ci-node.is-tier-quiet{--kpx-ci-tier:#c94a44;--kpx-ci-fill:rgba(91,42,29,.94);--kpx-ci-glow:rgba(201,74,68,.32)}
.kpx-ci-node.is-tier-active{--kpx-ci-tier:#D88A3D;--kpx-ci-fill:rgba(91,42,29,.94);--kpx-ci-glow:rgba(216,138,61,.34)}
.kpx-ci-node.is-tier-thriving{--kpx-ci-tier:#45b66f;--kpx-ci-fill:rgba(20,66,43,.94);--kpx-ci-glow:rgba(69,182,111,.34)}
.kpx-ci-node.is-tier-unknown{--kpx-ci-tier:#D88A3D;--kpx-ci-fill:rgba(91,42,29,.92);--kpx-ci-glow:rgba(216,138,61,.34)}
.kpx-ci-node:hover,.kpx-ci-node:focus-visible,.kpx-ci-node.is-hovered{filter:brightness(1.18) saturate(1.08);box-shadow:inset 0 0 29px color-mix(in srgb,var(--kpx-ci-tier) 24%,transparent),0 0 0 2px color-mix(in srgb,var(--kpx-ci-tier) 25%,transparent),0 0 48px var(--kpx-ci-glow);z-index:12;scale:1.035}
.kpx-ci-node:focus-visible{outline:2px solid #fff;outline-offset:5px}
.kpx-ci-route-active .kpx-ci-node.is-ci-route-match{filter:brightness(1.09) saturate(1.07);scale:1.045;z-index:8}
.kpx-ci-node.is-ci-route-out{opacity:.04;filter:blur(2.4px) brightness(.35) saturate(.55);scale:.2;pointer-events:none;z-index:1}
.kpx-ci-node.is-ci-route-out::before{opacity:0;scale:.35;box-shadow:0 0 0 transparent}
.kpx-ci-node.is-ci-route-in{opacity:.18;filter:blur(1.4px) brightness(.7);scale:.28}
.kpx-ci-node[hidden]{display:none!important}
.kpx-ci-node-name{position:relative;z-index:2;display:block;max-width:100%;overflow:hidden;color:#FFF4E6;font-size:clamp(7px,calc(var(--kpx-ci-size) * .078),11px);font-weight:900;line-height:1.12;letter-spacing:.035em;text-transform:uppercase;text-overflow:ellipsis;text-shadow:0 1px 7px rgba(0,0,0,.65)}
.kpx-ci-node-members{position:relative;z-index:2;display:block;margin-top:5px;color:color-mix(in srgb,var(--kpx-ci-tier) 72%,#fff 28%);font:800 clamp(6px,calc(var(--kpx-ci-size) * .052),8px)/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.055em}
.kpx-ci-node.is-compact .kpx-ci-node-members{display:none}
.kpx-ci-node-tooltip{position:absolute;z-index:20;min-width:150px;max-width:230px;padding:10px 12px;border:1px solid rgba(161,79,50,.18);border-radius:12px;background:rgba(31,14,10,.94);box-shadow:0 15px 36px rgba(0,0,0,.35);color:#FFF4E6;opacity:0;visibility:hidden;transform:translate(-50%,-8px);pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;backdrop-filter:blur(14px)}
.kpx-ci-node-tooltip.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-14px)}
.kpx-ci-node-tooltip b{display:block;font-size:10px}.kpx-ci-node-tooltip span{display:block;margin-top:4px;color:#d7c7bb;font-size:8px}.kpx-ci-node-tooltip em{display:block;margin-top:5px;color:#D88A3D;font:800 7px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.kpx-ci-node-tooltip small{display:block;margin-top:4px;color:#E2CBB9;font:700 7px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}
.kpx-ci-legend-unknown{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.kpx-ci-legend-unknown>i{display:inline-block!important;width:8px!important;height:8px!important;margin:0!important;border-radius:50%;background:#D88A3D!important;box-shadow:0 0 10px rgba(216,138,61,.44)!important}
[data-kpx-ci-preview-growth][data-kpx-growth-tier="surging"] b{color:#73f5b1!important}[data-kpx-ci-preview-growth][data-kpx-growth-tier="growing"] b{color:#D88A3D!important}[data-kpx-ci-preview-growth][data-kpx-growth-tier="steady"] b{color:#b7c6cc!important}[data-kpx-ci-preview-growth][data-kpx-growth-tier="unknown"] b{color:#D88A3D!important}
@media(max-width:620px){[data-kpx-collective-field].kpx-ci-living-active{min-height:max(540px,var(--kpx-ci-field-height,540px))!important}.kpx-ci-node{padding:9px}.kpx-ci-node-tooltip{display:none}.kpx-ci-node-name{font-size:clamp(7px,calc(var(--kpx-ci-size) * .082),9px)}.kpx-ci-node-members{font-size:6px}.kpx-ci-node{min-width:44px;min-height:44px}}
@media(min-width:621px){[data-kpx-collective-field].kpx-ci-living-active{min-height:max(620px,var(--kpx-ci-field-height,620px))!important}}
@media(prefers-reduced-motion:reduce){.kpx-ci-node,.kpx-ci-node::before,.kpx-ci-collective-loading,.kpx-ci-node-tooltip{transition:none!important;animation:none!important}.kpx-ci-collective-loading i{animation:none!important}}

/* Upgrade 6 — Personality Constellations. Activity tier colors remain authoritative. */
.kpx-ci-node.is-personality-constellation{isolation:isolate}.kpx-ci-personality-marker{position:absolute;z-index:3;left:50%;bottom:10%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;max-width:80%;padding:2px 5px;border:1px solid rgba(216,138,61,.34);border-radius:999px;background:rgba(91,42,29,.72);color:#FFF4E6;font:900 5.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;white-space:nowrap;box-shadow:0 0 10px rgba(216,138,61,.16)}.kpx-ci-node.is-compact .kpx-ci-personality-marker{font-size:5px;padding:1px 4px;bottom:7%}.kpx-ci-tooltip-personality{color:#D88A3D!important}
.kpx-ci-personality-routes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:9px 10px;border:1px solid rgba(161,79,50,.22);border-radius:14px;background:rgba(91,42,29,.34)}.kpx-ci-personality-routes[hidden]{display:none!important}.kpx-ci-personality-routes>span{margin-right:3px;color:#D88A3D;font:900 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}.kpx-ci-personality-routes button{min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(7,15,30,.74);color:#dbe8f2;font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;cursor:pointer}.kpx-ci-personality-routes button small{margin-left:4px;color:#D88A3D;font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.kpx-ci-personality-routes button.is-active,.kpx-ci-personality-routes button:focus-visible{border-color:#A14F32;background:rgba(161,79,50,.22);color:#FFF4E6;box-shadow:0 0 18px rgba(216,138,61,.18);outline:none}[data-kpx-collective-item].kpx-ci-personality-excluded{display:none!important}
@media(max-width:620px){.kpx-ci-personality-routes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.kpx-ci-personality-routes::-webkit-scrollbar{display:none}.kpx-ci-personality-routes>span,.kpx-ci-personality-routes button{flex:0 0 auto}.kpx-ci-personality-routes button{min-height:44px}}

/* Upgrade 7 — Constellation Affinity / FOR YOU. Activity-tier color remains authoritative. */
.kpx-ci-for-you-route{display:flex;justify-content:flex-start;margin-top:10px}
.kpx-ci-for-you-route button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid rgba(161,79,50,.24);border-radius:999px;background:linear-gradient(180deg,rgba(91,42,29,.82),rgba(52,22,15,.88));color:#FFF4E6;font:900 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;cursor:pointer;box-shadow:0 0 0 rgba(88,220,255,0);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}
.kpx-ci-for-you-route button span{color:#D88A3D;font-size:11px;text-shadow:0 0 12px rgba(216,138,61,.4)}
.kpx-ci-for-you-route button:hover,.kpx-ci-for-you-route button:focus-visible,.kpx-ci-for-you-route button.is-active{border-color:#D88A3D;background:linear-gradient(180deg,rgba(161,79,50,.32),rgba(91,42,29,.92));box-shadow:0 0 22px rgba(216,138,61,.18);outline:none;transform:translateY(-1px)}
.kpx-ci-for-you-active .kpx-ci-node{transition:opacity .34s ease,filter .3s ease,box-shadow .25s ease,border-color .25s ease,scale .3s cubic-bezier(.2,.75,.25,1)}
.kpx-ci-for-you-active .kpx-ci-node.is-ci-affinity-recommended{box-shadow:inset 0 0 28px color-mix(in srgb,var(--kpx-ci-tier) 21%,transparent),0 0 0 1px rgba(216,138,61,.42),0 0 22px var(--kpx-ci-glow),0 0 34px rgba(216,138,61,.18)}
.kpx-ci-for-you-active .kpx-ci-node.is-ci-affinity-recommended::before{border-color:rgba(216,138,61,.52);box-shadow:0 0 24px rgba(216,138,61,.28),0 0 44px rgba(216,138,61,.16);opacity:.92}
.kpx-ci-for-you-active .kpx-ci-node.is-ci-affinity-explore:not(.is-ci-affinity-recommended)::before{border-style:dashed;border-color:rgba(216,138,61,.34)}
[data-kpx-collective-item].kpx-ci-affinity-grid-recommended{box-shadow:0 0 0 1px rgba(216,138,61,.32),0 12px 34px rgba(161,79,50,.14)}
.kpx-ci-why-signal{margin:14px 0 0;padding:13px 14px;border:1px solid rgba(161,79,50,.18);border-radius:14px;background:linear-gradient(180deg,rgba(91,42,29,.38),rgba(46,20,14,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.kpx-ci-why-signal>strong{display:block;color:#D88A3D;font:900 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.kpx-ci-why-signal ul{margin:9px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.kpx-ci-why-signal li{position:relative;padding-left:14px;color:#c5d8e1;font-size:11px;line-height:1.35}
.kpx-ci-why-signal li::before{content:"✦";position:absolute;left:0;top:0;color:#A14F32;font-size:8px}
@media(max-width:620px){.kpx-ci-for-you-route{overflow-x:auto;scrollbar-width:none}.kpx-ci-for-you-route::-webkit-scrollbar{display:none}.kpx-ci-for-you-route button{min-height:44px;flex:0 0 auto}.kpx-ci-why-signal{padding:12px}.kpx-ci-why-signal li{font-size:12px}}
@media(prefers-reduced-motion:reduce){.kpx-ci-for-you-route button{transition:none!important}}

/* Upgrade 9 — related Constellations + ecosystem state. */
.kpx-ci-relationship-layer{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}.kpx-ci-relationship-layer line{stroke:rgba(216,138,61,.26);stroke-width:1.15;stroke-dasharray:3 5;filter:drop-shadow(0 0 4px rgba(161,79,50,.18))}.kpx-ci-node{z-index:3}.kpx-ci-preview-ecosystem-status{margin:13px 0 0;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(31,14,10,.64)}.kpx-ci-preview-ecosystem-status strong{display:block;color:#D88A3D;font:900 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.kpx-ci-preview-ecosystem-status p{margin:7px 0 0;color:#c0d0d7;font-size:11px;line-height:1.45}.kpx-ci-preview-ecosystem-status b{display:block;margin-top:7px;color:#45b66f;font-size:9px}.kpx-ci-preview-ecosystem-status a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin-top:10px;padding:0 11px;border:1px solid rgba(161,79,50,.28);border-radius:999px;color:#FFF4E6;text-decoration:none;font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}
@media(max-width:620px){.kpx-ci-preview-ecosystem-status a{min-height:44px}}

/* v2.0.0 hybrid renderer: Canvas is used for large fields to avoid a second
   hundreds-node visual DOM while retaining keyboard access and Grid fallback. */
.kpx-ci-canvas-layer{position:absolute;inset:0;overflow:hidden}
.kpx-ci-collective-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:manipulation}
.kpx-ci-canvas-a11y-node{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.kpx-ci-preload{position:absolute;inset:0;z-index:7}

/* Folkello Design System 2.2.0 — Social Engine visual source of truth */
:root{--folkello-cocoa:#5B2A1D;--folkello-terracotta:#A14F32;--folkello-caramel:#D88A3D;--folkello-cream:#FFF4E6;--folkello-cream-soft:#FFFAF4;--folkello-ink:#35231E;--folkello-muted:#70584F;--folkello-dark:#1E100C;--folkello-dark-2:#24120D;--folkello-dark-3:#2B1711;--folkello-dark-text:#FFF4E6;--folkello-dark-muted:#E2CBB9;--folkello-radius:18px;--folkello-shadow:0 14px 38px rgba(91,42,29,.12)}
.kpx-ci-admin,.kpx-ci-ecosystem,.kpx-ci-resonance,.kpx-ci-personality,.kpx-ci-personality-panel,[data-kpx-collective-field]{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.kpx-ci-admin h1,.kpx-ci-admin h2,.kpx-ci-admin h3,.kpx-ci-ecosystem h1,.kpx-ci-ecosystem h2,.kpx-ci-ecosystem h3,.kpx-ci-resonance h2,.kpx-ci-resonance h3,.kpx-ci-personality h2,.kpx-ci-personality h3{font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.025em}
.kpx-ci-admin input:focus,.kpx-ci-admin select:focus,.kpx-ci-admin textarea:focus,.kpx-ci-admin button:focus-visible,.kpx-ci-admin a:focus-visible,.kpx-ci-ecosystem a:focus-visible,.kpx-ci-ecosystem button:focus-visible,.kpx-ci-resonance a:focus-visible,.kpx-ci-resonance button:focus-visible{outline:3px solid rgba(216,138,61,.5)!important;outline-offset:2px!important;box-shadow:0 0 0 1px var(--folkello-cocoa)!important}
button:disabled,.button:disabled,[aria-disabled="true"]{opacity:.52!important;cursor:not-allowed!important;filter:saturate(.55)!important}