.inference-component{width:100%;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.inference-component *,.inference-component :after{transition:none!important;animation:none!important}}.inference-component .connections{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.inference-component .connection-line{stroke:hsl(var(--outline-strong));stroke-width:1.5px;fill:none;stroke-linecap:round;transition:stroke .5s}.inference-component .connection-line.active{stroke:hsl(var(--blue));stroke-width:2px;stroke-dasharray:6 6;filter:drop-shadow(0 0 5px hsl(var(--blue) / .5));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:"";background:linear-gradient(90deg, transparent, hsl(var(--blue) / .18), transparent);pointer-events:none;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{border:1px solid hsl(var(--outline-strong));background:hsl(var(--surface-raised));z-index:2;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 #0006}.ai-core:not(.active){animation:4s ease-in-out infinite breathe}@keyframes breathe{0%,to{border-color:hsl(var(--outline-strong));transform:scale(1);box-shadow:0 0 15px #0006}50%{border-color:hsl(var(--text-faint));box-shadow:0 0 25px hsl(var(--blue) / .08);transform:scale(1.05)}}.ai-core.active{border-color:hsl(var(--blue));box-shadow:0 0 30px hsl(var(--blue) / .25);transform:scale(1.1)}.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%{border-color:hsl(var(--green));opacity:.8;border-width:2px;transform:scale(1)}to{border-color:hsl(var(--green));opacity:0;border-width:0;transform:scale(3)}}@keyframes ripple-red{0%{border-color:hsl(var(--danger));opacity:.8;border-width:2px;transform:scale(1)}to{border-color:hsl(var(--danger));opacity:0;border-width:0;transform:scale(3)}}.ai-spinner{border:1px solid #0000;border-top-color:hsl(var(--blue) / .9);border-right-color:hsl(var(--blue) / .25);opacity:0;pointer-events:none;z-index:1;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}.inference-component .particle{pointer-events:none;opacity:0;background:#fff;border-radius:50%;position:absolute}#input-container.collecting .input-slot{border-color:hsl(var(--outline-strong))}#input-container.processed .input-slot{opacity:.6;background:hsl(var(--background) / .9);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 hsl(var(--blue) / .6))}@media (max-width:639px){.ai-core-container{width:60px;height:60px}.ai-core{width:40px;height:40px}.ai-core svg,.ai-core #core-icon{width:20px;height:20px}.ai-spinner{width:52px;height:52px}}
.server-req-component{width:100%;height:100%;position:relative}@media (prefers-reduced-motion:reduce){.server-req-component *,.server-req-component :after{transition:none!important;animation:none!important}}.server-req-component .connections{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.server-req-component .connection-line{stroke:hsl(var(--outline-strong));stroke-width:1.5px;fill:none;stroke-linecap:round;transition:stroke .5s}.server-req-component .connection-line.active{stroke:hsl(var(--blue));stroke-width:2.5px;stroke-dasharray:4 8;filter:drop-shadow(0 0 6px hsl(var(--blue) / .5));animation:.6s linear infinite flow}@keyframes flow{0%{stroke-dashoffset:12px}to{stroke-dashoffset:0}}.client-slot{background:hsl(var(--surface-raised));border:1px solid hsl(var(--outline-strong));border-radius:999px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.client-slot:after{content:"";background:linear-gradient(90deg, transparent, hsl(var(--blue) / .14), transparent);pointer-events:none;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{border:1px solid hsl(var(--blue));background:hsl(var(--surface-raised));z-index:2;width:80px;height:80px;box-shadow:0 0 20px hsl(var(--blue) / .15);border-radius:50%;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.hub-core.active{border-color:hsl(var(--blue));box-shadow:0 0 40px hsl(var(--blue) / .25);transform:scale(1.05)}.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%{border-color:hsl(var(--blue));opacity:.8;border-width:2px;transform:scale(1)}to{border-color:hsl(var(--blue));opacity:0;border-width:0;transform:scale(2.5)}}.status-light.status-active{box-shadow:0 0 10px hsl(var(--blue)), 0 0 20px hsl(var(--blue) / .4);transform:scale(1.1)}.hub-ring{border:1px dashed hsl(var(--blue) / .35);pointer-events:none;z-index:1;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)}}.server-req-component .particle{background:hsl(var(--blue));pointer-events:none;opacity:0;z-index:50;border-radius:50%;position:absolute}@media (max-width:639px){.server-req-component .hub-container{width:76px;height:76px}.server-req-component .hub-core{width:52px;height:52px}.server-req-component .hub-ring{width:68px;height:68px}}