.brain-demo{--bd-bg:#11131a;--bd-line:#232633;--bd-text:#f4f5f8;--bd-soft:#c3c7d2;--bd-mute:#8d93a4;--bd-accent:#818cf8;border:1px solid var(--bd-line);width:100%;height:640px;color:var(--bd-soft);font-family:var(--font,"Figtree Variable", system-ui, sans-serif);isolation:isolate;background:0 0;border-radius:16px;position:relative;overflow:hidden}.brain-demo .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brain-demo .bd-canvas{cursor:grab;width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;inset:0}.brain-demo .bd-canvas:active{cursor:grabbing}.brain-demo[data-mode=search] .bd-canvas{opacity:.3}.brain-demo[data-mode=search] .bd-labels{opacity:.4}.brain-demo .bd-labels{pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.brain-demo .bd-label,.brain-demo .bd-hover{white-space:nowrap;color:var(--bd-soft);pointer-events:none;will-change:transform;font-size:11px;line-height:1;position:absolute;top:0;left:0}.brain-demo .bd-hover{z-index:3;background:var(--bd-bg);border:1px solid var(--bd-line);color:var(--bd-text);border-radius:8px;padding:5px 8px;font-size:12px}.brain-demo .bd-panel{z-index:2;background:var(--bd-bg);border:1px solid var(--bd-line);border-radius:14px;padding:16px;position:absolute;overflow:auto}.brain-demo .bd-side{width:320px;top:16px;bottom:48px;right:16px}.brain-demo .bd-search{width:min(440px,100% - 368px);display:none;top:16px;bottom:48px;left:16px}.brain-demo[data-mode=search] .bd-search{display:block}.brain-demo .bd-empty{color:var(--bd-mute);margin:0;font-size:14px;line-height:1.55}.brain-demo .bd-section{font-family:var(--mono,"JetBrains Mono Variable", monospace);letter-spacing:.04em;text-transform:uppercase;color:var(--bd-accent);margin:0 0 6px;font-size:11px}.brain-demo .bd-title{color:var(--bd-text);margin:0 0 8px;font-size:18px;font-weight:650;line-height:1.25}.brain-demo .bd-desc{color:var(--bd-soft);margin:0 0 16px;font-size:14px;line-height:1.55}.brain-demo .bd-sub{color:var(--bd-mute);margin:0 0 8px;font-size:12px}.brain-demo .bd-links{flex-direction:column;gap:4px;margin:0 0 16px;padding:0;list-style:none;display:flex}.brain-demo .bd-links button{text-align:left;width:100%;font:inherit;color:var(--bd-soft);border:1px solid var(--bd-line);cursor:pointer;background:0 0;border-radius:8px;padding:7px 10px;font-size:13px}.brain-demo .bd-links button:hover{color:var(--bd-text);border-color:var(--bd-accent)}.brain-demo .bd-open{color:var(--bd-accent);font-size:14px;font-weight:600;text-decoration:none}.brain-demo .bd-open:hover{text-decoration:underline}.brain-demo .bd-input{box-sizing:border-box;width:100%;font:inherit;color:var(--bd-text);border:1px solid var(--bd-line);background:#08090d;border-radius:10px;padding:10px 12px;font-size:15px}.brain-demo .bd-note{color:var(--bd-mute);margin:8px 0 12px;font-size:12px;line-height:1.5}.brain-demo .bd-results{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.brain-demo .bd-result{text-align:left;width:100%;font:inherit;color:var(--bd-soft);border:1px solid var(--bd-line);cursor:pointer;background:0 0;border-radius:10px;padding:10px 12px;display:block}.brain-demo .bd-result:hover{border-color:var(--bd-accent)}.brain-demo .bd-result .bd-rt{color:var(--bd-text);font-size:13px;font-weight:650;display:block}.brain-demo .bd-result .bd-rs{font-family:var(--mono,"JetBrains Mono Variable", monospace);letter-spacing:.04em;text-transform:uppercase;color:var(--bd-mute);margin:2px 0 6px;font-size:10.5px;display:block}.brain-demo .bd-result .bd-rp{font-size:12.5px;line-height:1.5;display:block}.brain-demo mark{color:var(--bd-text);background:#818cf840;border-radius:3px;padding:0 1px}.brain-demo .bd-none{color:var(--bd-mute);font-size:13px}.brain-demo .bd-legend{z-index:2;font-family:var(--mono,"JetBrains Mono Variable", monospace);color:var(--bd-mute);margin:0;font-size:11px;position:absolute;bottom:16px;left:16px}.brain-demo button:focus-visible,.brain-demo a:focus-visible,.brain-demo input:focus-visible{outline:2px solid var(--bd-accent);outline-offset:2px}.brain-demo.bd-nogl .bd-canvas,.brain-demo.bd-nogl .bd-legend{display:none}.brain-demo.bd-nogl .bd-search{display:block}@media (width<=760px){.brain-demo{flex-direction:column;height:auto;display:flex}.brain-demo .bd-canvas{flex:none;height:420px;position:relative}.brain-demo .bd-labels{height:420px;bottom:auto}.brain-demo .bd-panel{width:auto;max-height:360px;margin:0 12px 12px;position:static}.brain-demo[data-mode=search] .bd-search,.brain-demo.bd-nogl .bd-search{width:auto}.brain-demo .bd-legend{order:5;margin:0 16px 14px;position:static}.brain-demo.bd-nogl .bd-legend{display:none}}@media (prefers-reduced-motion:reduce){.brain-demo .bd-canvas,.brain-demo .bd-labels{transition:none}}.brain-modes{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.brain-modes button{text-align:left;cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:12px;flex-direction:column;gap:.1rem;padding:.7rem .9rem;display:flex}.brain-modes button:hover{border-color:var(--accent)}.brain-modes strong{color:var(--ink)}.brain-modes span{color:var(--ink-3);font-size:.84rem}.brain-modes button[aria-pressed=true]{border-color:var(--accent);background:#818cf81a}
