.brain-shell{color:var(--c-203d35);max-width:100%;font-family:system-ui,sans-serif}.brain-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.brain-toolbar input{flex:1;min-width:120px}.brain-shell button,.brain-shell input,.brain-shell textarea{font:inherit;border:1px solid var(--c-c8d5cb);border-radius:8px;padding:8px 12px;background:var(--c-fffdf7);color:inherit}.brain-shell button{cursor:pointer}.brain-shell button:hover{background:var(--c-e9f0e6)}.brain-shell :focus-visible{outline:3px solid var(--c-c47c36);outline-offset:2px}.brain-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr) minmax(190px,1fr);gap:16px}.brain-tree,.brain-context,.brain-center{border:1px solid var(--c-d7dfd4);border-radius:14px;background:var(--c-fffdf7);padding:16px;min-width:0;overflow-wrap:anywhere}.brain-tree button{display:block;text-align:left;width:100%;border:0;background:transparent}.brain-tree details{padding-left:8px}.brain-tree summary{cursor:pointer;font-weight:600;padding:6px 0}.brain-preview{line-height:1.65;overflow-wrap:anywhere}.brain-preview pre{overflow:auto;padding:12px;background:var(--c-f0f3ed)}.brain-preview table{display:block;overflow:auto;border-collapse:collapse}.brain-preview td,.brain-preview th{border:1px solid var(--c-d7dfd4);padding:8px}.brain-source{font-size:12px;overflow-wrap:anywhere;color:var(--c-5d7067)}.brain-editor{width:100%;box-sizing:border-box;min-height:380px;font-family:ui-monospace,monospace!important;resize:vertical}.brain-create label{display:block;margin:10px 0}.brain-create input{box-sizing:border-box;display:block;width:100%}.brain-context button{display:block;margin:8px 0;max-width:100%;text-align:left}.brain-alert{color:var(--c-922e27)}.brain-status{color:var(--c-355c43)}.brain-shell [hidden]{display:none!important}.brain-breadcrumb{font-size:13px;margin:8px 0}.brain-graph svg{width:100%;height:440px}.brain-graph button{margin:4px}.brain-graph-node{cursor:pointer}.brain-graph-node:focus{outline:3px solid var(--c-c47c36)}@media(max-width:900px){.brain-layout{grid-template-columns:minmax(0,1fr)}.brain-tree{max-height:240px;overflow:auto}.brain-context{order:3}.brain-shell{padding:4px}.brain-center{padding:12px}.brain-editor{min-height:320px}}
.brain-layout{align-items:start}.brain-tree{max-height:70vh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.brain-shell.brain-showing-graph .brain-layout{grid-template-columns:minmax(180px,1fr) minmax(0,4fr)}
.brain-shell.brain-showing-graph .brain-context,.brain-shell.brain-expanded.brain-showing-graph .brain-tree{display:none}
.brain-shell.brain-expanded.brain-showing-graph .brain-layout{grid-template-columns:minmax(0,1fr)}
.brain-showing-graph .brain-center{padding:0;background:var(--c-080e1e);border:1px solid var(--c-273147);border-radius:24px;box-shadow:0 16px 44px var(--c-08132d1c);overflow:hidden}
.brain-graph{--graph-text:var(--c-e6efff);--graph-muted:var(--c-99acc9);--graph-line:var(--c-ffffff18);color:var(--graph-text);background:radial-gradient(ellipse at 90% 0,var(--c-17274488),transparent 45%),var(--c-080e1e);padding:24px;border-radius:23px;isolation:isolate}
.brain-graph-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:22px}
.brain-graph-eyebrow{display:flex;align-items:center;gap:8px;font:10px ui-monospace,monospace;letter-spacing:.2em;color:var(--c-8cbad0);margin-bottom:12px}
.brain-graph-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--c-7aebee);box-shadow:0 0 12px var(--c-53dce4)}
.brain-graph-heading h2{font-size:clamp(21px,2.3vw,32px);line-height:1.15;letter-spacing:-.045em;color:var(--c-eff6ff);margin:0;font-weight:650}
.brain-graph-heading h2 span{color:var(--c-65e7eb)}.brain-graph-heading p{color:var(--graph-muted);font-size:12px;margin:9px 0 0;letter-spacing:.01em}
.brain-graph button,.brain-graph input,.brain-graph select{font:12px system-ui,sans-serif!important;color:var(--graph-text)!important;background:var(--c-142037)!important;border:1px solid var(--c-a1b9e029)!important;border-radius:10px!important;padding:10px 12px!important;margin:0;transition:background .18s,border-color .18s,box-shadow .18s}
.brain-graph button:hover{background:var(--c-203451)!important;border-color:var(--c-6addeb75)!important;box-shadow:0 0 16px var(--c-48bdda12)}
.brain-graph input::placeholder{color:var(--c-8ea3c1)}.brain-graph input{background:var(--c-080f20)!important;min-width:100px;width:100%}
.brain-graph select{color-scheme:dark;max-width:100%}.brain-graph :focus-visible{outline:2px solid var(--c-80e8ee);outline-offset:4px}
.brain-graph-heading button{white-space:nowrap;background:var(--c-a5caff08)!important;font-size:11px!important}
.brain-graph form.brain-toolbar{padding:10px;background:var(--c-ffffff03);border:1px solid var(--graph-line);border-radius:15px;gap:7px;margin:0 0 16px;display:flex}
.brain-graph form input{flex:1 1 115px}.brain-graph form button[type=submit],.brain-graph form button:not([type]){background:var(--c-22445b)!important;border-color:var(--c-6ee1eb55)!important;color:var(--c-c3fcff)!important}
.brain-network{position:relative;background:radial-gradient(ellipse at 50% 48%,var(--c-16274770),transparent 67%),var(--c-060c1a);border:1px solid var(--c-7ca9de30);border-radius:18px;overflow:hidden;box-shadow:inset 0 0 70px var(--c-020611);isolation:isolate}
.brain-network:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px var(--c-b7e5ff13),inset 0 -1px var(--c-67eaff0c);background:linear-gradient(90deg,var(--c-060c1a44),transparent 25%,transparent 75%,var(--c-060c1a44));z-index:1}
.brain-network-atmosphere{position:absolute;inset:0;pointer-events:none;opacity:.65;background-image:radial-gradient(ellipse at 30% 36%,var(--c-3b267a38),transparent 42%),radial-gradient(ellipse at 74% 64%,var(--c-08677724),transparent 42%),radial-gradient(circle,var(--c-a3bcdb60) .65px,transparent .9px),radial-gradient(circle,var(--c-95b5f025) .7px,transparent 1px);background-size:auto,auto,83px 97px,137px 151px;background-position:center,center,21px 36px,65px 17px}
.brain-network svg{position:relative;z-index:2;display:block;width:100%;height:clamp(430px,64vh,780px);stroke:none;touch-action:none;cursor:grab}
.brain-network svg:active{cursor:grabbing}
.brain-network-readout{position:absolute;left:22px;top:23px;z-index:3;pointer-events:none;display:grid;gap:7px}
.brain-network-readout span{font:9px ui-monospace,monospace;letter-spacing:.17em;color:var(--c-849ebf)}
.brain-network-readout strong{font:12px ui-monospace,monospace;color:var(--c-bfd7ed);font-weight:400}
.brain-network .brain-edge{stroke:var(--c-80b9dd);stroke-opacity:.28;stroke-width:1;vector-effect:non-scaling-stroke;transition:opacity .2s,stroke-opacity .2s}
.brain-network .brain-edge.is-active{stroke:var(--c-80f1f6);stroke-opacity:.9;stroke-width:1.6;filter:drop-shadow(0 0 3px var(--c-51cbe099))}
.brain-network .is-dim{opacity:.1}.brain-network .brain-graph-node{stroke:none;outline:none;transition:opacity .2s}
.brain-network .brain-graph-node circle{stroke:var(--c-e6f8ff70);stroke-width:.7;filter:drop-shadow(0 0 4px var(--node-color))}
.brain-network .brain-node-aura{pointer-events:none;opacity:.7}.brain-network .brain-node-ring{pointer-events:none;fill:none;stroke:var(--node-color);stroke-width:.7;stroke-opacity:.24}
.brain-network .brain-node-core{fill:var(--c-ffffff);opacity:.8;pointer-events:none}
.brain-network .brain-graph-node.is-active circle,.brain-network .brain-graph-node:focus circle{stroke:var(--c-ffffff);stroke-width:2;filter:drop-shadow(0 0 8px var(--node-color))}
.brain-network .brain-graph-node.is-active .brain-node-ring,.brain-network .brain-graph-node:focus .brain-node-ring{stroke-opacity:.95;stroke-width:1}
.brain-network .brain-graph-node.is-active .brain-node-aura{opacity:1}
.brain-network .brain-graph-node text{fill:var(--c-e6f5ff);stroke:var(--c-080f20);stroke-width:3;paint-order:stroke;stroke-linejoin:round;font:11px system-ui,sans-serif;letter-spacing:.01em;pointer-events:none;opacity:0}
.brain-network .brain-labels-visible text,.brain-network .is-active text,.brain-network .brain-graph-node:focus text{opacity:1}
.brain-zoom{position:absolute;z-index:3;right:16px;top:16px;display:flex;gap:3px;padding:4px;background:var(--c-111d31d9);backdrop-filter:blur(12px);border:1px solid var(--c-8ab4df24);border-radius:12px}
.brain-graph .brain-zoom button{background:transparent!important;border-color:transparent!important;min-width:32px;padding:7px 9px!important;border-radius:7px!important;color:var(--c-c5e3f3)!important}
.brain-graph .brain-zoom button:hover{background:var(--c-314563)!important}.brain-zoom [data-zoom-in],.brain-zoom [data-zoom-out]{font-size:18px!important;line-height:1}
.brain-network-hint{position:absolute;z-index:3;bottom:14px;left:22px;color:var(--c-8cabc6);font:10px system-ui,sans-serif;letter-spacing:.025em;pointer-events:none;margin:0}
.brain-node-label{position:absolute;z-index:3;bottom:43px;left:22px;max-width:calc(100% - 44px);color:var(--c-dcfcff);font-size:12px;pointer-events:none;margin:0;padding:7px 12px;background:var(--c-12263ee6);border:1px solid var(--c-83dce533);border-radius:8px;backdrop-filter:blur(8px)}
.brain-node-label:empty{display:none}
.brain-graph-legend{display:flex;gap:9px;flex-wrap:wrap;font-size:11px;margin:16px 0;color:var(--c-c1d2e5)}
.brain-graph-legend span{display:flex;align-items:center;gap:7px;padding:6px 10px;background:var(--c-ffffff04);border:1px solid var(--c-ffffff0c);border-radius:20px}
.brain-graph-legend i{width:6px;height:6px;border-radius:50%;display:inline-block;box-shadow:0 0 7px currentColor}
.brain-graph-status,.brain-graph-caption{font-size:10px;line-height:1.7;overflow-wrap:anywhere;margin:7px 0;color:var(--c-98adc8)}
.brain-graph-status{font-family:ui-monospace,monospace}.brain-graph-caption{color:var(--c-8296b4)}
.brain-graph-notes{border-top:1px solid var(--graph-line);margin-top:17px}.brain-graph-notes summary{cursor:pointer;padding:14px 0;color:var(--c-b5c9e0);font-size:11px}
.brain-graph-notes [data-graph-list]{display:flex;flex-wrap:wrap;gap:5px;max-height:220px;overflow:auto;padding-bottom:12px}
.brain-graph>.brain-toolbar{margin:10px 0 0;gap:7px}.brain-graph>.brain-toolbar button{font-size:11px!important;color:var(--c-a4bcd6)!important;background:transparent!important}
.brain-expanded .brain-network svg{height:74vh}
@media(max-width:900px){.brain-shell.brain-showing-graph .brain-layout{grid-template-columns:minmax(0,1fr)}.brain-tree{max-height:220px}.brain-graph{padding:16px}.brain-network svg{height:480px}.brain-graph-heading{align-items:start;gap:10px}.brain-graph-heading h2{font-size:23px}.brain-graph-heading p{max-width:210px;line-height:1.5}.brain-graph-eyebrow{font-size:8px}.brain-graph-heading button{padding:8px!important;font-size:10px!important}.brain-network-readout{top:18px;left:14px}.brain-network-readout span{font-size:8px;letter-spacing:.08em}.brain-network-readout strong{font-size:10px}.brain-zoom{top:auto;bottom:42px;right:10px}.brain-network-hint{left:14px;bottom:12px;right:14px;font-size:9px;line-height:1.6}.brain-node-label{bottom:95px;left:14px}.brain-graph form.brain-toolbar{padding:8px}.brain-graph form input{flex-basis:100px}.brain-graph-caption,.brain-graph-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){.brain-network .brain-edge,.brain-network .brain-graph-node,.brain-graph button,.brain-graph input,.brain-graph select{transition:none}}
/* Holographic volume: only source nodes and edges participate in the graph. */
.brain-holographic{background:radial-gradient(ellipse at 50% 28%,var(--c-812da52b),transparent 36%),radial-gradient(ellipse at 50% 70%,var(--c-009dca23),transparent 38%),var(--c-070a15)}
.brain-holographic .brain-network-atmosphere{opacity:.8;background-size:auto,auto,47px 59px,89px 101px}
.brain-holographic .brain-edge{stroke:url(#brain-edge-spectrum);stroke-opacity:.26;stroke-width:.65}
.brain-holographic .brain-edge.is-active{stroke:var(--c-c6f6ff);stroke-opacity:1;stroke-width:1.3}
.brain-holographic .brain-graph-node{opacity:var(--depth-opacity,1)}
.brain-holographic .brain-graph-node.is-dim{opacity:.08}
.brain-holographic .brain-graph-node circle{stroke:var(--c-ffffff9c);stroke-width:.7;filter:drop-shadow(0 0 3px var(--node-color))}
.brain-holographic .brain-node-ring{stroke-opacity:.1;stroke-width:.4}
.brain-holographic .brain-node-aura{opacity:.9}
.brain-holographic .brain-node-core{opacity:1}
.brain-holographic .brain-graph-node text{font-size:12px}
.brain-holographic .brain-graph-node.is-active,.brain-holographic .brain-graph-node:focus{opacity:1}
.brain-holographic [data-edges]{filter:drop-shadow(0 0 2px var(--c-7976dd55))}
