.neural-nodes{position:absolute;inset:0;pointer-events:none;z-index:4}
.neural-node{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:8px;min-height:48px;width:145px;padding:9px 10px;text-align:left;background:linear-gradient(125deg,#0e2633d9,#0c1b2ce6);border:1px solid #9be8e132;border-left:2px solid #85d7cd70;color:#c8ece7;backdrop-filter:blur(12px);border-radius:2px;box-shadow:0 6px 25px #05061626;transition:background .25s,box-shadow .25s,border-color .25s,translate .25s}
.node-copy{font-size:11px;line-height:1.5;white-space:nowrap}.node-copy small{display:block;color:#62979f;font:6px/1.7 var(--tech-mono);letter-spacing:1px;margin-top:2px}
.node-icon{font-size:17px;color:#9affdf;flex:none}.node-expand{font-size:10px;margin-left:auto;color:#77b6bc}
.neural-node:before{content:"";position:absolute;top:50%;width:23px;height:1px;background:linear-gradient(90deg,#91e7dc70,#91e7dc10);pointer-events:none}
.neural-node:after{content:"";position:absolute;top:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#a1ffe0;box-shadow:0 0 8px #a1ffe060;pointer-events:none}
.node-0,.node-1,.node-2{left:0}.node-3,.node-4,.node-5{right:0}
.node-0,.node-3{top:13%}.node-1,.node-4{top:45%}.node-2,.node-5{top:77%}
.node-0:before,.node-1:before,.node-2:before{left:100%}.node-0:after,.node-1:after,.node-2:after{left:calc(100% + 22px)}
.node-3:before,.node-4:before,.node-5:before{right:100%;rotate:180deg}.node-3:after,.node-4:after,.node-5:after{right:calc(100% + 22px)}
.neural-node:hover,.neural-node.is-active{border-color:#a5ffe580;border-left-color:#a5ffe5;background:linear-gradient(125deg,#123c43eb,#102237ed);box-shadow:0 0 23px #94ffe012}
.neural-node:hover{translate:0 -2px}.neural-node:focus-visible{outline:2px solid #d8fff0;outline-offset:4px}
.neural-frame .cross-one,.neural-frame .cross-two{display:none}
.neural-dialog{width:min(1160px,calc(100vw - 48px));max-width:none;max-height:94svh;padding:20px 28px;background:radial-gradient(ellipse at 45% 40%,#2331555c,transparent 60%),#070f1bf7;border:1px solid #97e9de50;border-radius:10px;overflow-y:auto;box-shadow:0 30px 120px #0009}
.neural-dialog::backdrop{background:#02040dc7;backdrop-filter:blur(16px)}
.neural-dialog-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #94ffe01b;color:#82bdbd;font-size:11px;letter-spacing:1px}.neural-close{width:36px;height:36px;border-radius:50%;border:1px solid #94ffe038;font-size:24px;color:#c9eee7;display:grid;place-items:center;line-height:1}.neural-close:hover{background:#94ffe015}
.neural-dialog .hero-art{margin:0;max-height:none;width:100%;display:flex;translate:none!important;align-self:auto}
.neural-dialog .scene-heading{padding:10px 0;border:0}.neural-dialog .neural-frame{height:clamp(340px,53svh,610px);min-height:0;flex:none;transform:none!important;translate:none!important}.neural-dialog .scene-bottom{padding:8px 0;border-top:1px solid #94ffe01b}.neural-dialog .scene-hint{display:block}
.neural-dialog .neural-node{width:180px;padding:12px 14px;gap:12px}.neural-dialog .node-copy{font-size:13px}.neural-dialog .node-copy small{font-size:8px}.neural-dialog .node-icon{font-size:21px}.neural-dialog .node-expand{font-size:13px}.neural-dialog .node-0,.neural-dialog .node-1,.neural-dialog .node-2{left:6%}.neural-dialog .node-3,.neural-dialog .node-4,.neural-dialog .node-5{right:6%}.neural-dialog .neural-node:before{width:40px}.neural-dialog .node-0:after,.neural-dialog .node-1:after,.neural-dialog .node-2:after{left:calc(100% + 39px)}.neural-dialog .node-3:after,.neural-dialog .node-4:after,.neural-dialog .node-5:after{right:calc(100% + 39px)}
.neural-dialog-detail{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 0 0}.node-detail-kicker{font:8px var(--tech-mono);color:#5a9eab;letter-spacing:1.7px}.neural-dialog h2{font-size:22px;font-weight:400;color:#d0fff0;margin:5px 0}.node-detail-description{font-size:12px;color:#88acb9;line-height:1.8;max-width:640px}.node-detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.node-detail-tags span{padding:3px 8px;border:1px solid #94ffe01f;background:#94ffe006;color:#6599a7;font-size:9px;border-radius:3px}.neural-zoom{display:flex;align-items:center;gap:7px;flex:none;padding:7px;border:1px solid #94ffe026;border-radius:5px;background:#94ffe004}.neural-zoom button{height:35px;min-width:35px;padding:0 9px;border-radius:3px;border:1px solid #94ffe01f;color:#b8eee1;font-size:15px}.neural-zoom [data-zoom=reset]{font-size:11px}.neural-zoom button:hover{background:#94ffe015}.neural-zoom button:disabled{opacity:.3;cursor:default}.neural-zoom output{font:11px var(--tech-mono);color:#9cd7cc;min-width:44px;text-align:center}
@media(max-width:1180px){.neural-node{width:124px;padding:8px;gap:6px}.node-copy{font-size:10px}.node-copy small{font-size:5px;letter-spacing:.5px}.node-icon{font-size:15px}.node-expand{font-size:9px}.neural-node:before{width:13px}.node-0:after,.node-1:after,.node-2:after{left:calc(100% + 12px)}.node-3:after,.node-4:after,.node-5:after{right:calc(100% + 12px)}}
@media(max-width:850px){.neural-node{width:103px;gap:5px;padding:7px;min-height:44px}.node-copy{font-size:9px}.node-copy small{font-size:5px;letter-spacing:0}.node-icon{font-size:12px}.node-expand{display:none}.node-0,.node-3{top:9%}.node-2,.node-5{top:80%}.neural-dialog{padding:16px 20px}.neural-dialog .neural-node{width:140px;padding:10px;gap:8px}.neural-dialog .node-copy{font-size:11px}.neural-dialog .node-copy small{font-size:6px}.neural-dialog .node-icon{font-size:16px}.neural-dialog .node-expand{display:none}.neural-dialog .node-0,.neural-dialog .node-1,.neural-dialog .node-2{left:0}.neural-dialog .node-3,.neural-dialog .node-4,.neural-dialog .node-5{right:0}.neural-dialog-detail{gap:15px}.neural-zoom{gap:3px;padding:5px}}
@media(max-width:650px){.neural-node{width:110px;min-height:45px;padding:8px;gap:6px}.node-copy{font-size:10px}.node-copy small{font-size:5px;letter-spacing:.25px}.node-icon{font-size:14px}.neural-dialog{width:calc(100vw - 20px);max-height:95svh;padding:12px}.neural-dialog .neural-frame{height:clamp(330px,47svh,440px)}.neural-dialog .neural-node{width:112px;min-height:46px;padding:8px;gap:6px}.neural-dialog .node-copy{font-size:10px}.neural-dialog .node-copy small{font-size:5px}.neural-dialog .node-icon{font-size:14px}.neural-dialog .neural-node:before{width:12px}.neural-dialog .node-0:after,.neural-dialog .node-1:after,.neural-dialog .node-2:after{left:calc(100% + 11px)}.neural-dialog .node-3:after,.neural-dialog .node-4:after,.neural-dialog .node-5:after{right:calc(100% + 11px)}.neural-dialog-detail{flex-direction:column;align-items:stretch;padding-top:14px;gap:14px}.neural-dialog h2{font-size:20px}.node-detail-description{font-size:11px}.neural-zoom{align-self:flex-end}.neural-close{width:36px;height:36px}.neural-dialog .scene-heading>span:last-child{font-size:7px}}
@media(prefers-reduced-motion:reduce){.neural-node{transition:none}}
/* Floating glass satellites: transparent lenses, inset icon orbit, subtle edge light. */
.neural-node{width:158px;min-height:58px;padding:9px 10px 9px 8px;gap:9px;border:1px solid rgba(212,232,255,.28);border-left-width:1px;border-radius:18px;background:linear-gradient(125deg,rgba(207,222,255,.12),rgba(33,40,83,.10) 55%,rgba(122,255,224,.08));backdrop-filter:blur(9px) saturate(120%);-webkit-backdrop-filter:blur(9px) saturate(120%);box-shadow:inset 0 1px 0 #ffffff20,inset 0 -1px 0 #a3ffe30a,0 8px 25px #04031818;color:#f1f6ff;transition:translate .35s,background .35s,border-color .35s,box-shadow .35s}
.neural-node .node-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;border:1px solid #c4fff030;background:linear-gradient(140deg,#d4fff517,#90baff09);box-shadow:inset 0 1px 1px #ffffff15;color:#c4ffed;font-size:17px;text-shadow:0 0 12px #9bffe545;transition:background .35s,box-shadow .35s}
.neural-node .node-copy{font-size:11px;line-height:1.6;font-weight:500;text-shadow:0 1px 10px #0c092355}
.neural-node .node-copy small{font-size:6px;font-weight:400;letter-spacing:.7px;color:#b4c9e0b3;margin-top:1px}
.neural-node .node-expand{font-size:11px;color:#d1e9efb0;margin-left:auto}
.neural-node:before{height:1px;opacity:.65;background:linear-gradient(90deg,#c4e9ef60,#9ee9ff10)}
.neural-node:after{width:3px;height:3px;background:#c7fff0;box-shadow:0 0 10px #b7ffe5a0}
.neural-node:hover,.neural-node.is-active{background:linear-gradient(125deg,#cfe7ff26,#21285320 55%,#7affe01e);border-color:#c9fff478;border-left-color:#c9fff478;box-shadow:inset 0 1px 0 #ffffff38,0 10px 30px #05031922,0 0 20px #a1ffe00a}
.neural-node:hover{translate:0 -3px}.neural-node:hover .node-icon,.neural-node.is-active .node-icon{background:linear-gradient(140deg,#d4fff52a,#90baff16);box-shadow:inset 0 1px 0 #ffffff28,0 0 14px #9bffe515}
.neural-node.is-active .node-expand{color:#d2ffec}.neural-node:focus-visible{outline:2px solid #dcfff4;outline-offset:5px}
.neural-dialog .neural-node{width:190px;min-height:66px;padding:10px;gap:12px;border-radius:21px}
.neural-dialog .node-icon{width:38px;height:38px;font-size:20px}
.neural-dialog .node-copy{font-size:13px}.neural-dialog .node-copy small{font-size:7px;letter-spacing:1px}.neural-dialog .node-expand{font-size:13px}
@media(max-width:1180px){.neural-node{width:136px;min-height:54px;padding:8px 9px 8px 7px;gap:7px;border-radius:17px}.neural-node .node-icon{width:27px;height:27px;font-size:15px}.neural-node .node-copy{font-size:10px}.neural-node .node-copy small{font-size:5px;letter-spacing:.4px}.neural-node .node-expand{font-size:9px}}
@media(max-width:850px){.neural-node{width:108px;min-height:50px;padding:7px;gap:6px;border-radius:16px}.neural-node .node-icon{width:24px;height:24px;font-size:13px}.neural-node .node-copy{font-size:10px}.neural-node .node-copy small{display:none}.neural-node .node-expand{display:none}.neural-dialog .neural-node{width:145px;min-height:56px;padding:8px;gap:8px;border-radius:18px}.neural-dialog .node-icon{width:29px;height:29px;font-size:16px}.neural-dialog .node-copy{font-size:11px}.neural-dialog .node-copy small{display:block;font-size:6px;letter-spacing:.5px}.neural-dialog .node-expand{display:none}}
@media(max-width:650px){.neural-node{width:116px;min-height:51px;border-radius:17px;padding:8px;gap:7px}.neural-node .node-icon{width:25px;height:25px;font-size:14px}.neural-node .node-copy{font-size:11px}.neural-dialog .neural-node{width:120px;min-height:53px;padding:8px;gap:7px;border-radius:17px}.neural-dialog .node-icon{width:26px;height:26px;font-size:14px}.neural-dialog .node-copy{font-size:11px}.neural-dialog .node-copy small{display:none}}
@media(prefers-reduced-motion:reduce){.neural-node,.neural-node .node-icon{transition:none}}
/* Aurora chamber — luminous violet / cobalt glass instead of an opaque dark panel. */
.neural-dialog{isolation:isolate;background:radial-gradient(ellipse at 14% 18%,rgba(142,99,255,.63),transparent 54%),radial-gradient(ellipse at 88% 38%,rgba(28,184,233,.35),transparent 52%),radial-gradient(ellipse at 48% 88%,rgba(102,76,231,.46),transparent 58%),linear-gradient(135deg,#242068,#152d60 58%,#28225c);background-size:160% 150%,150% 170%,170% 150%,100% 100%;border:1px solid #c2d9ff66;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff30,inset 0 0 70px #b2ccff0c,0 0 70px #7566ff30,0 35px 120px #080c4059;animation:neuralAuroraDrift 18s ease-in-out infinite alternate;backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%)}
.neural-dialog::backdrop{background:linear-gradient(135deg,#25235e82,#123a5e6e 60%,#37265d80);backdrop-filter:blur(14px) saturate(115%)}
.neural-dialog-top{position:relative;z-index:2;border-bottom-color:#c8dbff26;color:#d1eaff;font-size:11px}
.neural-close{background:#d4eaff0c;border-color:#d5e8ff45;color:#efffff;box-shadow:inset 0 1px 0 #ffffff1a}.neural-close:hover{background:#d4eaff20;border-color:#ddf5ff99}
.neural-dialog-stage{position:relative;isolation:isolate}
.neural-dialog-stage:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#b8d8ff0b 1px,transparent 1px),linear-gradient(90deg,#b8d8ff0b 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse at center,#0009,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#0009,transparent 75%)}
.neural-dialog .neural-frame:before{content:"";display:block;position:absolute;left:50%;top:49%;width:min(44%,430px);aspect-ratio:1;right:auto;bottom:auto;translate:-50% -50%;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(96,225,255,.14),rgba(109,127,255,.19) 46%,rgba(158,140,255,.08) 64%,transparent 73%);box-shadow:0 0 65px #88aeff20;opacity:1;animation:neuralEnergyBreath 7s ease-in-out infinite}
.neural-dialog #neural-scene{position:relative;z-index:1;filter:drop-shadow(0 0 8px #7cffec18)}
.neural-dialog .neural-node{background:linear-gradient(125deg,#dfecff1d,#9dbdff0a 50%,#b9fff512);border-color:#e3edff50;box-shadow:inset 0 1px 0 #ffffff23,0 8px 25px #10194d1c;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
.neural-dialog .neural-node:hover,.neural-dialog .neural-node.is-active{background:linear-gradient(125deg,#dfecff32,#9dbdff1a 50%,#b9fff529);border-color:#d2fff2a6;box-shadow:inset 0 1px 0 #ffffff35,0 0 26px #bdcaff15,0 8px 25px #10194d1c}
.neural-dialog .node-icon{background:linear-gradient(140deg,#c7ffff27,#b3baff10);border-color:#d6fff44d;color:#e2fff8}.neural-dialog .node-copy{color:#f4f8ff;text-shadow:0 1px 9px #0c174b50}.neural-dialog .node-copy small{color:#c0d9eee0}.neural-dialog .node-expand{color:#def9f5}.neural-dialog .neural-node:before{opacity:.9;background:linear-gradient(90deg,#d7fff480,#bbdfff1a)}
.neural-dialog .scene-axis{color:#bdd8f574}
.neural-dialog-detail{position:relative;z-index:2;padding:19px 20px;margin-top:14px;border:1px solid #d2e3ff26;border-radius:15px;background:linear-gradient(110deg,#c5d9ff0d,#94d4ff06);box-shadow:inset 0 1px 0 #ffffff0c;backdrop-filter:blur(12px)}
.neural-dialog .node-detail-kicker{color:#b7d8f7;letter-spacing:2px}.neural-dialog h2{color:#e3fff8;text-shadow:0 0 24px #94ffe026}.neural-dialog .node-detail-description{color:#c4d7ed}.neural-dialog .node-detail-tags span{color:#cae7ed;background:#c4eaff0b;border-color:#cde9ff2e;border-radius:99px;padding:3px 10px}
.neural-dialog .neural-zoom{background:#bfddff0b;border-color:#d2e9ff38;border-radius:99px;padding:7px}.neural-dialog .neural-zoom button{background:#c0e2ff0a;border-color:#d6eaff2a;border-radius:50%;color:#e1fff8}.neural-dialog .neural-zoom [data-zoom=reset]{border-radius:99px}.neural-dialog .neural-zoom button:hover{background:#d1efff26}.neural-dialog .neural-zoom output{color:#dcfff4}
@keyframes neuralAuroraDrift{from{background-position:0% 0%,100% 10%,40% 100%,0 0}to{background-position:65% 60%,30% 75%,95% 25%,0 0}}
@keyframes neuralEnergyBreath{0%,100%{scale:.95;opacity:.65}50%{scale:1.08;opacity:1}}
.atmosphere-paused .neural-dialog,.atmosphere-paused .neural-dialog .neural-frame:before{animation-play-state:paused}
@media(max-width:650px){.neural-dialog{border-radius:18px}.neural-dialog-detail{padding:16px 14px;border-radius:12px}.neural-dialog .neural-frame:before{width:72%}.neural-dialog .neural-zoom{padding:6px}.neural-dialog .node-detail-description{font-size:11px;line-height:1.9}}
@media(prefers-reduced-motion:reduce){.neural-dialog,.neural-dialog .neural-frame:before{animation:none}}