.nn-agent{--af-hue:color-mix(in oklab, var(--af-base) 90%, var(--color-brand));--af-body-1:color-mix(in oklab, var(--af-hue) 76%, var(--color-ink));--af-body-2:color-mix(in oklab, var(--af-hue) 93%, var(--color-ink));--af-body-3:color-mix(in oklab, var(--af-hue) 72%, var(--color-paper));--af-rim-top:color-mix(in oklab, var(--color-paper) 94%, var(--af-hue));--af-rim-bottom:color-mix(in oklab, var(--color-paper) 80%, var(--af-hue));--af-halo:color-mix(in oklab, var(--af-hue) 70%, var(--color-paper));--af-eye-top:var(--color-paper);--af-eye:color-mix(in oklab, var(--color-paper) 80%, var(--af-hue));--af-line:color-mix(in oklab, var(--color-paper) 90%, var(--af-hue));--af-glint:color-mix(in oklab, var(--af-hue) 70%, var(--color-ink));--af-outline:color-mix(in oklab, var(--color-paper) 62%, var(--af-hue));--af-frost-top:color-mix(in oklab, var(--color-paper) 97%, var(--af-hue));--af-frost:color-mix(in oklab, var(--color-paper) 86%, var(--af-hue));-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-flex;position:relative}.nn-agent[data-material=frost]{--af-eye-top:color-mix(in oklab, var(--af-hue) 80%, var(--color-ink));--af-eye:var(--af-hue);--af-line:color-mix(in oklab, var(--af-hue) 70%, var(--color-ink));--af-glint:var(--color-paper);--af-halo:color-mix(in oklab, var(--color-paper) 70%, var(--af-hue));--af-outline:color-mix(in oklab, var(--color-paper) 80%, var(--af-hue))}.nn-agent svg{display:block;overflow:visible}.nn-agent-react,.nn-agent-body,.nn-agent-face,.nn-agent-eyes{display:block;position:absolute;inset:0}.nn-agent-face svg,.nn-agent-eyes svg{position:absolute;inset:0}.nn-agent-halo{fill:var(--af-halo);stroke:var(--af-halo);opacity:.34}.nn-agent[data-material=frost] .nn-agent-halo{opacity:.22}.nn-agent-outline{fill:none;stroke:var(--af-outline);stroke-width:2px}.nn-agent-tint{fill:var(--af-hue);stroke:var(--af-hue);opacity:.55}.nn-agent-shine{fill:var(--color-paper);opacity:.34}.nn-agent[data-material=frost] .nn-agent-shine{opacity:.6}.nn-agent-line{fill:none;stroke:var(--af-line);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.nn-agent-glint{fill:var(--af-glint);opacity:.85}.nn-agent-blush{fill:var(--af-line);opacity:.3}.nn-agent-dot{background:radial-gradient(circle at 50% 42%, var(--af-body-1), var(--af-body-2) 55%, var(--af-body-3));box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--color-paper) 55%, transparent), inset 0 2px 3px color-mix(in oklab, var(--color-paper) 45%, transparent), 0 0 10px -2px color-mix(in oklab, var(--af-halo) 45%, transparent);border-radius:9999px}.nn-agent-swatch{--af-hue:color-mix(in oklab, var(--af-base) 90%, var(--color-brand));background:radial-gradient(circle at 50% 28%, color-mix(in oklab, var(--color-paper) 55%, transparent), transparent 46%), radial-gradient(circle at 50% 60%, var(--af-hue), color-mix(in oklab, var(--af-hue) 78%, var(--color-ink)));box-shadow:inset 0 -1.5px 2px #00000047, inset 0 0 0 1px color-mix(in oklab, var(--color-paper) 18%, transparent), 0 1px 2px #00000073}.nn-agent-swatch-custom{background:radial-gradient(circle at 50% 28%, color-mix(in oklab, var(--color-paper) 55%, transparent), transparent 46%), conic-gradient(from 0deg, #ea7ca1, #e38d3d, #9ab140, #00bfa8, #3faff3, #b28fef, #ea7ca1);box-shadow:inset 0 -1.5px 2px #00000047, inset 0 0 0 1px color-mix(in oklab, var(--color-paper) 18%, transparent), 0 1px 2px #00000073}@supports (color:lab(0% 0 0)){.nn-agent-swatch-custom{background:radial-gradient(circle at 50% 28%, color-mix(in oklab, var(--color-paper) 55%, transparent), transparent 46%), conic-gradient(from 0deg, lab(65.7594% 46.0191 .57534), lab(66.9634% 29.0323 55.0545), lab(68.72% -20.1548 52.5929), lab(69.2764% -49.3078 -.351405), lab(67.3837% -15.3887 -43.8205), lab(65.6055% 28.424 -43.8063), lab(65.7594% 46.0191 .575352))}}.nn-agent[data-alive] .nn-agent-body{transform-origin:50% 84%;will-change:transform;animation:nn-af-float calc(var(--tempo-slow) * var(--af-k,1)) var(--ease-loop) var(--af-d1,0s) infinite, nn-af-sway calc(var(--tempo-ambient) * var(--af-k,1)) var(--ease-loop) var(--af-d2,0s) infinite, nn-af-breathe calc(var(--tempo-slow) * var(--af-k,1)) var(--ease-loop) calc(var(--af-d1,0s) - .95s) infinite}.nn-agent[data-alive] .nn-agent-face{will-change:transform;transition:scale var(--dur-standard) var(--ease-out), translate var(--dur-panel) var(--ease-out);animation:nn-af-look calc(12s * var(--af-k,1)) var(--ease-loop) var(--af-d3,0s) infinite}.nn-agent[data-alive] .nn-agent-eyes{will-change:transform;animation:nn-af-blink calc(5.3s * var(--af-k,1)) linear var(--af-d4,0s) infinite}.nn-agent[data-alive] .nn-agent-react{transition:translate var(--dur-standard) var(--ease-out)}.nn-agent[data-alive] .nn-agent-react[data-hop]{animation:nn-af-hop var(--dur-morph) var(--ease-out) both}.nn-agent[data-state=speaking] .nn-agent-body{animation:nn-af-float calc(var(--tempo-steady) * var(--af-k,1)) var(--ease-loop) var(--af-d1,0s) infinite, nn-af-sway calc(var(--tempo-slow) * var(--af-k,1)) var(--ease-loop) var(--af-d2,0s) infinite, nn-af-talk .42s var(--ease-loop) infinite}.nn-agent[data-state=speaking] .nn-agent-face{animation:none;translate:0 -1%}.nn-agent[data-state=thinking] .nn-agent-body{animation:nn-af-float calc(4.6s * var(--af-k,1)) var(--ease-loop) var(--af-d1,0s) infinite, nn-af-ponder calc(var(--tempo-slow) * var(--af-k,1)) var(--ease-loop) var(--af-d2,0s) infinite}.nn-agent[data-state=thinking] .nn-agent-face{animation:none;translate:4% -4.5%}.nn-agent[data-state=thinking] .nn-agent-eyes{animation-duration:calc(7.4s * var(--af-k,1))}@media (hover:hover){.nn-agent[data-alive]:hover .nn-agent-react,:where(button,a,[data-agent-host]):hover>.nn-agent[data-alive] .nn-agent-react,:where(button,a,[data-agent-host]):hover>*>.nn-agent[data-alive] .nn-agent-react{translate:0 -4%}.nn-agent[data-alive]:hover .nn-agent-face,:where(button,a,[data-agent-host]):hover>.nn-agent[data-alive] .nn-agent-face,:where(button,a,[data-agent-host]):hover>*>.nn-agent[data-alive] .nn-agent-face{scale:1.08}}.nn-agent[data-paused] :is(.nn-agent-body,.nn-agent-face,.nn-agent-eyes,.nn-agent-react){animation-play-state:paused}@media (prefers-reduced-motion:reduce){.nn-agent[data-alive] :is(.nn-agent-body,.nn-agent-face,.nn-agent-react,.nn-agent-react[data-hop]){transition:none;animation:none;translate:none;rotate:none;scale:none}.nn-agent[data-alive] .nn-agent-eyes,.nn-agent[data-state] .nn-agent-eyes{animation:nn-af-blink-still 7s step-end var(--af-d4,0s) infinite}}@keyframes nn-af-float{0%,to{translate:0}50%{translate:0 -3.5%}}@keyframes nn-af-sway{0%,to{rotate:-2.5deg}50%{rotate:2.5deg}}@keyframes nn-af-breathe{0%,to{scale:1}50%{scale:1.022 .978}}@keyframes nn-af-talk{0%,to{scale:1}50%{scale:1.03 .955}}@keyframes nn-af-ponder{0%,to{rotate:3deg}50%{rotate:7deg}}@keyframes nn-af-look{0%,14%{translate:0}18%,30%{translate:-5% .5%}34%,46%{translate:0}50%,60%{translate:5% -3%}64%,72%{translate:0}76%,86%{translate:-4% 2.5%}90%,to{translate:0}}@keyframes nn-af-blink{0%,46%{scale:1}47.2%{scale:1 .1}48.6%,93%{scale:1}94.2%{scale:1 .1}95.6%,96.6%{scale:1}97.8%{scale:1 .1}99.2%,to{scale:1}}@keyframes nn-af-blink-still{0%{scale:1}98.28%{scale:1 .1}to{scale:1}}@keyframes nn-af-hop{0%{translate:0;scale:1}22%{translate:0 1.5%;scale:1.06 .93}58%{translate:0 -8%;scale:.97 1.04}to{translate:0;scale:1}}