.connection-line{stroke:#27272a;stroke-width:1.5px;fill:none;stroke-linecap:round;transition:stroke .5s}.connection-line.active{stroke:#60a5fa;stroke-width:2.5px;stroke-dasharray:4 8;filter:drop-shadow(0 0 8px #60a5fa99);animation:.6s linear infinite flow}@keyframes flow{0%{stroke-dashoffset:12px}to{stroke-dashoffset:0}}.client-slot{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0c0fcc;border:1px solid #27272acc;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.client-slot:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#60a5fa1a,#0000);width:100%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.client-slot.transmitting:after{animation:.6s ease-in-out transmit}@keyframes transmit{0%{left:-100%}to{left:200%}}.hub-container{z-index:20;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.hub-core{z-index:2;background:#09090b;border:1px solid #52525b;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 0 20px #3b82f633}.hub-core.active{border-color:#60a5fa;transform:scale(1.05);box-shadow:0 0 40px #3b82f64d}.hub-core:after{content:"";z-index:-1;pointer-events:none;border:2px solid #0000;border-radius:50%;position:absolute;inset:-1px}.hub-core.pulse:after{animation:1s cubic-bezier(0,0,.2,1) forwards network-pulse}@keyframes network-pulse{0%{opacity:.8;border-width:2px;border-color:#3b82f6;transform:scale(1)}to{opacity:0;border-width:0;border-color:#3b82f6;transform:scale(2.5)}}.status-light.status-active{transform:scale(1.1);box-shadow:0 0 10px #60a5fa,0 0 20px #60a5fa66}.hub-ring{pointer-events:none;z-index:1;border:1px dashed #3b82f64d;border-radius:50%;width:104px;height:104px;animation:10s linear infinite slow-spin;position:absolute}@keyframes slow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.particle{pointer-events:none;opacity:0;z-index:50;background:#60a5fa;border-radius:50%;position:absolute}
.inference-component{width:100%;position:relative;overflow:hidden}.connections{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.connection-line{stroke:#27272a;stroke-width:1px;fill:none;stroke-linecap:round;transition:stroke .5s}.connection-line.active{stroke:#fff;stroke-width:2px;stroke-dasharray:6 6;filter:drop-shadow(0 0 5px #fff);animation:.8s linear infinite flow}@keyframes flow{0%{stroke-dashoffset:12px}to{stroke-dashoffset:0}}.input-slot{border-radius:6px;transition:all .3s;position:relative;overflow:hidden}.input-slot:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.input-slot.scanning:after{animation:.6s ease-in-out scan}@keyframes scan{0%{left:-100%}to{left:200%}}.ai-core-container{z-index:20;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.ai-core{z-index:2;background:#09090b;border:1px solid #52525b;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 0 15px #00000080}.ai-core:not(.active){animation:4s ease-in-out infinite breathe}@keyframes breathe{0%,to{border-color:#52525b;transform:scale(1);box-shadow:0 0 15px #00000080}50%{border-color:#71717a;transform:scale(1.05);box-shadow:0 0 25px #ffffff0d}}.ai-core.active{border-color:#fff;transform:scale(1.1);box-shadow:0 0 30px #ffffff26}.ai-core:after{content:"";z-index:-1;pointer-events:none;border:2px solid #0000;border-radius:50%;position:absolute;inset:-1px}.ai-core.ripple-green:after{animation:1.2s cubic-bezier(0,0,.2,1) forwards ripple-green}.ai-core.ripple-red:after{animation:1.2s cubic-bezier(0,0,.2,1) forwards ripple-red}@keyframes ripple-green{0%{opacity:.8;border-width:2px;border-color:#10b981;transform:scale(1)}to{opacity:0;border-width:0;border-color:#10b981;transform:scale(3)}}@keyframes ripple-red{0%{opacity:.8;border-width:2px;border-color:#ef4444;transform:scale(1)}to{opacity:0;border-width:0;border-color:#ef4444;transform:scale(3)}}.ai-spinner{opacity:0;pointer-events:none;z-index:1;border:1px solid #fffc;border-color:#fffc #fff3 #0000 #0000;border-radius:50%;width:84px;height:84px;transition:opacity .5s;animation:1s linear infinite spin;position:absolute}.ai-spinner.active{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zone-card{border-radius:6px;transition:all .4s}.particle{pointer-events:none;opacity:0;background:#fff;border-radius:50%;position:absolute}#input-container.collecting .input-slot{border-color:#3f3f4699}#input-container.processed .input-slot{opacity:.6;background:#09090be6;transform:scale(.98)}#ai-core svg{filter:drop-shadow(0 0 8px #fff0);transition:all .3s}.ai-core.active svg{filter:drop-shadow(0 0 12px #ffffff80)}