.brain-art{background:radial-gradient(ellipse at 35% 36%,#603f882b,transparent 54%),radial-gradient(ellipse at 78% 62%,#15576026,transparent 50%),#090d1e;color:#d9def5}
.brain-art::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#9db1df26 .6px,transparent .6px);background-size:20px 20px;pointer-events:none}
.brain-art .art-topline,.brain-art .art-bottomline{align-items:center;gap:8px 12px;white-space:normal}
.brain-art .art-topline>span:last-child{color:#83f2ec}
.brain-art .art-bottomline>span:last-child{color:#8996b4}
.brain-graph{position:absolute;left:2%;top:11%;width:96%;height:80%;overflow:visible}
.brain-mobile-preview{display:none}
.brain-connections path{fill:none;stroke-width:.7;opacity:.19}
.brain-connections .is-bridge{stroke-width:1;opacity:.32}
.brain-signals path{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 97;filter:drop-shadow(0 0 3px #88ffe9);animation:brain-signal var(--signal-time) var(--signal-delay) linear infinite}
.brain-documents circle{opacity:.7;animation:brain-spark 4s var(--node-delay) ease-in-out infinite}
.brain-halo{fill:none;stroke:var(--hub-color);stroke-width:.7;transform-box:fill-box;transform-origin:center;opacity:.25;animation:brain-radiate 4s var(--hub-delay) ease-out infinite}
.brain-ring{fill:none;stroke:var(--hub-color);stroke-width:.8;opacity:.4;stroke-dasharray:2 4}
.brain-hub-body{fill:#171b34;stroke:var(--hub-color);stroke-width:1.6;filter:drop-shadow(0 0 7px var(--hub-color))}
.brain-hub-center{fill:#fff;filter:drop-shadow(0 0 5px var(--hub-color))}
.brain-label-backdrop{fill:#090d1e;opacity:.88}
.brain-hub text{font:700 13px var(--mono);letter-spacing:1.5px;fill:var(--hub-color)}
.brain-network{animation:brain-drift 14s ease-in-out infinite alternate}
.brain-art:not(.brain-running) .brain-network,.brain-art:not(.brain-running) .brain-signals path,.brain-art:not(.brain-running) .brain-documents circle,.brain-art:not(.brain-running) .brain-halo{animation-play-state:paused}
@keyframes brain-signal{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes brain-spark{0%,100%{opacity:.5}40%{opacity:.95}50%{opacity:1;filter:drop-shadow(0 0 3px #a1f9ff)}65%{opacity:.6}}
@keyframes brain-radiate{0%{transform:scale(.8);opacity:.5}100%{transform:scale(1.9);opacity:0}}
@keyframes brain-drift{from{transform:translate(-1px,1px)}to{transform:translate(2px,-2px)}}
.brain-project .brain-art{height:clamp(330px,54vw,640px)}
.brain-expand,.brain-viewer button{border:1px solid #83f2ec55;background:#83f2ec0c;color:#a4fff5;font:13px var(--mono);letter-spacing:1px;padding:12px 16px;cursor:pointer}
.brain-expand{display:block;margin:18px 0 0 auto}
.brain-expand[hidden]{display:none}
.brain-viewer button:disabled{opacity:.35;cursor:default}
.brain-expand:hover,.brain-viewer button:hover{background:#83f2ec22;border-color:#83f2ec}
.brain-expand:focus-visible,.brain-viewer button:focus-visible{outline:2px solid #83f2ec;outline-offset:4px}
.brain-viewer{width:min(1600px,calc(100vw - 40px));max-width:none;max-height:94svh;padding:20px;border:1px solid #83f2ec66;background:#090d1e;color:#d9def5;box-shadow:0 0 90px #83f2ec12}
.brain-viewer::backdrop{background:#02040de8;backdrop-filter:blur(10px)}
.brain-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.brain-viewer-bar h2{font:13px var(--mono);letter-spacing:2px;margin:0;color:#a4fff5}
.brain-viewer-tools{display:flex;gap:8px;align-items:center}
.brain-viewer-tools button{min-width:42px;padding:10px}
.brain-viewer .brain-art{height:min(76svh,840px);margin:0}
.brain-viewer .brain-graph{touch-action:none;overflow:hidden}
.brain-viewer .brain-graph.is-zoomed{cursor:grab}
.brain-viewer .brain-graph.is-panning{cursor:grabbing}
.brain-viewer-hint{margin:12px 0 0;color:#929eb7;font:13px var(--mono);letter-spacing:1px}
body:has(.brain-viewer[open]){overflow:hidden}
@media(max-width:760px){
  .brain-art,.brain-project .brain-art{display:flex;flex-direction:column;gap:14px;height:auto;padding:18px 12px 16px}
  .brain-art .art-topline,.brain-art .art-bottomline{position:static;font-size:13px;line-height:1.6;letter-spacing:.3px}
  .brain-art .art-topline>span:last-child{white-space:nowrap}
  .brain-art .art-bottomline>span:last-child{color:#a5b3d0}
  .brain-mobile-preview{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
  .brain-art .brain-graph,.brain-expand{display:none}
}
@media(max-width:560px){.brain-viewer{width:calc(100vw - 16px);padding:12px}.brain-viewer-bar{flex-wrap:wrap;gap:12px}.brain-viewer-bar h2{font-size:13px}.brain-viewer .brain-art{height:65svh}.brain-viewer .art-topline>span:last-child{display:none}.brain-project .brain-art .art-topline,.brain-project .brain-art .art-bottomline{font-size:13px;letter-spacing:.4px}.brain-viewer-hint{font-size:13px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.brain-network,.brain-signals path,.brain-documents circle,.brain-halo{animation:none}.brain-signals path{opacity:.55}.brain-halo{opacity:.2}}