@charset "UTF-8";
/* A conceptual, explorable network. Its activity is illustrative. */
.neural-view{--network-teal:#86ded8;--network-warm:#ffc77d;--network-picture-width:48px;min-width:0;margin:30px 0 0}
.neural-view[data-picture-count="6"]{--network-picture-width:76px}
.neural-view[data-picture-count="8"]{--network-picture-width:70px}
.neural-view[data-picture-count="10"]{--network-picture-width:64px}
.neural-view .orbit-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:12px}
.neural-view .orbit-heading h3{margin:0;font:400 24px/1.2 Georgia,serif;letter-spacing:-.025em;color:var(--paper,#eef4ed)}
.neural-view .orbit-heading p{margin:0;color:#b4ccd7;font-size:10px;line-height:1.5}
.neural-view .orbit-stage{position:relative;display:block;height:360px;min-width:0;overflow:hidden;isolation:isolate;container-type:inline-size;border:1px solid #355a68;background:radial-gradient(ellipse at 74% 48%,rgba(255,199,125,.07),transparent 38%),radial-gradient(ellipse at 30% 42%,#133d46,#081d2c 62%,#061621);touch-action:pan-y;cursor:grab;outline-offset:3px}
.neural-view .orbit-stage:active{cursor:grabbing}
.neural-view .orbit-stage:focus-visible{outline:2px solid var(--network-teal)}
.neural-view .orbit-stage::before,.neural-view .orbit-stage::after{content:"";position:absolute;pointer-events:none;z-index:-1}
.neural-view .orbit-stage::before{inset:0;opacity:.12;background-image:linear-gradient(rgba(134,222,216,.27) 1px,transparent 1px),linear-gradient(90deg,rgba(134,222,216,.27) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse at center,#000,transparent 80%)}
.neural-view .orbit-stage::after{left:-25%;right:-25%;top:57%;bottom:-55%;opacity:.16;background-image:linear-gradient(rgba(134,222,216,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(134,222,216,.25) 1px,transparent 1px);background-size:36px 36px;transform-origin:center top;transform:perspective(350px) rotateX(56deg)}
.neural-view .orbit-stage canvas,.neural-view .network-static{position:absolute;inset:0;width:100%;height:100%;display:block}
.neural-view .orbit-stage canvas{z-index:1}
.neural-view:not([data-network-engine="three"]):not([data-network-engine="canvas"]) .orbit-stage canvas{visibility:hidden}
.neural-view[data-network-engine="three"] .network-static,.neural-view[data-network-engine="canvas"] .network-static{display:none}
.neural-view .network-pictures{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}
.neural-view .network-picture-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.neural-view[data-network-engine="three"] .network-picture-links,.neural-view[data-network-engine="canvas"] .network-picture-links{display:none}
.neural-view .network-picture{position:absolute;left:calc(var(--static-x,50)*1%);top:calc(var(--static-y,50)*1%);width:var(--network-picture-width);height:var(--network-picture-width);margin:0;transform:translate(-50%,-50%) scale(var(--picture-scale,1));transform-origin:center;opacity:var(--picture-opacity,1);pointer-events:none}
.neural-view .network-picture[hidden]{display:none!important}
.neural-view .network-picture-circle{position:absolute;z-index:2;left:50%;top:50%;width:calc(100% + 12px);height:calc(100% + 12px);box-sizing:border-box;border:1.25px solid rgba(134,222,216,.78);border-radius:50%;background:transparent;box-shadow:0 0 9px rgba(77,220,214,.23),inset 0 0 7px rgba(77,220,214,.08);transform:translate(-50%,-50%) scale(var(--circle-scale,1));transform-origin:center;opacity:var(--circle-opacity,.62);pointer-events:none}
.neural-view .network-picture-circle+img{position:relative;z-index:1}
.neural-view .network-picture img{display:block;width:100%;height:100%;box-sizing:border-box;padding:4px;object-fit:contain;border:1px solid rgba(134,222,216,.54);border-radius:3px;background:rgba(5,22,30,.86);box-shadow:0 0 14px rgba(61,205,203,.15),inset 0 0 10px rgba(134,222,216,.05);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));pointer-events:auto;user-select:none;-webkit-user-drag:none}
.neural-view .network-picture[data-image-set="thermal"] img{border-color:rgba(255,199,125,.55);box-shadow:0 0 14px rgba(255,153,80,.13),inset 0 0 10px rgba(255,199,125,.05)}
.neural-view .network-picture figcaption{position:absolute;z-index:3;top:calc(100% + 3px);left:50%;max-width:92px;width:max-content;transform:translateX(-50%);padding:2px 4px;background:rgba(5,22,30,.9);color:#d1e8e8;font:8px/1.3 Arial,Helvetica,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none}
.neural-view .network-picture:hover figcaption{opacity:1}
.neural-view .orbit-labels{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}
.neural-view .neural-label{position:absolute;left:0;top:0;width:max-content;max-width:min(132px,31%);transform:translate(-50%,-50%);padding:5px 8px;border:1px solid rgba(134,222,216,.22);border-top-color:rgba(134,222,216,.6);background:rgba(5,22,32,.88);color:#c6eee9;font:10px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.025em;text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
.neural-view .neural-label.neural-output{color:var(--network-warm);border-color:rgba(255,199,125,.3);border-top-color:rgba(255,199,125,.75);background:rgba(39,29,21,.89)}
.neural-view .orbit-hud{position:absolute;z-index:4;top:15px;left:16px;right:16px;display:flex;justify-content:space-between;gap:14px;color:#a0d7d4;font-size:9px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}
.neural-view .orbit-hud span:last-child{color:#9fb8c6;text-align:right}
.neural-view .orbit-corner{position:absolute;z-index:4;width:11px;height:11px;border-color:#77beba;border-style:solid;opacity:.6;pointer-events:none}
.neural-view .orbit-corner-tl{left:5px;top:5px;border-width:1px 0 0 1px}
.neural-view .orbit-corner-tr{right:5px;top:5px;border-width:1px 1px 0 0}
.neural-view .orbit-corner-bl{left:5px;bottom:5px;border-width:0 0 1px 1px}
.neural-view .orbit-corner-br{right:5px;bottom:5px;border-width:0 1px 1px 0}
.neural-view .neural-legend{position:absolute;z-index:4;left:16px;bottom:14px;max-width:calc(100% - 32px);display:flex;align-items:center;gap:7px;color:#b4ccd2;font-size:9px;line-height:1.5;letter-spacing:.025em;pointer-events:none}
.neural-view .neural-legend span:last-child{color:var(--network-warm)}
.neural-view .neural-legend span+span::before{content:"→";padding-right:7px;color:#76abae}
.neural-view .neural-output-caption{position:absolute;z-index:4;right:16px;bottom:39px;padding:5px 8px;border:1px solid rgba(255,199,125,.3);border-radius:3px;background:rgba(25,25,22,.86);color:var(--network-warm);font-size:9px;line-height:1.4;pointer-events:none}
.neural-view[data-network-engine="three"] .neural-output-caption,.neural-view[data-network-engine="canvas"] .neural-output-caption{display:none}
.neural-view .orbit-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding-top:10px;min-width:0}
.neural-view .orbit-controls button{min-height:44px;min-width:0;margin:0;padding:7px 6px;border:1px solid #3d616e;border-radius:0;background:rgba(6,24,34,.35);color:#b4e2de;font-size:10px;line-height:1.3;cursor:pointer;touch-action:manipulation}
.neural-view .orbit-controls button:hover{background:rgba(134,222,216,.1);border-color:#8ed5ce}
.neural-view .orbit-controls button:focus-visible{outline:2px solid var(--network-teal);outline-offset:2px}
.neural-view .orbit-controls button:disabled{cursor:default;opacity:.4}
.neural-view .orbit-controls #network-signals[aria-pressed="true"]{border-color:#89cfc8;background:rgba(134,222,216,.12)}
.neural-view .orbit-concept-note{margin:10px 0 0!important;color:#aec6d0;font-size:9px!important;line-height:1.5}
.neural-view .orbit-fallback-note{display:none;margin:9px 0 0;color:#b4ccd7;font-size:10px;line-height:1.5}
.neural-view[data-network-engine="static"] .orbit-fallback-note{display:block}
.neural-view .source-visuals,.neural-view .orbit-set-chooser{display:none}
@container(max-width:440px){.neural-view .network-pictures{--network-picture-width:36px}.neural-view[data-picture-count="6"] .network-pictures{--network-picture-width:54px}.neural-view[data-picture-count="8"] .network-pictures{--network-picture-width:50px}.neural-view[data-picture-count="10"] .network-pictures{--network-picture-width:46px}.neural-view .network-picture img{padding:3px}.neural-view .network-picture figcaption{font-size:7px;max-width:70px}}
@media(max-width:740px){.neural-view{--network-picture-width:36px}.neural-view[data-picture-count="6"]{--network-picture-width:54px}.neural-view[data-picture-count="8"]{--network-picture-width:50px}.neural-view[data-picture-count="10"]{--network-picture-width:46px}.neural-view .network-picture img{padding:3px}.neural-view .network-picture figcaption{font-size:7px;max-width:70px}.neural-view .orbit-heading{display:block}.neural-view .orbit-heading h3{margin-bottom:5px;font-size:23px}.neural-view .orbit-heading p{font-size:10px}.neural-view .orbit-hud{left:12px;right:12px;font-size:8px;letter-spacing:.055em}.neural-view .orbit-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.neural-view .neural-label{max-width:min(102px,32%);padding:4px 5px;font-size:9px}.neural-view .neural-legend{left:12px;bottom:12px;max-width:calc(100% - 24px);font-size:8px;gap:5px}.neural-view .neural-output-caption{right:12px;bottom:36px;font-size:8px;padding:4px 6px}}
@media(max-width:370px){.neural-view .orbit-heading h3{font-size:22px}.neural-view .orbit-hud{gap:8px;font-size:7px}.neural-view .neural-label{max-width:min(92px,32%);font-size:8px}.neural-view .orbit-controls button{padding:7px 4px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.neural-view .neural-label{will-change:auto}}