Animate instructions toggle icon

src/shared/versions.js

@@ -1,6 +1,6 @@
 export const HARBOR_VERSIONS = Object.freeze({
-  macClient: '0.17.12',
-  gatewayClient: '0.18.12',
+  macClient: '0.17.13',
+  gatewayClient: '0.18.13',
   gatewayBackend: '0.18.1',
 });
 

src/web/styles.css

@@ -1693,6 +1693,17 @@ p {
   filter: drop-shadow(0 0 7px color-mix(in oklch, var(--client-accent) 52%, transparent));
 }
 
+.client-instructions-toggle:hover svg,
+.client-instructions-toggle:focus-visible svg {
+  animation: client-secondary-icon-motion 620ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+@keyframes client-secondary-icon-motion {
+  0%, 100% { transform: rotate(0) translateY(0); }
+  34% { transform: rotate(-8deg) translateY(-1px); }
+  68% { transform: rotate(5deg) translateY(0); }
+}
+
 .client-local-rules-toggle:disabled {
   cursor: default;
   color: var(--client-muted);