@property --orb-x{syntax:"<number>";inherits:true;initial-value:0}@property --orb-y{syntax:"<number>";inherits:true;initial-value:0}.agent-orb{width:var(--orb-s);height:var(--orb-s);isolation:isolate;background:var(--orb-bg);box-shadow:0 0 0 1px color-mix(in srgb, var(--orb-led) 30%, transparent);animation:orb-look var(--orb-look) cubic-bezier(.5, 0, .2, 1) var(--orb-look-at) infinite;border-radius:50%;flex:none;display:block;position:relative;overflow:hidden}.agent-orb--path1{animation-name:orb-look-1}.agent-orb--path2{animation-name:orb-look-2}.agent-orb.is-tracking{transition:--orb-x .18s ease-out,--orb-y .18s ease-out;animation:none}.agent-orb__dome{background:radial-gradient(circle at var(--orb-gx0) var(--orb-gy0), color-mix(in srgb, var(--orb-hi) 55%, var(--orb-mid)) 0%, color-mix(in srgb, var(--orb-mid) 70%, var(--orb-led)) 18%, var(--orb-led) 38%, color-mix(in srgb, var(--orb-led) 45%, var(--orb-bg)) 62%, var(--orb-bg) 88%), var(--orb-bg);animation:orb-breathe 5.5s ease-in-out var(--orb-look-at) infinite alternate;position:absolute;inset:0}.agent-orb__leds{pointer-events:none;background:radial-gradient(circle, transparent 38%, #00000080 64%) 0 0 / var(--orb-pitch) var(--orb-pitch), radial-gradient(circle at 50% 46%, transparent 52%, #0000008c 100%);position:absolute;inset:0}.agent-orb__face{justify-content:center;align-items:center;gap:var(--orb-gap);transform:translate(calc(var(--orb-x) * 6%), calc(var(--orb-y) * 5% - 2%)) rotate(var(--orb-tilt));display:flex;position:absolute;inset:0}.agent-orb__eye{width:var(--orb-ew);height:var(--orb-eh);background:radial-gradient(circle, transparent 45%, #0000001a 70%) 0 0 / var(--orb-pitch) var(--orb-pitch), radial-gradient(ellipse at 50% 38%, #fff 0%, color-mix(in srgb, var(--orb-hi) 70%, #fff) 55%, color-mix(in srgb, var(--orb-mid) 55%, var(--orb-hi)) 100%);box-shadow:0 0 calc(var(--orb-s) * .06) color-mix(in srgb, var(--orb-hi) 80%, transparent), 0 0 calc(var(--orb-s) * .16) color-mix(in srgb, var(--orb-mid) 60%, transparent);animation:orb-blink var(--orb-blink) linear var(--orb-blink-at) infinite;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.agent-orb--double .agent-orb__eye{animation-name:orb-blink-double}.agent-orb__iris{width:var(--orb-iris);aspect-ratio:1;background:radial-gradient(circle, var(--orb-led) 0%, color-mix(in srgb, var(--orb-mid) 80%, var(--orb-led)) 45%, color-mix(in srgb, var(--orb-led) 70%, #000) 72%, color-mix(in srgb, var(--orb-bg) 80%, #000) 100%);transform:translate(calc(var(--orb-x) * 24%), calc(var(--orb-y) * 18%));border-radius:50%;place-items:center;transition:scale .3s;display:grid;position:relative}.agent-orb__pupil{aspect-ratio:1;background:radial-gradient(circle at 40% 38%,#1a1d26 0%,#000 70%);border-radius:50%;width:48%;transition:scale .3s}.agent-orb__iris:after{content:"";width:30%;height:30%;translate:calc(var(--orb-x) * -30%) calc(var(--orb-y) * -24%);background:#ffffffe6;border-radius:50%;position:absolute;top:14%;left:20%}.agent-orb__gloss{pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--orb-hi) 25%, transparent), inset 0 calc(var(--orb-s) * -.08) calc(var(--orb-s) * .14) #00000080;background:radial-gradient(46% 30% at 34% 20%,#fff3,#0000 70%);border-radius:50%;position:absolute;inset:0}.agent-orb:hover .agent-orb__iris,a:hover>.agent-orb .agent-orb__iris,a:focus-visible>.agent-orb .agent-orb__iris{scale:1.08}.agent-orb:hover .agent-orb__pupil,a:hover>.agent-orb .agent-orb__pupil,a:focus-visible>.agent-orb .agent-orb__pupil{scale:1.25}@keyframes orb-blink{0%,95%,to{transform:scale(1)}96.4%{transform:scale(1.08,.08)}}@keyframes orb-blink-double{0%,89%,93.6%,to{transform:scale(1)}90.4%,95%{transform:scale(1.08,.08)}91.9%{transform:scaleY(.9)}}@keyframes orb-look{0%,14%,92%,to{--orb-x:0;--orb-y:0}18%,32%{--orb-x:-.85;--orb-y:-.15}36%,50%{--orb-x:.75;--orb-y:.35}54%,68%{--orb-x:.1;--orb-y:-.7}72%,88%{--orb-x:.9;--orb-y:-.1}}@keyframes orb-look-1{0%,16%,94%,to{--orb-x:0;--orb-y:0}20%,38%{--orb-x:.8;--orb-y:-.3}42%,58%{--orb-x:-.6;--orb-y:.5}62%,76%{--orb-x:-.9;--orb-y:-.2}80%,90%{--orb-x:.3;--orb-y:.7}}@keyframes orb-look-2{0%,20%,90%,to{--orb-x:0;--orb-y:0}24%,40%{--orb-x:.2;--orb-y:.75}44%,62%{--orb-x:-.8;--orb-y:.1}66%,86%{--orb-x:.7;--orb-y:-.55}}@keyframes orb-breathe{0%{filter:brightness(.92)saturate()}to{filter:brightness(1.12)saturate(1.1)}}@media (prefers-reduced-motion:reduce){.agent-orb,.agent-orb__dome,.agent-orb__eye{animation:none!important}}