.segmented {
  display: inline-flex;
  padding: 3px;
  gap: 2px;
  border-radius: var(--radius-pill);
  background: var(--c-glass);
  border: 1px solid var(--c-glass-line);
  -webkit-backdrop-filter: var(--blur);
  backdrop-filter: var(--blur);
}

.segmented__option {
  padding: 6px 13px;
  border-radius: var(--radius-pill);
  font-size: var(--t-sm);
  font-weight: 550;
  letter-spacing: 0.01em;
  color: var(--c-on-ink-soft);
  white-space: nowrap;
  transition: background 0.18s var(--ease), color 0.18s var(--ease);
}

.segmented__option:hover { color: var(--c-on-ink); }

.segmented__option--on,
.segmented__option--on:hover {
  background: var(--c-on-ink);
  color: var(--c-ink);
}