.footer-brand { display: flex; align-items: center; gap: 16px; }
.theme-picker {
  display: inline-flex;
  gap: 2px;
  padding: 4px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: var(--muted);
}
.theme-picker button {
  display: grid;
  width: 44px;
  height: 44px;
  padding: 10px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.theme-picker button[aria-pressed="true"] { color: #fff; background: #1d1d1f; }
.theme-picker button:hover { color: var(--ink); }
.theme-picker button[aria-pressed="true"]:hover { color: #fff; }
.theme-picker button:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.theme-picker svg { display: block; width: 22px; height: 22px; }
[data-theme="dark"] .theme-picker button[aria-pressed="true"] { color: #171719; background: #f5f5f7; }